hpe-design-tokens@0.3.0

Breaking changes

dimension.large.json has been renamed to dimension.medium.json, meaning large export is now medium.

For CSS:

- hpe-design-tokens/dist/css/dimension.large.css
+ hpe-design-tokens/dist/css/dimension.medium.css

For ESM:

- import { large } from 'hpe-design-tokens';
+ import { medium } from 'hpe-design-tokens';

...

- large.hpe.spacing.medium
+ medium.hpe.spacing.medium

For CJS:

- const { large } = require('hpe-design-tokens');
+ const { large } = require('hpe-design-tokens');

...

- large.hpe.spacing.medium
+ medium.hpe.spacing.medium

color.light.json, color.dark.json

• Renamed color.background.overlay to color.background.screenOverlay
• Renamed background.status.[statusKind] to background.[statusKind] (e.g., background.status.info —> background.info)
• Renamed color.icon.status.[statusKind] to color.icon.[statusKind] (e.g., color.icon.status.info —> color.icon.info)
• Renamed elevation tokens to shadow (e.g., elevation.small —> shadow.small)
• Removed color.text.inverse.default
• Removed Weak DataVis colors (e.g., color.dataVis.20Weak)

element.default.json

• Renamed component tokens to element tokens (eg., component.medium.fontSize —> element.medium.fontSize)

component.default.json

• Renamed formField valueText tokens to value (e.g., formField.valueText.enabled.textColor --> formField.value.enabled.textColor)
• Renamed formField placeholderText tokens to placeholder (e.g., formField.placeholderText.enabled.textColor --> formField.placeholder.enabled.textColor)
• Renamed formField errorText tokens to error (e.g., formField.errorText.enabled.textColor --> formField.error.enabled.textColor)
• Renamed formField labelText tokens to label (e.g., formField.labelText.enabled.textColor --> formField.label.enabled.textColor)
• Renamed formField infoText tokens to info (e.g., formField.infoText.enabled.textColor --> formField.info.enabled.textColor)
• Renamed formField helpText tokens to help (e.g., formField.helpText.enabled.textColor --> formField.help.enabled.textColor)
• Removed Anchor emphasized tokens

primitive.base.json

• Removed base.color.dataVis.green1000
• Removed base.color.dataVis.green325
• Removed base.color.dataVis.green3250opacity50
• Removed base.color.dataVis.pink1000
• Removed base.color.dataVis.pink325
• Removed base.color.dataVis.pink325-opacity50
• Removed base.color.dataVis.purple1000
• Removed base.color.dataVis.purple325
• Removed base.color.dataVis.purple325-opacity50
• Removed base.color.dataVis.blue1000
• Removed base.color.dataVis.blue325
• Removed base.color.dataVis.blue325-opacity50

Added

component.default.json

• button.[t-shirt size].[kind].iconOnly.minWidth (e.g., button.medium.primary.iconOnly.minWidth)
• formField.error.status.critical.iconColor

Updated

color.light.json

• color.dataVis.categorical.80 from base.color.dataVis.blue325 to base.color.dataVis.grape1

devDependencies

• style-dictionary from ^3.9.2 to ^4.2.0
• style-dictionary-utils from ^2.0.7 to ^3.0.0