@breadstone/mosaik-themes 0.0.172 → 0.0.174

package/tailwind/v3/joy-tokens.tailwind.js

@@ -0,0 +1,562 @@
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        'SchemeLightBackground': '#eaeaea',
+        'SchemeLightForeground': '#3c454f',
+        'SchemeLightHighlight': '#d1d1d1',
+        'SchemeLightMiddlelight': '#8a8a8a',
+        'SchemeLightLowlight': '#5c5c5c',
+        'SchemeLightTransparent': 'rgba(255, 255, 255, 0)',
+        'SchemeLightSemiTransparent': 'rgba(255, 255, 255, 0.67)',
+        'SchemeLightDisabled': '#686868',
+        'SchemeLightContrast': '#ffffff',
+        'SchemeLightSelection': 'rgba(204, 204, 204, 0.44)',
+        'SchemeDarkBackground': '#151515',
+        'SchemeDarkForeground': '#c3bab0',
+        'SchemeDarkHighlight': '#2e2e2e',
+        'SchemeDarkMiddlelight': '#757575',
+        'SchemeDarkLowlight': '#a3a3a3',
+        'SchemeDarkTransparent': 'rgba(255, 255, 255, 0)',
+        'SchemeDarkSemiTransparent': 'rgba(255, 255, 255, 0.03)',
+        'SchemeDarkDisabled': '#474747',
+        'SchemeDarkContrast': '#000000',
+        'SchemeDarkSelection': 'rgba(204, 204, 204, 0.44)',
+        'ColorLightPrimary0': '#ffffff',
+        'ColorLightPrimary50': '#fce4ec',
+        'ColorLightPrimary200': '#f48fb1',
+        'ColorLightPrimary300': '#f06292',
+        'ColorLightPrimary500': '#e91e63',
+        'ColorLightPrimary600': '#cb1a56',
+        'ColorLightPrimary700': '#a31545',
+        'ColorLightPrimary800': '#7e1035',
+        'ColorLightPrimary900': '#3a0819',
+        'ColorLightSecondary0': '#ffffff',
+        'ColorLightSecondary50': '#e6f6e9',
+        'ColorLightSecondary100': '#c3e8c9',
+        'ColorLightSecondary200': '#9bd9a7',
+        'ColorLightSecondary300': '#70cb83',
+        'ColorLightSecondary400': '#4dbf68',
+        'ColorLightSecondary500': '#21b34d',
+        'ColorLightSecondary600': '#16a444',
+        'ColorLightSecondary700': '#009238',
+        'ColorLightSecondary800': '#00812d',
+        'ColorLightSecondary900': '#006218',
+        'ColorLightTertiary0': '#ffffff',
+        'ColorLightTertiary50': '#e1f5fc',
+        'ColorLightTertiary100': '#b4e6f7',
+        'ColorLightTertiary200': '#84d5f3',
+        'ColorLightTertiary300': '#56c5ee',
+        'ColorLightTertiary400': '#35b8eb',
+        'ColorLightTertiary500': '#19ace9',
+        'ColorLightTertiary600': '#139edb',
+        'ColorLightTertiary700': '#098bc7',
+        'ColorLightTertiary800': '#087ab4',
+        'ColorLightTertiary900': '#005a92',
+        'ColorLightInfo0': '#ffffff',
+        'ColorLightInfo50': '#f4faff',
+        'ColorLightInfo100': '#ddf1ff',
+        'ColorLightInfo200': '#addbff',
+        'ColorLightInfo300': '#6fb6ff',
+        'ColorLightInfo400': '#3990ff',
+        'ColorLightInfo500': '#096bde',
+        'ColorLightInfo600': '#054da7',
+        'ColorLightInfo700': '#02367d',
+        'ColorLightInfo800': '#072859',
+        'ColorLightInfo900': '#00153c',
+        'ColorLightWarning0': '#ffffff',
+        'ColorLightWarning50': '#fff8c5',
+        'ColorLightWarning100': '#fae17d',
+        'ColorLightWarning200': '#eac54f',
+        'ColorLightWarning300': '#d4a72c',
+        'ColorLightWarning400': '#bf8700',
+        'ColorLightWarning500': '#9a6700',
+        'ColorLightWarning600': '#7d4e00',
+        'ColorLightWarning700': '#633c01',
+        'ColorLightWarning800': '#4d2d00',
+        'ColorLightWarning900': '#3b2300',
+        'ColorLightDanger0': '#ffffff',
+        'ColorLightDanger50': '#fff8f6',
+        'ColorLightDanger100': '#ffe9e8',
+        'ColorLightDanger200': '#ffc7c5',
+        'ColorLightDanger300': '#ff9192',
+        'ColorLightDanger400': '#fa5255',
+        'ColorLightDanger500': '#d3232f',
+        'ColorLightDanger600': '#a10e25',
+        'ColorLightDanger700': '#77061b',
+        'ColorLightDanger800': '#580013',
+        'ColorLightDanger900': '#39000d',
+        'ColorLightSuccess0': '#ffffff',
+        'ColorLightSuccess50': '#f3fef5',
+        'ColorLightSuccess100': '#d7f5dd',
+        'ColorLightSuccess200': '#77ec95',
+        'ColorLightSuccess300': '#4cc76e',
+        'ColorLightSuccess400': '#2ca24d',
+        'ColorLightSuccess500': '#1a7d36',
+        'ColorLightSuccess600': '#0f5d26',
+        'ColorLightSuccess700': '#034318',
+        'ColorLightSuccess800': '#002f0f',
+        'ColorLightSuccess900': '#001d09',
+        'ColorLightHighlight0': '#ffffff',
+        'ColorLightHighlight50': '#fdf7ff',
+        'ColorLightHighlight100': '#f4eaff',
+        'ColorLightHighlight200': '#e1cbff',
+        'ColorLightHighlight300': '#c69eff',
+        'ColorLightHighlight400': '#a374f9',
+        'ColorLightHighlight500': '#814dde',
+        'ColorLightHighlight600': '#5f35ae',
+        'ColorLightHighlight700': '#452382',
+        'ColorLightHighlight800': '#301761',
+        'ColorLightHighlight900': '#1d0a42',
+        'ColorLightNeutral0': '#ffffff',
+        'ColorLightNeutral50': '#f7f7f8',
+        'ColorLightNeutral100': '#ebebef',
+        'ColorLightNeutral200': '#d8d8df',
+        'ColorLightNeutral300': '#b9b9c6',
+        'ColorLightNeutral400': '#8f8fa3',
+        'ColorLightNeutral500': '#73738c',
+        'ColorLightNeutral600': '#5a5a72',
+        'ColorLightNeutral700': '#434356',
+        'ColorLightNeutral800': '#25252d',
+        'ColorLightNeutral900': '#131318',
+        'ColorDarkPrimary0': '#000000',
+        'ColorDarkPrimary50': '#3a0819',
+        'ColorDarkPrimary100': '#7e1035',
+        'ColorDarkPrimary200': '#a31545',
+        'ColorDarkPrimary300': '#cb1a56',
+        'ColorDarkPrimary400': '#e91e63',
+        'ColorDarkPrimary500': '#ec407a',
+        'ColorDarkPrimary600': '#f06292',
+        'ColorDarkPrimary700': '#f48fb1',
+        'ColorDarkPrimary800': '#f8bcd0',
+        'ColorDarkPrimary900': '#fce4ec',
+        'ColorDarkSecondary0': '#000000',
+        'ColorDarkSecondary50': '#006218',
+        'ColorDarkSecondary100': '#00812d',
+        'ColorDarkSecondary200': '#009238',
+        'ColorDarkSecondary300': '#16a444',
+        'ColorDarkSecondary400': '#21b34d',
+        'ColorDarkSecondary500': '#4dbf68',
+        'ColorDarkSecondary600': '#70cb83',
+        'ColorDarkSecondary700': '#9bd9a7',
+        'ColorDarkSecondary800': '#c3e8c9',
+        'ColorDarkSecondary900': '#e6f6e9',
+        'ColorDarkTertiary0': '#000000',
+        'ColorDarkTertiary50': '#005a92',
+        'ColorDarkTertiary100': '#087ab4',
+        'ColorDarkTertiary200': '#098bc7',
+        'ColorDarkTertiary300': '#139edb',
+        'ColorDarkTertiary400': '#19ace9',
+        'ColorDarkTertiary500': '#35b8eb',
+        'ColorDarkTertiary600': '#56c5ee',
+        'ColorDarkTertiary700': '#84d5f3',
+        'ColorDarkTertiary800': '#b4e6f7',
+        'ColorDarkTertiary900': '#e1f5fc',
+        'ColorDarkInfo0': '#000000',
+        'ColorDarkInfo50': '#00153c',
+        'ColorDarkInfo100': '#072859',
+        'ColorDarkInfo200': '#02367d',
+        'ColorDarkInfo300': '#054da7',
+        'ColorDarkInfo400': '#096bde',
+        'ColorDarkInfo500': '#3990ff',
+        'ColorDarkInfo600': '#6fb6ff',
+        'ColorDarkInfo700': '#addbff',
+        'ColorDarkInfo800': '#ddf1ff',
+        'ColorDarkInfo900': '#f4faff',
+        'ColorDarkWarning0': '#000000',
+        'ColorDarkWarning50': '#3b2300',
+        'ColorDarkWarning100': '#4d2d00',
+        'ColorDarkWarning200': '#633c01',
+        'ColorDarkWarning300': '#7d4e00',
+        'ColorDarkWarning400': '#9a6700',
+        'ColorDarkWarning500': '#bf8700',
+        'ColorDarkWarning600': '#d4a72c',
+        'ColorDarkWarning700': '#eac54f',
+        'ColorDarkWarning800': '#fae17d',
+        'ColorDarkWarning900': '#fff8c5',
+        'ColorDarkDanger0': '#000000',
+        'ColorDarkDanger50': '#39000d',
+        'ColorDarkDanger100': '#580013',
+        'ColorDarkDanger200': '#77061b',
+        'ColorDarkDanger300': '#a10e25',
+        'ColorDarkDanger400': '#d3232f',
+        'ColorDarkDanger500': '#fa5255',
+        'ColorDarkDanger600': '#ff9192',
+        'ColorDarkDanger700': '#ffc7c5',
+        'ColorDarkDanger800': '#ffe9e8',
+        'ColorDarkDanger900': '#fff8f6',
+        'ColorDarkSuccess0': '#000000',
+        'ColorDarkSuccess50': '#001d09',
+        'ColorDarkSuccess100': '#002f0f',
+        'ColorDarkSuccess200': '#034318',
+        'ColorDarkSuccess300': '#0f5d26',
+        'ColorDarkSuccess400': '#1a7d36',
+        'ColorDarkSuccess500': '#2ca24d',
+        'ColorDarkSuccess600': '#4cc76e',
+        'ColorDarkSuccess700': '#77ec95',
+        'ColorDarkSuccess800': '#d7f5dd',
+        'ColorDarkSuccess900': '#f3fef5',
+        'ColorDarkHighlight0': '#000000',
+        'ColorDarkHighlight50': '#1d0a42',
+        'ColorDarkHighlight100': '#301761',
+        'ColorDarkHighlight200': '#452382',
+        'ColorDarkHighlight300': '#5f35ae',
+        'ColorDarkHighlight400': '#814dde',
+        'ColorDarkHighlight500': '#a374f9',
+        'ColorDarkHighlight600': '#c69eff',
+        'ColorDarkHighlight700': '#e1cbff',
+        'ColorDarkHighlight800': '#f4eaff',
+        'ColorDarkHighlight900': '#fdf7ff',
+        'ColorDarkNeutral0': '#000000',
+        'ColorDarkNeutral50': '#131318',
+        'ColorDarkNeutral100': '#25252d',
+        'ColorDarkNeutral200': '#434356',
+        'ColorDarkNeutral300': '#5a5a72',
+        'ColorDarkNeutral400': '#73738c',
+        'ColorDarkNeutral500': '#8f8fa3',
+        'ColorDarkNeutral600': '#b9b9c6',
+        'ColorDarkNeutral700': '#d8d8df',
+        'ColorDarkNeutral800': '#ebebef',
+        'ColorDarkNeutral900': '#f7f7f8',
+        'ElevationLightLightColor0': 'rgba(0, 0, 0, 0.12)',
+        'ElevationLightLightColor1': 'rgba(0, 0, 0, 0.14)',
+        'ElevationLightSemilightColor0': 'rgba(0, 0, 0, 0.12)',
+        'ElevationLightSemilightColor1': 'rgba(0, 0, 0, 0.14)',
+        'ElevationLightRegularColor0': 'rgba(0, 0, 0, 0.12)',
+        'ElevationLightRegularColor1': 'rgba(0, 0, 0, 0.14)',
+        'ElevationLightSemiboldColor0': 'rgba(0, 0, 0, 0.12)',
+        'ElevationLightSemiboldColor1': 'rgba(0, 0, 0, 0.14)',
+        'ElevationLightBoldColor0': 'rgba(0, 0, 0, 0.12)',
+        'ElevationLightBoldColor1': 'rgba(0, 0, 0, 0.14)',
+        'ElevationLightExtraboldColor0': 'rgba(0, 0, 0, 0.12)',
+        'ElevationLightExtraboldColor1': 'rgba(0, 0, 0, 0.14)',
+        'ElevationDarkLightColor0': 'rgba(0, 0, 0, 0.24)',
+        'ElevationDarkLightColor1': 'rgba(0, 0, 0, 0.28)',
+        'ElevationDarkSemilightColor0': 'rgba(0, 0, 0, 0.24)',
+        'ElevationDarkSemilightColor1': 'rgba(0, 0, 0, 0.28)',
+        'ElevationDarkRegularColor0': 'rgba(0, 0, 0, 0.24)',
+        'ElevationDarkRegularColor1': 'rgba(0, 0, 0, 0.28)',
+        'ElevationDarkSemiboldColor0': 'rgba(0, 0, 0, 0.24)',
+        'ElevationDarkSemiboldColor1': 'rgba(0, 0, 0, 0.28)',
+        'ElevationDarkBoldColor0': 'rgba(0, 0, 0, 0.24)',
+        'ElevationDarkBoldColor1': 'rgba(0, 0, 0, 0.28)',
+        'ElevationDarkExtraboldColor0': 'rgba(0, 0, 0, 0.24)',
+        'ElevationDarkExtraboldColor1': 'rgba(0, 0, 0, 0.28)',
+      },
+      width: {
+        'LayoutRadius': '12px',
+        'LayoutSpace': '8px',
+        'LayoutThickness': '2px',
+        'TypographyHeadline1FontSize': '96px',
+        'TypographyHeadline1LineHeight': '100px',
+        'TypographyHeadline2FontSize': '60px',
+        'TypographyHeadline2LineHeight': '64px',
+        'TypographyHeadline3FontSize': '48px',
+        'TypographyHeadline3LineHeight': '52px',
+        'TypographyHeadline4FontSize': '34px',
+        'TypographyHeadline4LineHeight': '38px',
+        'TypographyHeadline5FontSize': '24px',
+        'TypographyHeadline5LineHeight': '28px',
+        'TypographyHeadline6FontSize': '20px',
+        'TypographyHeadline6LineHeight': '24px',
+        'TypographySubtitle1FontSize': '16px',
+        'TypographySubtitle1LineHeight': '20px',
+        'TypographySubtitle2FontSize': '14px',
+        'TypographySubtitle2LineHeight': '18px',
+        'TypographyBody1FontSize': '16px',
+        'TypographyBody1LineHeight': '20px',
+        'TypographyBody2FontSize': '14px',
+        'TypographyBody2LineHeight': '18px',
+        'TypographyCaptionFontSize': '12px',
+        'TypographyCaptionLineHeight': '16px',
+        'TypographyButtonFontSize': '14px',
+        'TypographyButtonLineHeight': '18px',
+        'TypographyOverlineFontSize': '12px',
+        'TypographyOverlineLineHeight': '16px',
+        'ElevationLightLightOffsetX0': '0px',
+        'ElevationLightLightOffsetX1': '0px',
+        'ElevationLightLightOffsetY0': '0px',
+        'ElevationLightLightOffsetY1': '1px',
+        'ElevationLightLightBlur0': '2px',
+        'ElevationLightLightBlur1': '2px',
+        'ElevationLightLightSpread0': '0px',
+        'ElevationLightLightSpread1': '0px',
+        'ElevationLightSemilightOffsetX0': '0px',
+        'ElevationLightSemilightOffsetX1': '0px',
+        'ElevationLightSemilightOffsetY0': '0px',
+        'ElevationLightSemilightOffsetY1': '2px',
+        'ElevationLightSemilightBlur0': '2px',
+        'ElevationLightSemilightBlur1': '4px',
+        'ElevationLightSemilightSpread0': '0px',
+        'ElevationLightSemilightSpread1': '0px',
+        'ElevationLightRegularOffsetX0': '0px',
+        'ElevationLightRegularOffsetX1': '0px',
+        'ElevationLightRegularOffsetY0': '0px',
+        'ElevationLightRegularOffsetY1': '4px',
+        'ElevationLightRegularBlur0': '2px',
+        'ElevationLightRegularBlur1': '8px',
+        'ElevationLightRegularSpread0': '0px',
+        'ElevationLightRegularSpread1': '0px',
+        'ElevationLightSemiboldOffsetX0': '0px',
+        'ElevationLightSemiboldOffsetX1': '0px',
+        'ElevationLightSemiboldOffsetY0': '0px',
+        'ElevationLightSemiboldOffsetY1': '8px',
+        'ElevationLightSemiboldBlur0': '2px',
+        'ElevationLightSemiboldBlur1': '16px',
+        'ElevationLightSemiboldSpread0': '0px',
+        'ElevationLightSemiboldSpread1': '0px',
+        'ElevationLightBoldOffsetX0': '0px',
+        'ElevationLightBoldOffsetX1': '0px',
+        'ElevationLightBoldOffsetY0': '0px',
+        'ElevationLightBoldOffsetY1': '14px',
+        'ElevationLightBoldBlur0': '8px',
+        'ElevationLightBoldBlur1': '28px',
+        'ElevationLightBoldSpread0': '0px',
+        'ElevationLightBoldSpread1': '0px',
+        'ElevationLightExtraboldOffsetX0': '0px',
+        'ElevationLightExtraboldOffsetX1': '0px',
+        'ElevationLightExtraboldOffsetY0': '0px',
+        'ElevationLightExtraboldOffsetY1': '32px',
+        'ElevationLightExtraboldBlur0': '8px',
+        'ElevationLightExtraboldBlur1': '64px',
+        'ElevationLightExtraboldSpread0': '0px',
+        'ElevationLightExtraboldSpread1': '0px',
+        'ElevationDarkLightOffsetX0': '0px',
+        'ElevationDarkLightOffsetX1': '0px',
+        'ElevationDarkLightOffsetY0': '0px',
+        'ElevationDarkLightOffsetY1': '1px',
+        'ElevationDarkLightBlur0': '2px',
+        'ElevationDarkLightBlur1': '2px',
+        'ElevationDarkLightSpread0': '0px',
+        'ElevationDarkLightSpread1': '0px',
+        'ElevationDarkSemilightOffsetX0': '0px',
+        'ElevationDarkSemilightOffsetX1': '0px',
+        'ElevationDarkSemilightOffsetY0': '0px',
+        'ElevationDarkSemilightOffsetY1': '2px',
+        'ElevationDarkSemilightBlur0': '2px',
+        'ElevationDarkSemilightBlur1': '4px',
+        'ElevationDarkSemilightSpread0': '0px',
+        'ElevationDarkSemilightSpread1': '0px',
+        'ElevationDarkRegularOffsetX0': '0px',
+        'ElevationDarkRegularOffsetX1': '0px',
+        'ElevationDarkRegularOffsetY0': '0px',
+        'ElevationDarkRegularOffsetY1': '4px',
+        'ElevationDarkRegularBlur0': '2px',
+        'ElevationDarkRegularBlur1': '8px',
+        'ElevationDarkRegularSpread0': '0px',
+        'ElevationDarkRegularSpread1': '0px',
+        'ElevationDarkSemiboldOffsetX0': '0px',
+        'ElevationDarkSemiboldOffsetX1': '0px',
+        'ElevationDarkSemiboldOffsetY0': '0px',
+        'ElevationDarkSemiboldOffsetY1': '8px',
+        'ElevationDarkSemiboldBlur0': '2px',
+        'ElevationDarkSemiboldBlur1': '16px',
+        'ElevationDarkSemiboldSpread0': '0px',
+        'ElevationDarkSemiboldSpread1': '0px',
+        'ElevationDarkBoldOffsetX0': '0px',
+        'ElevationDarkBoldOffsetX1': '0px',
+        'ElevationDarkBoldOffsetY0': '0px',
+        'ElevationDarkBoldOffsetY1': '14px',
+        'ElevationDarkBoldBlur0': '8px',
+        'ElevationDarkBoldBlur1': '28px',
+        'ElevationDarkBoldSpread0': '0px',
+        'ElevationDarkBoldSpread1': '0px',
+        'ElevationDarkExtraboldOffsetX0': '0px',
+        'ElevationDarkExtraboldOffsetX1': '0px',
+        'ElevationDarkExtraboldOffsetY0': '0px',
+        'ElevationDarkExtraboldOffsetY1': '32px',
+        'ElevationDarkExtraboldBlur0': '8px',
+        'ElevationDarkExtraboldBlur1': '64px',
+        'ElevationDarkExtraboldSpread0': '0px',
+        'ElevationDarkExtraboldSpread1': '0px',
+        'SizeTiny': '2px',
+        'SizeSmall': '4px',
+        'SizeMedium': '8px',
+        'SizeLarge': '16px',
+        'SizeGiant': '32px',
+      },
+      height: {
+        'LayoutRadius': '12px',
+        'LayoutSpace': '8px',
+        'LayoutThickness': '2px',
+        'TypographyHeadline1FontSize': '96px',
+        'TypographyHeadline1LineHeight': '100px',
+        'TypographyHeadline2FontSize': '60px',
+        'TypographyHeadline2LineHeight': '64px',
+        'TypographyHeadline3FontSize': '48px',
+        'TypographyHeadline3LineHeight': '52px',
+        'TypographyHeadline4FontSize': '34px',
+        'TypographyHeadline4LineHeight': '38px',
+        'TypographyHeadline5FontSize': '24px',
+        'TypographyHeadline5LineHeight': '28px',
+        'TypographyHeadline6FontSize': '20px',
+        'TypographyHeadline6LineHeight': '24px',
+        'TypographySubtitle1FontSize': '16px',
+        'TypographySubtitle1LineHeight': '20px',
+        'TypographySubtitle2FontSize': '14px',
+        'TypographySubtitle2LineHeight': '18px',
+        'TypographyBody1FontSize': '16px',
+        'TypographyBody1LineHeight': '20px',
+        'TypographyBody2FontSize': '14px',
+        'TypographyBody2LineHeight': '18px',
+        'TypographyCaptionFontSize': '12px',
+        'TypographyCaptionLineHeight': '16px',
+        'TypographyButtonFontSize': '14px',
+        'TypographyButtonLineHeight': '18px',
+        'TypographyOverlineFontSize': '12px',
+        'TypographyOverlineLineHeight': '16px',
+        'ElevationLightLightOffsetX0': '0px',
+        'ElevationLightLightOffsetX1': '0px',
+        'ElevationLightLightOffsetY0': '0px',
+        'ElevationLightLightOffsetY1': '1px',
+        'ElevationLightLightBlur0': '2px',
+        'ElevationLightLightBlur1': '2px',
+        'ElevationLightLightSpread0': '0px',
+        'ElevationLightLightSpread1': '0px',
+        'ElevationLightSemilightOffsetX0': '0px',
+        'ElevationLightSemilightOffsetX1': '0px',
+        'ElevationLightSemilightOffsetY0': '0px',
+        'ElevationLightSemilightOffsetY1': '2px',
+        'ElevationLightSemilightBlur0': '2px',
+        'ElevationLightSemilightBlur1': '4px',
+        'ElevationLightSemilightSpread0': '0px',
+        'ElevationLightSemilightSpread1': '0px',
+        'ElevationLightRegularOffsetX0': '0px',
+        'ElevationLightRegularOffsetX1': '0px',
+        'ElevationLightRegularOffsetY0': '0px',
+        'ElevationLightRegularOffsetY1': '4px',
+        'ElevationLightRegularBlur0': '2px',
+        'ElevationLightRegularBlur1': '8px',
+        'ElevationLightRegularSpread0': '0px',
+        'ElevationLightRegularSpread1': '0px',
+        'ElevationLightSemiboldOffsetX0': '0px',
+        'ElevationLightSemiboldOffsetX1': '0px',
+        'ElevationLightSemiboldOffsetY0': '0px',
+        'ElevationLightSemiboldOffsetY1': '8px',
+        'ElevationLightSemiboldBlur0': '2px',
+        'ElevationLightSemiboldBlur1': '16px',
+        'ElevationLightSemiboldSpread0': '0px',
+        'ElevationLightSemiboldSpread1': '0px',
+        'ElevationLightBoldOffsetX0': '0px',
+        'ElevationLightBoldOffsetX1': '0px',
+        'ElevationLightBoldOffsetY0': '0px',
+        'ElevationLightBoldOffsetY1': '14px',
+        'ElevationLightBoldBlur0': '8px',
+        'ElevationLightBoldBlur1': '28px',
+        'ElevationLightBoldSpread0': '0px',
+        'ElevationLightBoldSpread1': '0px',
+        'ElevationLightExtraboldOffsetX0': '0px',
+        'ElevationLightExtraboldOffsetX1': '0px',
+        'ElevationLightExtraboldOffsetY0': '0px',
+        'ElevationLightExtraboldOffsetY1': '32px',
+        'ElevationLightExtraboldBlur0': '8px',
+        'ElevationLightExtraboldBlur1': '64px',
+        'ElevationLightExtraboldSpread0': '0px',
+        'ElevationLightExtraboldSpread1': '0px',
+        'ElevationDarkLightOffsetX0': '0px',
+        'ElevationDarkLightOffsetX1': '0px',
+        'ElevationDarkLightOffsetY0': '0px',
+        'ElevationDarkLightOffsetY1': '1px',
+        'ElevationDarkLightBlur0': '2px',
+        'ElevationDarkLightBlur1': '2px',
+        'ElevationDarkLightSpread0': '0px',
+        'ElevationDarkLightSpread1': '0px',
+        'ElevationDarkSemilightOffsetX0': '0px',
+        'ElevationDarkSemilightOffsetX1': '0px',
+        'ElevationDarkSemilightOffsetY0': '0px',
+        'ElevationDarkSemilightOffsetY1': '2px',
+        'ElevationDarkSemilightBlur0': '2px',
+        'ElevationDarkSemilightBlur1': '4px',
+        'ElevationDarkSemilightSpread0': '0px',
+        'ElevationDarkSemilightSpread1': '0px',
+        'ElevationDarkRegularOffsetX0': '0px',
+        'ElevationDarkRegularOffsetX1': '0px',
+        'ElevationDarkRegularOffsetY0': '0px',
+        'ElevationDarkRegularOffsetY1': '4px',
+        'ElevationDarkRegularBlur0': '2px',
+        'ElevationDarkRegularBlur1': '8px',
+        'ElevationDarkRegularSpread0': '0px',
+        'ElevationDarkRegularSpread1': '0px',
+        'ElevationDarkSemiboldOffsetX0': '0px',
+        'ElevationDarkSemiboldOffsetX1': '0px',
+        'ElevationDarkSemiboldOffsetY0': '0px',
+        'ElevationDarkSemiboldOffsetY1': '8px',
+        'ElevationDarkSemiboldBlur0': '2px',
+        'ElevationDarkSemiboldBlur1': '16px',
+        'ElevationDarkSemiboldSpread0': '0px',
+        'ElevationDarkSemiboldSpread1': '0px',
+        'ElevationDarkBoldOffsetX0': '0px',
+        'ElevationDarkBoldOffsetX1': '0px',
+        'ElevationDarkBoldOffsetY0': '0px',
+        'ElevationDarkBoldOffsetY1': '14px',
+        'ElevationDarkBoldBlur0': '8px',
+        'ElevationDarkBoldBlur1': '28px',
+        'ElevationDarkBoldSpread0': '0px',
+        'ElevationDarkBoldSpread1': '0px',
+        'ElevationDarkExtraboldOffsetX0': '0px',
+        'ElevationDarkExtraboldOffsetX1': '0px',
+        'ElevationDarkExtraboldOffsetY0': '0px',
+        'ElevationDarkExtraboldOffsetY1': '32px',
+        'ElevationDarkExtraboldBlur0': '8px',
+        'ElevationDarkExtraboldBlur1': '64px',
+        'ElevationDarkExtraboldSpread0': '0px',
+        'ElevationDarkExtraboldSpread1': '0px',
+        'SizeTiny': '2px',
+        'SizeSmall': '4px',
+        'SizeMedium': '8px',
+        'SizeLarge': '16px',
+        'SizeGiant': '32px',
+      },
+      fontFamily: {
+        'FontFamily': 'Nunito, sans-serif',
+        'TypographyHeadline1FontFamily': 'Nunito, sans-serif',
+        'TypographyHeadline2FontFamily': 'Nunito, sans-serif',
+        'TypographyHeadline3FontFamily': 'Nunito, sans-serif',
+        'TypographyHeadline4FontFamily': 'Nunito, sans-serif',
+        'TypographyHeadline5FontFamily': 'Nunito, sans-serif',
+        'TypographyHeadline6FontFamily': 'Nunito, sans-serif',
+        'TypographySubtitle1FontFamily': 'Nunito, sans-serif',
+        'TypographySubtitle2FontFamily': 'Nunito, sans-serif',
+        'TypographyBody1FontFamily': 'Nunito, sans-serif',
+        'TypographyBody2FontFamily': 'Nunito, sans-serif',
+        'TypographyCaptionFontFamily': 'Nunito, sans-serif',
+        'TypographyButtonFontFamily': 'Nunito, sans-serif',
+        'TypographyOverlineFontFamily': 'Nunito, sans-serif',
+      },
+      letterSpacing: {
+        'TypographyHeadline1LetterSpacing': '-0.25px',
+        'TypographyHeadline2LetterSpacing': '-0.13333333333333333px',
+        'TypographyHeadline3LetterSpacing': 'normal',
+        'TypographyHeadline4LetterSpacing': '0.11764705882352941px',
+        'TypographyHeadline5LetterSpacing': 'normal',
+        'TypographyHeadline6LetterSpacing': '0.2px',
+        'TypographySubtitle1LetterSpacing': '0.15px',
+        'TypographySubtitle2LetterSpacing': '0.1142857142857143px',
+        'TypographyBody1LetterSpacing': '0.5px',
+        'TypographyBody2LetterSpacing': '0.2857142857142857px',
+        'TypographyCaptionLetterSpacing': '0.5333333333333333px',
+        'TypographyButtonLetterSpacing': '1.4285714285714286px',
+        'TypographyOverlineLetterSpacing': '2.6666666666666665px',
+      },
+      boxShadow: {
+        'ElevationLightLight': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)',
+        'ElevationLightSemilight': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)',
+        'ElevationLightRegular': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)',
+        'ElevationLightSemibold': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)',
+        'ElevationLightBold': '0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)',
+        'ElevationLightExtrabold': '0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)',
+        'ElevationDarkLight': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)',
+        'ElevationDarkSemilight': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)',
+        'ElevationDarkRegular': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)',
+        'ElevationDarkSemibold': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)',
+        'ElevationDarkBold': '0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)',
+        'ElevationDarkExtrabold': '0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)',
+      },
+      transitionDuration: {
+        'DurationShort': '200ms',
+        'DurationMedium': '400ms',
+        'DurationLong': '600ms',
+      },
+    }
+  }
+};

package/tailwind/v3/material-tokens.tailwind.js

@@ -0,0 +1,29 @@
+module.exports = {
+  theme: {
+    extend: {
+      width: {
+        'LayoutRadius': '12px',
+        'LayoutSpace': '8px',
+        'LayoutThickness': '2px',
+        'SizeTiny': '2px',
+        'SizeSmall': '4px',
+        'SizeMedium': '8px',
+        'SizeLarge': '16px',
+        'SizeGiant': '32px',
+      },
+      height: {
+        'LayoutRadius': '12px',
+        'LayoutSpace': '8px',
+        'LayoutThickness': '2px',
+        'SizeTiny': '2px',
+        'SizeSmall': '4px',
+        'SizeMedium': '8px',
+        'SizeLarge': '16px',
+        'SizeGiant': '32px',
+      },
+      fontFamily: {
+        'FontFamily': ''Inter', Roboto, Helvetica, sans-serif',
+      },
+    }
+  }
+};