Skip to main content Skip to docs navigation

Changelog

on this page you will find an overview of individual changes in versions

0.43.0

  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^2.5.0
    • @lmc-eu/spirit-design-tokens - ^2.1.1,
    • @lmc-eu/spirit-web-react - ^2.5.0
    • lmc/spirit-web-twig-bundle - ^3.4.1
  • Introduce Flex component in react implementation
  • Introduce new underlined prop to the Link component
  • Add spacing property to Tabs component
  • Add alignmentX and alignmentY prop to Grid component
  • Add spacing property to Grid component
  • Remove deprecation warnings in react implementation defaultProps
  • Bugfix sonarcloud analyze
  • Bugfix provide data-src in Image component when is enabled lazy state

0.42.0

  • [BC] Update Major versions @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^2.2.0
    • @lmc-eu/spirit-design-tokens - ^2.0.2,
    • @lmc-eu/spirit-web-react - ^2.2.0
    • lmc/spirit-web-twig-bundle - ^3.2.0
  • Update npm dependencies cypress & utils

0.41.0

  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^1.14.0
    • @lmc-eu/spirit-design-tokens - ^1.1.6,
    • @lmc-eu/spirit-web-react - ^1.17.0
    • lmc/spirit-web-twig-bundle - ^2.15.0
  • Update lmc/coding-standard - ^4.1
  • Update docs php version to 8.3

0.40.1

0.40.0

  • Introduce DropdownModern component
  • Introduce TooltipModern component

0.39.0

  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^1.13.1
    • @lmc-eu/spirit-design-tokens - ^1.1.5,
    • @lmc-eu/spirit-web-react - ^1.16.1
    • lmc/spirit-web-twig-bundle - ^2.14.1
  • Upgrade docs Symfony to 6.4
  • Change Docs build to Vite
  • Update Figma embed links in Docs
  • Move Unit tests to Vitest

0.38.1

  • Add new icon spinner to icon set

0.38.0

  • [BC] Rename icon name from list-catagory to list-category
  • Export all scss tokens to Javascript
  • Add isScrollable property option to disable scrolling inside Modal component
  • Add isFluid property to FieldGroup component
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^1.11.0
    • @lmc-eu/spirit-web-react - ^1.13.1
    • lmc/spirit-web-twig-bundle - ^2.12.0
  • Fix disabling scrollable page when Modal is open
  • Add Dependabot configuration to project
  • Add new icon seduo to icon set

0.37.0

  • Add peer dependency html-react-parser package in version ^5.1.0
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^1.10.0
    • @lmc-eu/spirit-web-react - ^1.12.0
    • lmc/spirit-web-twig-bundle - ^2.11.0

0.36.1

  • Fix completion of the missing spaces token in the typescript type

0.36.0

  • [BC] Drop support innerShadow prop in ContentBox
  • Refactoring implementation of shadow, borderRadius and padding props in ContentBox component and allow responsive values and all design tokens
  • Refactoring implementation of color prop in Dot component to allow design tokens
  • Introduce NoSsr component (only React)
  • Change $body-* tokens font-weight from 700 to 600 (to fit with the Figma)
  • Introduce spacing prop into Stack component
  • Export colors, radius, spaces, breakpoints variables into css tokens
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^1.8.0
    • @lmc-eu/spirit-design-tokens - ^1.1.3
    • @lmc-eu/spirit-web-react - ^1.10.0
    • lmc/spirit-web-twig-bundle - ^2.9.0
  • Update icons from figma

0.35.0

  • Change build UI tool from Webpack to Vite
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^1.6.0
    • @lmc-eu/spirit-design-tokens - ^1.1.2
    • @lmc-eu/spirit-web-react - ^1.8.0
    • lmc/spirit-web-twig-bundle - ^2.7.0

