Changelog
on this page you will find an overview of individual changes in versions
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
tolist-category
- Export all
scss
tokens to Javascript - Add
isScrollable
property option to disable scrolling insideModal
component - Add
isFluid
property toFieldGroup
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 inContentBox
- Refactoring implementation of
shadow
,borderRadius
andpadding
props inContentBox
component and allow responsive values and all design tokens - Refactoring implementation of
color
prop inDot
component to allow design tokens - Introduce
NoSsr
component (only React) - Change
$body-*
tokens font-weight from700
to600
(to fit with the Figma) - Introduce
spacing
prop intoStack
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 propertyborderRadius
inContentBox
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 totrue
inStack
component after Spirit packages update to prevent breaking change. - Add
data-spirit-toggle=accordion
intoAccordion
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
toRadio
- Rename component
CheckboxField
toCheckbox
- Rename prop
validator_message
tovalidation_text
inRadio
,Checkbox
,TextField
,TextArea
components - Rename prop
validationState
valueerror
todanger
inRadio
,Checkbox
,TextField
,TextArea
components - Rename prop
message
tovalidationText
inRadio
,Checkbox
,TextField
,TextArea
components
- [BC] drop
class
orclassName
property in all twig components. UsingUNSAFE_className
instead - [BC] drop
className
in all react components. UsingUNSAFE_className
instead - [BC] Add underline to hover and active states to default links
Button
andButtonLink
components are support emotion colorsPill
component support Action colors- Add
linkComponent
property inBadge
,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 inBadge
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 inImageBadge
component useUNSAFE_className
instead - Add
onAfterClose
property onUncontrolledAlert
component - Add
Accordion
component from Spirit - Allow all icon from icons set into icon prop in
ImageBadge
component - Allow padding prop value
0
inContentBox
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
- drop
- [BC] Drop
dotColor
property inPillSwitch
component and allow usingIcon
andDot
inside. - Fix Links in
Heading
component - Fix
RatingStars
component in Safari - Fix set default
color
toprimary
intoText
,Heading
andHero
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
andbadgeSizes
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
- Upgrade Symfony to
- Update Cypress and Percy dependencies
0.28.0
- Introduce Dot component
- Introduce Tertiary Link
- Introduce new icons
NotificationsOffFilled
andNotificationsOnFilled
0.27.0
- [BC] drop support
className
props inDelimiter
components useUNSAFE_className
instead - [BC] drop support
className
props inContentBox
andContentBoxDelimiter
components useUNSAFE_className
instead - Introduce emotion colors in typography components
Text
,Heading
andHero
- Prop
class
orstyle
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
toprimary
intoText
,Heading
andHero
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
tomedium
- [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
- tokens
- Introduce
bg-*
utility classes includes all background and brand colors - Introduce
gap-x-*
andgap-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
togenerate
0.23.1
- Introduce new Icon size
xlarge
andxxlarge
- 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
to1.55
0.22.0
- [BC] Change PartnersImages to AvatarGroup
- change prop
images
toavatars
in AvatarGroup component - add
small
size in AvatarGroup component and change the dimensions of the other sizes - fix AvatarGroup for lazy loading
- change prop
- 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
inbuild.config.js
for automatic generatecomponents/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 inButtonIcon
andBadgeIcon
components - update color tokens from figma
- update typography tokens
$body-large-button
$body-medium-button
and$body-small-button
font-weight tosemi-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
- remove unnecessary
- Introduce new icons from figma
- Introduce
size
property intoIcon
component - Introduce
color
property intoText
,Heading
andHero
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
inTabs
component - Change default text color to
Text/Secondary/Default
inTabs
component - Change text style to
Body/Medium/Button
inPillSwitch
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 intoBadge
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
andBreadcrumbItem
components - Add
disabled
color into palette in Icon component - Add
gap-*
space utility classes for spaces - Add
justify-content-*
andalign-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
anddocs
npm dependencies - Remove
ImageBadge
componentmargin-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
tospace-400
0.14.1
- Add property
color
intoIcon
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
toes2020
- Add
Skeleton
andSkeletonImage
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 resolveIcon
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
andCategories
- 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 intoImage
component
0.10.2
- Change
ContentBox
andContentBoxDelimiter
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 intoImage
component - Add
bordered
property intoImageOverlay
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
andProgressIndicator
size values tosmall
medium
large
- Add new radius tokens
- Add new shadow tokens
- Add twig implementation of component
Icon
- Add
title
property intoIcon
component - Refactoring icons in
RatingStars
component - Remove duplicate icon
PlayCircleFilled2
- Update
lmc/spirit-web-twig-bundle
to version1.7.0
in docs app
0.8.0
- Allow mainProps
id
,data-*
,aria-*
onBadge
component - Add
RatingStars
component - Add
ProgressBar
andProgressIndicator
components - Remove
Subtitle
component - Bugfix props types in
Heading
andHero
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
toImageBadge
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 sizelarge
andblock
attributes
0.6.0
- Remove unused
Tag
component - Add Button size
large
- Remove
bootstrap
andreactstrap
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
- [BC] Add
- Reimplement
Button
andButtonLink
components by Spirit hooks - Bugfix docs environment variable in deployment
On this page