@spark-ui/theme-utils 10.17.4 → 10.17.6

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 (3) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/style.css +1 -1
  3. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [10.17.6](https://github.com/leboncoin/spark-web/compare/v10.17.5...v10.17.6) (2025-09-27)
7
+
8
+ **Note:** Version bump only for package @spark-ui/theme-utils
9
+
10
+ ## [10.17.5](https://github.com/leboncoin/spark-web/compare/v10.17.4...v10.17.5) (2025-09-05)
11
+
12
+ **Note:** Version bump only for package @spark-ui/theme-utils
13
+
6
14
  ## [10.17.4](https://github.com/leboncoin/spark-web/compare/v10.17.3...v10.17.4) (2025-09-04)
7
15
 
8
16
  **Note:** Version bump only for package @spark-ui/theme-utils
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @theme inline{ --animate-slide-in-top: slide-in-top var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-in-right: slide-in-right var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-in-bottom: slide-in-bottom var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-in-left: slide-in-left var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-out-top: slide-out-top var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-out-right: slide-out-right var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-out-bottom: slide-out-bottom var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-out-left: slide-out-left var(--spark-animation-duration) var(--spark-animation-ease); @keyframes slide-in-top { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes slide-in-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes slide-in-bottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes slide-in-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes slide-out-top { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @keyframes slide-out-right { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } @keyframes slide-out-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(100%); } } @keyframes slide-out-left { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } }@theme inline{ --animate-fade-in: fade-in var(--spark-animation-duration) var(--spark-animation-ease); --animate-fade-out: fade-out var(--spark-animation-duration) var(--spark-animation-ease); @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } }@theme inline{ --animate-scale-in: scale-in var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-in-x: scale-in-x var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-in-y: scale-in-y var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-out: scale-out var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-out-x: scale-out-x var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-out-y: scale-out-y var(--spark-animation-duration) var(--spark-animation-ease); @keyframes scale-in { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes scale-out { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes scale-in-x { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes scale-out-x { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } @keyframes scale-in-y { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } } @keyframes scale-out-y { 0% { transform: scaleY(1); } 100% { transform: scaleY(0); } } }@utility animation-rotate-start-*{ --rotateStart: --value(integer, [integer])deg; }@utility animation-rotate-end-*{ --rotateEnd: --value(integer, [integer])deg; }@theme inline{ --animate-rotate: rotate var(--spark-animation-duration) var(--spark-animation-ease); @keyframes rotate { 0% { transform: rotate(var(--rotateStart, 0deg)); } 100% { transform: rotate(var(--rotateEnd, 180deg)); } } }@utility animation-shake-intensity-*{ --shakeIntensity: calc(--value(integer)*1%) ; }@theme inline{ --animate-shake-x: shake-x var(--spark-animation-duration) var(--spark-animation-ease); --animate-shake-y: shake-y var(--spark-animation-duration) var(--spark-animation-ease); @keyframes shake-x { 0% { transform: translateX(0%); } 20% { transform: translateX(calc(var(--shakeIntensity, 4%) * -1)); } 40% { transform: translateX(var(--shakeIntensity, 4%)); } 60% { transform: translateX(calc(var(--shakeIntensity, 4%) * -1)); } 80% { transform: translateX(var(--shakeIntensity, 4%)); } 100% { transform: translateX(0%); } } @keyframes shake-y { 0% { transform: translateY(0%); } 20% { transform: translateY(calc(var(--shakeIntensity, 4%) * -1)); } 40% { transform: translateY(var(--shakeIntensity, 4%)); } 60% { transform: translateY(calc(var(--shakeIntensity, 4%) * -1)); } 80% { transform: translateY(var(--shakeIntensity, 4%)); } 100% { transform: translateY(0%); } } }@theme inline{ --animate-ping: ping var(--spark-animation-duration) var(--spark-animation-ease); @keyframes ping { 0% { opacity: 1; transform: scale(1); } 75%, 100% { transform: scale(2); opacity: 0; } } }@theme inline{ --animate-standalone-indeterminate-bar: indeterminate-bar 1s ease-out infinite normal none running; @keyframes indeterminate-bar { 0% { left: 0; width: 0; } 50% { left: 50%; width: 50%; } 75% { left: 100%; width: 0; } 100% { left: 0; width: 0; } } --animate-standalone-shimmer: shimmer 2s ease-in infinite; @keyframes shimmer { 100% { mask-position: -200% 0%; } } --animate-standalone-swipe-out-left: swipe-out-left .1s ease-out; @keyframes swipe-out-left { 0% { transform: translateX(var(--swipe-position-x)); } 100% { transform: translateX(-100vw); } } --animate-standalone-swipe-out-right: swipe-out-right .1s ease-out; @keyframes swipe-out-right { 0% { transform: translateX(var(--swipe-position-x)); } 100% { transform: translateX(100vw); } } --animate-standalone-backdrop-pulse: backdrop-pulse 1s linear infinite; @keyframes backdrop-pulse { 0% { background-position: 0% 0%; } 50% { background-position: 100% 0%; } 100% { background-position: 0% 0%; } } --animate-standalone-demo-slide-right: demo-slide-right var(--spark-animation-duration, 1s) var(--ease-linear) infinite; @keyframes demo-slide-right { 0% { left: 0; } 100% { left: calc(100% - 24px) ; } } }@theme inline{ --ease-linear: cubic-bezier(0, 0, 1, 1); --ease-standard: cubic-bezier(.2, 0, 0, 1); --ease-standard-back: cubic-bezier(.54, -.52, .29, 1.54); --ease-accelerate: cubic-bezier(.3, 0, .8, .15); --ease-accelerate-back: cubic-bezier(.35, -.47, .8, .15); --ease-decelerate: cubic-bezier(.05, .7, .1, 1); --ease-decelerate-back: cubic-bezier(.45, 1.45, .8, 1); --spark-animation-duration: .25s; --spark-animation-ease: var(--ease-standard); --spark-animation-delay: 0ms; --spark-animation-fill-mode: none; --spark-animation-iteration-count: 1; --spark-animation-direction: normal; --spark-animation-play-state: running; }@utility animation-duration-*{ --spark-animation-duration: calc(--value(integer, [integer])*1ms) ; animation-duration: var(--spark-animation-duration); }@utility animation-ease-*{ --spark-animation-ease: --value(--ease-*); animation-timing-function: var(--spark-animation-ease); }@utility animation-delay-*{ --spark-animation-delay: calc(--value(integer, [integer])*1ms) ; animation-delay: var(--spark-animation-delay); }@utility animation-iteration-*{ --spark-animation-iteration-count: --value(integer, "infinite"); animation-iteration-count: var(--spark-animation-iteration-count); }@utility animation-direction-*{ --spark-animation-direction: --value("normal", "reverse", "alternate", "alternate-reverse"); animation-direction: var(--spark-animation-direction); }@utility animation-fill-mode-*{ --spark-animation-fill-mode: --value("none", "forwards", "backwards", "both"); animation-fill-mode: var(--spark-animation-fill-mode); }@utility animation-play-state-*{ --spark-animation-play-state: --value("paused", "running"); animation-play-state: var(--spark-animation-play-state); }@custom-variant default (:where(&));@utility text-display-1{font-size: calc(2.5rem * var(--spacing-factor)); line-height: calc(3.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-1-expanded{font-size: calc(3rem * var(--spacing-factor)); line-height: calc(4rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-2{font-size: calc(2rem * var(--spacing-factor)); line-height: calc(2.75rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-2-expanded{font-size: calc(2.5rem * var(--spacing-factor)); line-height: calc(3.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-3{font-size: calc(1.5rem * var(--spacing-factor)); line-height: calc(2rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-3-expanded{font-size: calc(2rem * var(--spacing-factor)); line-height: calc(2.75rem * var(--spacing-factor)); font-weight: 700;}@utility text-headline-1{font-size: calc(1.25rem * var(--spacing-factor)); line-height: calc(1.75rem * var(--spacing-factor)); font-weight: 700;}@utility text-headline-1-expanded{font-size: calc(1.5rem * var(--spacing-factor)); line-height: calc(2rem * var(--spacing-factor)); font-weight: 700;}@utility text-headline-2{font-size: calc(1.125rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-headline-2-expanded{font-size: calc(1.25rem * var(--spacing-factor)); line-height: calc(1.75rem * var(--spacing-factor)); font-weight: 700;}@utility text-subhead{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-subhead-expanded{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-body-1{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor));}@utility text-body-2{font-size: calc(.875rem * var(--spacing-factor)); line-height: calc(1.25rem * var(--spacing-factor));}@utility text-caption{font-size: calc(.75rem * var(--spacing-factor)); line-height: calc(1rem * var(--spacing-factor));}@utility text-small{font-size: calc(.625rem * var(--spacing-factor)); line-height: calc(.875rem * var(--spacing-factor));}@utility text-body-1-link{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor));}@utility text-body-2-link{font-size: calc(.875rem * var(--spacing-factor)); line-height: calc(1.125rem * var(--spacing-factor));}@utility text-caption-link{font-size: calc(.75rem * var(--spacing-factor)); line-height: calc(1rem * var(--spacing-factor));}@utility text-callout{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor));}@utility u-current-font-size{width: 1em; height: 1em;}@utility u-shadow-border-transition{transition: box-shadow .1s cubic-bezier(.4,0,1,1),border-color .3s cubic-bezier(.4,0,1,1);}@utility u-no-scrollbar{scrollbar-width: none;}@utility u-no-scrollbar{&::-webkit-scrollbar {display: none;}}@utility u-outline{outline-color: var(--color-focus); outline-style: solid; outline-width: 2px; outline-offset: 2px;}@utility u-outline-inset{outline-color: var(--color-focus); outline-style: solid; outline-width: 2px; outline-offset: -2px ;}[data-theme=light]{--color-focus: #00f;--color-basic: #094171;--color-on-basic: #ffffff;--color-basic-hovered: #0c5291;--color-basic-container: #e6f2fd;--color-on-basic-container: #152233;--color-basic-container-hovered: #f4f9fe;--color-accent: #8526d9;--color-on-accent: #ffffff;--color-accent-hovered: #9f47eb;--color-accent-container: #e9d6fa;--color-on-accent-container: #362555;--color-accent-container-hovered: #f5edfd;--color-accent-variant: #501782;--color-on-accent-variant: #ffffff;--color-accent-variant-hovered: #6b1fad;--color-main: #ec5a13;--color-on-main: #ffffff;--color-main-hovered: #f07b42;--color-main-container: #ffe9de;--color-on-main-container: #89380f;--color-main-container-hovered: #fff2eb;--color-main-variant: #b84a14;--color-on-main-variant: #ffffff;--color-main-variant-hovered: #ec5a13;--color-support: #094171;--color-on-support: #ffffff;--color-support-hovered: #0c5291;--color-support-container: #e6f2fd;--color-on-support-container: #152233;--color-support-container-hovered: #f4f9fe;--color-support-variant: #0c5291;--color-on-support-variant: #ffffff;--color-support-variant-hovered: #0f69b9;--color-success: #1d6340;--color-on-success: #ffffff;--color-success-hovered: #278456;--color-success-container: #e0f2e9;--color-on-success-container: #1d6340;--color-success-container-hovered: #f5fbf8;--color-alert: #ffaa00;--color-on-alert: #202730;--color-alert-hovered: #ffbb33;--color-alert-container: #ffeecc;--color-on-alert-container: #664400;--color-alert-container-hovered: #fff6e5;--color-error: #ad291f;--color-on-error: #ffffff;--color-error-hovered: #d93426;--color-error-container: #f7d7d4;--color-on-error-container: #822017;--color-error-container-hovered: #fbeceb;--color-info: #0c5291;--color-on-info: #ffffff;--color-info-hovered: #0f69b9;--color-info-container: #c2e0fa;--color-on-info-container: #0c5291;--color-info-container-hovered: #e6f2fd;--color-neutral: #3a4757;--color-on-neutral: #ffffff;--color-neutral-hovered: #4f6076;--color-neutral-container: #f0f2f5;--color-on-neutral-container: #3a4757;--color-neutral-container-hovered: #f6f8f9;--color-background: #ffffff;--color-on-background: #152233;--color-background-variant: #f4f9fe;--color-on-background-variant: #152233;--color-surface: #ffffff;--color-on-surface: #152233;--color-surface-hovered: #f6f8f9;--color-surface-inverse: #2b3441;--color-on-surface-inverse: #ffffff;--color-surface-inverse-hovered: #3a4757;--color-outline: #acb8c7;--color-outline-high: #202730;--color-overlay: #202730;--color-on-overlay: #ffffff;--color-shadow: rgba(108 129 157 / .5)}[data-theme=dark]{--color-focus: #d1d1ff;--color-basic: #c2e0fa;--color-on-basic: #152233;--color-basic-hovered: #9fcef7;--color-basic-container: #094171;--color-on-basic-container: #f4f9fe;--color-basic-container-hovered: #152233;--color-accent: #cfa3f5;--color-on-accent: #1b052e;--color-accent-hovered: #ac7ddd;--color-accent-container: #501782;--color-on-accent-container: #f5edfd;--color-accent-container-hovered: #360f57;--color-accent-variant: #b775f0;--color-on-accent-variant: #1b052e;--color-accent-variant-hovered: #b775f0;--color-main: #f07b42;--color-on-main: #2f1305;--color-main-hovered: #ec5a13;--color-main-container: #89380f;--color-on-main-container: #fff2eb;--color-main-container-hovered: #5c250a;--color-main-variant: #f49d71;--color-on-main-variant: #2f1305;--color-main-variant-hovered: #f07b42;--color-support: #c2e0fa;--color-on-support: #152233;--color-support-hovered: #9fcef7;--color-support-container: #094171;--color-on-support-container: #f4f9fe;--color-support-container-hovered: #152233;--color-support-variant: #e6f2fd;--color-on-support-variant: #152233;--color-support-variant-hovered: #c2e0fa;--color-success: #8ecdae;--color-on-success: #0c291b;--color-success-hovered: #64bc90;--color-success-container: #1d6340;--color-on-success-container: #f5fbf8;--color-success-container-hovered: #14422b;--color-alert: #ffcc66;--color-on-alert: #332200;--color-alert-hovered: #ffbb33;--color-alert-container: #664400;--color-on-alert-container: #fff6e5;--color-alert-container-hovered: #332200;--color-error: #e8867d;--color-on-error: #2b0b08;--color-error-hovered: #e05d52;--color-error-container: #822017;--color-on-error-container: #fbeceb;--color-error-container-hovered: #57150f;--color-info: #9fcef7;--color-on-info: #152233;--color-info-hovered: #69b2f3;--color-info-container: #0c5291;--color-on-info-container: #f4f9fe;--color-info-container-hovered: #094171;--color-neutral: #d0d7df;--color-on-neutral: #202730;--color-neutral-hovered: #acb8c7;--color-neutral-container: #3a4757;--color-on-neutral-container: #f6f8f9;--color-neutral-container-hovered: #2b3441;--color-background: #202730;--color-on-background: #f6f8f9;--color-background-variant: #13171d;--color-on-background-variant: #f6f8f9;--color-surface: #202730;--color-on-surface: #f6f8f9;--color-surface-hovered: #2b3441;--color-surface-inverse: #f6f8f9;--color-on-surface-inverse: #2b3441;--color-surface-inverse-hovered: #f0f2f5;--color-outline: #6c819d;--color-outline-high: #f0f2f5;--color-overlay: #3a4757;--color-on-overlay: #f6f8f9;--color-shadow: rgba(0 0 0 / .5)}[data-theme=light-more-contrast]{--color-focus: #00f;--color-basic: #484848;--color-on-basic: #f9f9f9;--color-basic-hovered: #5e5e5e;--color-basic-container: #e6e6e6;--color-on-basic-container: #1a1a1a;--color-basic-container-hovered: #f1f1f1;--color-accent: #484848;--color-on-accent: #f9f9f9;--color-accent-hovered: #5e5e5e;--color-accent-container: #e6e6e6;--color-on-accent-container: #1a1a1a;--color-accent-container-hovered: #f1f1f1;--color-accent-variant: #484848;--color-on-accent-variant: #f9f9f9;--color-accent-variant-hovered: #5e5e5e;--color-main: #484848;--color-on-main: #f9f9f9;--color-main-hovered: #5e5e5e;--color-main-container: #e6e6e6;--color-on-main-container: #1a1a1a;--color-main-container-hovered: #f1f1f1;--color-main-variant: #484848;--color-on-main-variant: #f9f9f9;--color-main-variant-hovered: #5e5e5e;--color-support: #484848;--color-on-support: #f9f9f9;--color-support-hovered: #5e5e5e;--color-support-container: #e6e6e6;--color-on-support-container: #1a1a1a;--color-support-container-hovered: #f1f1f1;--color-support-variant: #484848;--color-on-support-variant: #f9f9f9;--color-support-variant-hovered: #5e5e5e;--color-success: #484848;--color-on-success: #f9f9f9;--color-success-hovered: #5e5e5e;--color-success-container: #e6e6e6;--color-on-success-container: #1a1a1a;--color-success-container-hovered: #f1f1f1;--color-alert: #484848;--color-on-alert: #f9f9f9;--color-alert-hovered: #5e5e5e;--color-alert-container: #e6e6e6;--color-on-alert-container: #1a1a1a;--color-alert-container-hovered: #f1f1f1;--color-error: #484848;--color-on-error: #f9f9f9;--color-error-hovered: #5e5e5e;--color-error-container: #e6e6e6;--color-on-error-container: #1a1a1a;--color-error-container-hovered: #f1f1f1;--color-info: #484848;--color-on-info: #f9f9f9;--color-info-hovered: #5e5e5e;--color-info-container: #e6e6e6;--color-on-info-container: #1a1a1a;--color-info-container-hovered: #f1f1f1;--color-neutral: #484848;--color-on-neutral: #f9f9f9;--color-neutral-hovered: #5e5e5e;--color-neutral-container: #e6e6e6;--color-on-neutral-container: #1a1a1a;--color-neutral-container-hovered: #f1f1f1;--color-background: #f9f9f9;--color-on-background: #1a1a1a;--color-background-variant: #f2f2f2;--color-on-background-variant: #1a1a1a;--color-surface: #f9f9f9;--color-on-surface: #1a1a1a;--color-surface-hovered: #f9f9f9;--color-surface-inverse: #1a1a1a;--color-on-surface-inverse: #f9f9f9;--color-surface-inverse-hovered: #3a3a3a;--color-outline: #4f4f4f;--color-outline-high: #000000;--color-overlay: #1a1a1a;--color-on-overlay: #f9f9f9;--color-shadow: rgba(193, 193, 193, .5)}[data-theme=dark-more-contrast]{--color-focus: #d1d1ff;--color-basic: #bcbcbc;--color-on-basic: #1a1a1a;--color-basic-hovered: #8d8d8d;--color-basic-container: #4c4c4c;--color-on-basic-container: #f9f9f9;--color-basic-container-hovered: #303030;--color-accent: #bcbcbc;--color-on-accent: #1a1a1a;--color-accent-hovered: #8d8d8d;--color-accent-container: #4c4c4c;--color-on-accent-container: #f9f9f9;--color-accent-container-hovered: #303030;--color-accent-variant: #bcbcbc;--color-on-accent-variant: #1a1a1a;--color-accent-variant-hovered: #8d8d8d;--color-main: #bcbcbc;--color-on-main: #1a1a1a;--color-main-hovered: #8d8d8d;--color-main-container: #4c4c4c;--color-on-main-container: #f9f9f9;--color-main-container-hovered: #303030;--color-main-variant: #bcbcbc;--color-on-main-variant: #1a1a1a;--color-main-variant-hovered: #8d8d8d;--color-support: #bcbcbc;--color-on-support: #1a1a1a;--color-support-hovered: #8d8d8d;--color-support-container: #4c4c4c;--color-on-support-container: #f9f9f9;--color-support-container-hovered: #303030;--color-support-variant: #bcbcbc;--color-on-support-variant: #1a1a1a;--color-support-variant-hovered: #8d8d8d;--color-success: #bcbcbc;--color-on-success: #1a1a1a;--color-success-hovered: #8d8d8d;--color-success-container: #4c4c4c;--color-on-success-container: #f9f9f9;--color-success-container-hovered: #303030;--color-alert: #bcbcbc;--color-on-alert: #1a1a1a;--color-alert-hovered: #8d8d8d;--color-alert-container: #4c4c4c;--color-on-alert-container: #f9f9f9;--color-alert-container-hovered: #303030;--color-error: #bcbcbc;--color-on-error: #1a1a1a;--color-error-hovered: #8d8d8d;--color-error-container: #4c4c4c;--color-on-error-container: #f9f9f9;--color-error-container-hovered: #303030;--color-info: #bcbcbc;--color-on-info: #1a1a1a;--color-info-hovered: #8d8d8d;--color-info-container: #4c4c4c;--color-on-info-container: #f9f9f9;--color-info-container-hovered: #303030;--color-neutral: #bcbcbc;--color-on-neutral: #1a1a1a;--color-neutral-hovered: #8d8d8d;--color-neutral-container: #4c4c4c;--color-on-neutral-container: #f9f9f9;--color-neutral-container-hovered: #303030;--color-background: #2c2c2c;--color-on-background: #f9f9f9;--color-background-variant: #3c3c3c;--color-on-background-variant: #f9f9f9;--color-surface: #2c2c2c;--color-on-surface: #f9f9f9;--color-surface-hovered: #000000;--color-surface-inverse: #f9f9f9;--color-on-surface-inverse: #1a1a1a;--color-surface-inverse-hovered: #e1e1e1;--color-outline: #c1c1c1;--color-outline-high: #f9f9f9;--color-overlay: #1a1a1a;--color-on-overlay: #f9f9f9;--color-shadow: rgba(0 0 0 / .5)}@theme{--breakpoint-*: initial; --color-*: initial; --container-*: initial; --font-*: initial; --font-weight-*: initial; --radius-*: initial; --shadow-*: initial; --spacing-*: initial; --text-*: initial; --z-index-*: initial; --border-width-0: 0px; --border-width-sm: 1px; --border-width-md: 2px; --border-width-lg: 4px; --breakpoint-sm: 640px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1280px; --font-sans: "Nunito Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semi-bold: 600; --font-weight-bold: 700; --color-focus: #00f; --color-basic: #094171; --color-on-basic: #ffffff; --color-basic-hovered: #0c5291; --color-basic-container: #e6f2fd; --color-on-basic-container: #152233; --color-basic-container-hovered: #f4f9fe; --color-accent: #8526d9; --color-on-accent: #ffffff; --color-accent-hovered: #9f47eb; --color-accent-container: #e9d6fa; --color-on-accent-container: #362555; --color-accent-container-hovered: #f5edfd; --color-accent-variant: #501782; --color-on-accent-variant: #ffffff; --color-accent-variant-hovered: #6b1fad; --color-main: #ec5a13; --color-on-main: #ffffff; --color-main-hovered: #f07b42; --color-main-container: #ffe9de; --color-on-main-container: #89380f; --color-main-container-hovered: #fff2eb; --color-main-variant: #b84a14; --color-on-main-variant: #ffffff; --color-main-variant-hovered: #ec5a13; --color-support: #094171; --color-on-support: #ffffff; --color-support-hovered: #0c5291; --color-support-container: #e6f2fd; --color-on-support-container: #152233; --color-support-container-hovered: #f4f9fe; --color-support-variant: #0c5291; --color-on-support-variant: #ffffff; --color-support-variant-hovered: #0f69b9; --color-success: #1d6340; --color-on-success: #ffffff; --color-success-hovered: #278456; --color-success-container: #e0f2e9; --color-on-success-container: #1d6340; --color-success-container-hovered: #f5fbf8; --color-alert: #ffaa00; --color-on-alert: #202730; --color-alert-hovered: #ffbb33; --color-alert-container: #ffeecc; --color-on-alert-container: #664400; --color-alert-container-hovered: #fff6e5; --color-error: #ad291f; --color-on-error: #ffffff; --color-error-hovered: #d93426; --color-error-container: #f7d7d4; --color-on-error-container: #822017; --color-error-container-hovered: #fbeceb; --color-info: #0c5291; --color-on-info: #ffffff; --color-info-hovered: #0f69b9; --color-info-container: #c2e0fa; --color-on-info-container: #0c5291; --color-info-container-hovered: #e6f2fd; --color-neutral: #3a4757; --color-on-neutral: #ffffff; --color-neutral-hovered: #4f6076; --color-neutral-container: #f0f2f5; --color-on-neutral-container: #3a4757; --color-neutral-container-hovered: #f6f8f9; --color-background: #ffffff; --color-on-background: #152233; --color-background-variant: #f4f9fe; --color-on-background-variant: #152233; --color-surface: #ffffff; --color-on-surface: #152233; --color-surface-hovered: #f6f8f9; --color-surface-inverse: #2b3441; --color-on-surface-inverse: #ffffff; --color-surface-inverse-hovered: #3a4757; --color-outline: #acb8c7; --color-outline-high: #202730; --color-overlay: #202730; --color-on-overlay: #ffffff; --color-shadow: rgba(108 129 157 / .5); --opacity-0: 0; --opacity-none: 100%; --opacity-dim-1: 72%; --opacity-dim-2: 56%; --opacity-dim-3: 40%; --opacity-dim-4: 16%; --opacity-dim-5: 8%; --radius-0: 0px; --radius-sm: calc(.25rem * var(--spacing-factor)); --radius-md: calc(.5rem * var(--spacing-factor)); --radius-lg: calc(1rem * var(--spacing-factor)); --radius-xl: calc(1.5rem * var(--spacing-factor)); --radius-full: 9999px; --shadow-xs: 0 1px 2px 0 var(--color-shadow); --shadow-sm: 0 4px 8px 0 var(--color-shadow); --shadow-md: 0 6px 12px 0 var(--color-shadow); --shadow-lg: 0 8px 16px 0 var(--color-shadow); --shadow-xl: 0 12px 24px 0 var(--color-shadow); --inset-shadow-xs: inset 0 1px 2px 0 var(--color-shadow); --inset-shadow-sm: inset 0 4px 8px 0 var(--color-shadow); --inset-shadow-md: inset 0 6px 12px 0 var(--color-shadow); --inset-shadow-lg: inset 0 8px 16px 0 var(--color-shadow); --inset-shadow-xl: inset 0 12px 24px 0 var(--color-shadow); --shadow-none: none; --spacing-scale: 16; --spacing-factor: calc(16 / var(--spacing-scale)); --spacing-0: 0; --spacing-sm: calc(.25rem * var(--spacing-factor)); --spacing-md: calc(.5rem * var(--spacing-factor)); --spacing-lg: calc(1rem * var(--spacing-factor)); --spacing-xl: calc(1.5rem * var(--spacing-factor)); --spacing-2xl: calc(2rem * var(--spacing-factor)); --spacing-3xl: calc(2.5rem * var(--spacing-factor)); --spacing-sz-0: 0rem; --spacing-sz-1: calc(.0625rem * var(--spacing-factor)); --spacing-sz-2: calc(.125rem * var(--spacing-factor)); --spacing-sz-4: calc(.25rem * var(--spacing-factor)); --spacing-sz-6: calc(.375rem * var(--spacing-factor)); --spacing-sz-8: calc(.5rem * var(--spacing-factor)); --spacing-sz-10: calc(.625rem * var(--spacing-factor)); --spacing-sz-12: calc(.75rem * var(--spacing-factor)); --spacing-sz-14: calc(.875rem * var(--spacing-factor)); --spacing-sz-16: calc(1rem * var(--spacing-factor)); --spacing-sz-20: calc(1.25rem * var(--spacing-factor)); --spacing-sz-24: calc(1.5rem * var(--spacing-factor)); --spacing-sz-28: calc(1.75rem * var(--spacing-factor)); --spacing-sz-32: calc(2rem * var(--spacing-factor)); --spacing-sz-36: calc(2.25rem * var(--spacing-factor)); --spacing-sz-40: calc(2.5rem * var(--spacing-factor)); --spacing-sz-44: calc(2.75rem * var(--spacing-factor)); --spacing-sz-48: calc(3rem * var(--spacing-factor)); --spacing-sz-56: calc(3.5rem * var(--spacing-factor)); --spacing-sz-64: calc(4rem * var(--spacing-factor)); --spacing-sz-80: calc(5rem * var(--spacing-factor)); --spacing-sz-96: calc(6rem * var(--spacing-factor)); --spacing-sz-112: calc(7rem * var(--spacing-factor)); --spacing-sz-128: calc(8rem * var(--spacing-factor)); --spacing-sz-144: calc(9rem * var(--spacing-factor)); --spacing-sz-160: calc(10rem * var(--spacing-factor)); --spacing-sz-176: calc(11rem * var(--spacing-factor)); --spacing-sz-192: calc(12rem * var(--spacing-factor)); --spacing-sz-208: calc(13rem * var(--spacing-factor)); --spacing-sz-224: calc(14rem * var(--spacing-factor)); --spacing-sz-240: calc(15rem * var(--spacing-factor)); --spacing-sz-256: calc(16rem * var(--spacing-factor)); --spacing-sz-288: calc(18rem * var(--spacing-factor)); --spacing-sz-320: calc(20rem * var(--spacing-factor)); --spacing-sz-384: calc(24rem * var(--spacing-factor)); --spacing-sz-400: calc(25rem * var(--spacing-factor)); --spacing-sz-416: calc(26rem * var(--spacing-factor)); --spacing-sz-432: calc(27rem * var(--spacing-factor)); --spacing-sz-448: calc(28rem * var(--spacing-factor)); --spacing-sz-464: calc(29rem * var(--spacing-factor)); --spacing-sz-480: calc(30rem * var(--spacing-factor)); --spacing-sz-512: calc(32rem * var(--spacing-factor)); --spacing-sz-544: calc(34rem * var(--spacing-factor)); --spacing-sz-576: calc(36rem * var(--spacing-factor)); --spacing-sz-608: calc(39rem * var(--spacing-factor)); --spacing-sz-640: calc(40rem * var(--spacing-factor)); --spacing-sz-672: calc(42rem * var(--spacing-factor)); --spacing-sz-704: calc(44rem * var(--spacing-factor)); --spacing-sz-736: calc(46rem * var(--spacing-factor)); --spacing-sz-768: calc(48rem * var(--spacing-factor)); --spacing-sz-800: calc(50rem * var(--spacing-factor)); --spacing-sz-832: calc(52rem * var(--spacing-factor)); --spacing-sz-864: calc(54rem * var(--spacing-factor)); --z-index-hide: -1; --z-index-base: 0; --z-index-raised: 1; --z-index-dropdown: 1000; --z-index-sticky: 1100; --z-index-overlay: 1300; --z-index-modal: 1400; --z-index-popover: 1500; --z-index-skip-link: 1600; --z-index-toast: 1700; --z-index-tooltip: 1800;}
1
+ @theme inline{ --animate-slide-in-top: slide-in-top var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-in-right: slide-in-right var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-in-bottom: slide-in-bottom var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-in-left: slide-in-left var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-out-top: slide-out-top var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-out-right: slide-out-right var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-out-bottom: slide-out-bottom var(--spark-animation-duration) var(--spark-animation-ease); --animate-slide-out-left: slide-out-left var(--spark-animation-duration) var(--spark-animation-ease); @keyframes slide-in-top { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes slide-in-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes slide-in-bottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes slide-in-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes slide-out-top { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @keyframes slide-out-right { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } @keyframes slide-out-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(100%); } } @keyframes slide-out-left { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } }@theme inline{ --animate-fade-in: fade-in var(--spark-animation-duration) var(--spark-animation-ease); --animate-fade-out: fade-out var(--spark-animation-duration) var(--spark-animation-ease); @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } }@theme inline{ --animate-scale-in: scale-in var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-in-x: scale-in-x var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-in-y: scale-in-y var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-out: scale-out var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-out-x: scale-out-x var(--spark-animation-duration) var(--spark-animation-ease); --animate-scale-out-y: scale-out-y var(--spark-animation-duration) var(--spark-animation-ease); @keyframes scale-in { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes scale-out { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes scale-in-x { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes scale-out-x { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } @keyframes scale-in-y { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } } @keyframes scale-out-y { 0% { transform: scaleY(1); } 100% { transform: scaleY(0); } } }@utility animation-rotate-start-*{ --rotateStart: --value(integer, [integer])deg; }@utility animation-rotate-end-*{ --rotateEnd: --value(integer, [integer])deg; }@theme inline{ --animate-rotate: rotate var(--spark-animation-duration) var(--spark-animation-ease); @keyframes rotate { 0% { transform: rotate(var(--rotateStart, 0deg)); } 100% { transform: rotate(var(--rotateEnd, 180deg)); } } }@utility animation-shake-intensity-*{ --shakeIntensity: calc(--value(integer)*1%) ; }@theme inline{ --animate-shake-x: shake-x var(--spark-animation-duration) var(--spark-animation-ease); --animate-shake-y: shake-y var(--spark-animation-duration) var(--spark-animation-ease); @keyframes shake-x { 0% { transform: translateX(0%); } 20% { transform: translateX(calc(var(--shakeIntensity, 4%) * -1)); } 40% { transform: translateX(var(--shakeIntensity, 4%)); } 60% { transform: translateX(calc(var(--shakeIntensity, 4%) * -1)); } 80% { transform: translateX(var(--shakeIntensity, 4%)); } 100% { transform: translateX(0%); } } @keyframes shake-y { 0% { transform: translateY(0%); } 20% { transform: translateY(calc(var(--shakeIntensity, 4%) * -1)); } 40% { transform: translateY(var(--shakeIntensity, 4%)); } 60% { transform: translateY(calc(var(--shakeIntensity, 4%) * -1)); } 80% { transform: translateY(var(--shakeIntensity, 4%)); } 100% { transform: translateY(0%); } } }@theme inline{ --animate-ping: ping var(--spark-animation-duration) var(--spark-animation-ease); @keyframes ping { 0% { opacity: 1; transform: scale(1); } 75%, 100% { transform: scale(2); opacity: 0; } } }@theme inline{ --animate-standalone-indeterminate-bar: indeterminate-bar 1s ease-out infinite normal none running; @keyframes indeterminate-bar { 0% { left: 0; width: 0; } 50% { left: 50%; width: 50%; } 75% { left: 100%; width: 0; } 100% { left: 0; width: 0; } } --animate-standalone-shimmer: shimmer 2s ease-in infinite; @keyframes shimmer { 100% { mask-position: -200% 0%; } } --animate-standalone-swipe-out-left: swipe-out-left .1s ease-out; @keyframes swipe-out-left { 0% { transform: translateX(var(--swipe-position-x)); } 100% { transform: translateX(-100vw); } } --animate-standalone-swipe-out-right: swipe-out-right .1s ease-out; @keyframes swipe-out-right { 0% { transform: translateX(var(--swipe-position-x)); } 100% { transform: translateX(100vw); } } --animate-standalone-backdrop-pulse: backdrop-pulse 1s linear infinite; @keyframes backdrop-pulse { 0% { background-position: 0% 0%; } 50% { background-position: 100% 0%; } 100% { background-position: 0% 0%; } } --animate-standalone-demo-slide-right: demo-slide-right var(--spark-animation-duration, 1s) var(--ease-linear) infinite; @keyframes demo-slide-right { 0% { left: 0; } 100% { left: calc(100% - 24px) ; } } }@theme inline{ --ease-linear: cubic-bezier(0, 0, 1, 1); --ease-standard: cubic-bezier(.2, 0, 0, 1); --ease-standard-back: cubic-bezier(.54, -.52, .29, 1.54); --ease-accelerate: cubic-bezier(.3, 0, .8, .15); --ease-accelerate-back: cubic-bezier(.35, -.47, .8, .15); --ease-decelerate: cubic-bezier(.05, .7, .1, 1); --ease-decelerate-back: cubic-bezier(.45, 1.45, .8, 1); --spark-animation-duration: .25s; --spark-animation-ease: var(--ease-standard); --spark-animation-delay: 0ms; --spark-animation-fill-mode: none; --spark-animation-iteration-count: 1; --spark-animation-direction: normal; --spark-animation-play-state: running; }@utility animation-duration-*{ --spark-animation-duration: calc(--value(integer, [integer])*1ms) ; animation-duration: var(--spark-animation-duration); }@utility animation-ease-*{ --spark-animation-ease: --value(--ease-*); animation-timing-function: var(--spark-animation-ease); }@utility animation-delay-*{ --spark-animation-delay: calc(--value(integer, [integer])*1ms) ; animation-delay: var(--spark-animation-delay); }@utility animation-iteration-*{ --spark-animation-iteration-count: --value(integer, "infinite"); animation-iteration-count: var(--spark-animation-iteration-count); }@utility animation-direction-*{ --spark-animation-direction: --value("normal", "reverse", "alternate", "alternate-reverse"); animation-direction: var(--spark-animation-direction); }@utility animation-fill-mode-*{ --spark-animation-fill-mode: --value("none", "forwards", "backwards", "both"); animation-fill-mode: var(--spark-animation-fill-mode); }@utility animation-play-state-*{ --spark-animation-play-state: --value("paused", "running"); animation-play-state: var(--spark-animation-play-state); }@custom-variant default (:where(&));@utility text-display-1{font-size: calc(2.5rem * var(--spacing-factor)); line-height: calc(3.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-1-expanded{font-size: calc(3rem * var(--spacing-factor)); line-height: calc(4rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-2{font-size: calc(2rem * var(--spacing-factor)); line-height: calc(2.75rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-2-expanded{font-size: calc(2.5rem * var(--spacing-factor)); line-height: calc(3.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-3{font-size: calc(1.5rem * var(--spacing-factor)); line-height: calc(2rem * var(--spacing-factor)); font-weight: 700;}@utility text-display-3-expanded{font-size: calc(2rem * var(--spacing-factor)); line-height: calc(2.75rem * var(--spacing-factor)); font-weight: 700;}@utility text-headline-1{font-size: calc(1.25rem * var(--spacing-factor)); line-height: calc(1.75rem * var(--spacing-factor)); font-weight: 700;}@utility text-headline-1-expanded{font-size: calc(1.5rem * var(--spacing-factor)); line-height: calc(2rem * var(--spacing-factor)); font-weight: 700;}@utility text-headline-2{font-size: calc(1.125rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-headline-2-expanded{font-size: calc(1.25rem * var(--spacing-factor)); line-height: calc(1.75rem * var(--spacing-factor)); font-weight: 700;}@utility text-subhead{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-subhead-expanded{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor)); font-weight: 700;}@utility text-body-1{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor));}@utility text-body-2{font-size: calc(.875rem * var(--spacing-factor)); line-height: calc(1.25rem * var(--spacing-factor));}@utility text-caption{font-size: calc(.75rem * var(--spacing-factor)); line-height: calc(1rem * var(--spacing-factor));}@utility text-small{font-size: calc(.625rem * var(--spacing-factor)); line-height: calc(.875rem * var(--spacing-factor));}@utility text-body-1-link{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor));}@utility text-body-2-link{font-size: calc(.875rem * var(--spacing-factor)); line-height: calc(1.125rem * var(--spacing-factor));}@utility text-caption-link{font-size: calc(.75rem * var(--spacing-factor)); line-height: calc(1rem * var(--spacing-factor));}@utility text-callout{font-size: calc(1rem * var(--spacing-factor)); line-height: calc(1.5rem * var(--spacing-factor));}@utility u-current-font-size{width: 1em; height: 1em;}@utility u-shadow-border-transition{transition: box-shadow .1s cubic-bezier(.4,0,1,1),border-color .3s cubic-bezier(.4,0,1,1);}@utility u-no-scrollbar{scrollbar-width: none;}@utility u-no-scrollbar{&::-webkit-scrollbar {display: none;}}@utility u-outline{outline-color: var(--color-focus); outline-style: solid; outline-width: 2px; outline-offset: 2px;}@utility u-outline-inset{outline-color: var(--color-focus); outline-style: solid; outline-width: 2px; outline-offset: -2px ;}[data-theme=light]{--color-focus: #00f;--color-basic: #094171;--color-on-basic: #ffffff;--color-basic-hovered: #0c5291;--color-basic-container: #e6f2fd;--color-on-basic-container: #152233;--color-basic-container-hovered: #f4f9fe;--color-accent: #8526d9;--color-on-accent: #ffffff;--color-accent-hovered: #9f47eb;--color-accent-container: #e9d6fa;--color-on-accent-container: #362555;--color-accent-container-hovered: #f5edfd;--color-accent-variant: #501782;--color-on-accent-variant: #ffffff;--color-accent-variant-hovered: #6b1fad;--color-main: #ec5a13;--color-on-main: #ffffff;--color-main-hovered: #f07b42;--color-main-container: #ffe9de;--color-on-main-container: #89380f;--color-main-container-hovered: #fff2eb;--color-main-variant: #b84a14;--color-on-main-variant: #ffffff;--color-main-variant-hovered: #ec5a13;--color-support: #094171;--color-on-support: #ffffff;--color-support-hovered: #0c5291;--color-support-container: #e6f2fd;--color-on-support-container: #152233;--color-support-container-hovered: #f4f9fe;--color-support-variant: #0c5291;--color-on-support-variant: #ffffff;--color-support-variant-hovered: #0f69b9;--color-success: #1d6340;--color-on-success: #ffffff;--color-success-hovered: #278456;--color-success-container: #e0f2e9;--color-on-success-container: #1d6340;--color-success-container-hovered: #f5fbf8;--color-alert: #ffaa00;--color-on-alert: #202730;--color-alert-hovered: #ffbb33;--color-alert-container: #ffeecc;--color-on-alert-container: #664400;--color-alert-container-hovered: #fff6e5;--color-error: #ad291f;--color-on-error: #ffffff;--color-error-hovered: #d93426;--color-error-container: #f7d7d4;--color-on-error-container: #822017;--color-error-container-hovered: #fbeceb;--color-info: #0c5291;--color-on-info: #ffffff;--color-info-hovered: #0f69b9;--color-info-container: #c2e0fa;--color-on-info-container: #0c5291;--color-info-container-hovered: #e6f2fd;--color-neutral: #3a4757;--color-on-neutral: #ffffff;--color-neutral-hovered: #4f6076;--color-neutral-container: #f0f2f5;--color-on-neutral-container: #3a4757;--color-neutral-container-hovered: #f6f8f9;--color-background: #ffffff;--color-on-background: #152233;--color-background-variant: #f4f9fe;--color-on-background-variant: #152233;--color-surface: #ffffff;--color-on-surface: #152233;--color-surface-hovered: #f6f8f9;--color-surface-inverse: #2b3441;--color-on-surface-inverse: #ffffff;--color-surface-inverse-hovered: #3a4757;--color-outline: #acb8c7;--color-outline-high: #202730;--color-overlay: #202730;--color-on-overlay: #ffffff;--color-shadow: rgba(108 129 157 / .5)}[data-theme=dark]{--color-focus: #d1d1ff;--color-basic: #c2e0fa;--color-on-basic: #152233;--color-basic-hovered: #9fcef7;--color-basic-container: #094171;--color-on-basic-container: #f4f9fe;--color-basic-container-hovered: #152233;--color-accent: #cfa3f5;--color-on-accent: #1b052e;--color-accent-hovered: #ac7ddd;--color-accent-container: #501782;--color-on-accent-container: #f5edfd;--color-accent-container-hovered: #360f57;--color-accent-variant: #b775f0;--color-on-accent-variant: #1b052e;--color-accent-variant-hovered: #b775f0;--color-main: #f07b42;--color-on-main: #2f1305;--color-main-hovered: #ec5a13;--color-main-container: #89380f;--color-on-main-container: #fff2eb;--color-main-container-hovered: #5c250a;--color-main-variant: #f49d71;--color-on-main-variant: #2f1305;--color-main-variant-hovered: #f07b42;--color-support: #c2e0fa;--color-on-support: #152233;--color-support-hovered: #9fcef7;--color-support-container: #094171;--color-on-support-container: #f4f9fe;--color-support-container-hovered: #152233;--color-support-variant: #e6f2fd;--color-on-support-variant: #152233;--color-support-variant-hovered: #c2e0fa;--color-success: #8ecdae;--color-on-success: #0c291b;--color-success-hovered: #64bc90;--color-success-container: #1d6340;--color-on-success-container: #f5fbf8;--color-success-container-hovered: #14422b;--color-alert: #ffcc66;--color-on-alert: #332200;--color-alert-hovered: #ffbb33;--color-alert-container: #664400;--color-on-alert-container: #fff6e5;--color-alert-container-hovered: #332200;--color-error: #e8867d;--color-on-error: #2b0b08;--color-error-hovered: #e05d52;--color-error-container: #822017;--color-on-error-container: #fbeceb;--color-error-container-hovered: #57150f;--color-info: #9fcef7;--color-on-info: #152233;--color-info-hovered: #69b2f3;--color-info-container: #0c5291;--color-on-info-container: #f4f9fe;--color-info-container-hovered: #094171;--color-neutral: #d0d7df;--color-on-neutral: #202730;--color-neutral-hovered: #acb8c7;--color-neutral-container: #3a4757;--color-on-neutral-container: #f6f8f9;--color-neutral-container-hovered: #2b3441;--color-background: #202730;--color-on-background: #f6f8f9;--color-background-variant: #13171d;--color-on-background-variant: #f6f8f9;--color-surface: #202730;--color-on-surface: #f6f8f9;--color-surface-hovered: #2b3441;--color-surface-inverse: #f6f8f9;--color-on-surface-inverse: #2b3441;--color-surface-inverse-hovered: #f0f2f5;--color-outline: #6c819d;--color-outline-high: #f0f2f5;--color-overlay: #3a4757;--color-on-overlay: #f6f8f9;--color-shadow: rgba(0 0 0 / .5)}[data-theme=light-more-contrast]{--color-focus: #00f;--color-basic: #484848;--color-on-basic: #f9f9f9;--color-basic-hovered: #5e5e5e;--color-basic-container: #e6e6e6;--color-on-basic-container: #1a1a1a;--color-basic-container-hovered: #f1f1f1;--color-accent: #484848;--color-on-accent: #f9f9f9;--color-accent-hovered: #5e5e5e;--color-accent-container: #e6e6e6;--color-on-accent-container: #1a1a1a;--color-accent-container-hovered: #f1f1f1;--color-accent-variant: #484848;--color-on-accent-variant: #f9f9f9;--color-accent-variant-hovered: #5e5e5e;--color-main: #484848;--color-on-main: #f9f9f9;--color-main-hovered: #5e5e5e;--color-main-container: #e6e6e6;--color-on-main-container: #1a1a1a;--color-main-container-hovered: #f1f1f1;--color-main-variant: #484848;--color-on-main-variant: #f9f9f9;--color-main-variant-hovered: #5e5e5e;--color-support: #484848;--color-on-support: #f9f9f9;--color-support-hovered: #5e5e5e;--color-support-container: #e6e6e6;--color-on-support-container: #1a1a1a;--color-support-container-hovered: #f1f1f1;--color-support-variant: #484848;--color-on-support-variant: #f9f9f9;--color-support-variant-hovered: #5e5e5e;--color-success: #484848;--color-on-success: #f9f9f9;--color-success-hovered: #5e5e5e;--color-success-container: #e6e6e6;--color-on-success-container: #1a1a1a;--color-success-container-hovered: #f1f1f1;--color-alert: #484848;--color-on-alert: #f9f9f9;--color-alert-hovered: #5e5e5e;--color-alert-container: #e6e6e6;--color-on-alert-container: #1a1a1a;--color-alert-container-hovered: #f1f1f1;--color-error: #484848;--color-on-error: #f9f9f9;--color-error-hovered: #5e5e5e;--color-error-container: #e6e6e6;--color-on-error-container: #1a1a1a;--color-error-container-hovered: #f1f1f1;--color-info: #484848;--color-on-info: #f9f9f9;--color-info-hovered: #5e5e5e;--color-info-container: #e6e6e6;--color-on-info-container: #1a1a1a;--color-info-container-hovered: #f1f1f1;--color-neutral: #484848;--color-on-neutral: #f9f9f9;--color-neutral-hovered: #5e5e5e;--color-neutral-container: #e6e6e6;--color-on-neutral-container: #1a1a1a;--color-neutral-container-hovered: #f1f1f1;--color-background: #f9f9f9;--color-on-background: #1a1a1a;--color-background-variant: #f2f2f2;--color-on-background-variant: #1a1a1a;--color-surface: #f9f9f9;--color-on-surface: #1a1a1a;--color-surface-hovered: #f9f9f9;--color-surface-inverse: #1a1a1a;--color-on-surface-inverse: #f9f9f9;--color-surface-inverse-hovered: #3a3a3a;--color-outline: #4f4f4f;--color-outline-high: #000000;--color-overlay: #1a1a1a;--color-on-overlay: #f9f9f9;--color-shadow: rgba(193, 193, 193, .5)}[data-theme=dark-more-contrast]{--color-focus: #d1d1ff;--color-basic: #bcbcbc;--color-on-basic: #1a1a1a;--color-basic-hovered: #8d8d8d;--color-basic-container: #4c4c4c;--color-on-basic-container: #f9f9f9;--color-basic-container-hovered: #303030;--color-accent: #bcbcbc;--color-on-accent: #1a1a1a;--color-accent-hovered: #8d8d8d;--color-accent-container: #4c4c4c;--color-on-accent-container: #f9f9f9;--color-accent-container-hovered: #303030;--color-accent-variant: #bcbcbc;--color-on-accent-variant: #1a1a1a;--color-accent-variant-hovered: #8d8d8d;--color-main: #bcbcbc;--color-on-main: #1a1a1a;--color-main-hovered: #8d8d8d;--color-main-container: #4c4c4c;--color-on-main-container: #f9f9f9;--color-main-container-hovered: #303030;--color-main-variant: #bcbcbc;--color-on-main-variant: #1a1a1a;--color-main-variant-hovered: #8d8d8d;--color-support: #bcbcbc;--color-on-support: #1a1a1a;--color-support-hovered: #8d8d8d;--color-support-container: #4c4c4c;--color-on-support-container: #f9f9f9;--color-support-container-hovered: #303030;--color-support-variant: #bcbcbc;--color-on-support-variant: #1a1a1a;--color-support-variant-hovered: #8d8d8d;--color-success: #bcbcbc;--color-on-success: #1a1a1a;--color-success-hovered: #8d8d8d;--color-success-container: #4c4c4c;--color-on-success-container: #f9f9f9;--color-success-container-hovered: #303030;--color-alert: #bcbcbc;--color-on-alert: #1a1a1a;--color-alert-hovered: #8d8d8d;--color-alert-container: #4c4c4c;--color-on-alert-container: #f9f9f9;--color-alert-container-hovered: #303030;--color-error: #bcbcbc;--color-on-error: #1a1a1a;--color-error-hovered: #8d8d8d;--color-error-container: #4c4c4c;--color-on-error-container: #f9f9f9;--color-error-container-hovered: #303030;--color-info: #bcbcbc;--color-on-info: #1a1a1a;--color-info-hovered: #8d8d8d;--color-info-container: #4c4c4c;--color-on-info-container: #f9f9f9;--color-info-container-hovered: #303030;--color-neutral: #bcbcbc;--color-on-neutral: #1a1a1a;--color-neutral-hovered: #8d8d8d;--color-neutral-container: #4c4c4c;--color-on-neutral-container: #f9f9f9;--color-neutral-container-hovered: #303030;--color-background: #2c2c2c;--color-on-background: #f9f9f9;--color-background-variant: #3c3c3c;--color-on-background-variant: #f9f9f9;--color-surface: #2c2c2c;--color-on-surface: #f9f9f9;--color-surface-hovered: #000000;--color-surface-inverse: #f9f9f9;--color-on-surface-inverse: #1a1a1a;--color-surface-inverse-hovered: #e1e1e1;--color-outline: #c1c1c1;--color-outline-high: #f9f9f9;--color-overlay: #1a1a1a;--color-on-overlay: #f9f9f9;--color-shadow: rgba(0 0 0 / .5)}@theme{--breakpoint-*: initial; --color-*: initial; --container-*: initial; --font-*: initial; --font-weight-*: initial; --radius-*: initial; --shadow-*: initial; --spacing-*: initial; --text-*: initial; --z-index-*: initial; --border-width-0: 0px; --border-width-sm: 1px; --border-width-md: 2px; --border-width-lg: 4px; --breakpoint-sm: 640px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1280px; --font-sans: "Nunito Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semi-bold: 600; --font-weight-bold: 700; --color-focus: #00f; --color-basic: #094171; --color-on-basic: #ffffff; --color-basic-hovered: #0c5291; --color-basic-container: #e6f2fd; --color-on-basic-container: #152233; --color-basic-container-hovered: #f4f9fe; --color-accent: #8526d9; --color-on-accent: #ffffff; --color-accent-hovered: #9f47eb; --color-accent-container: #e9d6fa; --color-on-accent-container: #362555; --color-accent-container-hovered: #f5edfd; --color-accent-variant: #501782; --color-on-accent-variant: #ffffff; --color-accent-variant-hovered: #6b1fad; --color-main: #ec5a13; --color-on-main: #ffffff; --color-main-hovered: #f07b42; --color-main-container: #ffe9de; --color-on-main-container: #89380f; --color-main-container-hovered: #fff2eb; --color-main-variant: #b84a14; --color-on-main-variant: #ffffff; --color-main-variant-hovered: #ec5a13; --color-support: #094171; --color-on-support: #ffffff; --color-support-hovered: #0c5291; --color-support-container: #e6f2fd; --color-on-support-container: #152233; --color-support-container-hovered: #f4f9fe; --color-support-variant: #0c5291; --color-on-support-variant: #ffffff; --color-support-variant-hovered: #0f69b9; --color-success: #1d6340; --color-on-success: #ffffff; --color-success-hovered: #278456; --color-success-container: #e0f2e9; --color-on-success-container: #1d6340; --color-success-container-hovered: #f5fbf8; --color-alert: #ffaa00; --color-on-alert: #202730; --color-alert-hovered: #ffbb33; --color-alert-container: #ffeecc; --color-on-alert-container: #664400; --color-alert-container-hovered: #fff6e5; --color-error: #ad291f; --color-on-error: #ffffff; --color-error-hovered: #d93426; --color-error-container: #f7d7d4; --color-on-error-container: #822017; --color-error-container-hovered: #fbeceb; --color-info: #0c5291; --color-on-info: #ffffff; --color-info-hovered: #0f69b9; --color-info-container: #c2e0fa; --color-on-info-container: #0c5291; --color-info-container-hovered: #e6f2fd; --color-neutral: #3a4757; --color-on-neutral: #ffffff; --color-neutral-hovered: #4f6076; --color-neutral-container: #f0f2f5; --color-on-neutral-container: #3a4757; --color-neutral-container-hovered: #f6f8f9; --color-background: #ffffff; --color-on-background: #152233; --color-background-variant: #f4f9fe; --color-on-background-variant: #152233; --color-surface: #ffffff; --color-on-surface: #152233; --color-surface-hovered: #f6f8f9; --color-surface-inverse: #2b3441; --color-on-surface-inverse: #ffffff; --color-surface-inverse-hovered: #3a4757; --color-outline: #acb8c7; --color-outline-high: #202730; --color-overlay: #202730; --color-on-overlay: #ffffff; --color-shadow: rgba(108 129 157 / .5); --opacity-none: 100%; --opacity-dim-1: 72%; --opacity-dim-2: 56%; --opacity-dim-3: 40%; --opacity-dim-4: 16%; --opacity-dim-5: 8%; --opacity-dim-full: 0%; --radius-0: 0px; --radius-sm: calc(.25rem * var(--spacing-factor)); --radius-md: calc(.5rem * var(--spacing-factor)); --radius-lg: calc(1rem * var(--spacing-factor)); --radius-xl: calc(1.5rem * var(--spacing-factor)); --radius-full: 9999px; --shadow-xs: 0 1px 2px 0 var(--color-shadow); --shadow-sm: 0 4px 8px 0 var(--color-shadow); --shadow-md: 0 6px 12px 0 var(--color-shadow); --shadow-lg: 0 8px 16px 0 var(--color-shadow); --shadow-xl: 0 12px 24px 0 var(--color-shadow); --inset-shadow-xs: inset 0 1px 2px 0 var(--color-shadow); --inset-shadow-sm: inset 0 4px 8px 0 var(--color-shadow); --inset-shadow-md: inset 0 6px 12px 0 var(--color-shadow); --inset-shadow-lg: inset 0 8px 16px 0 var(--color-shadow); --inset-shadow-xl: inset 0 12px 24px 0 var(--color-shadow); --shadow-none: none; --spacing-scale: 16; --spacing-factor: calc(16 / var(--spacing-scale)); --spacing-0: 0; --spacing-sm: calc(.25rem * var(--spacing-factor)); --spacing-md: calc(.5rem * var(--spacing-factor)); --spacing-lg: calc(1rem * var(--spacing-factor)); --spacing-xl: calc(1.5rem * var(--spacing-factor)); --spacing-2xl: calc(2rem * var(--spacing-factor)); --spacing-3xl: calc(2.5rem * var(--spacing-factor)); --spacing-sz-0: 0rem; --spacing-sz-1: calc(.0625rem * var(--spacing-factor)); --spacing-sz-2: calc(.125rem * var(--spacing-factor)); --spacing-sz-4: calc(.25rem * var(--spacing-factor)); --spacing-sz-6: calc(.375rem * var(--spacing-factor)); --spacing-sz-8: calc(.5rem * var(--spacing-factor)); --spacing-sz-10: calc(.625rem * var(--spacing-factor)); --spacing-sz-12: calc(.75rem * var(--spacing-factor)); --spacing-sz-14: calc(.875rem * var(--spacing-factor)); --spacing-sz-16: calc(1rem * var(--spacing-factor)); --spacing-sz-20: calc(1.25rem * var(--spacing-factor)); --spacing-sz-24: calc(1.5rem * var(--spacing-factor)); --spacing-sz-28: calc(1.75rem * var(--spacing-factor)); --spacing-sz-32: calc(2rem * var(--spacing-factor)); --spacing-sz-36: calc(2.25rem * var(--spacing-factor)); --spacing-sz-40: calc(2.5rem * var(--spacing-factor)); --spacing-sz-44: calc(2.75rem * var(--spacing-factor)); --spacing-sz-48: calc(3rem * var(--spacing-factor)); --spacing-sz-56: calc(3.5rem * var(--spacing-factor)); --spacing-sz-64: calc(4rem * var(--spacing-factor)); --spacing-sz-80: calc(5rem * var(--spacing-factor)); --spacing-sz-96: calc(6rem * var(--spacing-factor)); --spacing-sz-112: calc(7rem * var(--spacing-factor)); --spacing-sz-128: calc(8rem * var(--spacing-factor)); --spacing-sz-144: calc(9rem * var(--spacing-factor)); --spacing-sz-160: calc(10rem * var(--spacing-factor)); --spacing-sz-176: calc(11rem * var(--spacing-factor)); --spacing-sz-192: calc(12rem * var(--spacing-factor)); --spacing-sz-208: calc(13rem * var(--spacing-factor)); --spacing-sz-224: calc(14rem * var(--spacing-factor)); --spacing-sz-240: calc(15rem * var(--spacing-factor)); --spacing-sz-256: calc(16rem * var(--spacing-factor)); --spacing-sz-288: calc(18rem * var(--spacing-factor)); --spacing-sz-320: calc(20rem * var(--spacing-factor)); --spacing-sz-384: calc(24rem * var(--spacing-factor)); --spacing-sz-400: calc(25rem * var(--spacing-factor)); --spacing-sz-416: calc(26rem * var(--spacing-factor)); --spacing-sz-432: calc(27rem * var(--spacing-factor)); --spacing-sz-448: calc(28rem * var(--spacing-factor)); --spacing-sz-464: calc(29rem * var(--spacing-factor)); --spacing-sz-480: calc(30rem * var(--spacing-factor)); --spacing-sz-512: calc(32rem * var(--spacing-factor)); --spacing-sz-544: calc(34rem * var(--spacing-factor)); --spacing-sz-576: calc(36rem * var(--spacing-factor)); --spacing-sz-608: calc(39rem * var(--spacing-factor)); --spacing-sz-640: calc(40rem * var(--spacing-factor)); --spacing-sz-672: calc(42rem * var(--spacing-factor)); --spacing-sz-704: calc(44rem * var(--spacing-factor)); --spacing-sz-736: calc(46rem * var(--spacing-factor)); --spacing-sz-768: calc(48rem * var(--spacing-factor)); --spacing-sz-800: calc(50rem * var(--spacing-factor)); --spacing-sz-832: calc(52rem * var(--spacing-factor)); --spacing-sz-864: calc(54rem * var(--spacing-factor)); --z-index-hide: -1; --z-index-base: 0; --z-index-raised: 1; --z-index-dropdown: 1000; --z-index-sticky: 1100; --z-index-overlay: 1300; --z-index-modal: 1400; --z-index-popover: 1500; --z-index-skip-link: 1600; --z-index-toast: 1700; --z-index-tooltip: 1800;}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-ui/theme-utils",
3
- "version": "10.17.4",
3
+ "version": "10.17.6",
4
4
  "description": "package for managing Spark theme configuration",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -31,5 +31,5 @@
31
31
  },
32
32
  "homepage": "https://sparkui.vercel.app",
33
33
  "license": "MIT",
34
- "gitHead": "8634f2de9ad8883173b52d9ae48a48b23bbfd605"
34
+ "gitHead": "293500cea40d51e18499d7a7af27bb22cb4116e0"
35
35
  }