0.34.0

  • [BC] Drop support react 17
  • [BC] Update NodeJS version to 20 from 18 in docker container
  • [BC] Update minimal version Node to >=20 and npm >=10 to build UI
  • Introduce IconOverlay component
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^1.4.0
    • @lmc-eu/spirit-design-tokens - ^1.0.3
    • @lmc-eu/spirit-web-react - ^1.6.0
    • lmc/spirit-web-twig-bundle - ^2.3.1

0.33.2

  • Fix typo notification icons

0.33.1

  • Fix case sensitive icons

0.33.0

  • [BC] Drop support Alert camelCase icon names in iconName prop in React implementation
  • [BC] Drop body-*-link scss tokens
  • [BC] change $radius-500 token to $radius-700. This affect values in property borderRadius in ContentBox component

  • Expansion $radius-* token scale with new variants

    -$radius-500: 50%;

+$radius-500: 16px;
+$radius-600: 24px;
+$radius-700: 50%;
  • Change icons name from camelCase to kebabCase (Icon components has Backward compatibility)
  • Introduce LinkButton component
  • Introduce FieldGroup component
  • Introduce new icons from figma
  • Add prop name to svg title into Icon component
  • Change default property hasSpacing value to true in Stack component after Spirit packages update to prevent breaking change.
  • Add data-spirit-toggle=accordion into Accordion component after Spirit packages update to prevent breaking change
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^1.0.2
    • @lmc-eu/spirit-web - ^1.2.1
    • @lmc-eu/spirit-web-react - ^1.3.0
    • lmc/spirit-web-twig-bundle - ^2.3.0

0.32.0

  • [BC] incorporation of all migration changes from spirit
    • Change all data- attributes for javascript prefixed with data-spirit-
    • Rename component RadioField to Radio
    • Rename component CheckboxField to Checkbox
    • Rename prop validator_message to validation_text in Radio, Checkbox, TextField, TextArea components
    • Rename prop validationState value error to danger in Radio, Checkbox, TextField, TextArea components
    • Rename prop message to validationText in Radio, Checkbox, TextField, TextArea components
  • [BC] drop class or className property in all twig components. Using UNSAFE_className instead
  • [BC] drop className in all react components. Using UNSAFE_className instead
  • [BC] Add underline to hover and active states to default links
  • Button and ButtonLink components are support emotion colors
  • Pill component support Action colors
  • Add linkComponent property in Badge, BreadcrumbItem, PillSwitch components
  • Drop all html doc examples
  • Update All components properties in docs
  • Create type dictionaries
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^1.0.1
    • @lmc-eu/spirit-web - ^1.1.0
    • @lmc-eu/spirit-web-react - ^1.1.0
    • lmc/spirit-web-twig-bundle - ^2.1.0
  • Bugfix href attribute in Badge twig component

0.31.0

  • Add Select component from Spirit
  • Add title property to AvatarGroup link
  • Update NodeJS version to 18 from 16 in docker container
  • Fix copy SSH keys from localhost to docker container
  • Rename JSX.Element to React.JSX.Element

0.30.0

  • [BC] drop support className prop in ImageBadge component use UNSAFE_className instead
  • Add onAfterClose property on UncontrolledAlert component
  • Add Accordion component from Spirit
  • Allow all icon from icons set into icon prop in ImageBadge component
  • Allow padding prop value 0 in ContentBox component
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.25.5
    • @lmc-eu/spirit-web - ^0.50.0
    • @lmc-eu/spirit-web-react - ^0.48.2
    • lmc/spirit-web-twig-bundle - ^1.34.0
  • Update peer dependency react package to ^17.0.2 || ^18.2.0,
  • Update all npm dev dependencies
  • Doc run on non-root user in docker
  • Introduce new icons from figma

0.29.2

  • Change Modal Header title to Heading small

0.29.1

  • Bugfix size of Heading large text bold
  • Change Avatar large component heading to small

0.29.0

  • [BC] Heading and Body tokens refactoring
    • drop xxsmall for heading size (also in Skeleton component for Headings)
    • change size tokens from: 
      $font-size-90: 0.75rem; // 12px
