@youcan/celeste-tokens 0.6.57 → 0.6.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/tokens.css +1 -1
  2. package/dist/tokens.scss +409 -0
  3. package/package.json +1 -1
  4. package/src/generate.ts +9 -4
  5. package/src/stubs/animations.css +409 -0
package/dist/tokens.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:Cairo;src:url(https://ui-assets.ycdn.store/fonts/Cairo.ttf)}@font-face{font-family:GeistMono;src:url(https://ui-assets.ycdn.store/fonts/Geist-Mono.ttf)}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterVariable-Italic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:100;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Thin.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:100;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ThinItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:200;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLight.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:200;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLightItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:300;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Light.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:300;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-LightItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:400;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Regular.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:400;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Italic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:500;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Medium.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:500;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-MediumItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:600;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:600;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:700;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Bold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:700;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-BoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:800;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:800;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Black.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-BlackItalic.woff2)format("woff2")}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values Inter{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values InterDisplay{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}:root{--animation-extra-fast:100ms;--animation-fast:200ms;--animation-normal:300ms;--animation-slow:400ms;--animation-extra-slow:500ms;--color-white-alpha-24:rgba(255, 255, 255, 0.24);--color-white-alpha-16:rgba(255, 255, 255, 0.16);--color-white-alpha-10:rgba(255, 255, 255, 0.1);--color-black-alpha-24:rgba(14, 18, 27, 0.24);--color-black-alpha-16:rgba(14, 18, 27, 0.16);--color-black-alpha-10:rgba(14, 18, 27, 0.1);--color-neutral-0:#ffffff;--color-neutral-50:#f5f7fa;--color-neutral-100:#f2f5f8;--color-neutral-200:#e1e4ea;--color-neutral-300:#cacfd8;--color-neutral-400:#99a0ae;--color-neutral-500:#717784;--color-neutral-600:#525866;--color-neutral-700:#2b303b;--color-neutral-800:#222530;--color-neutral-900:#181b25;--color-neutral-950:#0e121b;--color-neutral-alpha-10:rgba(153, 160, 174, 0.1);--color-neutral-alpha-16:rgba(153, 160, 174, 0.16);--color-neutral-alpha-24:rgba(153, 160, 174, 0.24);--color-red-50:#ffebec;--color-red-100:#ffd5d8;--color-red-200:#ffc0c5;--color-red-300:#ff97a0;--color-red-400:#ff6875;--color-red-500:#fb3748;--color-red-600:#e93544;--color-red-700:#d02533;--color-red-800:#ad1f2b;--color-red-900:#8b1822;--color-red-950:#681219;--color-red-alpha-10:rgba(251, 55, 72, 0.1);--color-red-alpha-16:rgba(251, 55, 72, 0.16);--color-red-alpha-24:rgba(251, 55, 72, 0.24);--color-orange-50:#fff1eb;--color-orange-100:#ffe3d5;--color-orange-200:#ffd5c0;--color-orange-300:#ffba97;--color-orange-400:#ff9a68;--color-orange-500:#ff8447;--color-orange-600:#e97135;--color-orange-700:#d05e25;--color-orange-800:#ad4e1f;--color-orange-900:#8b3e18;--color-orange-950:#682f12;--color-orange-alpha-10:rgba(255, 145, 71, 0.1);--color-orange-alpha-16:rgba(255, 145, 71, 0.16);--color-orange-alpha-24:rgba(255, 145, 71, 0.24);--color-yellow-50:#fffaeb;--color-yellow-100:#ffefcc;--color-yellow-200:#ffecc0;--color-yellow-300:#ffe097;--color-yellow-400:#ffd268;--color-yellow-500:#f6b51e;--color-yellow-600:#e6a819;--color-yellow-700:#c99a2c;--color-yellow-800:#a78025;--color-yellow-900:#86661d;--color-yellow-950:#624c18;--color-yellow-alpha-10:rgba(251, 198, 75, 0.1);--color-yellow-alpha-16:rgba(251, 198, 75, 0.16);--color-yellow-alpha-24:rgba(251, 198, 75, 0.24);--color-green-50:#e0faec;--color-green-100:#d0fbe9;--color-green-200:#c2f5da;--color-green-300:#84ebb4;--color-green-400:#3ee089;--color-green-500:#1fc16b;--color-green-600:#1daf61;--color-green-700:#178c4e;--color-green-800:#1a7544;--color-green-900:#16643b;--color-green-950:#0b4627;--color-green-alpha-10:rgba(31, 193, 107, 0.1);--color-green-alpha-16:rgba(31, 193, 107, 0.16);--color-green-alpha-24:rgba(31, 193, 107, 0.24);--color-teal-50:#e4fbf8;--color-teal-100:#d0fbf5;--color-teal-200:#c2f5ee;--color-teal-300:#84ebdd;--color-teal-400:#3fdec9;--color-teal-500:#22d3bb;--color-teal-600:#1daf9c;--color-teal-700:#178c7d;--color-teal-800:#1a7569;--color-teal-900:#16645a;--color-teal-950:#0b463e;--color-teal-alpha-10:rgba(34, 211, 187, 0.1);--color-teal-alpha-16:rgba(34, 211, 187, 0.16);--color-teal-alpha-24:rgba(34, 211, 187, 0.24);--color-sky-50:#ebf8ff;--color-sky-100:#d5f1ff;--color-sky-200:#c0eaff;--color-sky-300:#97dcff;--color-sky-400:#68cdff;--color-sky-500:#47c2ff;--color-sky-600:#35ade9;--color-sky-700:#2597d0;--color-sky-800:#1f7ead;--color-sky-900:#18658b;--color-sky-950:#124b68;--color-sky-alpha-10:rgba(71, 194, 255, 0.1);--color-sky-alpha-16:rgba(71, 194, 255, 0.16);--color-sky-alpha-24:rgba(71, 194, 255, 0.24);--color-blue-50:#ebf1ff;--color-blue-100:#d5e2ff;--color-blue-200:#c0d5ff;--color-blue-300:#97baff;--color-blue-400:#6895ff;--color-blue-500:#335cff;--color-blue-600:#3559e9;--color-blue-700:#2547d0;--color-blue-800:#1f3bad;--color-blue-900:#182f8b;--color-blue-950:#122368;--color-blue-alpha-10:rgba(71, 108, 255, 0.1);--color-blue-alpha-16:rgba(71, 108, 255, 0.16);--color-blue-alpha-24:rgba(71, 108, 255, 0.24);--color-purple-50:#efebff;--color-purple-100:#dcd5ff;--color-purple-200:#cac0ff;--color-purple-300:#a897ff;--color-purple-400:#8c71f6;--color-purple-500:#7d52f4;--color-purple-600:#693ee0;--color-purple-700:#5b2cc9;--color-purple-800:#4c25a7;--color-purple-900:#3d1d86;--color-purple-950:#351a75;--color-purple-alpha-10:rgba(120, 77, 239, 0.1);--color-purple-alpha-16:rgba(120, 77, 239, 0.16);--color-purple-alpha-24:rgba(120, 77, 239, 0.24);--color-pink-50:#ffebf4;--color-pink-100:#ffd5ea;--color-pink-200:#ffc0df;--color-pink-300:#ff97cb;--color-pink-400:#ff68b3;--color-pink-500:#fb4ba3;--color-pink-600:#e9358f;--color-pink-700:#d0257a;--color-pink-800:#ad1f66;--color-pink-900:#8b1852;--color-pink-950:#68123d;--color-pink-alpha-10:rgba(251, 75, 163, 0.1);--color-pink-alpha-16:rgba(251, 75, 163, 0.16);--color-pink-alpha-24:rgba(251, 75, 163, 0.24);--color-brand-50:#ffebf4;--color-brand-100:#ffd6e9;--color-brand-200:#ffc2dd;--color-brand-300:#ff99c7;--color-brand-400:#ff66ab;--color-brand-500:#e1116f;--color-brand-600:#cb0f64;--color-brand-700:#b40e59;--color-brand-800:#9e0c4e;--color-brand-900:#870a43;--color-brand-950:#681239;--color-static-white:#ffffff;--color-static-black:#0e121b;--color-bg-white-0:#ffffff;--color-bg-weak-50:#f5f7fa;--color-bg-strong-950:#0e121b;--color-bg-surface-800:#222530;--color-bg-soft-200:#e1e4ea;--color-bg-sub-300:#cacfd8;--color-state-faded-light:#e1e4ea;--color-state-faded-base:#717784;--color-state-faded-dark:#222530;--color-state-faded-lighter:#f2f5f8;--color-state-error-base:#fb3748;--color-state-error-light:#ffc0c5;--color-state-error-dark:#681219;--color-state-error-lighter:#ffebec;--color-state-warning-dark:#682f12;--color-state-warning-base:#ff8447;--color-state-warning-light:#ffd5c0;--color-state-warning-lighter:#fff1eb;--color-state-information-dark:#122368;--color-state-information-base:#335cff;--color-state-information-light:#c0d5ff;--color-state-information-lighter:#ebf1ff;--color-state-success-dark:#0b4627;--color-state-success-base:#1fc16b;--color-state-success-light:#c2f5da;--color-state-success-lighter:#e0faec;--color-state-away-dark:#624c18;--color-state-away-base:#f6b51e;--color-state-away-light:#ffecc0;--color-state-away-lighter:#fffaeb;--color-state-feature-dark:#351a75;--color-state-feature-base:#7d52f4;--color-state-feature-light:#cac0ff;--color-state-feature-lighter:#efebff;--color-state-verified-dark:#124b68;--color-state-verified-base:#47c2ff;--color-state-verified-light:#c0eaff;--color-state-verified-lighter:#ebf8ff;--color-state-highlighted-dark:#68123d;--color-state-highlighted-base:#fb4ba3;--color-state-highlighted-light:#ffc0df;--color-state-highlighted-lighter:#ffebf4;--color-state-stable-dark:#0b463e;--color-state-stable-base:#22d3bb;--color-state-stable-light:#c2f5ee;--color-state-stable-lighter:#e4fbf8;--color-text-strong-950:#0e121b;--color-text-sub-600:#525866;--color-text-disabled-300:#cacfd8;--color-text-white-0:#ffffff;--color-text-soft-400:#99a0ae;--color-stroke-soft-200:#e1e4ea;--color-stroke-strong-950:#0e121b;--color-stroke-white-0:#ffffff;--color-stroke-sub-300:#cacfd8;--color-icon-sub-600:#525866;--color-icon-strong-950:#0e121b;--color-icon-soft-400:#99a0ae;--color-icon-disabled-300:#cacfd8;--color-icon-white-0:#ffffff;--color-social-apple:#000000;--color-social-twitter:#010101;--color-social-github:#24292f;--color-social-notion:#1e2226;--color-social-tidal:#000000;--color-social-amazon:#353e47;--color-social-zendesk:#16140d;--color-illustration-strong-400:#99a0ae;--color-illustration-sub-300:#cacfd8;--color-illustration-soft-200:#e1e4ea;--color-illustration-weak-100:#f2f5f8;--color-illustration-white-0:#ffffff;--color-overlay-overlay:rgba(2, 13, 23, 0.24);--color-primary-base:#e1116f;--color-primary-darker:#b40e59;--color-primary-alpha-10:rgba(251, 75, 163, 0.1);--color-primary-alpha-16:rgba(251, 75, 163, 0.16);--color-primary-dark:#cb0f64;--color-primary-alpha-24:rgba(251, 75, 163, 0.24);--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-full:999px;--shadow-regular-xs:0 1px 2px 0 #0a0d1408;--shadow-regular-md:0 16px 32px -12px #0e121b1a;--shadow-buttons-primary-focus:0 0 0 2px #ffffff, 0 0 0 4px #fb4ba31a;--shadow-buttons-important-focus:0 0 0 2px #ffffff, 0 0 0 4px #99a0ae29;--shadow-buttons-error-focus:0 0 0 2px #ffffff, 0 0 0 4px #fb37481a;--shadow-fancy-buttons-neutral:0 1px 2px 0 #1b1c1d7a, 0 0 0 1px #242628;--shadow-fancy-buttons-primary:0 1px 2px 0 #0e121b3d, 0 0 0 1px #e1116f;--shadow-fancy-buttons-error:0 1px 2px 0 #0e121b3d, 0 0 0 1px #fb3748;--shadow-fancy-buttons-stroke:0 1px 3px 0 #0e121b1f, 0 0 0 1px #e1e4ea;--shadow-toggle-switch:0 6px 10px 0 #0e121b0f, 0 2px 4px 0 #0e121b08;--spacing-0:0;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-48:48px;--font-families-inter-display:InterDisplay;--font-families-inter:InterVariable;--font-families-cairo:Cairo;--font-families-geist-mono:'Geist Mono';--font-families-sans:InterVariable, Cairo, sans-serif;--font-families-mono:'Geist Mono', monospace;--font-families-display:InterDisplay, Cairo, sans-serif;--line-heights-0:64px;--line-heights-1:56px;--line-heights-2:48px;--line-heights-3:40px;--line-heights-4:32px;--line-heights-5:28px;--line-heights-6:24px;--line-heights-7:20px;--line-heights-8:16px;--line-heights-9:12px;--font-weights-display-0:500;--font-weights-sans-0:400;--font-weights-sans-1:500;--font-size-0:11px;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:18px;--font-size-5:20px;--font-size-6:24px;--font-size-7:32px;--font-size-8:40px;--font-size-9:48px;--font-size-10:56px;--letter-spacing-0:-0.01em;--letter-spacing-1:-0.005em;--letter-spacing-2:0em;--letter-spacing-3:-0.015em;--letter-spacing-4:-0.011000000000000001em;--letter-spacing-5:-0.006em;--letter-spacing-6:0.06em;--letter-spacing-7:0.04em;--letter-spacing-8:0.02em;--paragraph-spacing-0:0;--text-case-none:none;--text-case-uppercase:uppercase;--text-decoration-none:none;--paragraph-indent-0:0px;--title-h1-title:500 56px/64px InterDisplay, Cairo, sans-serif;--title-h2-title:500 48px/56px InterDisplay, Cairo, sans-serif;--title-h3-title:500 40px/48px InterDisplay, Cairo, sans-serif;--title-h4-title:500 32px/40px InterDisplay, Cairo, sans-serif;--title-h5-title:500 24px/32px InterDisplay, Cairo, sans-serif;--title-h6-title:500 20px/28px InterDisplay, Cairo, sans-serif;--label-xl:500 24px/32px InterVariable, Cairo, sans-serif;--label-lg:500 18px/24px InterVariable, Cairo, sans-serif;--label-md:500 16px/24px InterVariable, Cairo, sans-serif;--label-sm:500 14px/20px InterVariable, Cairo, sans-serif;--label-xs:500 12px/16px InterVariable, Cairo, sans-serif;--paragraph-xl:400 24px/32px InterVariable, Cairo, sans-serif;--paragraph-lg:400 18px/24px InterVariable, Cairo, sans-serif;--paragraph-md:400 16px/24px InterVariable, Cairo, sans-serif;--paragraph-sm:400 14px/20px InterVariable, Cairo, sans-serif;--paragraph-xs:400 12px/16px InterVariable, Cairo, sans-serif;--subheading-md:500 16px/24px InterVariable, Cairo, sans-serif;--subheading-sm:500 14px/20px InterVariable, Cairo, sans-serif;--subheading-xs:500 12px/16px InterVariable, Cairo, sans-serif;--subheading-xxs:500 11px/12px InterVariable, Cairo, sans-serif;--docs-label:500 18px/32px InterVariable, Cairo, sans-serif;--docs-paragraph:400 18px/32px InterVariable, Cairo, sans-serif}
1
+ @keyframes celeste-fade-in{0%{opacity:0}}@keyframes celeste-fade-out{to{opacity:0}}@keyframes celeste-zoom-in{0%{opacity:0;transform:scale(.95)}}@keyframes celeste-zoom-out{to{opacity:0;transform:scale(.95)}}@keyframes celeste-spin-in{0%{opacity:0;transform:rotate(-30deg)}}@keyframes celeste-spin-out{to{opacity:0;transform:rotate(30deg)}}@keyframes celeste-slide-in-from-top{0%{transform:translateY(-100%)}}@keyframes celeste-slide-in-from-bottom{0%{transform:translateY(100%)}}@keyframes celeste-slide-in-from-left{0%{transform:translateX(-100%)}}@keyframes celeste-slide-in-from-right{0%{transform:translateX(100%)}}@keyframes celeste-slide-out-to-top{to{transform:translateY(-100%)}}@keyframes celeste-slide-out-to-bottom{to{transform:translateY(100%)}}@keyframes celeste-slide-out-to-left{to{transform:translateX(-100%)}}@keyframes celeste-slide-out-to-right{to{transform:translateX(100%)}}@keyframes celeste-bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes celeste-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes celeste-ping{75%,to{transform:scale(2);opacity:0}}@keyframes celeste-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes celeste-swing{0%,to{transform:rotate(0deg)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes celeste-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes celeste-flip{0%{transform:perspective(400px) rotateY(-180deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes celeste-flip-out{0%{transform:perspective(400px) rotateY(0);opacity:1}to{transform:perspective(400px) rotateY(180deg);opacity:0}}@keyframes celeste-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes celeste-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes celeste-collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes celeste-collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}@keyframes celeste-enter{0%{opacity:0;transform:translate3d(0,0,0) scale3d(.95,.95,.95) rotate(0)}}@keyframes celeste-exit{to{opacity:0;transform:translate3d(0,0,0) scale3d(.95,.95,.95) rotate(0)}}@keyframes celeste-scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes celeste-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes celeste-rotate-in{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes celeste-rotate-out{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(200deg)}}@keyframes celeste-slide-down{0%{height:0;opacity:0}to{height:100%;opacity:1}}@keyframes celeste-slide-up{0%{height:100%;opacity:1}to{height:0;opacity:0}}@keyframes celeste-slide-left{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes celeste-slide-right{0%{width:100%;opacity:1}to{width:0;opacity:0}}@keyframes celeste-glow{0%,to{box-shadow:0 0 5px rgba(255,255,255,.2)}50%{box-shadow:0 0 20px rgba(255,255,255,.6)}}@keyframes celeste-flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes celeste-rubber-band{0%,to{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}}@keyframes celeste-jello{0%,to{transform:skewX(0deg) skewY(0deg)}30%{transform:skewX(25deg) skewY(-25deg)}40%{transform:skewX(-15deg) skewY(15deg)}50%{transform:skewX(15deg) skewY(-15deg)}65%{transform:skewX(-5deg) skewY(5deg)}75%{transform:skewX(5deg) skewY(-5deg)}}@keyframes celeste-heartbeat{0%,28%,70%,to{transform:scale(1)}14%,42%{transform:scale(1.3)}}@font-face{font-family:Cairo;src:url(https://ui-assets.ycdn.store/fonts/Cairo.ttf)}@font-face{font-family:GeistMono;src:url(https://ui-assets.ycdn.store/fonts/Geist-Mono.ttf)}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterVariable-Italic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:100;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Thin.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:100;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ThinItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:200;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLight.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:200;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraLightItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:300;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Light.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:300;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-LightItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:400;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Regular.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:400;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Italic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:500;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Medium.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:500;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-MediumItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:600;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:600;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-SemiBoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:700;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Bold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:700;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-BoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:800;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBold.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:800;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-ExtraBoldItalic.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:normal;font-weight:900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-Black.woff2)format("woff2")}@font-face{font-family:"InterDisplay";font-style:italic;font-weight:900;font-display:swap;src:url(https://ui-assets.ycdn.store/fonts/InterDisplay-BlackItalic.woff2)format("woff2")}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values Inter{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values InterDisplay{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}:root{--animation-extra-fast:100ms;--animation-fast:200ms;--animation-normal:300ms;--animation-slow:400ms;--animation-extra-slow:500ms;--color-white-alpha-24:rgba(255, 255, 255, 0.24);--color-white-alpha-16:rgba(255, 255, 255, 0.16);--color-white-alpha-10:rgba(255, 255, 255, 0.1);--color-black-alpha-24:rgba(14, 18, 27, 0.24);--color-black-alpha-16:rgba(14, 18, 27, 0.16);--color-black-alpha-10:rgba(14, 18, 27, 0.1);--color-neutral-0:#ffffff;--color-neutral-50:#f5f7fa;--color-neutral-100:#f2f5f8;--color-neutral-200:#e1e4ea;--color-neutral-300:#cacfd8;--color-neutral-400:#99a0ae;--color-neutral-500:#717784;--color-neutral-600:#525866;--color-neutral-700:#2b303b;--color-neutral-800:#222530;--color-neutral-900:#181b25;--color-neutral-950:#0e121b;--color-neutral-alpha-10:rgba(153, 160, 174, 0.1);--color-neutral-alpha-16:rgba(153, 160, 174, 0.16);--color-neutral-alpha-24:rgba(153, 160, 174, 0.24);--color-red-50:#ffebec;--color-red-100:#ffd5d8;--color-red-200:#ffc0c5;--color-red-300:#ff97a0;--color-red-400:#ff6875;--color-red-500:#fb3748;--color-red-600:#e93544;--color-red-700:#d02533;--color-red-800:#ad1f2b;--color-red-900:#8b1822;--color-red-950:#681219;--color-red-alpha-10:rgba(251, 55, 72, 0.1);--color-red-alpha-16:rgba(251, 55, 72, 0.16);--color-red-alpha-24:rgba(251, 55, 72, 0.24);--color-orange-50:#fff1eb;--color-orange-100:#ffe3d5;--color-orange-200:#ffd5c0;--color-orange-300:#ffba97;--color-orange-400:#ff9a68;--color-orange-500:#ff8447;--color-orange-600:#e97135;--color-orange-700:#d05e25;--color-orange-800:#ad4e1f;--color-orange-900:#8b3e18;--color-orange-950:#682f12;--color-orange-alpha-10:rgba(255, 145, 71, 0.1);--color-orange-alpha-16:rgba(255, 145, 71, 0.16);--color-orange-alpha-24:rgba(255, 145, 71, 0.24);--color-yellow-50:#fffaeb;--color-yellow-100:#ffefcc;--color-yellow-200:#ffecc0;--color-yellow-300:#ffe097;--color-yellow-400:#ffd268;--color-yellow-500:#f6b51e;--color-yellow-600:#e6a819;--color-yellow-700:#c99a2c;--color-yellow-800:#a78025;--color-yellow-900:#86661d;--color-yellow-950:#624c18;--color-yellow-alpha-10:rgba(251, 198, 75, 0.1);--color-yellow-alpha-16:rgba(251, 198, 75, 0.16);--color-yellow-alpha-24:rgba(251, 198, 75, 0.24);--color-green-50:#e0faec;--color-green-100:#d0fbe9;--color-green-200:#c2f5da;--color-green-300:#84ebb4;--color-green-400:#3ee089;--color-green-500:#1fc16b;--color-green-600:#1daf61;--color-green-700:#178c4e;--color-green-800:#1a7544;--color-green-900:#16643b;--color-green-950:#0b4627;--color-green-alpha-10:rgba(31, 193, 107, 0.1);--color-green-alpha-16:rgba(31, 193, 107, 0.16);--color-green-alpha-24:rgba(31, 193, 107, 0.24);--color-teal-50:#e4fbf8;--color-teal-100:#d0fbf5;--color-teal-200:#c2f5ee;--color-teal-300:#84ebdd;--color-teal-400:#3fdec9;--color-teal-500:#22d3bb;--color-teal-600:#1daf9c;--color-teal-700:#178c7d;--color-teal-800:#1a7569;--color-teal-900:#16645a;--color-teal-950:#0b463e;--color-teal-alpha-10:rgba(34, 211, 187, 0.1);--color-teal-alpha-16:rgba(34, 211, 187, 0.16);--color-teal-alpha-24:rgba(34, 211, 187, 0.24);--color-sky-50:#ebf8ff;--color-sky-100:#d5f1ff;--color-sky-200:#c0eaff;--color-sky-300:#97dcff;--color-sky-400:#68cdff;--color-sky-500:#47c2ff;--color-sky-600:#35ade9;--color-sky-700:#2597d0;--color-sky-800:#1f7ead;--color-sky-900:#18658b;--color-sky-950:#124b68;--color-sky-alpha-10:rgba(71, 194, 255, 0.1);--color-sky-alpha-16:rgba(71, 194, 255, 0.16);--color-sky-alpha-24:rgba(71, 194, 255, 0.24);--color-blue-50:#ebf1ff;--color-blue-100:#d5e2ff;--color-blue-200:#c0d5ff;--color-blue-300:#97baff;--color-blue-400:#6895ff;--color-blue-500:#335cff;--color-blue-600:#3559e9;--color-blue-700:#2547d0;--color-blue-800:#1f3bad;--color-blue-900:#182f8b;--color-blue-950:#122368;--color-blue-alpha-10:rgba(71, 108, 255, 0.1);--color-blue-alpha-16:rgba(71, 108, 255, 0.16);--color-blue-alpha-24:rgba(71, 108, 255, 0.24);--color-purple-50:#efebff;--color-purple-100:#dcd5ff;--color-purple-200:#cac0ff;--color-purple-300:#a897ff;--color-purple-400:#8c71f6;--color-purple-500:#7d52f4;--color-purple-600:#693ee0;--color-purple-700:#5b2cc9;--color-purple-800:#4c25a7;--color-purple-900:#3d1d86;--color-purple-950:#351a75;--color-purple-alpha-10:rgba(120, 77, 239, 0.1);--color-purple-alpha-16:rgba(120, 77, 239, 0.16);--color-purple-alpha-24:rgba(120, 77, 239, 0.24);--color-pink-50:#ffebf4;--color-pink-100:#ffd5ea;--color-pink-200:#ffc0df;--color-pink-300:#ff97cb;--color-pink-400:#ff68b3;--color-pink-500:#fb4ba3;--color-pink-600:#e9358f;--color-pink-700:#d0257a;--color-pink-800:#ad1f66;--color-pink-900:#8b1852;--color-pink-950:#68123d;--color-pink-alpha-10:rgba(251, 75, 163, 0.1);--color-pink-alpha-16:rgba(251, 75, 163, 0.16);--color-pink-alpha-24:rgba(251, 75, 163, 0.24);--color-brand-50:#ffebf4;--color-brand-100:#ffd6e9;--color-brand-200:#ffc2dd;--color-brand-300:#ff99c7;--color-brand-400:#ff66ab;--color-brand-500:#e1116f;--color-brand-600:#cb0f64;--color-brand-700:#b40e59;--color-brand-800:#9e0c4e;--color-brand-900:#870a43;--color-brand-950:#681239;--color-static-white:#ffffff;--color-static-black:#0e121b;--color-bg-white-0:#ffffff;--color-bg-weak-50:#f5f7fa;--color-bg-strong-950:#0e121b;--color-bg-surface-800:#222530;--color-bg-soft-200:#e1e4ea;--color-bg-sub-300:#cacfd8;--color-state-faded-light:#e1e4ea;--color-state-faded-base:#717784;--color-state-faded-dark:#222530;--color-state-faded-lighter:#f2f5f8;--color-state-error-base:#fb3748;--color-state-error-light:#ffc0c5;--color-state-error-dark:#681219;--color-state-error-lighter:#ffebec;--color-state-warning-dark:#682f12;--color-state-warning-base:#ff8447;--color-state-warning-light:#ffd5c0;--color-state-warning-lighter:#fff1eb;--color-state-information-dark:#122368;--color-state-information-base:#335cff;--color-state-information-light:#c0d5ff;--color-state-information-lighter:#ebf1ff;--color-state-success-dark:#0b4627;--color-state-success-base:#1fc16b;--color-state-success-light:#c2f5da;--color-state-success-lighter:#e0faec;--color-state-away-dark:#624c18;--color-state-away-base:#f6b51e;--color-state-away-light:#ffecc0;--color-state-away-lighter:#fffaeb;--color-state-feature-dark:#351a75;--color-state-feature-base:#7d52f4;--color-state-feature-light:#cac0ff;--color-state-feature-lighter:#efebff;--color-state-verified-dark:#124b68;--color-state-verified-base:#47c2ff;--color-state-verified-light:#c0eaff;--color-state-verified-lighter:#ebf8ff;--color-state-highlighted-dark:#68123d;--color-state-highlighted-base:#fb4ba3;--color-state-highlighted-light:#ffc0df;--color-state-highlighted-lighter:#ffebf4;--color-state-stable-dark:#0b463e;--color-state-stable-base:#22d3bb;--color-state-stable-light:#c2f5ee;--color-state-stable-lighter:#e4fbf8;--color-text-strong-950:#0e121b;--color-text-sub-600:#525866;--color-text-disabled-300:#cacfd8;--color-text-white-0:#ffffff;--color-text-soft-400:#99a0ae;--color-stroke-soft-200:#e1e4ea;--color-stroke-strong-950:#0e121b;--color-stroke-white-0:#ffffff;--color-stroke-sub-300:#cacfd8;--color-icon-sub-600:#525866;--color-icon-strong-950:#0e121b;--color-icon-soft-400:#99a0ae;--color-icon-disabled-300:#cacfd8;--color-icon-white-0:#ffffff;--color-social-apple:#000000;--color-social-twitter:#010101;--color-social-github:#24292f;--color-social-notion:#1e2226;--color-social-tidal:#000000;--color-social-amazon:#353e47;--color-social-zendesk:#16140d;--color-illustration-strong-400:#99a0ae;--color-illustration-sub-300:#cacfd8;--color-illustration-soft-200:#e1e4ea;--color-illustration-weak-100:#f2f5f8;--color-illustration-white-0:#ffffff;--color-overlay-overlay:rgba(2, 13, 23, 0.24);--color-primary-base:#e1116f;--color-primary-darker:#b40e59;--color-primary-alpha-10:rgba(251, 75, 163, 0.1);--color-primary-alpha-16:rgba(251, 75, 163, 0.16);--color-primary-dark:#cb0f64;--color-primary-alpha-24:rgba(251, 75, 163, 0.24);--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-full:999px;--shadow-regular-xs:0 1px 2px 0 #0a0d1408;--shadow-regular-md:0 16px 32px -12px #0e121b1a;--shadow-buttons-primary-focus:0 0 0 2px #ffffff, 0 0 0 4px #fb4ba31a;--shadow-buttons-important-focus:0 0 0 2px #ffffff, 0 0 0 4px #99a0ae29;--shadow-buttons-error-focus:0 0 0 2px #ffffff, 0 0 0 4px #fb37481a;--shadow-fancy-buttons-neutral:0 1px 2px 0 #1b1c1d7a, 0 0 0 1px #242628;--shadow-fancy-buttons-primary:0 1px 2px 0 #0e121b3d, 0 0 0 1px #e1116f;--shadow-fancy-buttons-error:0 1px 2px 0 #0e121b3d, 0 0 0 1px #fb3748;--shadow-fancy-buttons-stroke:0 1px 3px 0 #0e121b1f, 0 0 0 1px #e1e4ea;--shadow-toggle-switch:0 6px 10px 0 #0e121b0f, 0 2px 4px 0 #0e121b08;--spacing-0:0;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-48:48px;--font-families-inter-display:InterDisplay;--font-families-inter:InterVariable;--font-families-cairo:Cairo;--font-families-geist-mono:'Geist Mono';--font-families-sans:InterVariable, Cairo, sans-serif;--font-families-mono:'Geist Mono', monospace;--font-families-display:InterDisplay, Cairo, sans-serif;--line-heights-0:64px;--line-heights-1:56px;--line-heights-2:48px;--line-heights-3:40px;--line-heights-4:32px;--line-heights-5:28px;--line-heights-6:24px;--line-heights-7:20px;--line-heights-8:16px;--line-heights-9:12px;--font-weights-display-0:500;--font-weights-sans-0:400;--font-weights-sans-1:500;--font-size-0:11px;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:18px;--font-size-5:20px;--font-size-6:24px;--font-size-7:32px;--font-size-8:40px;--font-size-9:48px;--font-size-10:56px;--letter-spacing-0:-0.01em;--letter-spacing-1:-0.005em;--letter-spacing-2:0em;--letter-spacing-3:-0.015em;--letter-spacing-4:-0.011000000000000001em;--letter-spacing-5:-0.006em;--letter-spacing-6:0.06em;--letter-spacing-7:0.04em;--letter-spacing-8:0.02em;--paragraph-spacing-0:0;--text-case-none:none;--text-case-uppercase:uppercase;--text-decoration-none:none;--paragraph-indent-0:0px;--title-h1-title:500 56px/64px InterDisplay, Cairo, sans-serif;--title-h2-title:500 48px/56px InterDisplay, Cairo, sans-serif;--title-h3-title:500 40px/48px InterDisplay, Cairo, sans-serif;--title-h4-title:500 32px/40px InterDisplay, Cairo, sans-serif;--title-h5-title:500 24px/32px InterDisplay, Cairo, sans-serif;--title-h6-title:500 20px/28px InterDisplay, Cairo, sans-serif;--label-xl:500 24px/32px InterVariable, Cairo, sans-serif;--label-lg:500 18px/24px InterVariable, Cairo, sans-serif;--label-md:500 16px/24px InterVariable, Cairo, sans-serif;--label-sm:500 14px/20px InterVariable, Cairo, sans-serif;--label-xs:500 12px/16px InterVariable, Cairo, sans-serif;--paragraph-xl:400 24px/32px InterVariable, Cairo, sans-serif;--paragraph-lg:400 18px/24px InterVariable, Cairo, sans-serif;--paragraph-md:400 16px/24px InterVariable, Cairo, sans-serif;--paragraph-sm:400 14px/20px InterVariable, Cairo, sans-serif;--paragraph-xs:400 12px/16px InterVariable, Cairo, sans-serif;--subheading-md:500 16px/24px InterVariable, Cairo, sans-serif;--subheading-sm:500 14px/20px InterVariable, Cairo, sans-serif;--subheading-xs:500 12px/16px InterVariable, Cairo, sans-serif;--subheading-xxs:500 11px/12px InterVariable, Cairo, sans-serif;--docs-label:500 18px/32px InterVariable, Cairo, sans-serif;--docs-paragraph:400 18px/32px InterVariable, Cairo, sans-serif}
package/dist/tokens.scss CHANGED
@@ -290,6 +290,415 @@
290
290
  squared-characters: 6; /* Squared characters */
291
291
  }
292
292
  }
293
+ @keyframes celeste-fade-in {
294
+ from {
295
+ opacity: 0;
296
+ }
297
+ }
298
+
299
+ @keyframes celeste-fade-out {
300
+ to {
301
+ opacity: 0;
302
+ }
303
+ }
304
+
305
+ @keyframes celeste-zoom-in {
306
+ from {
307
+ opacity: 0;
308
+ transform: scale(0.95);
309
+ }
310
+ }
311
+
312
+ @keyframes celeste-zoom-out {
313
+ to {
314
+ opacity: 0;
315
+ transform: scale(0.95);
316
+ }
317
+ }
318
+
319
+ @keyframes celeste-spin-in {
320
+ from {
321
+ opacity: 0;
322
+ transform: rotate(-30deg);
323
+ }
324
+ }
325
+
326
+ @keyframes celeste-spin-out {
327
+ to {
328
+ opacity: 0;
329
+ transform: rotate(30deg);
330
+ }
331
+ }
332
+
333
+ @keyframes celeste-slide-in-from-top {
334
+ from {
335
+ transform: translateY(-100%);
336
+ }
337
+ }
338
+
339
+ @keyframes celeste-slide-in-from-bottom {
340
+ from {
341
+ transform: translateY(100%);
342
+ }
343
+ }
344
+
345
+ @keyframes celeste-slide-in-from-left {
346
+ from {
347
+ transform: translateX(-100%);
348
+ }
349
+ }
350
+
351
+ @keyframes celeste-slide-in-from-right {
352
+ from {
353
+ transform: translateX(100%);
354
+ }
355
+ }
356
+
357
+ @keyframes celeste-slide-out-to-top {
358
+ to {
359
+ transform: translateY(-100%);
360
+ }
361
+ }
362
+
363
+ @keyframes celeste-slide-out-to-bottom {
364
+ to {
365
+ transform: translateY(100%);
366
+ }
367
+ }
368
+
369
+ @keyframes celeste-slide-out-to-left {
370
+ to {
371
+ transform: translateX(-100%);
372
+ }
373
+ }
374
+
375
+ @keyframes celeste-slide-out-to-right {
376
+ to {
377
+ transform: translateX(100%);
378
+ }
379
+ }
380
+
381
+ @keyframes celeste-bounce {
382
+ 0%,
383
+ 100% {
384
+ transform: translateY(-25%);
385
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
386
+ }
387
+ 50% {
388
+ transform: translateY(0);
389
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
390
+ }
391
+ }
392
+
393
+ @keyframes celeste-pulse {
394
+ 0%,
395
+ 100% {
396
+ opacity: 1;
397
+ }
398
+ 50% {
399
+ opacity: 0.5;
400
+ }
401
+ }
402
+
403
+ @keyframes celeste-ping {
404
+ 75%,
405
+ 100% {
406
+ transform: scale(2);
407
+ opacity: 0;
408
+ }
409
+ }
410
+
411
+ @keyframes celeste-shake {
412
+ 0%,
413
+ 100% {
414
+ transform: translateX(0);
415
+ }
416
+ 10%,
417
+ 30%,
418
+ 50%,
419
+ 70%,
420
+ 90% {
421
+ transform: translateX(-10px);
422
+ }
423
+ 20%,
424
+ 40%,
425
+ 60%,
426
+ 80% {
427
+ transform: translateX(10px);
428
+ }
429
+ }
430
+
431
+ @keyframes celeste-swing {
432
+ 0%,
433
+ 100% {
434
+ transform: rotate(0deg);
435
+ }
436
+ 20% {
437
+ transform: rotate(15deg);
438
+ }
439
+ 40% {
440
+ transform: rotate(-10deg);
441
+ }
442
+ 60% {
443
+ transform: rotate(5deg);
444
+ }
445
+ 80% {
446
+ transform: rotate(-5deg);
447
+ }
448
+ }
449
+
450
+ @keyframes celeste-wiggle {
451
+ 0%,
452
+ 100% {
453
+ transform: rotate(-3deg);
454
+ }
455
+ 50% {
456
+ transform: rotate(3deg);
457
+ }
458
+ }
459
+
460
+ @keyframes celeste-flip {
461
+ from {
462
+ transform: perspective(400px) rotateY(-180deg);
463
+ opacity: 0;
464
+ }
465
+ to {
466
+ transform: perspective(400px) rotateY(0);
467
+ opacity: 1;
468
+ }
469
+ }
470
+
471
+ @keyframes celeste-flip-out {
472
+ from {
473
+ transform: perspective(400px) rotateY(0);
474
+ opacity: 1;
475
+ }
476
+ to {
477
+ transform: perspective(400px) rotateY(180deg);
478
+ opacity: 0;
479
+ }
480
+ }
481
+
482
+ @keyframes celeste-accordion-down {
483
+ from {
484
+ height: 0;
485
+ }
486
+ to {
487
+ height: var(--radix-accordion-content-height);
488
+ }
489
+ }
490
+
491
+ @keyframes celeste-accordion-up {
492
+ from {
493
+ height: var(--radix-accordion-content-height);
494
+ }
495
+ to {
496
+ height: 0;
497
+ }
498
+ }
499
+
500
+ @keyframes celeste-collapsible-down {
501
+ from {
502
+ height: 0;
503
+ }
504
+ to {
505
+ height: var(--radix-collapsible-content-height);
506
+ }
507
+ }
508
+
509
+ @keyframes celeste-collapsible-up {
510
+ from {
511
+ height: var(--radix-collapsible-content-height);
512
+ }
513
+ to {
514
+ height: 0;
515
+ }
516
+ }
517
+
518
+ @keyframes celeste-enter {
519
+ from {
520
+ opacity: 0;
521
+ transform: translate3d(0, 0, 0) scale3d(0.95, 0.95, 0.95) rotate(0);
522
+ }
523
+ }
524
+
525
+ @keyframes celeste-exit {
526
+ to {
527
+ opacity: 0;
528
+ transform: translate3d(0, 0, 0) scale3d(0.95, 0.95, 0.95) rotate(0);
529
+ }
530
+ }
531
+
532
+ @keyframes celeste-scale-in {
533
+ from {
534
+ opacity: 0;
535
+ transform: scale(0);
536
+ }
537
+ to {
538
+ opacity: 1;
539
+ transform: scale(1);
540
+ }
541
+ }
542
+
543
+ @keyframes celeste-scale-out {
544
+ from {
545
+ opacity: 1;
546
+ transform: scale(1);
547
+ }
548
+ to {
549
+ opacity: 0;
550
+ transform: scale(0);
551
+ }
552
+ }
553
+
554
+ @keyframes celeste-rotate-in {
555
+ from {
556
+ opacity: 0;
557
+ transform: rotate(-200deg);
558
+ }
559
+ to {
560
+ opacity: 1;
561
+ transform: rotate(0);
562
+ }
563
+ }
564
+
565
+ @keyframes celeste-rotate-out {
566
+ from {
567
+ opacity: 1;
568
+ transform: rotate(0);
569
+ }
570
+ to {
571
+ opacity: 0;
572
+ transform: rotate(200deg);
573
+ }
574
+ }
575
+
576
+ @keyframes celeste-slide-down {
577
+ from {
578
+ height: 0;
579
+ opacity: 0;
580
+ }
581
+ to {
582
+ height: 100%;
583
+ opacity: 1;
584
+ }
585
+ }
586
+
587
+ @keyframes celeste-slide-up {
588
+ from {
589
+ height: 100%;
590
+ opacity: 1;
591
+ }
592
+ to {
593
+ height: 0;
594
+ opacity: 0;
595
+ }
596
+ }
597
+
598
+ @keyframes celeste-slide-left {
599
+ from {
600
+ width: 0;
601
+ opacity: 0;
602
+ }
603
+ to {
604
+ width: 100%;
605
+ opacity: 1;
606
+ }
607
+ }
608
+
609
+ @keyframes celeste-slide-right {
610
+ from {
611
+ width: 100%;
612
+ opacity: 1;
613
+ }
614
+ to {
615
+ width: 0;
616
+ opacity: 0;
617
+ }
618
+ }
619
+
620
+ @keyframes celeste-glow {
621
+ 0%,
622
+ 100% {
623
+ box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
624
+ }
625
+ 50% {
626
+ box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
627
+ }
628
+ }
629
+
630
+ @keyframes celeste-flash {
631
+ 0%,
632
+ 50%,
633
+ 100% {
634
+ opacity: 1;
635
+ }
636
+ 25%,
637
+ 75% {
638
+ opacity: 0;
639
+ }
640
+ }
641
+
642
+ @keyframes celeste-rubber-band {
643
+ 0% {
644
+ transform: scale(1);
645
+ }
646
+ 30% {
647
+ transform: scaleX(1.25) scaleY(0.75);
648
+ }
649
+ 40% {
650
+ transform: scaleX(0.75) scaleY(1.25);
651
+ }
652
+ 50% {
653
+ transform: scaleX(1.15) scaleY(0.85);
654
+ }
655
+ 65% {
656
+ transform: scaleX(0.95) scaleY(1.05);
657
+ }
658
+ 75% {
659
+ transform: scaleX(1.05) scaleY(0.95);
660
+ }
661
+ 100% {
662
+ transform: scale(1);
663
+ }
664
+ }
665
+
666
+ @keyframes celeste-jello {
667
+ 0%,
668
+ 100% {
669
+ transform: skewX(0deg) skewY(0deg);
670
+ }
671
+ 30% {
672
+ transform: skewX(25deg) skewY(-25deg);
673
+ }
674
+ 40% {
675
+ transform: skewX(-15deg) skewY(15deg);
676
+ }
677
+ 50% {
678
+ transform: skewX(15deg) skewY(-15deg);
679
+ }
680
+ 65% {
681
+ transform: skewX(-5deg) skewY(5deg);
682
+ }
683
+ 75% {
684
+ transform: skewX(5deg) skewY(-5deg);
685
+ }
686
+ }
687
+
688
+ @keyframes celeste-heartbeat {
689
+ 0%,
690
+ 100% {
691
+ transform: scale(1);
692
+ }
693
+ 14%,
694
+ 42% {
695
+ transform: scale(1.3);
696
+ }
697
+ 28%,
698
+ 70% {
699
+ transform: scale(1);
700
+ }
701
+ }
293
702
 
294
703
  // Do not edit directly, this file was auto-generated.
295
704
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@youcan/celeste-tokens",
3
3
  "type": "module",
4
- "version": "0.6.57",
4
+ "version": "0.6.60",
5
5
  "author": "YouCan <tech@youcan.shop>",
6
6
  "keywords": [
7
7
  "youcan",
package/src/generate.ts CHANGED
@@ -14,9 +14,14 @@ const fonts = readFileSync(
14
14
  'utf-8',
15
15
  );
16
16
 
17
- function prependFonts(path: string): void {
17
+ const animations = readFileSync(
18
+ resolve(import.meta.dirname, 'stubs/animations.css'),
19
+ 'utf-8',
20
+ );
21
+
22
+ function prependStubs(path: string): void {
18
23
  const data = readFileSync(path, 'utf8');
19
- writeFileSync(path, fonts + data, 'utf8');
24
+ writeFileSync(path, fonts + animations + data, 'utf8');
20
25
  }
21
26
 
22
27
  function minify(path: string): void {
@@ -64,7 +69,7 @@ const sd = new StyleDictionary({
64
69
  await sd.cleanAllPlatforms();
65
70
  await sd.buildAllPlatforms();
66
71
 
67
- prependFonts(resolve(dist, 'tokens.css'));
68
- prependFonts(resolve(dist, 'tokens.scss'));
72
+ prependStubs(resolve(dist, 'tokens.css'));
73
+ prependStubs(resolve(dist, 'tokens.scss'));
69
74
 
70
75
  minify(resolve(dist, 'tokens.css'));
package/src/stubs/animations.css ADDED
@@ -0,0 +1,409 @@
1
+ @keyframes celeste-fade-in {
2
+ from {
3
+ opacity: 0;
4
+ }
5
+ }
6
+
7
+ @keyframes celeste-fade-out {
8
+ to {
9
+ opacity: 0;
10
+ }
11
+ }
12
+
13
+ @keyframes celeste-zoom-in {
14
+ from {
15
+ opacity: 0;
16
+ transform: scale(0.95);
17
+ }
18
+ }
19
+
20
+ @keyframes celeste-zoom-out {
21
+ to {
22
+ opacity: 0;
23
+ transform: scale(0.95);
24
+ }
25
+ }
26
+
27
+ @keyframes celeste-spin-in {
28
+ from {
29
+ opacity: 0;
30
+ transform: rotate(-30deg);
31
+ }
32
+ }
33
+
34
+ @keyframes celeste-spin-out {
35
+ to {
36
+ opacity: 0;
37
+ transform: rotate(30deg);
38
+ }
39
+ }
40
+
41
+ @keyframes celeste-slide-in-from-top {
42
+ from {
43
+ transform: translateY(-100%);
44
+ }
45
+ }
46
+
47
+ @keyframes celeste-slide-in-from-bottom {
48
+ from {
49
+ transform: translateY(100%);
50
+ }
51
+ }
52
+
53
+ @keyframes celeste-slide-in-from-left {
54
+ from {
55
+ transform: translateX(-100%);
56
+ }
57
+ }
58
+
59
+ @keyframes celeste-slide-in-from-right {
60
+ from {
61
+ transform: translateX(100%);
62
+ }
63
+ }
64
+
65
+ @keyframes celeste-slide-out-to-top {
66
+ to {
67
+ transform: translateY(-100%);
68
+ }
69
+ }
70
+
71
+ @keyframes celeste-slide-out-to-bottom {
72
+ to {
73
+ transform: translateY(100%);
74
+ }
75
+ }
76
+
77
+ @keyframes celeste-slide-out-to-left {
78
+ to {
79
+ transform: translateX(-100%);
80
+ }
81
+ }
82
+
83
+ @keyframes celeste-slide-out-to-right {
84
+ to {
85
+ transform: translateX(100%);
86
+ }
87
+ }
88
+
89
+ @keyframes celeste-bounce {
90
+ 0%,
91
+ 100% {
92
+ transform: translateY(-25%);
93
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
94
+ }
95
+ 50% {
96
+ transform: translateY(0);
97
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
98
+ }
99
+ }
100
+
101
+ @keyframes celeste-pulse {
102
+ 0%,
103
+ 100% {
104
+ opacity: 1;
105
+ }
106
+ 50% {
107
+ opacity: 0.5;
108
+ }
109
+ }
110
+
111
+ @keyframes celeste-ping {
112
+ 75%,
113
+ 100% {
114
+ transform: scale(2);
115
+ opacity: 0;
116
+ }
117
+ }
118
+
119
+ @keyframes celeste-shake {
120
+ 0%,
121
+ 100% {
122
+ transform: translateX(0);
123
+ }
124
+ 10%,
125
+ 30%,
126
+ 50%,
127
+ 70%,
128
+ 90% {
129
+ transform: translateX(-10px);
130
+ }
131
+ 20%,
132
+ 40%,
133
+ 60%,
134
+ 80% {
135
+ transform: translateX(10px);
136
+ }
137
+ }
138
+
139
+ @keyframes celeste-swing {
140
+ 0%,
141
+ 100% {
142
+ transform: rotate(0deg);
143
+ }
144
+ 20% {
145
+ transform: rotate(15deg);
146
+ }
147
+ 40% {
148
+ transform: rotate(-10deg);
149
+ }
150
+ 60% {
151
+ transform: rotate(5deg);
152
+ }
153
+ 80% {
154
+ transform: rotate(-5deg);
155
+ }
156
+ }
157
+
158
+ @keyframes celeste-wiggle {
159
+ 0%,
160
+ 100% {
161
+ transform: rotate(-3deg);
162
+ }
163
+ 50% {
164
+ transform: rotate(3deg);
165
+ }
166
+ }
167
+
168
+ @keyframes celeste-flip {
169
+ from {
170
+ transform: perspective(400px) rotateY(-180deg);
171
+ opacity: 0;
172
+ }
173
+ to {
174
+ transform: perspective(400px) rotateY(0);
175
+ opacity: 1;
176
+ }
177
+ }
178
+
179
+ @keyframes celeste-flip-out {
180
+ from {
181
+ transform: perspective(400px) rotateY(0);
182
+ opacity: 1;
183
+ }
184
+ to {
185
+ transform: perspective(400px) rotateY(180deg);
186
+ opacity: 0;
187
+ }
188
+ }
189
+
190
+ @keyframes celeste-accordion-down {
191
+ from {
192
+ height: 0;
193
+ }
194
+ to {
195
+ height: var(--radix-accordion-content-height);
196
+ }
197
+ }
198
+
199
+ @keyframes celeste-accordion-up {
200
+ from {
201
+ height: var(--radix-accordion-content-height);
202
+ }
203
+ to {
204
+ height: 0;
205
+ }
206
+ }
207
+
208
+ @keyframes celeste-collapsible-down {
209
+ from {
210
+ height: 0;
211
+ }
212
+ to {
213
+ height: var(--radix-collapsible-content-height);
214
+ }
215
+ }
216
+
217
+ @keyframes celeste-collapsible-up {
218
+ from {
219
+ height: var(--radix-collapsible-content-height);
220
+ }
221
+ to {
222
+ height: 0;
223
+ }
224
+ }
225
+
226
+ @keyframes celeste-enter {
227
+ from {
228
+ opacity: 0;
229
+ transform: translate3d(0, 0, 0) scale3d(0.95, 0.95, 0.95) rotate(0);
230
+ }
231
+ }
232
+
233
+ @keyframes celeste-exit {
234
+ to {
235
+ opacity: 0;
236
+ transform: translate3d(0, 0, 0) scale3d(0.95, 0.95, 0.95) rotate(0);
237
+ }
238
+ }
239
+
240
+ @keyframes celeste-scale-in {
241
+ from {
242
+ opacity: 0;
243
+ transform: scale(0);
244
+ }
245
+ to {
246
+ opacity: 1;
247
+ transform: scale(1);
248
+ }
249
+ }
250
+
251
+ @keyframes celeste-scale-out {
252
+ from {
253
+ opacity: 1;
254
+ transform: scale(1);
255
+ }
256
+ to {
257
+ opacity: 0;
258
+ transform: scale(0);
259
+ }
260
+ }
261
+
262
+ @keyframes celeste-rotate-in {
263
+ from {
264
+ opacity: 0;
265
+ transform: rotate(-200deg);
266
+ }
267
+ to {
268
+ opacity: 1;
269
+ transform: rotate(0);
270
+ }
271
+ }
272
+
273
+ @keyframes celeste-rotate-out {
274
+ from {
275
+ opacity: 1;
276
+ transform: rotate(0);
277
+ }
278
+ to {
279
+ opacity: 0;
280
+ transform: rotate(200deg);
281
+ }
282
+ }
283
+
284
+ @keyframes celeste-slide-down {
285
+ from {
286
+ height: 0;
287
+ opacity: 0;
288
+ }
289
+ to {
290
+ height: 100%;
291
+ opacity: 1;
292
+ }
293
+ }
294
+
295
+ @keyframes celeste-slide-up {
296
+ from {
297
+ height: 100%;
298
+ opacity: 1;
299
+ }
300
+ to {
301
+ height: 0;
302
+ opacity: 0;
303
+ }
304
+ }
305
+
306
+ @keyframes celeste-slide-left {
307
+ from {
308
+ width: 0;
309
+ opacity: 0;
310
+ }
311
+ to {
312
+ width: 100%;
313
+ opacity: 1;
314
+ }
315
+ }
316
+
317
+ @keyframes celeste-slide-right {
318
+ from {
319
+ width: 100%;
320
+ opacity: 1;
321
+ }
322
+ to {
323
+ width: 0;
324
+ opacity: 0;
325
+ }
326
+ }
327
+
328
+ @keyframes celeste-glow {
329
+ 0%,
330
+ 100% {
331
+ box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
332
+ }
333
+ 50% {
334
+ box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
335
+ }
336
+ }
337
+
338
+ @keyframes celeste-flash {
339
+ 0%,
340
+ 50%,
341
+ 100% {
342
+ opacity: 1;
343
+ }
344
+ 25%,
345
+ 75% {
346
+ opacity: 0;
347
+ }
348
+ }
349
+
350
+ @keyframes celeste-rubber-band {
351
+ 0% {
352
+ transform: scale(1);
353
+ }
354
+ 30% {
355
+ transform: scaleX(1.25) scaleY(0.75);
356
+ }
357
+ 40% {
358
+ transform: scaleX(0.75) scaleY(1.25);
359
+ }
360
+ 50% {
361
+ transform: scaleX(1.15) scaleY(0.85);
362
+ }
363
+ 65% {
364
+ transform: scaleX(0.95) scaleY(1.05);
365
+ }
366
+ 75% {
367
+ transform: scaleX(1.05) scaleY(0.95);
368
+ }
369
+ 100% {
370
+ transform: scale(1);
371
+ }
372
+ }
373
+
374
+ @keyframes celeste-jello {
375
+ 0%,
376
+ 100% {
377
+ transform: skewX(0deg) skewY(0deg);
378
+ }
379
+ 30% {
380
+ transform: skewX(25deg) skewY(-25deg);
381
+ }
382
+ 40% {
383
+ transform: skewX(-15deg) skewY(15deg);
384
+ }
385
+ 50% {
386
+ transform: skewX(15deg) skewY(-15deg);
387
+ }
388
+ 65% {
389
+ transform: skewX(-5deg) skewY(5deg);
390
+ }
391
+ 75% {
392
+ transform: skewX(5deg) skewY(-5deg);
393
+ }
394
+ }
395
+
396
+ @keyframes celeste-heartbeat {
397
+ 0%,
398
+ 100% {
399
+ transform: scale(1);
400
+ }
401
+ 14%,
402
+ 42% {
403
+ transform: scale(1.3);
404
+ }
405
+ 28%,
406
+ 70% {
407
+ transform: scale(1);
408
+ }
409
+ }