Codey

Appearance

Changelog ​

15.0.0-next.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.

14.0.0-next.3 ​

Major Changes ​

  • e5fbeb2: FileUpload: removed style overrides. These are now included in @xerius/codey-components.

14.0.0-next.2 ​

Major Changes ​

  • 95f234f: XerNavBar and XerNavBarItem: Removed styles in favor of tailwindcss styling.

  • d6c9308: XerLink: Removed styles in favor of tailwindcss styling.

  • ec4a8fb: XerButtonGroup: Scss styling has been removed in favor of the use of Tailwind Utillity classes in the component.

  • 3269079: XerIcon: Removed styling for icon component.

    To Migrate:

    • Use the @xerius/codey-tailwind package and setup Tailwind CSS in your project.

  • 77f0f64: XerDivider migrated from Codey Style Theme to Tailwind. All the CSS styling from the Codey Style package for the XerDivider component has been removed and replaced with Tailwind CSS classes.

    To migrate:

    • Use the @xerius/codey-tailwind package and setup Tailwind CSS in your project.

  • 3959df0: XerStepIndicator: removed styling

  • 6bcf317: XerTable: Removed styling in conversion to tailwind.

  • 833c523: XerModal: Styling has been removed and the component is update to use Tailwind and Prime Preset.

  • 49afd90: XerOnboarding: Styling has been removed and the component is update to use tailwind.

  • 3efcdc6: XerTabs: Removed styling in migration to PrimeVue tailwind styled component.

  • 73f5a30: Card remove the card styling classes from the Codey Style package.

    The removed classes:

    css
    .card .card--animated .card--xxxl .card--xxl .card--xl .card--l .card--s .card--xs;

    To migrate:

    • Remove the card classes from your HTML elements.
    • If needed, use Tailwind utility classes to achieve the same layout.

  • 93e65f1: XerBreadcrumb migrated from Codey Style Theme to Tailwind. All the CSS styling from the Codey Style package for the XerBreadcrumb component has been removed and replaced with Tailwind CSS classes.

    To migrate:

    • Use the @xerius/codey-tailwind package and setup Tailwind CSS in your project.

  • ae15743: XerOptionInput: Removed styling, component is deprecated, check @xerius/codey-component for migration.

  • db6d9de: XerEllipsis: Styling has been removed and the component is update to use tailwind.

14.0.0-next.1 ​

Major Changes ​

  • 2e3d460: Removed assets, migrate to @xerius/codey-assets.

14.0.0-next.0 ​

Major Changes ​

  • 342d45d: Bump of Node engine to >=18.0.0

  • 342d45d: Removal of all Tailwind related config & utilities.

    To Migrate:

    • Install @xerius/codey-tailwind package
    • Convert the plugin use to the preset setup.

    View the @xerius/codey-tailwind documentation for more information.

  • 342d45d: Side Sheet: Remove XerSideSheet component for XerSidebar.

  • 342d45d: Tailwind Config: Screen breakpoints have been adjusted to new design standaards.

    To Migrate:

    • Verify your responsive design is functioning correctly.
    • Ensure you implemented responsive design with a mobile first approach as recommended by Tailwind.

  • 342d45d: TODO Merge with other SAS files Major Changeset (Preferably no changeset change per component)

    Deleted _accordions.scss in favor of Tailwind styling

Minor Changes ​

  • 342d45d: Add color stroke default

  • 342d45d: Add svg assets for bubble button

  • 342d45d: Tailwind Config: Add missing default min-h properties.

  • 342d45d: Refactor the styling for supporting Prime Vue component styling

  • 342d45d: Tailwind Config: Add tokens for layer states on hover, active, focus,...

    Use these tokens to style the layer states on hover, active, and focus depending on the variant colors.

  • 342d45d: Tailwind Config: Add font theme setup

13.2.0-next.0 ​

Minor Changes ​

  • dfbf9a639: Add themable colors support

13.1.2-next.0 ​

Patch Changes ​

  • 3a132246f: Update styling for the Option Input lists with items as containers

13.1.1-next.0 ​

Patch Changes ​

  • e6406cc9f: fix side sheet content to get behind backdrop

13.1.0-next.0 ​

Minor Changes ​

  • 9eb923d7a: XerTextfield: Tweak scrollable option styles

Patch Changes ​

  • 43aac15a4: Add list-style:none to make sure the list has no bullets even without Tailwind reset

13.0.0-next.6 ​

Minor Changes ​

  • c47bf8dac: XerMultiSelect: Tweak styles and add missing search icon override.
  • 441ee7fd2: Add Prime Multi select component

13.0.0-next.5 ​

Patch Changes ​

  • a897a6f7a: Update exports to support TS 5 ModuleResolution: bundler
  • a897a6f7a: Add ignoreDeprecations to tsconfig.json to silence warnings of deprecated features used by Vue base tsconfig.

