@spark-ui/theme-utils 10.19.3 → 10.20.1

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.20.1](https://github.com/leboncoin/spark-web/compare/v10.20.0...v10.20.1) (2025-10-06)
7
+
8
+ **Note:** Version bump only for package @spark-ui/theme-utils
9
+
10
+ # [10.20.0](https://github.com/leboncoin/spark-web/compare/v10.19.3...v10.20.0) (2025-10-06)
11
+
12
+ **Note:** Version bump only for package @spark-ui/theme-utils
13
+
6
14
  ## [10.19.3](https://github.com/leboncoin/spark-web/compare/v10.19.2...v10.19.3) (2025-10-03)
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-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;}
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */[data-theme=light]{--color-focus:#00f;--color-basic:#094171;--color-on-basic:#fff;--color-basic-hovered:#0c5291;--color-basic-container:#e6f2fd;--color-on-basic-container:#152233;--color-basic-container-hovered:#f4f9fe;--color-accent:#8526d9;--color-on-accent:#fff;--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:#fff;--color-accent-variant-hovered:#6b1fad;--color-main:#ec5a13;--color-on-main:#fff;--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:#fff;--color-main-variant-hovered:#ec5a13;--color-support:#094171;--color-on-support:#fff;--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:#fff;--color-support-variant-hovered:#0f69b9;--color-success:#1d6340;--color-on-success:#fff;--color-success-hovered:#278456;--color-success-container:#e0f2e9;--color-on-success-container:#1d6340;--color-success-container-hovered:#f5fbf8;--color-alert:#fa0;--color-on-alert:#202730;--color-alert-hovered:#fb3;--color-alert-container:#fec;--color-on-alert-container:#640;--color-alert-container-hovered:#fff6e5;--color-error:#ad291f;--color-on-error:#fff;--color-error-hovered:#d93426;--color-error-container:#f7d7d4;--color-on-error-container:#822017;--color-error-container-hovered:#fbeceb;--color-info:#0c5291;--color-on-info:#fff;--color-info-hovered:#0f69b9;--color-info-container:#c2e0fa;--color-on-info-container:#0c5291;--color-info-container-hovered:#e6f2fd;--color-neutral:#3a4757;--color-on-neutral:#fff;--color-neutral-hovered:#4f6076;--color-neutral-container:#f0f2f5;--color-on-neutral-container:#3a4757;--color-neutral-container-hovered:#f6f8f9;--color-background:#fff;--color-on-background:#152233;--color-background-variant:#f4f9fe;--color-on-background-variant:#152233;--color-surface:#fff;--color-on-surface:#152233;--color-surface-hovered:#f6f8f9;--color-surface-inverse:#2b3441;--color-on-surface-inverse:#fff;--color-surface-inverse-hovered:#3a4757;--color-outline:#acb8c7;--color-outline-high:#202730;--color-overlay:#202730;--color-on-overlay:#fff;--color-shadow:#6c819d80}[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:#fc6;--color-on-alert:#320;--color-alert-hovered:#fb3;--color-alert-container:#640;--color-on-alert-container:#fff6e5;--color-alert-container-hovered:#320;--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:#00000080}[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:#000;--color-overlay:#1a1a1a;--color-on-overlay:#f9f9f9;--color-shadow:#c1c1c180}[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:#000;--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:#00000080}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-ui/theme-utils",
3
- "version": "10.19.3",
3
+ "version": "10.20.1",
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": "2bf71247a88874257530eb1a926c3b5b757fca96"
34
+ "gitHead": "1549682ce3eeea71e559d56e059655c7b5be777c"
35
35
  }