Changelog

2.1.2

Patch Changes

• 8a98440: syncpack sortExports rule update.

2.1.1

Patch Changes

• fa871ef: Updated vue dependency from vue@3.5.13 to latest patch version vue@3.5.15.

2.1.0

Minor Changes

• 4262e65: Added a documentation class to replace xer-documentation from @xerius/codey-style

• 2c681ac: Changed default (responsive) text sizes to be measured in rem instead of px. This should cause no change with default device settings. Now, when users select a different device/browser font-size (usually for accessibility reasons), our default responsive sizes should be relative to their selected font-size.

  Because our spacing and sizing variables are also rem based, they will all also follow the default scaling preference selected by the user.

Patch Changes

• 2d3f110: Lists: fix styling of unordered lists that uses svgs to work better when the content is not just plain text

2.0.0

Major Changes

• dca02aa: Node: Upgraded from node@18.18 to node@22.14.

  To Migrate:

  • Update the node version in the volta configuration in the package.json file.
  • Update the engine version in the package.json file.
  • Update the node version in any ci/cd pipes that have a fixed version.
  • Remove your node_modules and run a npm install.
  • Ensure all dependencies are compatible with the new node version.
  • If your package contains @tsconfig/node18 dependency, update it to @tsconfig/node22. Search for string occurence of @tsconfig/node18 in tsconfig files and replace there as well.

Minor Changes

• 19bc32f: Updated & applied new tsconfig settings for consistant type checking within the codey repo.

Patch Changes

• f740e78: Eslint: update to latest @xerius/eslint-config using helper function for flat config.

1.1.0

Minor Changes

• 1031b18: animation: Add spin-slow animation for loading indicator.

1.0.0

This is the first release of the @xerius/codey-tailwind package and partially holds an extract of the tailwind config previously in the @xerius/codey-style package. Besides this, it has many breaking changes towards previous tailwind usage to align with the new Xerius 2025 Design and to support theming. The main package changes are:

• moved to a semantic color naming system.
• removed the xer- prefix from all tailwind classes.
• Updated responsive breakpoints.
• introduced new typography classes.

Major Changes

• bab27e0: Color variable changes to match new xerius design and support theming.

  To Migrate:

  • Migration to the latest @xerius/codey-components to get the correctly styled new components.
  • In case of own components, you can follow the mapping below to migrate:

  Old Color Variable	New Color Variable
  transparent	primary-inverse-transparent
  info	info
  info-15	info-transparent-emphasis-10
  warning	warning
  success	success
  danger	danger
  danger--hover	danger-emphasis
  danger--active	danger
  error	danger
  white	base
  black	on-base-emphasis
  primary	brand
  secondary-1	secondary
  secondary-2	quaternary
  secondary-3	tertiary
  cta	primary
  cta--hover	primary-emphasis
  cta--active	primary
  grey	surface-inverse-4
  grey-1	base
  grey-2	surface-neutral-1
  grey-3	surface-neutral-2
  grey-4	surface-neutral-3
  grey-5	surface-neutral-4
  grey-6	surface-inverse-3
  grey-7	surface-inverse-2
  grey-dark	on-base
  backdrop	color-backdrop

  All new color variable names are available through Tailwind.

• 62fc987: Update Typography and related class configuration.

  To Migrate:

  The below util classes are no longer available as these properties are now automatically applied based on the title or text class used.

  • Letter spacing is removed, tracking-1 & tracking-2 are no longer available.
  • Line height is removed, leading-0, leading-1, leading-2, leading-3 are no longer available.
  • Font Weight is removed, font-light, font-regular, font-medium, font-bold are no longer available.
  • Font Size is removed, text-xxs, text-xs, text-s, text-m, text-l, text-xl, text-xxl, text-xxxl are no longer available.

  The available text classes are:

  • .typo-primary-title
  • .typo-secondary-title
  • .typo-tertiary-title
  • .typo-quaternary-title
  • .typo-quinary-title
  • .typo-primary-text
  • .typo-secondary-text
  • .typo-intro-text
  • .typo-quote-text

  For an initial base migration, the following mapping can be used:

  Old Class Name	New Class Name
  heading-xxl	typo-primary-title
  heading-xl	typo-secondary-title
  heading-l	typo-tertiary-title
  heading-m	typo-quaternary-title
  heading-s	typo-quinary-title
  text-s	typo-secondary-text

  Extra review by a designer will be required to finetune the typography within the overall look and feel of the application.