$font-size-100: 0.813rem; // 13px
...
$font-size-700: 1.75rem; // 28px
$font-size-800: 2.25rem; // 36px
$font-size-900: 3.125rem; // 50px

      to:

      $font-size-100: 0.75rem; // 12px
...
$font-size-700: 2rem; // 32px
$font-size-750: 2.25rem; // 36px
$font-size-800: 2.5rem; // 40px
$font-size-900: 3rem; // 48px
$font-size-950: 3.125rem; // 50px
  • [BC] Drop dotColor property in PillSwitch component and allow using Icon and Dot inside.
  • Fix Links in Heading component
  • Fix RatingStars component in Safari
  • Fix set default color to primary into Text, Heading and Hero twig components
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.25.4
    • @lmc-eu/spirit-web - ^0.48.0
    • @lmc-eu/spirit-web-react - ^0.47.0
    • lmc/spirit-web-twig-bundle - ^1.33.0
  • export useStyleProps hook from spirit
  • export types badgeColor and badgeSizes from spirit
  • update Dropdown docs
  • Refactoring docs:
    • Upgrade Symfony to 6.3
    • Upgrade PHP to 8.2
    • Remove sensio/framework-extra-bundle bundle
    • Change Routes from Annotations to Attributes
  • Update Cypress and Percy dependencies

0.28.0

  • Introduce Dot component
  • Introduce Tertiary Link
  • Introduce new icons NotificationsOffFilled and NotificationsOnFilled

0.27.0

  • [BC] drop support className props in Delimiter components use UNSAFE_className instead
  • [BC] drop support className props in ContentBox and ContentBoxDelimiter components use UNSAFE_className instead
  • Introduce emotion colors in typography components Text, Heading and Hero
  • Prop class or style marked as deprecated in twig implementation
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^0.45.0
    • @lmc-eu/spirit-web-react - ^0.44.0
    • lmc/spirit-web-twig-bundle - ^1.30.0
  • Introduce new icons from figma
  • Refactoring Buttons:
    • Button/Small: Icon size changed to 24px
    • Text Style Body/Large/Button: Line height changed to 1.35 (135 %)
    • Text Style Body/Large/Button: Font size changed to 18px
    • Text Style Body/Small/Button: Font size changed to 16px
    • Text Style Body/Small/Button: Line height changed to 1.5 (150 %)
    • Text Style Body/Small/Badge: Line height changed to 1.2 (120 %)
  • Set default color to primary into Text, Heading and Hero components
  • Fix Modal footer padding top to 32px

0.26.1

  • Fix srcSet in twig implementation the Image component
  • Fix typo in docs

0.26.0

  • Introduce Modal component
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^0.44.0
    • @lmc-eu/spirit-web-react - ^0.42.0
    • lmc/spirit-web-twig-bundle - ^1.28.1
  • Fix lazy class property in the Image component

0.25.0

  • [BC] change All components dictionary size from regular to medium
  • [BC] extend Icon sizes with XXXLarge and change XLarge from 48px to 40px , XXLarge from 64px to 48px and XXXLarge to 64px
  • Introduce component Delimiter
  • Refactor usage new component Delimiter into ContentBox
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^0.43.0
    • @lmc-eu/spirit-web-react - ^0.41.0
    • lmc/spirit-web-twig-bundle - ^1.27.0
  • Update buttons styles by figma changes
  • Change ContentBox border color from $border-primary-hover to $border-primary-default
  • Update color scss tokens:
    • tokens $opacity-white and $opacity-black includes the entire range of opacity tokens
    • tokens $border-colors include the entire range of border colors tokens
    • tokens $background-colors include the entire range of border colors tokens
  • Introduce bg-* utility classes includes all background and brand colors
  • Introduce gap-x-* and gap-y-* utility classes
  • Change Badge XSmall size typography
  • Fix font-smoothing
  • Fix ImageBadge icon position
  • Fix Button square size
  • Remove unused $body-xsmall-badge token
  • Add check minimum requirements node and npm version for DS development
  • Upgrade cypress (to 12.7.0) and percy (to 1.20.3)
  • Update Typescript to 4.9.5
  • Change QA pipelines to Node 18
  • Update docs dependencies
  • Change link for lmc-eu spirit packages in sass