13.0.0-next.4 ​

Minor Changes ​

  • 253cde0d6: Add new pictorgrams: form, facturatiegegevens and contactgegevens

13.0.0-next.3 ​

Patch Changes ​

  • 61cde93da: Enhance performance by cleaning up safelist pattern for tailwind config

13.0.0-next.2 ​

Patch Changes ​

  • 309a57de2: Fix merge of safelist with pattern

13.0.0-next.1 ​

Patch Changes ​

  • a1aa205bc: Update config with safelist of colors

13.0.0-next.0 ​

Major Changes ​

  • c634c15f3: Migrate to tailwindcss 3 and added config helper functions

    Migration:

    Remove the links towards the tailwind.min.css files from the @xerius/codey-style package.

    This can be found for example in the main.js file:

    js
    ...
import './../build/tailwind.min.css'
...

    Or in the styles.scss file:

    css
    ...
@import '../build/tailwind.min.css';
...

    After Updating/Installing Tailwind v3 use the useTailwindConfig and usePostCssConfig helpers to configure Tailwind for your application. Navigate to the tailwind.config.js file to configure Tailwind. Import the useTailwindConfig helper function. This function will return a basic Tailwind config provided by the Codey team.

    js
    // tailwind.config.js
import { useTailwindConfig } from "@xerius/codey-style";

module.exports = useTailwindConfig();

    In our case we also need to customise the Post CSS config a bit. For this you can use the usePostCssConfig helper function from the @xerius/codey-style package. And use it to set the Post CSS config.

    js
    // postcss.config.js
const { usePostCssConfig } = require("@xerius/codey-style");

module.exports = usePostCssConfig();

    More information can be found in the Codey docs.

12.0.0-vue3.8 ​

Patch Changes ​

  • cf72461d3: Extend package.json exports list to be backward compatible when it wasn't there.

12.0.0-vue3.7 ​

Major Changes ​

  • 3cf9790fb: tailwind.overrides.js renamed to tailwind.overrides.cjs as the lib has changed to type = "module".

12.0.0-vue3.6 ​

Minor Changes ​

  • 612180696: Add getCodeyImageUrl to get different img urls pointing to our cdn.

12.0.0-vue3.4 ​

Patch Changes ​

  • fix forgetting update package-lock

12.0.0-vue3.3 ​

Patch Changes ​

  • Fix using animation style attribute

12.0.0-vue3.2 ​

Minor Changes ​

  • cf0a6607: Add slow rotate css class

12.0.0-vue3.1 ​

Major Changes ​

  • 619c8df05: Convert build scripts to ESM so they can be run by packages of type: "module"

Patch Changes ​

  • 619c8df05: Add missing dependencies that are required when running the build scripts by the consumers.

12.0.0-vue3.0 ​

Major Changes ​

  • 69142c9ae: Replaced XerAlert and XerAlertStack with PrimeVue Toast component, witch is exported as XerToast. The documentation for the Toast component can be found here.

Minor Changes ​

  • 067cf8a86: Use CDN_URL var from codey-internal package instead of variable file

11.4.0-next.0 ​

Minor Changes ​

  • 982c93f0: Add style prop variant for side sheet

Patch Changes ​

  • f7866c67: Fix z-index of date picker being to low against other components
  • 57f38750: Fix onboarding button width on mobile

11.3.0-next.1 ​

Patch Changes ​

  • 960849be: Fix full width was clickable of close button

11.3.0-next.0 ​

Minor Changes ​

  • 31a937ab: Add cross grey pictogram

Patch Changes ​

  • 5a24d89a: Fix side sheet behavior

11.1.0-next.0 ​

Minor Changes ​

  • d059fd06: Add clock-late pictogram.

11.0.0-next.7 ​

Patch Changes ​

  • 3499b69f: Fix header partner logo uitlijning

11.0.0-next.6 ​

Patch Changes ​

  • 69e3dfba: Fix footer background image size

11.0.0-next.5 ​

Major Changes ​

  • 23f2a974: postcss@8 is now a required peer dependency

11.0.0-next.4 ​

Minor Changes ​

  • 27477a82: Added phone-ringing pictogram

11.0.0-next.3 ​

Patch Changes ​

  • bf2e4992: Force patch update after changeset config change: updateInternalDependents: always
  • Updated dependencies [bf2e4992]
    • @xerius/codey-utils@11.0.0-next.2

11.0.0-next.2 ​

Major Changes ​

  • 096f0504: Required node version is now >= 14

11.0.0-next.1 ​

Patch Changes ​

  • 8fe27061: Change codey-constants vars to local variables.js file

11.0.0-next.0 ​

Major Changes ​

  • 63cdece0: Reset version to new baseline

Patch Changes ​

  • Updated dependencies [63cdece0]
    • @xerius/codey-utils@11.0.0-next.0