From 93468dda9d43e127f44422e8c315fff8539d582f Mon Sep 17 00:00:00 2001 From: Michio Date: Thu, 9 Nov 2023 12:06:08 +0800 Subject: [PATCH] chore: added motion tokens and added 75 black and white colors --- dist/quill-tailwind/_core.css | 22 + dist/quill-tailwind/tailwind.config.cjs | 2 + dist/quill-tailwind/tailwind.config.js | 2 + dist/quill-tailwind/token-names.ts | 2 + raw-tokens/data/$metadata.json | 1 + raw-tokens/data/core/color/opacity.json | 9 + raw-tokens/data/core/motion.json | 90 + raw-tokens/data/semantic/global.json | 42 + .../__snapshots__/tailwind.test.ts.snap | 5048 +++++++++++++++++ 9 files changed, 5218 insertions(+) create mode 100644 raw-tokens/data/core/motion.json diff --git a/dist/quill-tailwind/_core.css b/dist/quill-tailwind/_core.css index dcbdb28..bdca0ec 100644 --- a/dist/quill-tailwind/_core.css +++ b/dist/quill-tailwind/_core.css @@ -99,6 +99,7 @@ --core-color-gradient-slate-420: linear-gradient(88.07deg, rgba(24, 28, 37, 0) 1.63%, #181c25 50.02%); --core-color-gradient-slate-430: linear-gradient(181.93deg, rgba(24, 28, 37, 0) 1.63%, #181c25 50.01%); --core-color-gradient-slate-440: linear-gradient(271.93deg, rgba(24, 28, 37, 0) 1.63%, #181c25 49.98%); + --core-color-opacity-white-75: rgba(255, 255, 255, 0.04); --core-color-opacity-white-100: rgba(255, 255, 255, 0.08); --core-color-opacity-white-200: rgba(255, 255, 255, 0.16); --core-color-opacity-white-300: rgba(255, 255, 255, 0.24); @@ -107,6 +108,7 @@ --core-color-opacity-white-600: rgba(255, 255, 255, 0.72); /* 72% of base color */ --core-color-opacity-white-700: rgba(255, 255, 255, 0.8); /* 80% of base color */ --core-color-opacity-white-800: rgba(255, 255, 255, 0.88); /* 88% of base color */ + --core-color-opacity-black-75: rgba(0, 0, 0, 0.04); /* Initially 4%. changed to 8%. */ --core-color-opacity-black-100: rgba(0, 0, 0, 0.08); /* Initially 4%. changed to 8%. */ --core-color-opacity-black-200: rgba(0, 0, 0, 0.16); /* Initially 8%. changed to 16%. */ --core-color-opacity-black-300: rgba(0, 0, 0, 0.24); /* 24% of base color */ @@ -492,6 +494,26 @@ --core-color-solid-slate-1200: #181c25; --core-color-solid-slate-1300: #11141b; --core-color-solid-slate-1400: #000000; + --core-motion-ease-100: cubic-bezier(0, 0, 1, 1); + --core-motion-ease-200: cubic-bezier(1, 0, 1, 1); + --core-motion-ease-300: cubic-bezier(0, 0, 0, 1); + --core-motion-ease-400: cubic-bezier(0.72, 0, 0.24, 1); + --core-motion-duration-50: 0ms; + --core-motion-duration-100: 80ms; + --core-motion-duration-200: 160ms; + --core-motion-duration-300: 240ms; + --core-motion-duration-400: 480ms; + --core-motion-duration-500: 720ms; + --core-motion-duration-600: 960ms; + --core-motion-duration-700: 1200ms; + --core-motion-duration-800: 1440ms; + --core-motion-duration-900: 1680ms; + --core-motion-duration-1000: 1920ms; + --core-motion-duration-1100: 2400ms; + --core-motion-duration-1200: 2880ms; + --core-motion-duration-1300: 3360ms; + --core-motion-duration-1400: 3840ms; + --core-motion-duration-1500: 4320ms; --core-opacity-50: 0; --core-opacity-75: 0.04; --core-opacity-100: 0.08; diff --git a/dist/quill-tailwind/tailwind.config.cjs b/dist/quill-tailwind/tailwind.config.cjs index 0564759..2208ac8 100644 --- a/dist/quill-tailwind/tailwind.config.cjs +++ b/dist/quill-tailwind/tailwind.config.cjs @@ -274,6 +274,7 @@ const QuillTailwindConfig = { }, opacity: { white: { + "75": "rgba(255, 255, 255, 0.04)", "100": "rgba(255, 255, 255, 0.08)", "200": "rgba(255, 255, 255, 0.16)", "300": "rgba(255, 255, 255, 0.24)", @@ -284,6 +285,7 @@ const QuillTailwindConfig = { "800": "rgba(255, 255, 255, 0.88)", }, black: { + "75": "rgba(0, 0, 0, 0.04)", "100": "rgba(0, 0, 0, 0.08)", "200": "rgba(0, 0, 0, 0.16)", "300": "rgba(0, 0, 0, 0.24)", diff --git a/dist/quill-tailwind/tailwind.config.js b/dist/quill-tailwind/tailwind.config.js index abaf71e..40c2d5e 100644 --- a/dist/quill-tailwind/tailwind.config.js +++ b/dist/quill-tailwind/tailwind.config.js @@ -274,6 +274,7 @@ const QuillTailwindConfig = { }, opacity: { white: { + "75": "rgba(255, 255, 255, 0.04)", "100": "rgba(255, 255, 255, 0.08)", "200": "rgba(255, 255, 255, 0.16)", "300": "rgba(255, 255, 255, 0.24)", @@ -284,6 +285,7 @@ const QuillTailwindConfig = { "800": "rgba(255, 255, 255, 0.88)", }, black: { + "75": "rgba(0, 0, 0, 0.04)", "100": "rgba(0, 0, 0, 0.08)", "200": "rgba(0, 0, 0, 0.16)", "300": "rgba(0, 0, 0, 0.24)", diff --git a/dist/quill-tailwind/token-names.ts b/dist/quill-tailwind/token-names.ts index 3bf2df6..6fabccc 100644 --- a/dist/quill-tailwind/token-names.ts +++ b/dist/quill-tailwind/token-names.ts @@ -277,6 +277,7 @@ export const allNames = { "gradient-slate-420", "gradient-slate-430", "gradient-slate-440", + "opacity-white-75", "opacity-white-100", "opacity-white-200", "opacity-white-300", @@ -285,6 +286,7 @@ export const allNames = { "opacity-white-600", "opacity-white-700", "opacity-white-800", + "opacity-black-75", "opacity-black-100", "opacity-black-200", "opacity-black-300", diff --git a/raw-tokens/data/$metadata.json b/raw-tokens/data/$metadata.json index cc6d855..f22ebc7 100644 --- a/raw-tokens/data/$metadata.json +++ b/raw-tokens/data/$metadata.json @@ -8,6 +8,7 @@ "core/opacity", "core/spacing", "core/typography", + "core/motion", "semantic/global", "semantic/viewPort/default", "semantic/viewPort/640-plus", diff --git a/raw-tokens/data/core/color/opacity.json b/raw-tokens/data/core/color/opacity.json index 1cb63fd..59674d6 100644 --- a/raw-tokens/data/core/color/opacity.json +++ b/raw-tokens/data/core/color/opacity.json @@ -3,6 +3,10 @@ "color": { "opacity": { "white": { + "75": { + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + "type": "color" + }, "100": { "value": "rgba({core.color.solid.slate.50},{core.opacity.100})", "type": "color" @@ -42,6 +46,11 @@ } }, "black": { + "75": { + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + "type": "color", + "description": "Initially 4%. changed to 8%." + }, "100": { "value": "rgba({core.color.solid.slate.1400},{core.opacity.100})", "type": "color", diff --git a/raw-tokens/data/core/motion.json b/raw-tokens/data/core/motion.json new file mode 100644 index 0000000..413b87f --- /dev/null +++ b/raw-tokens/data/core/motion.json @@ -0,0 +1,90 @@ +{ + "core": { + "motion": { + "ease": { + "100": { + "value": "cubic-bezier(0, 0, 1, 1)", + "type": "other" + }, + "200": { + "value": "cubic-bezier(1, 0, 1, 1)", + "type": "other" + }, + "300": { + "value": "cubic-bezier(0, 0, 0, 1)", + "type": "other" + }, + "400": { + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + "type": "other" + } + }, + "duration": { + "50": { + "value": "0ms", + "type": "other" + }, + "100": { + "value": "80ms", + "type": "other" + }, + "200": { + "value": "160ms", + "type": "other" + }, + "300": { + "value": "240ms", + "type": "other" + }, + "400": { + "value": "480ms", + "type": "other" + }, + "500": { + "value": "720ms", + "type": "other" + }, + "600": { + "value": "960ms", + "type": "other" + }, + "700": { + "value": "1200ms", + "type": "other" + }, + "800": { + "value": "1440ms", + "type": "other" + }, + "900": { + "value": "1680ms", + "type": "other" + }, + "1000": { + "value": "1920ms", + "type": "other" + }, + "1100": { + "value": "2400ms", + "type": "other" + }, + "1200": { + "value": "2880ms", + "type": "other" + }, + "1300": { + "value": "3360ms", + "type": "other" + }, + "1400": { + "value": "3840ms", + "type": "other" + }, + "1500": { + "value": "4320ms", + "type": "other" + } + } + } + } +} \ No newline at end of file diff --git a/raw-tokens/data/semantic/global.json b/raw-tokens/data/semantic/global.json index 5e8e2fc..d28690b 100644 --- a/raw-tokens/data/semantic/global.json +++ b/raw-tokens/data/semantic/global.json @@ -30,5 +30,47 @@ "value": "{core.opacity.400}", "type": "opacity" } + }, + "motion": { + "easing": { + "linear": { + "value": "{core.motion.ease.100}", + "type": "Motion" + }, + "in": { + "value": "{core.motion.ease.200}", + "type": "Motion" + }, + "out": { + "value": "{core.motion.ease.300}", + "type": "Motion" + }, + "inandout": { + "value": "{core.motion.ease.400}", + "type": "Motion" + } + }, + "duration": { + "instant": { + "value": "{core.motion.duration.50}", + "type": "Motion" + }, + "snappy": { + "value": "{core.motion.duration.300}", + "type": "Motion" + }, + "moderate": { + "value": "{core.motion.duration.400}", + "type": "Motion" + }, + "relax": { + "value": "{core.motion.duration.500}", + "type": "Motion" + }, + "deliberate": { + "value": "{core.motion.duration.600}", + "type": "Motion" + } + } } } \ No newline at end of file diff --git a/src/tests/tailwind/__snapshots__/tailwind.test.ts.snap b/src/tests/tailwind/__snapshots__/tailwind.test.ts.snap index 335b316..a079382 100644 --- a/src/tests/tailwind/__snapshots__/tailwind.test.ts.snap +++ b/src/tests/tailwind/__snapshots__/tailwind.test.ts.snap @@ -2759,6 +2759,49 @@ exports[`Tailwind Exports Should generate 2XL Semantic CSS variables properly 1` "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -8647,6 +8690,25 @@ exports[`Tailwind Exports Should generate 2XL Semantic CSS variables properly 1` "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": {}, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -15619,6 +15681,372 @@ exports[`Tailwind Exports Should generate 2XL Semantic CSS variables properly 1` "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": {}, @@ -26005,6 +26433,49 @@ exports[`Tailwind Exports Should generate Core CSS variables properly 1`] = ` "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -31893,6 +32364,25 @@ exports[`Tailwind Exports Should generate Core CSS variables properly 1`] = ` "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": {}, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -38865,6 +39355,372 @@ exports[`Tailwind Exports Should generate Core CSS variables properly 1`] = ` "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": {}, @@ -44346,6 +45202,49 @@ exports[`Tailwind Exports Should generate Dark Theme Semantic CSS variables prop "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -50234,6 +51133,25 @@ exports[`Tailwind Exports Should generate Dark Theme Semantic CSS variables prop "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": {}, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -57206,6 +58124,372 @@ exports[`Tailwind Exports Should generate Dark Theme Semantic CSS variables prop "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": {}, @@ -62957,6 +64241,49 @@ exports[`Tailwind Exports Should generate LG Semantic CSS variables properly 1`] "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -68845,6 +70172,25 @@ exports[`Tailwind Exports Should generate LG Semantic CSS variables properly 1`] "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": {}, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -75817,6 +77163,372 @@ exports[`Tailwind Exports Should generate LG Semantic CSS variables properly 1`] "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": {}, @@ -86203,6 +87915,49 @@ exports[`Tailwind Exports Should generate Light Theme Semantic CSS variables pro "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -92091,6 +93846,25 @@ exports[`Tailwind Exports Should generate Light Theme Semantic CSS variables pro "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": {}, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -99063,6 +100837,372 @@ exports[`Tailwind Exports Should generate Light Theme Semantic CSS variables pro "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": {}, @@ -104814,6 +106954,49 @@ exports[`Tailwind Exports Should generate MD Semantic CSS variables properly 1`] "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -110702,6 +112885,25 @@ exports[`Tailwind Exports Should generate MD Semantic CSS variables properly 1`] "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": {}, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -117674,6 +119876,372 @@ exports[`Tailwind Exports Should generate MD Semantic CSS variables properly 1`] "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": {}, @@ -128060,6 +130628,49 @@ exports[`Tailwind Exports Should generate Mobile Semantic CSS variables properly "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -133948,6 +136559,25 @@ exports[`Tailwind Exports Should generate Mobile Semantic CSS variables properly "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": {}, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -140920,6 +143550,372 @@ exports[`Tailwind Exports Should generate Mobile Semantic CSS variables properly "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": {}, @@ -151306,6 +154302,49 @@ exports[`Tailwind Exports Should generate SM Semantic CSS variables properly 1`] "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -157194,6 +160233,25 @@ exports[`Tailwind Exports Should generate SM Semantic CSS variables properly 1`] "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": {}, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -164166,6 +167224,372 @@ exports[`Tailwind Exports Should generate SM Semantic CSS variables properly 1`] "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": {}, @@ -174955,6 +178379,54 @@ exports[`Tailwind Exports Should generate Tailwind Theme Config properly for cjs "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "tokenPath": [ + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -181550,6 +185022,31 @@ exports[`Tailwind Exports Should generate Tailwind Theme Config properly for cjs "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": { + "tokenPath": [ + "opacity", + "white", + "75", + ], + }, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -190211,6 +193708,372 @@ exports[`Tailwind Exports Should generate Tailwind Theme Config properly for cjs "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": { @@ -193190,6 +197053,165 @@ exports[`Tailwind Exports Should generate Tailwind Theme Config properly for cjs }, }, }, + "motion": { + "duration": { + "deliberate": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-deliberate", + "original": { + "type": "Motion", + "value": "{core.motion.duration.600}", + }, + "path": [ + "motion", + "duration", + "deliberate", + ], + "type": "Motion", + "value": "960ms", + }, + "instant": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-instant", + "original": { + "type": "Motion", + "value": "{core.motion.duration.50}", + }, + "path": [ + "motion", + "duration", + "instant", + ], + "type": "Motion", + "value": "0ms", + }, + "moderate": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-moderate", + "original": { + "type": "Motion", + "value": "{core.motion.duration.400}", + }, + "path": [ + "motion", + "duration", + "moderate", + ], + "type": "Motion", + "value": "480ms", + }, + "relax": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-relax", + "original": { + "type": "Motion", + "value": "{core.motion.duration.500}", + }, + "path": [ + "motion", + "duration", + "relax", + ], + "type": "Motion", + "value": "720ms", + }, + "snappy": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-snappy", + "original": { + "type": "Motion", + "value": "{core.motion.duration.300}", + }, + "path": [ + "motion", + "duration", + "snappy", + ], + "type": "Motion", + "value": "240ms", + }, + }, + "easing": { + "in": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-easing-in", + "original": { + "type": "Motion", + "value": "{core.motion.ease.200}", + }, + "path": [ + "motion", + "easing", + "in", + ], + "type": "Motion", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "inandout": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-easing-inandout", + "original": { + "type": "Motion", + "value": "{core.motion.ease.400}", + }, + "path": [ + "motion", + "easing", + "inandout", + ], + "type": "Motion", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "linear": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-easing-linear", + "original": { + "type": "Motion", + "value": "{core.motion.ease.100}", + }, + "path": [ + "motion", + "easing", + "linear", + ], + "type": "Motion", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "out": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-easing-out", + "original": { + "type": "Motion", + "value": "{core.motion.ease.300}", + }, + "path": [ + "motion", + "easing", + "out", + ], + "type": "Motion", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + }, + }, "opacity": { "disabled": { "attributes": { @@ -202175,6 +206197,54 @@ exports[`Tailwind Exports Should generate Tailwind Theme Config properly for esm "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "tokenPath": [ + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -208770,6 +212840,31 @@ exports[`Tailwind Exports Should generate Tailwind Theme Config properly for esm "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": { + "tokenPath": [ + "opacity", + "white", + "75", + ], + }, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -217431,6 +221526,372 @@ exports[`Tailwind Exports Should generate Tailwind Theme Config properly for esm "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": { @@ -220410,6 +224871,165 @@ exports[`Tailwind Exports Should generate Tailwind Theme Config properly for esm }, }, }, + "motion": { + "duration": { + "deliberate": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-deliberate", + "original": { + "type": "Motion", + "value": "{core.motion.duration.600}", + }, + "path": [ + "motion", + "duration", + "deliberate", + ], + "type": "Motion", + "value": "960ms", + }, + "instant": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-instant", + "original": { + "type": "Motion", + "value": "{core.motion.duration.50}", + }, + "path": [ + "motion", + "duration", + "instant", + ], + "type": "Motion", + "value": "0ms", + }, + "moderate": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-moderate", + "original": { + "type": "Motion", + "value": "{core.motion.duration.400}", + }, + "path": [ + "motion", + "duration", + "moderate", + ], + "type": "Motion", + "value": "480ms", + }, + "relax": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-relax", + "original": { + "type": "Motion", + "value": "{core.motion.duration.500}", + }, + "path": [ + "motion", + "duration", + "relax", + ], + "type": "Motion", + "value": "720ms", + }, + "snappy": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-duration-snappy", + "original": { + "type": "Motion", + "value": "{core.motion.duration.300}", + }, + "path": [ + "motion", + "duration", + "snappy", + ], + "type": "Motion", + "value": "240ms", + }, + }, + "easing": { + "in": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-easing-in", + "original": { + "type": "Motion", + "value": "{core.motion.ease.200}", + }, + "path": [ + "motion", + "easing", + "in", + ], + "type": "Motion", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "inandout": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-easing-inandout", + "original": { + "type": "Motion", + "value": "{core.motion.ease.400}", + }, + "path": [ + "motion", + "easing", + "inandout", + ], + "type": "Motion", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "linear": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-easing-linear", + "original": { + "type": "Motion", + "value": "{core.motion.ease.100}", + }, + "path": [ + "motion", + "easing", + "linear", + ], + "type": "Motion", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "out": { + "attributes": {}, + "filePath": "raw-tokens/data/semantic/global.json", + "isSource": false, + "name": "motion-easing-out", + "original": { + "type": "Motion", + "value": "{core.motion.ease.300}", + }, + "path": [ + "motion", + "easing", + "out", + ], + "type": "Motion", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + }, + }, "opacity": { "disabled": { "attributes": { @@ -228992,6 +233612,49 @@ exports[`Tailwind Exports Should generate XL Semantic CSS variables properly 1`] "type": "color", "value": "rgba(0, 0, 0, 0.8)", }, + "75": { + "attributes": { + "attributes": {}, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(#000000,0.04)", + }, + "comment": "Initially 4%. changed to 8%.", + "description": "Initially 4%. changed to 8%.", + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-black-75", + "original": { + "description": "Initially 4%. changed to 8%.", + "type": "color", + "value": "rgba({core.color.solid.slate.1400},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "black", + "75", + ], + "type": "color", + "value": "rgba(0, 0, 0, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -234880,6 +239543,25 @@ exports[`Tailwind Exports Should generate XL Semantic CSS variables properly 1`] "type": "color", "value": "rgba(255, 255, 255, 0.8)", }, + "75": { + "attributes": {}, + "filePath": "raw-tokens/data/core/color/opacity.json", + "isSource": true, + "name": "core-color-opacity-white-75", + "original": { + "type": "color", + "value": "rgba({core.color.solid.slate.50},{core.opacity.75})", + }, + "path": [ + "core", + "color", + "opacity", + "white", + "75", + ], + "type": "color", + "value": "rgba(255, 255, 255, 0.04)", + }, "800": { "attributes": { "attributes": {}, @@ -241852,6 +246534,372 @@ exports[`Tailwind Exports Should generate XL Semantic CSS variables properly 1`] "value": "normal", }, }, + "motion": { + "duration": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-100", + "original": { + "type": "other", + "value": "80ms", + }, + "path": [ + "core", + "motion", + "duration", + "100", + ], + "type": "other", + "value": "80ms", + }, + "1000": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1000", + "original": { + "type": "other", + "value": "1920ms", + }, + "path": [ + "core", + "motion", + "duration", + "1000", + ], + "type": "other", + "value": "1920ms", + }, + "1100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1100", + "original": { + "type": "other", + "value": "2400ms", + }, + "path": [ + "core", + "motion", + "duration", + "1100", + ], + "type": "other", + "value": "2400ms", + }, + "1200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1200", + "original": { + "type": "other", + "value": "2880ms", + }, + "path": [ + "core", + "motion", + "duration", + "1200", + ], + "type": "other", + "value": "2880ms", + }, + "1300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1300", + "original": { + "type": "other", + "value": "3360ms", + }, + "path": [ + "core", + "motion", + "duration", + "1300", + ], + "type": "other", + "value": "3360ms", + }, + "1400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1400", + "original": { + "type": "other", + "value": "3840ms", + }, + "path": [ + "core", + "motion", + "duration", + "1400", + ], + "type": "other", + "value": "3840ms", + }, + "1500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-1500", + "original": { + "type": "other", + "value": "4320ms", + }, + "path": [ + "core", + "motion", + "duration", + "1500", + ], + "type": "other", + "value": "4320ms", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-200", + "original": { + "type": "other", + "value": "160ms", + }, + "path": [ + "core", + "motion", + "duration", + "200", + ], + "type": "other", + "value": "160ms", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-300", + "original": { + "type": "other", + "value": "240ms", + }, + "path": [ + "core", + "motion", + "duration", + "300", + ], + "type": "other", + "value": "240ms", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-400", + "original": { + "type": "other", + "value": "480ms", + }, + "path": [ + "core", + "motion", + "duration", + "400", + ], + "type": "other", + "value": "480ms", + }, + "50": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-50", + "original": { + "type": "other", + "value": "0ms", + }, + "path": [ + "core", + "motion", + "duration", + "50", + ], + "type": "other", + "value": "0ms", + }, + "500": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-500", + "original": { + "type": "other", + "value": "720ms", + }, + "path": [ + "core", + "motion", + "duration", + "500", + ], + "type": "other", + "value": "720ms", + }, + "600": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-600", + "original": { + "type": "other", + "value": "960ms", + }, + "path": [ + "core", + "motion", + "duration", + "600", + ], + "type": "other", + "value": "960ms", + }, + "700": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-700", + "original": { + "type": "other", + "value": "1200ms", + }, + "path": [ + "core", + "motion", + "duration", + "700", + ], + "type": "other", + "value": "1200ms", + }, + "800": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-800", + "original": { + "type": "other", + "value": "1440ms", + }, + "path": [ + "core", + "motion", + "duration", + "800", + ], + "type": "other", + "value": "1440ms", + }, + "900": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-duration-900", + "original": { + "type": "other", + "value": "1680ms", + }, + "path": [ + "core", + "motion", + "duration", + "900", + ], + "type": "other", + "value": "1680ms", + }, + }, + "ease": { + "100": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-100", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "100", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 1, 1)", + }, + "200": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-200", + "original": { + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "200", + ], + "type": "other", + "value": "cubic-bezier(1, 0, 1, 1)", + }, + "300": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-300", + "original": { + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "300", + ], + "type": "other", + "value": "cubic-bezier(0, 0, 0, 1)", + }, + "400": { + "attributes": {}, + "filePath": "raw-tokens/data/core/motion.json", + "isSource": true, + "name": "core-motion-ease-400", + "original": { + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + "path": [ + "core", + "motion", + "ease", + "400", + ], + "type": "other", + "value": "cubic-bezier(0.72, 0, 0.24, 1)", + }, + }, + }, "opacity": { "100": { "attributes": {},