@spark-ui/theme-utils 11.7.1 → 12.0.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.
- package/CHANGELOG.md +14 -0
- package/build.ts +72 -0
- package/dist/base.css +1 -0
- package/dist/themes/dark-more-contrast.css +1 -0
- package/dist/themes/dark.css +1 -0
- package/dist/themes/light-more-contrast.css +1 -0
- package/dist/themes/light.css +1 -0
- package/dist/themes.css +1 -0
- package/package.json +10 -6
- package/tsconfig.json +1 -1
- package/dist/style.css +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,20 @@
|
|
|
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
|
+
## [12.0.1](https://github.com/leboncoin/spark-web/compare/v12.0.0...v12.0.1) (2025-12-02)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @spark-ui/theme-utils
|
|
9
|
+
|
|
10
|
+
# [12.0.0](https://github.com/leboncoin/spark-web/compare/v11.7.1...v12.0.0) (2025-12-01)
|
|
11
|
+
|
|
12
|
+
### Code Refactoring
|
|
13
|
+
|
|
14
|
+
- **theme-utils:** enable modular CSS imports for base and themes ([fe10839](https://github.com/leboncoin/spark-web/commit/fe10839080da3e1d8853331347ba94fc28c8122e))
|
|
15
|
+
|
|
16
|
+
### BREAKING CHANGES
|
|
17
|
+
|
|
18
|
+
- **theme-utils:** new imports for themes
|
|
19
|
+
|
|
6
20
|
## [11.7.1](https://github.com/leboncoin/spark-web/compare/v11.7.0...v11.7.1) (2025-11-25)
|
|
7
21
|
|
|
8
22
|
**Note:** Version bump only for package @spark-ui/theme-utils
|
package/build.ts
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
|
|
3
|
+
import cssnano from 'cssnano'
|
|
4
|
+
import fs from 'fs'
|
|
5
|
+
import path from 'path'
|
|
6
|
+
import postcss from 'postcss'
|
|
7
|
+
import postcssImport from 'postcss-import'
|
|
8
|
+
import { fileURLToPath } from 'url'
|
|
9
|
+
|
|
10
|
+
const __filename = fileURLToPath(import.meta.url)
|
|
11
|
+
const __dirname = path.dirname(__filename)
|
|
12
|
+
|
|
13
|
+
const distDir = path.join(__dirname, 'dist')
|
|
14
|
+
const themesDir = path.join(distDir, 'themes')
|
|
15
|
+
|
|
16
|
+
// Créer les dossiers nécessaires
|
|
17
|
+
if (!fs.existsSync(distDir)) {
|
|
18
|
+
fs.mkdirSync(distDir, { recursive: true })
|
|
19
|
+
}
|
|
20
|
+
if (!fs.existsSync(themesDir)) {
|
|
21
|
+
fs.mkdirSync(themesDir, { recursive: true })
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
interface BuildConfig {
|
|
25
|
+
input: string
|
|
26
|
+
output: string
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
const builds: BuildConfig[] = [
|
|
30
|
+
{ input: 'src/base.css', output: 'dist/base.css' },
|
|
31
|
+
{ input: 'src/themes.css', output: 'dist/themes.css' },
|
|
32
|
+
{ input: 'src/light-theme.css', output: 'dist/themes/light.css' },
|
|
33
|
+
{ input: 'src/dark-theme.css', output: 'dist/themes/dark.css' },
|
|
34
|
+
{ input: 'src/light-theme-more-contrast.css', output: 'dist/themes/light-more-contrast.css' },
|
|
35
|
+
{ input: 'src/dark-theme-more-contrast.css', output: 'dist/themes/dark-more-contrast.css' },
|
|
36
|
+
]
|
|
37
|
+
|
|
38
|
+
// eslint-disable-next-line no-console
|
|
39
|
+
console.log('Building theme files...\n')
|
|
40
|
+
|
|
41
|
+
async function buildFile({ input, output }: BuildConfig): Promise<void> {
|
|
42
|
+
const inputPath = path.join(__dirname, input)
|
|
43
|
+
const outputPath = path.join(__dirname, output)
|
|
44
|
+
|
|
45
|
+
if (!fs.existsSync(inputPath)) {
|
|
46
|
+
throw new Error(`Input file not found: ${inputPath}`)
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
const css = fs.readFileSync(inputPath, 'utf8')
|
|
50
|
+
const result = await postcss([postcssImport(), cssnano()]).process(css, {
|
|
51
|
+
from: inputPath,
|
|
52
|
+
to: outputPath,
|
|
53
|
+
})
|
|
54
|
+
|
|
55
|
+
fs.writeFileSync(outputPath, result.css)
|
|
56
|
+
// eslint-disable-next-line no-console
|
|
57
|
+
console.log(`✓ Built ${output}`)
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
async function buildAll(): Promise<void> {
|
|
61
|
+
try {
|
|
62
|
+
await Promise.all(builds.map(buildFile))
|
|
63
|
+
// eslint-disable-next-line no-console
|
|
64
|
+
console.log('\n✅ Build completed successfully!')
|
|
65
|
+
} catch (error) {
|
|
66
|
+
const errorMessage = error instanceof Error ? error.message : String(error)
|
|
67
|
+
console.error('Error:', errorMessage)
|
|
68
|
+
process.exit(1)
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
buildAll()
|
package/dist/base.css
ADDED
|
@@ -0,0 +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%)}to{transform:translateY(0)}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-out-left{0%{transform:translateX(0)}to{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}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{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)}to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scale-out-x{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes scale-in-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes scale-out-y{0%{transform:scaleY(1)}to{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))}to{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%))}to{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%))}to{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%,to{opacity:0;transform:scale(2)}}}@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}to{left:0;width:0}}--animate-standalone-shimmer:shimmer 2s ease-in infinite;@keyframes shimmer{to{mask-position:-200% 0}}--animate-standalone-swipe-out-left:swipe-out-left 0.1s ease-out;@keyframes swipe-out-left{0%{transform:translateX(var(--swipe-position-x))}to{transform:translateX(-100vw)}}--animate-standalone-swipe-out-right:swipe-out-right 0.1s ease-out;@keyframes swipe-out-right{0%{transform:translateX(var(--swipe-position-x))}to{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}to{background-position:0 0}}--animate-standalone-demo-slide-right:demo-slide-right var(--spark-animation-duration,1000ms) var(--ease-linear) infinite;@keyframes demo-slide-right{0%{left:0}to{left:calc(100% - 24px)}}}@theme inline{--ease-linear:cubic-bezier(0,0,1,1);--ease-standard:cubic-bezier(0.2,0,0,1);--ease-standard-back:cubic-bezier(0.54,-0.52,0.29,1.54);--ease-accelerate:cubic-bezier(0.3,0,0.8,0.15);--ease-accelerate-back:cubic-bezier(0.35,-0.47,0.8,0.15);--ease-decelerate:cubic-bezier(0.05,0.7,0.1,1);--ease-decelerate-back:cubic-bezier(0.45,1.45,0.8,1);--spark-animation-duration:250ms;--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));font-weight:700;line-height:calc(3.5rem*var(--spacing-factor))}@utility text-display-1-expanded{font-size:calc(3rem*var(--spacing-factor));font-weight:700;line-height:calc(4rem*var(--spacing-factor))}@utility text-display-2{font-size:calc(2rem*var(--spacing-factor));font-weight:700;line-height:calc(2.75rem*var(--spacing-factor))}@utility text-display-2-expanded{font-size:calc(2.5rem*var(--spacing-factor));font-weight:700;line-height:calc(3.5rem*var(--spacing-factor))}@utility text-display-3{font-size:calc(1.5rem*var(--spacing-factor));font-weight:700;line-height:calc(2rem*var(--spacing-factor))}@utility text-display-3-expanded{font-size:calc(2rem*var(--spacing-factor));font-weight:700;line-height:calc(2.75rem*var(--spacing-factor))}@utility text-headline-1{font-size:calc(1.25rem*var(--spacing-factor));font-weight:700;line-height:calc(1.75rem*var(--spacing-factor))}@utility text-headline-1-expanded{font-size:calc(1.5rem*var(--spacing-factor));font-weight:700;line-height:calc(2rem*var(--spacing-factor))}@utility text-headline-2{font-size:calc(1.125rem*var(--spacing-factor));font-weight:700;line-height:calc(1.5rem*var(--spacing-factor))}@utility text-headline-2-expanded{font-size:calc(1.25rem*var(--spacing-factor));font-weight:700;line-height:calc(1.75rem*var(--spacing-factor))}@utility text-subhead{font-size:calc(1rem*var(--spacing-factor));font-weight:700;line-height:calc(1.5rem*var(--spacing-factor))}@utility text-subhead-expanded{font-size:calc(1rem*var(--spacing-factor));font-weight:700;line-height:calc(1.5rem*var(--spacing-factor))}@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{height:1em;width: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-offset:2px;outline-style:solid;outline-width:2px}@utility u-outline-inset{outline-color:var(--color-focus);outline-offset:-2px;outline-style:solid;outline-width:2px}@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:#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-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-hovered:#3a4757;--color-outline:#acb8c7;--color-outline-high:#202730;--color-overlay:#202730;--color-on-overlay:#fff;--color-shadow:#6c819d80;--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(0.25rem*var(--spacing-factor));--radius-md:calc(0.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(0.25rem*var(--spacing-factor));--spacing-md:calc(0.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(0.0625rem*var(--spacing-factor));--spacing-sz-2:calc(0.125rem*var(--spacing-factor));--spacing-sz-4:calc(0.25rem*var(--spacing-factor));--spacing-sz-6:calc(0.375rem*var(--spacing-factor));--spacing-sz-8:calc(0.5rem*var(--spacing-factor));--spacing-sz-10:calc(0.625rem*var(--spacing-factor));--spacing-sz-12:calc(0.75rem*var(--spacing-factor));--spacing-sz-14:calc(0.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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[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-surface-dark:#1a1a1a;--color-on-surface-dark:#f9f9f9;--color-surface-dark-hovered:#000;--color-outline:#c1c1c1;--color-outline-high:#f9f9f9;--color-overlay:#1a1a1a;--color-on-overlay:#f9f9f9;--color-shadow:#00000080}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[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-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-hovered:#3a4757;--color-outline:#6c819d;--color-outline-high:#f0f2f5;--color-overlay:#3a4757;--color-on-overlay:#f6f8f9;--color-shadow:#00000080}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[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-surface-dark:#1a1a1a;--color-on-surface-dark:#f9f9f9;--color-surface-dark-hovered:#3a3a3a;--color-outline:#4f4f4f;--color-outline-high:#000;--color-overlay:#1a1a1a;--color-on-overlay:#f9f9f9;--color-shadow:#c1c1c180}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[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-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-hovered:#3a4757;--color-outline:#acb8c7;--color-outline-high:#202730;--color-overlay:#202730;--color-on-overlay:#fff;--color-shadow:#6c819d80}
|
package/dist/themes.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[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-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-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-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-hovered:#3a4757;--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-surface-dark:#1a1a1a;--color-on-surface-dark:#f9f9f9;--color-surface-dark-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-surface-dark:#1a1a1a;--color-on-surface-dark:#f9f9f9;--color-surface-dark-hovered:#000;--color-outline:#c1c1c1;--color-outline-high:#f9f9f9;--color-overlay:#1a1a1a;--color-on-overlay:#f9f9f9;--color-shadow:#00000080}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/theme-utils",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "12.0.1",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"description": "package for managing Spark theme configuration",
|
|
5
6
|
"publishConfig": {
|
|
6
7
|
"access": "public"
|
|
@@ -11,11 +12,13 @@
|
|
|
11
12
|
"utility",
|
|
12
13
|
"theme"
|
|
13
14
|
],
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
"exports": {
|
|
16
|
+
"./base": "./dist/base.css",
|
|
17
|
+
"./themes": "./dist/themes.css",
|
|
18
|
+
"./themes/*": "./dist/themes/*.css"
|
|
19
|
+
},
|
|
17
20
|
"scripts": {
|
|
18
|
-
"build": "
|
|
21
|
+
"build": "node --experimental-transform-types build.ts"
|
|
19
22
|
},
|
|
20
23
|
"repository": {
|
|
21
24
|
"type": "git",
|
|
@@ -32,10 +35,11 @@
|
|
|
32
35
|
"homepage": "https://sparkui.vercel.app",
|
|
33
36
|
"license": "MIT",
|
|
34
37
|
"devDependencies": {
|
|
38
|
+
"@types/postcss-import": "^14.0.3",
|
|
35
39
|
"cssnano": "^7.1.1",
|
|
36
40
|
"postcss": "^8.5.6",
|
|
37
41
|
"postcss-cli": "^11.0.1",
|
|
38
42
|
"postcss-import": "^16.1.1"
|
|
39
43
|
},
|
|
40
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "6bb7319ae205089ebb7c171a346528d1fb8e93f4"
|
|
41
45
|
}
|
package/tsconfig.json
CHANGED
package/dist/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
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%)}to{transform:translateY(0)}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-out-left{0%{transform:translateX(0)}to{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}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{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)}to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes scale-in-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scale-out-x{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes scale-in-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes scale-out-y{0%{transform:scaleY(1)}to{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))}to{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%))}to{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%))}to{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%,to{opacity:0;transform:scale(2)}}}@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}to{left:0;width:0}}--animate-standalone-shimmer:shimmer 2s ease-in infinite;@keyframes shimmer{to{mask-position:-200% 0}}--animate-standalone-swipe-out-left:swipe-out-left 0.1s ease-out;@keyframes swipe-out-left{0%{transform:translateX(var(--swipe-position-x))}to{transform:translateX(-100vw)}}--animate-standalone-swipe-out-right:swipe-out-right 0.1s ease-out;@keyframes swipe-out-right{0%{transform:translateX(var(--swipe-position-x))}to{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}to{background-position:0 0}}--animate-standalone-demo-slide-right:demo-slide-right var(--spark-animation-duration,1000ms) var(--ease-linear) infinite;@keyframes demo-slide-right{0%{left:0}to{left:calc(100% - 24px)}}}@theme inline{--ease-linear:cubic-bezier(0,0,1,1);--ease-standard:cubic-bezier(0.2,0,0,1);--ease-standard-back:cubic-bezier(0.54,-0.52,0.29,1.54);--ease-accelerate:cubic-bezier(0.3,0,0.8,0.15);--ease-accelerate-back:cubic-bezier(0.35,-0.47,0.8,0.15);--ease-decelerate:cubic-bezier(0.05,0.7,0.1,1);--ease-decelerate-back:cubic-bezier(0.45,1.45,0.8,1);--spark-animation-duration:250ms;--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));font-weight:700;line-height:calc(3.5rem*var(--spacing-factor))}@utility text-display-1-expanded{font-size:calc(3rem*var(--spacing-factor));font-weight:700;line-height:calc(4rem*var(--spacing-factor))}@utility text-display-2{font-size:calc(2rem*var(--spacing-factor));font-weight:700;line-height:calc(2.75rem*var(--spacing-factor))}@utility text-display-2-expanded{font-size:calc(2.5rem*var(--spacing-factor));font-weight:700;line-height:calc(3.5rem*var(--spacing-factor))}@utility text-display-3{font-size:calc(1.5rem*var(--spacing-factor));font-weight:700;line-height:calc(2rem*var(--spacing-factor))}@utility text-display-3-expanded{font-size:calc(2rem*var(--spacing-factor));font-weight:700;line-height:calc(2.75rem*var(--spacing-factor))}@utility text-headline-1{font-size:calc(1.25rem*var(--spacing-factor));font-weight:700;line-height:calc(1.75rem*var(--spacing-factor))}@utility text-headline-1-expanded{font-size:calc(1.5rem*var(--spacing-factor));font-weight:700;line-height:calc(2rem*var(--spacing-factor))}@utility text-headline-2{font-size:calc(1.125rem*var(--spacing-factor));font-weight:700;line-height:calc(1.5rem*var(--spacing-factor))}@utility text-headline-2-expanded{font-size:calc(1.25rem*var(--spacing-factor));font-weight:700;line-height:calc(1.75rem*var(--spacing-factor))}@utility text-subhead{font-size:calc(1rem*var(--spacing-factor));font-weight:700;line-height:calc(1.5rem*var(--spacing-factor))}@utility text-subhead-expanded{font-size:calc(1rem*var(--spacing-factor));font-weight:700;line-height:calc(1.5rem*var(--spacing-factor))}@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{height:1em;width: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-offset:2px;outline-style:solid;outline-width:2px}@utility u-outline-inset{outline-color:var(--color-focus);outline-offset:-2px;outline-style:solid;outline-width:2px}[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-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-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-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-hovered:#3a4757;--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-surface-dark:#1a1a1a;--color-on-surface-dark:#f9f9f9;--color-surface-dark-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-surface-dark:#1a1a1a;--color-on-surface-dark:#f9f9f9;--color-surface-dark-hovered:#000;--color-outline:#c1c1c1;--color-outline-high:#f9f9f9;--color-overlay:#1a1a1a;--color-on-overlay:#f9f9f9;--color-shadow:#00000080}@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:#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-surface-dark:#2b3441;--color-on-surface-dark:#fff;--color-surface-dark-hovered:#3a4757;--color-outline:#acb8c7;--color-outline-high:#202730;--color-overlay:#202730;--color-on-overlay:#fff;--color-shadow:#6c819d80;--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(0.25rem*var(--spacing-factor));--radius-md:calc(0.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(0.25rem*var(--spacing-factor));--spacing-md:calc(0.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(0.0625rem*var(--spacing-factor));--spacing-sz-2:calc(0.125rem*var(--spacing-factor));--spacing-sz-4:calc(0.25rem*var(--spacing-factor));--spacing-sz-6:calc(0.375rem*var(--spacing-factor));--spacing-sz-8:calc(0.5rem*var(--spacing-factor));--spacing-sz-10:calc(0.625rem*var(--spacing-factor));--spacing-sz-12:calc(0.75rem*var(--spacing-factor));--spacing-sz-14:calc(0.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}
|