0.24.0

  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^0.42.0
    • @lmc-eu/spirit-web-react - ^0.40.0
    • lmc/spirit-web-twig-bundle - ^1.26.0
  • Introduce new icons from figma
  • Allowing export of some hook, context and type from spirit
  • Allowing export some scss mixins
  • Replace scss typography mixin map-attributes to generate

0.23.1

  • Introduce new Icon size xlarge and xxlarge
  • Fix Text component elementType prop

0.23.0

  • Introduce UncontrolledAlert component
  • Introduce brand colors in typography
  • Introduce React implementation of Tooltip component
  • Introduce warning variant of component Alert
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.25.2
    • @lmc-eu/spirit-web - ^0.41.1
    • @lmc-eu/spirit-web-react - ^0.39.1
    • lmc/spirit-web-twig-bundle - ^1.25.1
  • Fix link colors in Alert components
  • Fix docs text-align utility classes
  • Fix button small square
  • Fix RatingStars console warning for Each child in a list should have a unique "key" prop.
  • Introduce new icons from figma
  • Change Body Large Texts line-height from 1.5 to 1.55

0.22.0

  • [BC] Change PartnersImages to AvatarGroup
    • change prop images to avatars in AvatarGroup component
    • add small size in AvatarGroup component and change the dimensions of the other sizes
    • fix AvatarGroup for lazy loading
  • Introduce Avatar component
  • Introduce Collapse components
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.25.0
    • @lmc-eu/spirit-web - ^0.39.1
    • @lmc-eu/spirit-web-react - ^0.37.1
    • lmc/spirit-web-twig-bundle - ^1.23.0
  • Upgrade docs Symfony to 6.2
  • add script for build arm64 images locally and command make build-arm-base
  • bugfix init cypress in command make init
  • Add display-* utility classes

0.21.0

  • Add support React 18
  • Update React 18 in docs examples
  • Introduce TextArea component
  • Introduce Dropdown component
  • Introduce PartnersImages component
  • Introduce Link and Link-underline scss tokens
  • Introduce responsive in Breadcrumb component
  • Redesign Spinner component
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.24.0
    • @lmc-eu/spirit-web - ^0.37.0
    • @lmc-eu/spirit-web-react - ^0.35.0
    • lmc/spirit-web-twig-bundle - ^1.20.0
  • Update dev dependencies and refactoring styles
  • Add new configuration spiritStyles in build.config.js for automatic generate components/spirit.scss
  • Add new shadow style $shadow-50
  • Introduce new icons from figma

0.20.1

  • Introduce new icons from figma

0.20.0

  • [BC] docs in php 8
  • [BC] rename color scss tokens to spirit name convention
  • [BC] drop token $background-cover-active
  • [BC] drop unnecessary position property in ButtonIcon and BadgeIcon components
  • update color tokens from figma
  • update typography tokens $body-large-button $body-medium-button and $body-small-button font-weight to semi-bold
  • Introduce $body-xsmall-button typography token
  • Redesign RatingStars component and introduce large size
  • Introduce clickable RatingStars component variant
  • Introduce PillSwitch small variant
  • Introduce new icons from figma
  • Improve docs navigation
  • Command to automatic generation docs/foundation/colors.md from scss tokens
  • Update Pill component documentation
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.22.0
    • @lmc-eu/spirit-web - ^0.31.0
    • @lmc-eu/spirit-web-react - ^0.28.0
    • lmc/spirit-web-twig-bundle - ^1.14.0
  • Bugfix wrap text on multiple lines in Button

