@atlaskit/tokens 0.13.3 → 0.13.5

package/dist/es2019/artifacts/token-default-values.js

@@ -4,12 +4,11 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::6f9efc2a7ff63fe00b7fd1e66a0fa732>>
+ * @codegen <<SignedSource::b5f83d6c535c103d4ac61f4d40d60207>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
-  'color.text.accent.blue': '#0055CC',
-  'color.text.accent.blue.bolder': '#09326C',
+  'color.text': '#172B4D',
   'color.text.accent.red': '#AE2A19',
   'color.text.accent.red.bolder': '#601E16',
   'color.text.accent.orange': '#974F0C',
@@ -18,139 +17,163 @@ const defaultTokenValues = {
   'color.text.accent.yellow.bolder': '#533F04',
   'color.text.accent.green': '#216E4E',
   'color.text.accent.green.bolder': '#164B35',
-  'color.text.accent.purple': '#5E4DB2',
-  'color.text.accent.purple.bolder': '#352C63',
   'color.text.accent.teal': '#206B74',
   'color.text.accent.teal.bolder': '#1D474C',
+  'color.text.accent.blue': '#0055CC',
+  'color.text.accent.blue.bolder': '#09326C',
+  'color.text.accent.purple': '#5E4DB2',
+  'color.text.accent.purple.bolder': '#352C63',
   'color.text.accent.magenta': '#943D73',
   'color.text.accent.magenta.bolder': '#50253F',
   'color.text.accent.gray': '#44546F',
   'color.text.accent.gray.bolder': '#091E42',
-  'color.text': '#172B4D',
-  'color.text.subtle': '#44546F',
-  'color.text.subtlest': '#626F86',
-  'color.text.inverse': '#FFFFFF',
   'color.text.disabled': '#091E424F',
-  'color.text.brand': '#0C66E4',
+  'color.text.highEmphasis': '#172B4D',
+  'color.text.inverse': '#FFFFFF',
+  'color.text.link.pressed': '#0055CC',
+  'color.text.link.resting': '#0C66E4',
+  'color.text.lowEmphasis': '#626F86',
+  'color.text.mediumEmphasis': '#44546F',
+  'color.text.onBold': '#FFFFFF',
+  'color.text.onBoldWarning': '#172B4D',
   'color.text.selected': '#0C66E4',
+  'color.text.brand': '#0C66E4',
   'color.text.danger': '#AE2A19',
   'color.text.warning': '#974F0C',
   'color.text.warning.inverse': '#172B4D',
   'color.text.success': '#216E4E',
-  'color.text.information': '#0055CC',
   'color.text.discovery': '#5E4DB2',
-  'color.text.highEmphasis': '#172B4D',
-  'color.text.mediumEmphasis': '#44546F',
-  'color.text.lowEmphasis': '#626F86',
-  'color.text.link.resting': '#0C66E4',
-  'color.text.link.pressed': '#0055CC',
-  'color.text.onBold': '#FFFFFF',
-  'color.text.onBoldWarning': '#172B4D',
-  'color.icon.accent.blue': '#1D7AFC',
+  'color.text.information': '#0055CC',
+  'color.text.subtlest': '#626F86',
+  'color.text.subtle': '#44546F',
+  'color.link': '#0C66E4',
+  'color.link.pressed': '#0055CC',
+  'color.icon': '#44546F',
   'color.icon.accent.red': '#E34935',
   'color.icon.accent.orange': '#D97008',
   'color.icon.accent.yellow': '#B38600',
   'color.icon.accent.green': '#22A06B',
-  'color.icon.accent.purple': '#8270DB',
   'color.icon.accent.teal': '#1D9AAA',
+  'color.icon.accent.blue': '#1D7AFC',
+  'color.icon.accent.purple': '#8270DB',
   'color.icon.accent.magenta': '#CD519D',
   'color.icon.accent.gray': '#758195',
-  'color.icon': '#44546F',
-  'color.icon.subtle': '#626F86',
-  'color.icon.inverse': '#FFFFFF',
   'color.icon.disabled': '#091E424F',
-  'color.icon.brand': '#0C66E4',
+  'color.icon.inverse': '#FFFFFF',
   'color.icon.selected': '#0C66E4',
+  'color.icon.brand': '#0C66E4',
   'color.icon.danger': '#E34935',
   'color.icon.warning': '#D97008',
   'color.icon.warning.inverse': '#172B4D',
   'color.icon.success': '#22A06B',
   'color.icon.discovery': '#8270DB',
   'color.icon.information': '#1D7AFC',
-  'color.border.accent.blue': '#1D7AFC',
+  'color.icon.subtle': '#626F86',
+  'color.border': '#091E4224',
   'color.border.accent.red': '#E34935',
   'color.border.accent.orange': '#D97008',
   'color.border.accent.yellow': '#B38600',
   'color.border.accent.green': '#22A06B',
-  'color.border.accent.purple': '#8270DB',
   'color.border.accent.teal': '#1D9AAA',
+  'color.border.accent.blue': '#1D7AFC',
+  'color.border.accent.purple': '#8270DB',
   'color.border.accent.magenta': '#CD519D',
   'color.border.accent.gray': '#758195',
-  'color.border': '#091E4224',
-  'color.border.bold': '#758195',
-  'color.border.inverse': '#FFFFFF',
+  'color.border.disabled': '#091E420F',
+  'color.border.focus': '#388BFF',
   'color.border.focused': '#388BFF',
   'color.border.input': '#091E4224',
-  'color.border.disabled': '#091E420F',
-  'color.border.brand': '#0C66E4',
+  'color.border.inverse': '#FFFFFF',
+  'color.border.neutral': '#091E4224',
   'color.border.selected': '#0C66E4',
+  'color.border.brand': '#0C66E4',
   'color.border.danger': '#E34935',
   'color.border.warning': '#D97008',
   'color.border.success': '#22A06B',
   'color.border.discovery': '#8270DB',
   'color.border.information': '#1D7AFC',
-  'color.border.focus': '#388BFF',
-  'color.border.neutral': '#091E4224',
-  'color.background.accent.blue.subtlest': '#E9F2FF',
-  'color.background.accent.blue.subtler': '#CCE0FF',
-  'color.background.accent.blue.subtle': '#579DFF',
-  'color.background.accent.blue.bolder': '#0C66E4',
-  'color.background.accent.blue': '#CCE0FF',
-  'color.background.accent.blue.bold': '#579DFF',
+  'color.border.bold': '#758195',
+  'color.background.accent.red': '#FFD2CC',
   'color.background.accent.red.subtlest': '#FFEDEB',
   'color.background.accent.red.subtler': '#FFD2CC',
   'color.background.accent.red.subtle': '#F87462',
-  'color.background.accent.red.bolder': '#CA3521',
-  'color.background.accent.red': '#FFD2CC',
   'color.background.accent.red.bold': '#F87462',
+  'color.background.accent.red.bolder': '#CA3521',
+  'color.background.accent.orange': '#FFE2BD',
   'color.background.accent.orange.subtlest': '#FFF4E5',
   'color.background.accent.orange.subtler': '#FFE2BD',
   'color.background.accent.orange.subtle': '#FAA53D',
-  'color.background.accent.orange.bolder': '#B65C02',
-  'color.background.accent.orange': '#FFE2BD',
   'color.background.accent.orange.bold': '#FAA53D',
+  'color.background.accent.orange.bolder': '#B65C02',
+  'color.background.accent.yellow': '#F8E6A0',
   'color.background.accent.yellow.subtlest': '#FFF7D6',
   'color.background.accent.yellow.subtler': '#F8E6A0',
   'color.background.accent.yellow.subtle': '#E2B203',
-  'color.background.accent.yellow.bolder': '#946F00',
-  'color.background.accent.yellow': '#F8E6A0',
   'color.background.accent.yellow.bold': '#E2B203',
+  'color.background.accent.yellow.bolder': '#946F00',
+  'color.background.accent.green': '#BAF3DB',
   'color.background.accent.green.subtlest': '#DFFCF0',
   'color.background.accent.green.subtler': '#BAF3DB',
   'color.background.accent.green.subtle': '#4BCE97',
-  'color.background.accent.green.bolder': '#1F845A',
-  'color.background.accent.green': '#BAF3DB',
   'color.background.accent.green.bold': '#4BCE97',
-  'color.background.accent.purple.subtlest': '#F3F0FF',
-  'color.background.accent.purple.subtler': '#DFD8FD',
-  'color.background.accent.purple.subtle': '#9F8FEF',
-  'color.background.accent.purple.bolder': '#6E5DC6',
-  'color.background.accent.purple': '#DFD8FD',
-  'color.background.accent.purple.bold': '#9F8FEF',
+  'color.background.accent.green.bolder': '#1F845A',
+  'color.background.accent.teal': '#C1F0F5',
   'color.background.accent.teal.subtlest': '#E3FAFC',
   'color.background.accent.teal.subtler': '#C1F0F5',
   'color.background.accent.teal.subtle': '#60C6D2',
-  'color.background.accent.teal.bolder': '#1D7F8C',
-  'color.background.accent.teal': '#C1F0F5',
   'color.background.accent.teal.bold': '#60C6D2',
+  'color.background.accent.teal.bolder': '#1D7F8C',
+  'color.background.accent.blue': '#CCE0FF',
+  'color.background.accent.blue.subtlest': '#E9F2FF',
+  'color.background.accent.blue.subtler': '#CCE0FF',
+  'color.background.accent.blue.subtle': '#579DFF',
+  'color.background.accent.blue.bold': '#579DFF',
+  'color.background.accent.blue.bolder': '#0C66E4',
+  'color.background.accent.purple': '#DFD8FD',
+  'color.background.accent.purple.subtlest': '#F3F0FF',
+  'color.background.accent.purple.subtler': '#DFD8FD',
+  'color.background.accent.purple.subtle': '#9F8FEF',
+  'color.background.accent.purple.bold': '#9F8FEF',
+  'color.background.accent.purple.bolder': '#6E5DC6',
+  'color.background.accent.magenta': '#FDD0EC',
   'color.background.accent.magenta.subtlest': '#FFECF8',
   'color.background.accent.magenta.subtler': '#FDD0EC',
   'color.background.accent.magenta.subtle': '#E774BB',
-  'color.background.accent.magenta.bolder': '#AE4787',
-  'color.background.accent.magenta': '#FDD0EC',
   'color.background.accent.magenta.bold': '#E774BB',
+  'color.background.accent.magenta.bolder': '#AE4787',
   'color.background.accent.gray.subtlest': '#F1F2F4',
   'color.background.accent.gray.subtler': '#DCDFE4',
   'color.background.accent.gray.subtle': '#8590A2',
   'color.background.accent.gray.bolder': '#626F86',
+  'color.background.blanket': '#091E427D',
+  'color.background.boldBrand.hover': '#0055CC',
+  'color.background.boldBrand.pressed': '#09326C',
+  'color.background.boldBrand.resting': '#0C66E4',
+  'color.background.boldDanger.hover': '#AE2A19',
+  'color.background.boldDanger.pressed': '#601E16',
+  'color.background.boldDanger.resting': '#CA3521',
+  'color.background.boldDiscovery.hover': '#5E4DB2',
+  'color.background.boldDiscovery.pressed': '#352C63',
+  'color.background.boldDiscovery.resting': '#6E5DC6',
+  'color.background.boldNeutral.hover': '#2C3E5D',
+  'color.background.boldNeutral.pressed': '#172B4D',
+  'color.background.boldNeutral.resting': '#44546F',
+  'color.background.boldSuccess.hover': '#216E4E',
+  'color.background.boldSuccess.pressed': '#164B35',
+  'color.background.boldSuccess.resting': '#1F845A',
+  'color.background.boldWarning.hover': '#CF9F02',
+  'color.background.boldWarning.pressed': '#B38600',
+  'color.background.boldWarning.resting': '#E2B203',
+  'color.background.card': '#FFFFFF',
+  'color.background.default': '#FFFFFF',
   'color.background.disabled': '#091E4208',
-  'color.background.inverse.subtle': '#00000029',
-  'color.background.inverse.subtle.hovered': '#0000003D',
-  'color.background.inverse.subtle.pressed': '#00000052',
-  'color.background.inverse': '#FFFFFF29',
   'color.background.input': '#FFFFFF',
   'color.background.input.hovered': '#F7F8F9',
   'color.background.input.pressed': '#FFFFFF',
+  'color.background.inverse': '#FFFFFF29',
+  'color.background.inverse.subtle': '#00000029',
+  'color.background.inverse.subtle.hovered': '#0000003D',
+  'color.background.inverse.subtle.pressed': '#00000052',
   'color.background.neutral': '#091E420F',
   'color.background.neutral.hovered': '#091E4224',
   'color.background.neutral.pressed': '#091E424F',
@@ -160,20 +183,44 @@ const defaultTokenValues = {
   'color.background.neutral.bold': '#44546F',
   'color.background.neutral.bold.hovered': '#2C3E5D',
   'color.background.neutral.bold.pressed': '#172B4D',
-  'color.background.brand.bold': '#0C66E4',
-  'color.background.brand.bold.hovered': '#0055CC',
-  'color.background.brand.bold.pressed': '#09326C',
-  'color.background.brand': '#E9F2FF',
-  'color.background.brand.hovered': '#CCE0FF',
-  'color.background.brand.pressed': '#85B8FF',
+  'color.background.overlay': '#FFFFFF',
   'color.background.selected': '#E9F2FF',
   'color.background.selected.hovered': '#CCE0FF',
   'color.background.selected.pressed': '#85B8FF',
+  'color.background.selected.hover': '#CCE0FF',
+  'color.background.selected.resting': '#E9F2FF',
   'color.background.selected.bold': '#0C66E4',
   'color.background.selected.bold.hovered': '#0055CC',
   'color.background.selected.bold.pressed': '#09326C',
-  'color.background.selected.resting': '#E9F2FF',
-  'color.background.selected.hover': '#CCE0FF',
+  'color.background.subtleBorderedNeutral.pressed': '#091E420F',
+  'color.background.subtleBorderedNeutral.resting': '#091E4208',
+  'color.background.subtleBrand.hover': '#CCE0FF',
+  'color.background.subtleBrand.pressed': '#85B8FF',
+  'color.background.subtleBrand.resting': '#E9F2FF',
+  'color.background.subtleDanger.hover': '#FFD2CC',
+  'color.background.subtleDanger.pressed': '#FF9C8F',
+  'color.background.subtleDanger.resting': '#FFEDEB',
+  'color.background.subtleDiscovery.hover': '#DFD8FD',
+  'color.background.subtleDiscovery.pressed': '#B8ACF6',
+  'color.background.subtleDiscovery.resting': '#F3F0FF',
+  'color.background.subtleNeutral.hover': '#091E4224',
+  'color.background.subtleNeutral.pressed': '#091E424F',
+  'color.background.subtleNeutral.resting': '#091E420F',
+  'color.background.subtleSuccess.hover': '#BAF3DB',
+  'color.background.subtleSuccess.pressed': '#7EE2B8',
+  'color.background.subtleSuccess.resting': '#DFFCF0',
+  'color.background.subtleWarning.hover': '#F8E6A0',
+  'color.background.subtleWarning.pressed': '#F5CD47',
+  'color.background.subtleWarning.resting': '#FFF7D6',
+  'color.background.sunken': '#091E4208',
+  'color.background.transparentNeutral.hover': '#091E420F',
+  'color.background.transparentNeutral.pressed': '#091E4224',
+  'color.background.brand': '#E9F2FF',
+  'color.background.brand.hovered': '#CCE0FF',
+  'color.background.brand.pressed': '#85B8FF',
+  'color.background.brand.bold': '#0C66E4',
+  'color.background.brand.bold.hovered': '#0055CC',
+  'color.background.brand.bold.pressed': '#09326C',
   'color.background.danger': '#FFEDEB',
   'color.background.danger.hovered': '#FFD2CC',
   'color.background.danger.pressed': '#FF9C8F',
@@ -204,78 +251,15 @@ const defaultTokenValues = {
   'color.background.information.bold': '#0C66E4',
   'color.background.information.bold.hovered': '#0055CC',
   'color.background.information.bold.pressed': '#09326C',
-  'color.background.blanket': '#091E427D',
-  'color.background.boldBrand.resting': '#0C66E4',
-  'color.background.boldBrand.hover': '#0055CC',
-  'color.background.boldBrand.pressed': '#09326C',
-  'color.background.boldDanger.resting': '#CA3521',
-  'color.background.boldDanger.hover': '#AE2A19',
-  'color.background.boldDanger.pressed': '#601E16',
-  'color.background.boldDiscovery.resting': '#6E5DC6',
-  'color.background.boldDiscovery.hover': '#5E4DB2',
-  'color.background.boldDiscovery.pressed': '#352C63',
-  'color.background.boldNeutral.resting': '#44546F',
-  'color.background.boldNeutral.hover': '#2C3E5D',
-  'color.background.boldNeutral.pressed': '#172B4D',
-  'color.background.boldSuccess.resting': '#1F845A',
-  'color.background.boldSuccess.hover': '#216E4E',
-  'color.background.boldSuccess.pressed': '#164B35',
-  'color.background.boldWarning.resting': '#E2B203',
-  'color.background.boldWarning.hover': '#CF9F02',
-  'color.background.boldWarning.pressed': '#B38600',
-  'color.background.default': '#FFFFFF',
-  'color.background.card': '#FFFFFF',
-  'color.background.overlay': '#FFFFFF',
-  'color.background.subtleBorderedNeutral.resting': '#091E4208',
-  'color.background.subtleBorderedNeutral.pressed': '#091E420F',
-  'color.background.subtleBrand.resting': '#E9F2FF',
-  'color.background.subtleBrand.hover': '#CCE0FF',
-  'color.background.subtleBrand.pressed': '#85B8FF',
-  'color.background.subtleDanger.resting': '#FFEDEB',
-  'color.background.subtleDanger.hover': '#FFD2CC',
-  'color.background.subtleDanger.pressed': '#FF9C8F',
-  'color.background.subtleDiscovery.resting': '#F3F0FF',
-  'color.background.subtleDiscovery.hover': '#DFD8FD',
-  'color.background.subtleDiscovery.pressed': '#B8ACF6',
-  'color.background.subtleNeutral.resting': '#091E420F',
-  'color.background.subtleNeutral.hover': '#091E4224',
-  'color.background.subtleNeutral.pressed': '#091E424F',
-  'color.background.subtleSuccess.resting': '#DFFCF0',
-  'color.background.subtleSuccess.hover': '#BAF3DB',
-  'color.background.subtleSuccess.pressed': '#7EE2B8',
-  'color.background.subtleWarning.resting': '#FFF7D6',
-  'color.background.subtleWarning.hover': '#F8E6A0',
-  'color.background.subtleWarning.pressed': '#F5CD47',
-  'color.background.sunken': '#091E4208',
-  'color.background.transparentNeutral.hover': '#091E420F',
-  'color.background.transparentNeutral.pressed': '#091E4224',
   'color.blanket': '#091E427D',
   'color.blanket.selected': '#388BFF14',
   'color.blanket.danger': '#EF5C4814',
-  'color.chart.brand': '#1D7AFC',
-  'color.chart.brand.hovered': '#0C66E4',
-  'color.chart.neutral': '#8590A2',
-  'color.chart.neutral.hovered': '#758195',
-  'color.chart.success': '#22A06B',
-  'color.chart.success.hovered': '#1F845A',
-  'color.chart.success.bold': '#216E4E',
-  'color.chart.success.bold.hovered': '#164B35',
-  'color.chart.danger': '#EF5C48',
-  'color.chart.danger.hovered': '#E34935',
-  'color.chart.danger.bold': '#AE2A19',
-  'color.chart.danger.bold.hovered': '#601E16',
-  'color.chart.warning': '#B38600',
-  'color.chart.warning.hovered': '#946F00',
-  'color.chart.warning.bold': '#7F5F01',
-  'color.chart.warning.bold.hovered': '#533F04',
-  'color.chart.information': '#388BFF',
-  'color.chart.information.hovered': '#1D7AFC',
-  'color.chart.information.bold': '#0055CC',
-  'color.chart.information.bold.hovered': '#09326C',
-  'color.chart.discovery': '#8F7EE7',
-  'color.chart.discovery.hovered': '#8270DB',
-  'color.chart.discovery.bold': '#5E4DB2',
-  'color.chart.discovery.bold.hovered': '#352C63',
+  'color.interaction.hovered': '#00000029',
+  'color.interaction.inverse.hovered': '#00000029',
+  'color.interaction.inverse.pressed': '#00000052',
+  'color.interaction.pressed': '#00000052',
+  'color.skeleton': '#091E420F',
+  'color.skeleton.subtle': '#091E4208',
   'color.chart.categorical.1': '#1D9AAA',
   'color.chart.categorical.1.hovered': '#1D7F8C',
   'color.chart.categorical.2': '#5E4DB2',
@@ -292,12 +276,8 @@ const defaultTokenValues = {
   'color.chart.categorical.7.hovered': '#341829',
   'color.chart.categorical.8': '#974F0C',
   'color.chart.categorical.8.hovered': '#5F3811',
-  'color.chart.blue.bold': '#388BFF',
-  'color.chart.blue.bold.hovered': '#1D7AFC',
-  'color.chart.blue.bolder': '#1D7AFC',
-  'color.chart.blue.bolder.hovered': '#0C66E4',
-  'color.chart.blue.boldest': '#0055CC',
-  'color.chart.blue.boldest.hovered': '#09326C',
+  'color.chart.neutral': '#8590A2',
+  'color.chart.neutral.hovered': '#758195',
   'color.chart.red.bold': '#EF5C48',
   'color.chart.red.bold.hovered': '#E34935',
   'color.chart.red.bolder': '#E34935',
@@ -328,6 +308,12 @@ const defaultTokenValues = {
   'color.chart.teal.bolder.hovered': '#206B74',
   'color.chart.teal.boldest': '#206B74',
   'color.chart.teal.boldest.hovered': '#1D474C',
+  'color.chart.blue.bold': '#388BFF',
+  'color.chart.blue.bold.hovered': '#1D7AFC',
+  'color.chart.blue.bolder': '#1D7AFC',
+  'color.chart.blue.bolder.hovered': '#0C66E4',
+  'color.chart.blue.boldest': '#0055CC',
+  'color.chart.blue.boldest.hovered': '#09326C',
   'color.chart.purple.bold': '#8F7EE7',
   'color.chart.purple.bold.hovered': '#8270DB',
   'color.chart.purple.bolder': '#8270DB',
@@ -346,14 +332,28 @@ const defaultTokenValues = {
   'color.chart.gray.bolder.hovered': '#626F86',
   'color.chart.gray.boldest': '#44546F',
   'color.chart.gray.boldest.hovered': '#2C3E5D',
-  'color.interaction.hovered': '#00000029',
-  'color.interaction.pressed': '#00000052',
-  'color.interaction.inverse.hovered': '#00000029',
-  'color.interaction.inverse.pressed': '#00000052',
-  'color.skeleton': '#091E420F',
-  'color.skeleton.subtle': '#091E4208',
-  'color.link': '#0C66E4',
-  'color.link.pressed': '#0055CC',
+  'color.chart.brand': '#1D7AFC',
+  'color.chart.brand.hovered': '#0C66E4',
+  'color.chart.danger': '#EF5C48',
+  'color.chart.danger.hovered': '#E34935',
+  'color.chart.danger.bold': '#AE2A19',
+  'color.chart.danger.bold.hovered': '#601E16',
+  'color.chart.warning': '#B38600',
+  'color.chart.warning.hovered': '#946F00',
+  'color.chart.warning.bold': '#7F5F01',
+  'color.chart.warning.bold.hovered': '#533F04',
+  'color.chart.success': '#22A06B',
+  'color.chart.success.hovered': '#1F845A',
+  'color.chart.success.bold': '#216E4E',
+  'color.chart.success.bold.hovered': '#164B35',
+  'color.chart.discovery': '#8F7EE7',
+  'color.chart.discovery.hovered': '#8270DB',
+  'color.chart.discovery.bold': '#5E4DB2',
+  'color.chart.discovery.bold.hovered': '#352C63',
+  'color.chart.information': '#388BFF',
+  'color.chart.information.hovered': '#1D7AFC',
+  'color.chart.information.bold': '#0055CC',
+  'color.chart.information.bold.hovered': '#09326C',
   'color.accent.boldBlue': '#579DFF',
   'color.accent.boldGreen': '#4BCE97',
   'color.accent.boldOrange': '#FAA53D',
@@ -374,42 +374,31 @@ const defaultTokenValues = {
   'color.iconBorder.discovery': '#8270DB',
   'color.overlay.hover': '#091E424F',
   'color.overlay.pressed': '#091E427D',
-  'shadow.card': '[object Object],[object Object]',
-  'shadow.overlay': '[object Object],[object Object]',
-  'elevation.shadow.raised': '[object Object],[object Object]',
-  'elevation.shadow.overflow': '[object Object],[object Object]',
-  'elevation.shadow.overflow.spread': '#091e4229',
-  'elevation.shadow.overflow.perimeter': '#091e421f',
-  'elevation.shadow.overlay': '[object Object],[object Object]',
   'elevation.surface': '#FFFFFF',
   'elevation.surface.hovered': '#F1F2F4',
   'elevation.surface.pressed': '#DCDFE4',
-  'elevation.surface.sunken': '#F7F8F9',
-  'elevation.surface.raised': '#FFFFFF',
-  'elevation.surface.raised.hovered': '#F1F2F4',
-  'elevation.surface.raised.pressed': '#DCDFE4',
   'elevation.surface.overlay': '#FFFFFF',
   'elevation.surface.overlay.hovered': '#F1F2F4',
   'elevation.surface.overlay.pressed': '#DCDFE4',
+  'elevation.surface.raised': '#FFFFFF',
+  'elevation.surface.raised.hovered': '#F1F2F4',
+  'elevation.surface.raised.pressed': '#DCDFE4',
+  'elevation.surface.sunken': '#F7F8F9',
+  'elevation.shadow.overflow': '[object Object],[object Object]',
+  'elevation.shadow.overflow.perimeter': '#091e421f',
+  'elevation.shadow.overflow.spread': '#091e4229',
+  'elevation.shadow.overlay': '[object Object],[object Object]',
+  'elevation.shadow.raised': '[object Object],[object Object]',
   'opacity.disabled': '0.4',
   'opacity.loading': '0.2',
-  'utility.UNSAFE_util.transparent': 'transparent',
+  'shadow.card': '[object Object],[object Object]',
+  'shadow.overlay': '[object Object],[object Object]',
   'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2',
-  'space.0': '0',
-  'space.100': '0.5rem',
-  'space.150': '0.75rem',
-  'space.200': '1rem',
-  'space.250': '1.25rem',
-  'space.300': '1.5rem',
-  'space.400': '2rem',
-  'space.500': '2.5rem',
-  'space.600': '3rem',
-  'space.800': '4rem',
-  'space.1000': '5rem',
-  'space.025': '0.125rem',
-  'space.050': '0.25rem',
-  'space.075': '0.375rem',
+  'utility.UNSAFE_util.transparent': 'transparent',
   'spacing.scale.0': '0',
+  'spacing.scale.025': '0.125rem',
+  'spacing.scale.050': '0.25rem',
+  'spacing.scale.075': '0.375rem',
   'spacing.scale.100': '0.5rem',
   'spacing.scale.150': '0.75rem',
   'spacing.scale.200': '1rem',
@@ -420,9 +409,6 @@ const defaultTokenValues = {
   'spacing.scale.600': '3rem',
   'spacing.scale.800': '4rem',
   'spacing.scale.1000': '5rem',
-  'spacing.scale.025': '0.125rem',
-  'spacing.scale.050': '0.25rem',
-  'spacing.scale.075': '0.375rem',
   'spacing.scaleLinear.0': '0',
   'spacing.scaleLinear.100': '0.125rem',
   'spacing.scaleLinear.200': '0.25rem',
@@ -447,14 +433,20 @@ const defaultTokenValues = {
   'spacing.size.xxlarge': '2rem',
   'spacing.size.xxxlarge': '2.5rem',
   'spacing.size.xxxxlarge': '3rem',
-  'spacing.ecl.element.2': '0.125rem',
-  'spacing.ecl.element.4': '0.25rem',
-  'spacing.ecl.element.6': '0.375rem',
-  'spacing.ecl.element.8': '0.5rem',
+  'spacing.gap.100': '0.5rem',
+  'spacing.gap.200': '1rem',
+  'spacing.gap.300': '1.5rem',
+  'spacing.inset.100': '0.5rem',
+  'spacing.inset.200': '1rem',
+  'spacing.inset.300': '1.5rem',
   'spacing.ecl.container.12': '0.75rem',
   'spacing.ecl.container.16': '1rem',
   'spacing.ecl.container.20': '1.25rem',
   'spacing.ecl.container.24': '1.5rem',
+  'spacing.ecl.element.2': '0.125rem',
+  'spacing.ecl.element.4': '0.25rem',
+  'spacing.ecl.element.6': '0.375rem',
+  'spacing.ecl.element.8': '0.5rem',
   'spacing.ecl.layout.32': '2rem',
   'spacing.ecl.layout.40': '2.5rem',
   'spacing.ecl.layout.64': '3rem',
@@ -462,33 +454,41 @@ const defaultTokenValues = {
   'spacing.ccc.component.4': '0.25rem',
   'spacing.ccc.component.6': '0.375rem',
   'spacing.ccc.component.8': '0.5rem',
+  'spacing.ccc.container.32': '2rem',
+  'spacing.ccc.container.40': '2.5rem',
+  'spacing.ccc.container.48': '3rem',
   'spacing.ccc.content.12': '0.75rem',
   'spacing.ccc.content.16': '1rem',
   'spacing.ccc.content.20': '1.25rem',
   'spacing.ccc.content.24': '1.5rem',
-  'spacing.ccc.container.32': '2rem',
-  'spacing.ccc.container.40': '2.5rem',
-  'spacing.ccc.container.48': '3rem',
-  'spacing.gap.100': '0.5rem',
-  'spacing.gap.200': '1rem',
-  'spacing.gap.300': '1.5rem',
-  'spacing.inset.100': '0.5rem',
-  'spacing.inset.200': '1rem',
-  'spacing.inset.300': '1.5rem',
-  'font.family.sans': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
+  'space.0': '0',
+  'space.025': '0.125rem',
+  'space.050': '0.25rem',
+  'space.075': '0.375rem',
+  'space.100': '0.5rem',
+  'space.150': '0.75rem',
+  'space.200': '1rem',
+  'space.250': '1.25rem',
+  'space.300': '1.5rem',
+  'space.400': '2rem',
+  'space.500': '2.5rem',
+  'space.600': '3rem',
+  'space.800': '4rem',
+  'space.1000': '5rem',
   'font.family.monospace': '"SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace',
+  'font.family.sans': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
+  'font.size.050': '11px',
+  'font.size.075': '12px',
   'font.size.100': '14px',
   'font.size.200': '16px',
   'font.size.300': '20px',
   'font.size.400': '24px',
   'font.size.500': '29px',
   'font.size.600': '35px',
-  'font.size.050': '11px',
-  'font.size.075': '12px',
-  'font.weight.regular': '400',
+  'font.weight.bold': '700',
   'font.weight.medium': '500',
+  'font.weight.regular': '400',
   'font.weight.semibold': '600',
-  'font.weight.bold': '700',
   'font.lineHeight.100': '16px',
   'font.lineHeight.200': '20px',
   'font.lineHeight.300': '24px',