• 642755b: Components: The xer- prefix has been removed from all components. This means that all Tailwind utility classes are now without the xer- prefix.

  Documentation: The documentation has been updated to reflect the changes in the components and it's own components have been updated to also have the removal of the Tailwind xer- prefix. Playground: The playground has been updated to reflect the changes in the components and it's own components have been updated to also have the removal of the Tailwind xer- prefix. Tailwind: The Tailwind package has been updated to have the removal of the Tailwind xer- prefix where Tailwind Utility classes were used and from the preset in the config file.

  To migrate:

  • Remove xer- prefix from the tailwind config files. (See the prefix and safelist options)
  • Remove the xer- prefix from all Tailwind utility classes.

  From:

  <div class="xer-flex xer-flex-wrap xer-justify-content-center xer-gap-2">...</div>

  To:

  <div class="flex flex-wrap justify-content-center gap-2">...</div>

• 1fb2c1b: spacings: removed responsive spacings.

  There will no longer be automatic changes to the spacings based on the screen size. Scaling will be done using font-size and the linked rem values. If specific spacings are needed for different screen sizes, they should be defined using the responsive breakpoints.

• bab27e0: Updated border radius to new values

  To Migrate:

  Old Value	New Value
  rounded-lg	rounded-md
  rounded-xl	rounded-lg
  rounded-2xl	rounded-lg
  rounded-3xl	rounded-lg

• bab27e0: Removed redundant shadows from config

  To Migrate:

  Old Value	New Value
  shadow-1	shadow
  shadow-2	shadow
  shadow-3	shadow
  shadow-4	shadow
  shadow-5	shadow
  shadow-6	shadow
  shadow-7	shadow
  shadow-8	shadow

  At this moment there is only one shadow value.

• bab27e0: Revert border config to tailwind defaults.

  To Migrate:

  Old Value	New Value
  border-3	border-2
  border-6	border-4

  Other values remain the same.

• bab27e0: Screen breakpoint names & values change to match the new design.

  To Migrate:

  Old Value	New Value
  mobile	xs
  tablet	sm
  laptop	md
  desktop	lg
  large-desktop	xl

• bab27e0: min-height: Reverted to tailwind defaults for the new design.

  To Migrate:

  • Update the following values to the new match:

  Old Value	New Value	Breaks?
  min-h-0	min-h-0
  min-h-1	min-h-0.5	💔
  min-h-2	min-h-1	💔
  min-h-3	min-h-2	💔
  min-h-4	min-h-3	💔
  min-h-5	min-h-4	💔
  min-h-6	min-h-5	💔
  min-h-7	min-h-6	💔
  min-h-8	min-h-8
  min-h-9	min-h-9
  min-h-10	min-h-10
  min-h-11	min-h-11
  min-h-12	min-h-14 *	💔
  min-h-13	min-h-16 *	💔
  min-h-14	min-h-20	💔
  min-h-15	min-h-24 *	💔
  min-h-16	min-h-32 *	💔
  min-h-17	min-h-40	💔
  min-h-1/4	min-h-[25%]	💔
  min-h-1/2	min-h-[50%]	💔
  min-h-3/4	min-h-[75%]	💔

  Note: * Values are not an exact match and differ 0.25rem from the original values.

• 342d45d: First Release: Move all Tailwind & related theming config from codey-style to this package

Minor Changes

• 3efcdc6: Typography: Added .typo-button-text class and set font scaling correctly.
• 6c523a8: Typography: Added button-small-text class
• e5fbeb2: Typography: Made typo classes font, size and thickness !important so it can correctly override external lib styles.
• 4573fa6: Typography Lists: Add styling and Tailwind Classes to match designs.
• be9d70d: Updated Figma colors to latest export.
• 852f364: Charts: Added color export to js object for use with chartjs.
• 7c0ccbd: Typography: Update setup to support my-family fonts.
• 1875596: Colors: Added extra tinted colors for states (danger & success)
• 398c8a7: Figma-token-import: added the import of Semantic tokens from a categorie like 'Buttons' to add to the theme css files.
• db6d9de: spacings: Add 0 spacing.
• 2f9f5db: Spacing: move available custom util to spacing from height-extensions for wider usage possibilities.
• 7c0ccbd: Colors: Update latest colors.
• d6c9308: Typegraphy: Apply bg-base and text-on-base colors to type classes.
• 5ce7021: Add intellisense for custom title & text classes
• 2f9f5db: Colors: Update colors from figma import.
• 1875596: Typography: Added quenternary-text
• 852f364: Chart: Added chart colors to export categories.
• 3ddad73: Added font-bold util class

Patch Changes

• 3ddad73: Correct the codey-assets package version number used for fetching fonts.
• d535c38: Typography: Add font anti-aliasing
• 110d51c: Fix incorrect package exports paths
• db6d9de: Typography: Fix theme typography class structure
• 2e3d460: Adopt new assets url.
• 398c8a7: Theme Colors: The color value of some css theme color variables has been updated to match the design.
• 3a64757: REMOVE THIS LINE: Test for release raport
• 3d73a51: Add missing peerDependency to autoprefixer.
• 1875596: Typography: adjust text size of secondary & tertiary text to match designs.