0.19.0

  • [BC] Update Tabs components implementation from Spirit
  • [BC] Remove narrow preset of Grid in favour of product-specific layouts (64f5588)
  • [BC] Icon component replace by component from Spirit
    • remove unnecessary svg2react-icon package
    • Add IconsContext from spirit and create own wrapper
    • refactoring generate icons & add contribution guide
  • Introduce new icons from figma
  • Introduce size property into Icon component
  • Introduce color property into Text, Heading and Hero components
  • Introduce redesigned ProgressBar component
  • Update composer package lmc/spirit-web-twig-bundle - 1.12.0 and fix as minimum version
  • Remove Hotfix component Link classes
  • Update @lmc-eu/spirit packages:
    • @lmc-eu/spirit-web - ^0.26.0
    • @lmc-eu/spirit-web-react - ^0.24.0

0.18.0

  • Update all icons from figma
  • Redesign ProgressIndicator component

0.17.2

  • Bugfix Button and ButtonLink size in twig implementation
  • Bugfix ButtonLink disabled attribute

0.17.1

  • Fix ButtonLink href attribute
  • Hotfix component Link classes

0.17.0

  • Introduce RadioField component
  • Introduce Tooltip component
  • Introduce Pill component
  • Introduce informative type of Alert component
  • Change EnvelopeOpen icon
  • Change border color in Badge component
  • Change active underscore color to Brand/Primary in Tabs component
  • Change default text color to Text/Secondary/Default in Tabs component
  • Change text style to Body/Medium/Button in PillSwitch component
  • Add spirit accessibility helpers
  • Update all @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.20.0
    • @lmc-eu/spirit-web - ^0.25.0
    • @lmc-eu/spirit-web-react - ^0.23.0
  • Update composer package lmc/spirit-web-twig-bundle - 1.9.0

0.16.0

  • Add Tabs components
  • Add xsmall size into Badge component
  • Add CheckboxField component
  • Refactoring Badge sizes
  • Update all @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.18.0
    • @lmc-eu/spirit-web - ^0.22.0
    • @lmc-eu/spirit-web-react - ^0.20.2
  • Update all UI dev dependencies
  • Update all icons from figma icon set

0.15.1

  • Bugfix skeleton image placeholder in safari
  • Bugfix focus on buttons
  • Bugfix to make the skeleton in twig implementation and react uniform

0.15.0

  • Add Breadcrumb and BreadcrumbItem components
  • Add disabled color into palette in Icon component
  • Add gap-* space utility classes for spaces
  • Add justify-content-* and align-items-* utility classes
  • Add flex-* utility classes for flex wrap and direction
  • Update all @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.17.0
    • @lmc-eu/spirit-web - ^0.20.0
    • @lmc-eu/spirit-web-react - ^0.18.0
  • Update @symfony/webpack-encore to ^2.1.0
  • Update minor version of all UI and docs npm dependencies
  • Remove ImageBadge component margin-right
  • Remove mx and my utility classes because its now provided from Spirit

0.14.2

  • [BC] Button block is now display: flex
  • Bugfix icon position in block button
  • Bugfix button icon space from space-300 to space-400

0.14.1

  • Add property color into Icon component
  • Add ButtonIcon component
  • Improve icon size according to button size
  • Bugfix Skeleton gradient
  • Refactoring icon component inside Badge, Button, ImageBadge component

0.14.0

  • [BC] Refactoring generating dist files and change compile module from commonjs to es2020
  • Add Skeleton and SkeletonImage components
  • Bugfix badge icon position on iPad device
  • Bugfix documentation scroll on hash with pages with figma iframe
  • Add Percy.io for components examples visual testing
  • Refactoring Theme props in ImageBadge, Spinner

0.13.2

  • Bugfix Icon name camelCase again because the previous version did not work

0.13.1

  • Change twig filter capitalize -> title for resolve Icon name

0.13.0

  • [BC] Add root style for ul -> list-style: inside;
  • Bugfix Disable Button default outline for tab key press

0.12.1

  • Bugfix BadgeIcon class property
  • Bugfix Icon case-insensitive icon name

0.12.0

  • Update all @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.16.0
    • @lmc-eu/spirit-web - ^0.19.0
    • @lmc-eu/spirit-web-react - ^0.17.0
  • Update colors & shadow tokens from figma
  • Add opacity tokens from figma
  • Add PillSwitch component
  • Add Spinner component
  • Add TextField component
  • Add twig implementation of component BadgeIcon
  • Update icons Home, HomeFilled and Categories
  • Add margin auto utility classes
  • Change ImageBadge opacity to 60%
  • export Password js script from @lmc-eu/spirit-web
  • Refactoring BadgeIcon & ImageBadge icons implementation

0.11.1

  • Bugfix types & interface in components

0.11.0

  • Add lmc/spirit-web-twig-bundle ^1 to require in composer package
  • Add isRounded property into Image component

0.10.2

  • Change ContentBox and ContentBoxDelimiter border color to darken
  • Bugfix ImageOverlay show content in position

0.10.1

  • Add ContentBoxDelimiter component
  • Bugfix ContentBox flex direction

0.10.0

  • Add ContentBox component
  • Add circle property into Image component
  • Add bordered property into ImageOverlay component
  • Refactoring Image component
  • Refactoring twig implementation of ImageOverlay component
  • Add $border-width-300 token
  • Optimize utilities for generating components

0.9.0

  • Update all @lmc-eu/spirit packages:
    • @lmc-eu/spirit-design-tokens - ^0.15.0
    • @lmc-eu/spirit-web - ^0.18.0
    • @lmc-eu/spirit-web-react - ^0.16.0
  • Change ProgressBar and ProgressIndicator size values to small medium large
  • Add new radius tokens
  • Add new shadow tokens
  • Add twig implementation of component Icon
  • Add title property into Icon component
  • Refactoring icons in RatingStars component
  • Remove duplicate icon PlayCircleFilled2
  • Update lmc/spirit-web-twig-bundle to version 1.7.0 in docs app

0.8.0

  • Allow mainProps id, data-*, aria-* on Badge component
  • Add RatingStars component
  • Add ProgressBar and ProgressIndicator components
  • Remove Subtitle component
  • Bugfix props types in Heading and Hero components
  • Bugfix icons in Badge component
  • Refactoring useClassNamePrefix hook in multiple components
  • Update all spirit packages

0.7.2

  • Add all icons set from figma
  • Refactoring ImageBadge icons

0.7.1

  • Add itemProp to Heading
  • Add size small to ImageBadge

0.7.0

UI

  • Add Image, ImageBadge, ImageOverlay components
  • Add Alert, Text, Heading, Hero components
  • Add Badge svg icons
  • Bugfix Badge props color
  • Add Spirit utilities classes
  • Add Inter Semi Bold font
  • Update all spirit packages

Docs

  • Bugfix few errors in docs app
  • Add figma examples in documentation
  • Rename Typography section to foundation in documentation
  • Add active highlight for sections in header
  • Add index.md files for section
  • Add heading anchor links on hover
  • Add make generate-example command
  • Add CONTRIBUTING.md file

0.6.2

  • Change docs and new version script

0.6.1

  • Bugfix line-height in ButtonLink with size largeand block attributes

0.6.0

  • Remove unused Tag component
  • Add Button size large
  • Remove bootstrap and reactstrap as dependency
  • Add normalize.css dependency
  • Refactoring typography

0.5.0

  • Add Stack component from Spirit
  • Update all @lmc-eu packages to the latest versions
    • [BC] Add is prefix for all boolean props
  • Reimplement Button and ButtonLink components by Spirit hooks
  • Bugfix docs environment variable in deployment
On this page