@datum-cloud/datum-ui 0.2.0-alpha.4 → 0.2.0-alpha.5
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/README.md +33 -24
- package/dist/components/themes/index.d.ts +1 -1
- package/dist/components/themes/index.d.ts.map +1 -1
- package/dist/components/themes/types.d.ts +0 -2
- package/dist/components/themes/types.d.ts.map +1 -1
- package/dist/fonts/AllianceNo1-Medium.ttf +0 -0
- package/dist/fonts/AllianceNo1-Regular.ttf +0 -0
- package/dist/fonts/AllianceNo1-SemiBold.ttf +0 -0
- package/dist/hooks/index.mjs +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +4 -6
- package/dist/map/index.mjs +1 -1
- package/dist/{map-Df8QMcX0.mjs → map-WL6jhkSM.mjs} +1 -1
- package/dist/{style.css → styles.css} +317 -575
- package/dist/styles.mjs +1 -0
- package/dist/theme/index.mjs +1 -2
- package/dist/{theme.provider-DgGshapa.mjs → theme.provider-CzCxEFFh.mjs} +63 -1
- package/package.json +20 -21
- package/dist/datum.provider-B77goJgl.mjs +0 -37
- package/dist/provider/index.mjs +0 -4
- package/dist/providers/datum.provider.d.ts +0 -20
- package/dist/providers/datum.provider.d.ts.map +0 -1
- package/dist/providers/index.d.ts +0 -3
- package/dist/providers/index.d.ts.map +0 -1
- package/dist/theme-script-XBouzsNR.mjs +0 -66
- /package/dist/{map-leaflet-imports-CdzvEnzY.mjs → map-leaflet-imports-C4JYls8q.mjs} +0 -0
- /package/dist/{use-debounce-DQ1tmxOL.mjs → use-debounce-B6wPrZV8.mjs} +0 -0
|
@@ -880,9 +880,6 @@
|
|
|
880
880
|
.transform {
|
|
881
881
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
882
882
|
}
|
|
883
|
-
.animate-in {
|
|
884
|
-
animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
|
|
885
|
-
}
|
|
886
883
|
.animate-spin {
|
|
887
884
|
animation: var(--animate-spin);
|
|
888
885
|
}
|
|
@@ -2299,10 +2296,6 @@
|
|
|
2299
2296
|
--tw-ease: var(--ease-in-out);
|
|
2300
2297
|
transition-timing-function: var(--ease-in-out);
|
|
2301
2298
|
}
|
|
2302
|
-
.fade-in-0 {
|
|
2303
|
-
--tw-enter-opacity: calc(0/100);
|
|
2304
|
-
--tw-enter-opacity: 0;
|
|
2305
|
-
}
|
|
2306
2299
|
.outline-none {
|
|
2307
2300
|
--tw-outline-style: none;
|
|
2308
2301
|
outline-style: none;
|
|
@@ -2311,25 +2304,9 @@
|
|
|
2311
2304
|
-webkit-user-select: none;
|
|
2312
2305
|
user-select: none;
|
|
2313
2306
|
}
|
|
2314
|
-
.zoom-in-95 {
|
|
2315
|
-
--tw-enter-scale: calc(95*1%);
|
|
2316
|
-
--tw-enter-scale: .95;
|
|
2317
|
-
}
|
|
2318
2307
|
.\[--cell-size\:--spacing\(8\)\] {
|
|
2319
2308
|
--cell-size: calc(var(--spacing) * 8);
|
|
2320
2309
|
}
|
|
2321
|
-
.fade-in {
|
|
2322
|
-
--tw-enter-opacity: 0;
|
|
2323
|
-
}
|
|
2324
|
-
.fade-out {
|
|
2325
|
-
--tw-exit-opacity: 0;
|
|
2326
|
-
}
|
|
2327
|
-
.running {
|
|
2328
|
-
animation-play-state: running;
|
|
2329
|
-
}
|
|
2330
|
-
.slide-in-from-bottom-4 {
|
|
2331
|
-
--tw-enter-translate-y: calc(4*var(--spacing));
|
|
2332
|
-
}
|
|
2333
2310
|
.not-first\:border-t {
|
|
2334
2311
|
&:not(*:first-child) {
|
|
2335
2312
|
border-top-style: var(--tw-border-style);
|
|
@@ -3700,26 +3677,6 @@
|
|
|
3700
3677
|
border-radius: 0;
|
|
3701
3678
|
}
|
|
3702
3679
|
}
|
|
3703
|
-
.data-\[side\=bottom\]\:slide-in-from-top-2 {
|
|
3704
|
-
&[data-side="bottom"] {
|
|
3705
|
-
--tw-enter-translate-y: calc(2*var(--spacing)*-1);
|
|
3706
|
-
}
|
|
3707
|
-
}
|
|
3708
|
-
.data-\[side\=left\]\:slide-in-from-right-2 {
|
|
3709
|
-
&[data-side="left"] {
|
|
3710
|
-
--tw-enter-translate-x: calc(2*var(--spacing));
|
|
3711
|
-
}
|
|
3712
|
-
}
|
|
3713
|
-
.data-\[side\=right\]\:slide-in-from-left-2 {
|
|
3714
|
-
&[data-side="right"] {
|
|
3715
|
-
--tw-enter-translate-x: calc(2*var(--spacing)*-1);
|
|
3716
|
-
}
|
|
3717
|
-
}
|
|
3718
|
-
.data-\[side\=top\]\:slide-in-from-bottom-2 {
|
|
3719
|
-
&[data-side="top"] {
|
|
3720
|
-
--tw-enter-translate-y: calc(2*var(--spacing));
|
|
3721
|
-
}
|
|
3722
|
-
}
|
|
3723
3680
|
.data-\[state\=active\]\:bg-background {
|
|
3724
3681
|
&[data-state="active"] {
|
|
3725
3682
|
background-color: var(--background);
|
|
@@ -3736,69 +3693,17 @@
|
|
|
3736
3693
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3737
3694
|
}
|
|
3738
3695
|
}
|
|
3739
|
-
.data-\[state\=closed\]\:animate-collapsible-up {
|
|
3740
|
-
&[data-state="closed"] {
|
|
3741
|
-
animation: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
|
|
3742
|
-
}
|
|
3743
|
-
}
|
|
3744
|
-
.data-\[state\=closed\]\:animate-out {
|
|
3745
|
-
&[data-state="closed"] {
|
|
3746
|
-
animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
|
|
3747
|
-
}
|
|
3748
|
-
}
|
|
3749
3696
|
.data-\[state\=closed\]\:duration-300 {
|
|
3750
3697
|
&[data-state="closed"] {
|
|
3751
3698
|
--tw-duration: 300ms;
|
|
3752
3699
|
transition-duration: 300ms;
|
|
3753
3700
|
}
|
|
3754
3701
|
}
|
|
3755
|
-
.data-\[state\=closed\]\:fade-out-0 {
|
|
3756
|
-
&[data-state="closed"] {
|
|
3757
|
-
--tw-exit-opacity: calc(0/100);
|
|
3758
|
-
--tw-exit-opacity: 0;
|
|
3759
|
-
}
|
|
3760
|
-
}
|
|
3761
|
-
.data-\[state\=closed\]\:zoom-out-95 {
|
|
3762
|
-
&[data-state="closed"] {
|
|
3763
|
-
--tw-exit-scale: calc(95*1%);
|
|
3764
|
-
--tw-exit-scale: .95;
|
|
3765
|
-
}
|
|
3766
|
-
}
|
|
3767
|
-
.data-\[state\=closed\]\:slide-out-to-bottom {
|
|
3768
|
-
&[data-state="closed"] {
|
|
3769
|
-
--tw-exit-translate-y: 100%;
|
|
3770
|
-
}
|
|
3771
|
-
}
|
|
3772
|
-
.data-\[state\=closed\]\:slide-out-to-left {
|
|
3773
|
-
&[data-state="closed"] {
|
|
3774
|
-
--tw-exit-translate-x: -100%;
|
|
3775
|
-
}
|
|
3776
|
-
}
|
|
3777
|
-
.data-\[state\=closed\]\:slide-out-to-right {
|
|
3778
|
-
&[data-state="closed"] {
|
|
3779
|
-
--tw-exit-translate-x: 100%;
|
|
3780
|
-
}
|
|
3781
|
-
}
|
|
3782
|
-
.data-\[state\=closed\]\:slide-out-to-top {
|
|
3783
|
-
&[data-state="closed"] {
|
|
3784
|
-
--tw-exit-translate-y: -100%;
|
|
3785
|
-
}
|
|
3786
|
-
}
|
|
3787
3702
|
.data-\[state\=completed\]\:bg-primary {
|
|
3788
3703
|
&[data-state="completed"] {
|
|
3789
3704
|
background-color: var(--primary);
|
|
3790
3705
|
}
|
|
3791
3706
|
}
|
|
3792
|
-
.data-\[state\=open\]\:animate-collapsible-down {
|
|
3793
|
-
&[data-state="open"] {
|
|
3794
|
-
animation: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
|
|
3795
|
-
}
|
|
3796
|
-
}
|
|
3797
|
-
.data-\[state\=open\]\:animate-in {
|
|
3798
|
-
&[data-state="open"] {
|
|
3799
|
-
animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
|
|
3800
|
-
}
|
|
3801
|
-
}
|
|
3802
3707
|
.data-\[state\=open\]\:bg-accent {
|
|
3803
3708
|
&[data-state="open"] {
|
|
3804
3709
|
background-color: var(--accent);
|
|
@@ -3825,38 +3730,6 @@
|
|
|
3825
3730
|
transition-duration: 500ms;
|
|
3826
3731
|
}
|
|
3827
3732
|
}
|
|
3828
|
-
.data-\[state\=open\]\:fade-in-0 {
|
|
3829
|
-
&[data-state="open"] {
|
|
3830
|
-
--tw-enter-opacity: calc(0/100);
|
|
3831
|
-
--tw-enter-opacity: 0;
|
|
3832
|
-
}
|
|
3833
|
-
}
|
|
3834
|
-
.data-\[state\=open\]\:zoom-in-95 {
|
|
3835
|
-
&[data-state="open"] {
|
|
3836
|
-
--tw-enter-scale: calc(95*1%);
|
|
3837
|
-
--tw-enter-scale: .95;
|
|
3838
|
-
}
|
|
3839
|
-
}
|
|
3840
|
-
.data-\[state\=open\]\:slide-in-from-bottom {
|
|
3841
|
-
&[data-state="open"] {
|
|
3842
|
-
--tw-enter-translate-y: 100%;
|
|
3843
|
-
}
|
|
3844
|
-
}
|
|
3845
|
-
.data-\[state\=open\]\:slide-in-from-left {
|
|
3846
|
-
&[data-state="open"] {
|
|
3847
|
-
--tw-enter-translate-x: -100%;
|
|
3848
|
-
}
|
|
3849
|
-
}
|
|
3850
|
-
.data-\[state\=open\]\:slide-in-from-right {
|
|
3851
|
-
&[data-state="open"] {
|
|
3852
|
-
--tw-enter-translate-x: 100%;
|
|
3853
|
-
}
|
|
3854
|
-
}
|
|
3855
|
-
.data-\[state\=open\]\:slide-in-from-top {
|
|
3856
|
-
&[data-state="open"] {
|
|
3857
|
-
--tw-enter-translate-y: -100%;
|
|
3858
|
-
}
|
|
3859
|
-
}
|
|
3860
3733
|
.data-\[state\=open\]\:hover\:bg-sidebar {
|
|
3861
3734
|
&[data-state="open"] {
|
|
3862
3735
|
&:hover {
|
|
@@ -4711,90 +4584,6 @@
|
|
|
4711
4584
|
}
|
|
4712
4585
|
}
|
|
4713
4586
|
}
|
|
4714
|
-
@property --tw-animation-delay {
|
|
4715
|
-
syntax: "*";
|
|
4716
|
-
inherits: false;
|
|
4717
|
-
initial-value: 0s;
|
|
4718
|
-
}
|
|
4719
|
-
@property --tw-animation-direction {
|
|
4720
|
-
syntax: "*";
|
|
4721
|
-
inherits: false;
|
|
4722
|
-
initial-value: normal;
|
|
4723
|
-
}
|
|
4724
|
-
@property --tw-animation-duration {
|
|
4725
|
-
syntax: "*";
|
|
4726
|
-
inherits: false;
|
|
4727
|
-
}
|
|
4728
|
-
@property --tw-animation-fill-mode {
|
|
4729
|
-
syntax: "*";
|
|
4730
|
-
inherits: false;
|
|
4731
|
-
initial-value: none;
|
|
4732
|
-
}
|
|
4733
|
-
@property --tw-animation-iteration-count {
|
|
4734
|
-
syntax: "*";
|
|
4735
|
-
inherits: false;
|
|
4736
|
-
initial-value: 1;
|
|
4737
|
-
}
|
|
4738
|
-
@property --tw-enter-blur {
|
|
4739
|
-
syntax: "*";
|
|
4740
|
-
inherits: false;
|
|
4741
|
-
initial-value: 0;
|
|
4742
|
-
}
|
|
4743
|
-
@property --tw-enter-opacity {
|
|
4744
|
-
syntax: "*";
|
|
4745
|
-
inherits: false;
|
|
4746
|
-
initial-value: 1;
|
|
4747
|
-
}
|
|
4748
|
-
@property --tw-enter-rotate {
|
|
4749
|
-
syntax: "*";
|
|
4750
|
-
inherits: false;
|
|
4751
|
-
initial-value: 0;
|
|
4752
|
-
}
|
|
4753
|
-
@property --tw-enter-scale {
|
|
4754
|
-
syntax: "*";
|
|
4755
|
-
inherits: false;
|
|
4756
|
-
initial-value: 1;
|
|
4757
|
-
}
|
|
4758
|
-
@property --tw-enter-translate-x {
|
|
4759
|
-
syntax: "*";
|
|
4760
|
-
inherits: false;
|
|
4761
|
-
initial-value: 0;
|
|
4762
|
-
}
|
|
4763
|
-
@property --tw-enter-translate-y {
|
|
4764
|
-
syntax: "*";
|
|
4765
|
-
inherits: false;
|
|
4766
|
-
initial-value: 0;
|
|
4767
|
-
}
|
|
4768
|
-
@property --tw-exit-blur {
|
|
4769
|
-
syntax: "*";
|
|
4770
|
-
inherits: false;
|
|
4771
|
-
initial-value: 0;
|
|
4772
|
-
}
|
|
4773
|
-
@property --tw-exit-opacity {
|
|
4774
|
-
syntax: "*";
|
|
4775
|
-
inherits: false;
|
|
4776
|
-
initial-value: 1;
|
|
4777
|
-
}
|
|
4778
|
-
@property --tw-exit-rotate {
|
|
4779
|
-
syntax: "*";
|
|
4780
|
-
inherits: false;
|
|
4781
|
-
initial-value: 0;
|
|
4782
|
-
}
|
|
4783
|
-
@property --tw-exit-scale {
|
|
4784
|
-
syntax: "*";
|
|
4785
|
-
inherits: false;
|
|
4786
|
-
initial-value: 1;
|
|
4787
|
-
}
|
|
4788
|
-
@property --tw-exit-translate-x {
|
|
4789
|
-
syntax: "*";
|
|
4790
|
-
inherits: false;
|
|
4791
|
-
initial-value: 0;
|
|
4792
|
-
}
|
|
4793
|
-
@property --tw-exit-translate-y {
|
|
4794
|
-
syntax: "*";
|
|
4795
|
-
inherits: false;
|
|
4796
|
-
initial-value: 0;
|
|
4797
|
-
}
|
|
4798
4587
|
@font-face {
|
|
4799
4588
|
font-family: 'FTRegolaNeue';
|
|
4800
4589
|
src: url('./fonts/FTRegolaNeue-Regular.woff2') format('woff2');
|
|
@@ -5443,323 +5232,6 @@ html, body {
|
|
|
5443
5232
|
font-family: inherit;
|
|
5444
5233
|
}
|
|
5445
5234
|
}
|
|
5446
|
-
.theme-alpha {
|
|
5447
|
-
--font-sans: 'Alliance No1', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
|
5448
|
-
'Noto Color Emoji';
|
|
5449
|
-
--font-mono: 'Menlo', 'Consolas', 'Monaco', 'DejaVu Sans Mono', monospace;
|
|
5450
|
-
--radius: var(--radius-md);
|
|
5451
|
-
--sidebar-width: 15.875rem;
|
|
5452
|
-
--sidebar-width-icon: 3rem;
|
|
5453
|
-
--sidebar-width-mobile: 18.75rem;
|
|
5454
|
-
--background: var(--glacier-mist-700);
|
|
5455
|
-
--foreground: var(--midnight-fjord);
|
|
5456
|
-
--card: hsl(0 0% 100%);
|
|
5457
|
-
--card-foreground: hsl(240 10% 3.9%);
|
|
5458
|
-
--popover: hsl(0 0% 100%);
|
|
5459
|
-
--popover-foreground: hsl(240 10% 3.9%);
|
|
5460
|
-
--primary: var(--canyon-clay-links);
|
|
5461
|
-
--primary-foreground: var(--white);
|
|
5462
|
-
--secondary: var(--app-dark-utility-2);
|
|
5463
|
-
--secondary-foreground: var(--glacier-mist-700);
|
|
5464
|
-
--tertiary: var(--pine-forge);
|
|
5465
|
-
--tertiary-foreground: var(--glacier-mist-700);
|
|
5466
|
-
--quaternary: var(--app-dark-utility-5);
|
|
5467
|
-
--quaternary-foreground: var(--midnight-fjord);
|
|
5468
|
-
--muted: hsl(240 4.8% 95.9%);
|
|
5469
|
-
--muted-foreground: hsl(240 3.8% 46.1%);
|
|
5470
|
-
--accent: var(--glacier-mist-700);
|
|
5471
|
-
--accent-foreground: hsl(240 5.9% 10%);
|
|
5472
|
-
--destructive: var(--alert-red-light);
|
|
5473
|
-
--destructive-foreground: var(--glacier-mist-700);
|
|
5474
|
-
--border: var(--glacier-mist-900);
|
|
5475
|
-
--input: var(--app-dark-utility-5);
|
|
5476
|
-
--ring: var(--app-dark-utility-4);
|
|
5477
|
-
--dialog-overlay: var(--app-dark-utility-4);
|
|
5478
|
-
--chart-1: hsl(12 76% 61%);
|
|
5479
|
-
--chart-2: hsl(173 58% 39%);
|
|
5480
|
-
--chart-3: hsl(197 37% 24%);
|
|
5481
|
-
--chart-4: hsl(43, 74%, 66%);
|
|
5482
|
-
--chart-5: hsl(27 87% 67%);
|
|
5483
|
-
--sidebar: var(--glacier-mist-700);
|
|
5484
|
-
--sidebar-foreground: var(--app-dark-utility-3);
|
|
5485
|
-
--sidebar-primary: var(--midnight-fjord);
|
|
5486
|
-
--sidebar-primary-foreground: var(--glacier-mist-900);
|
|
5487
|
-
--sidebar-accent: var(--glacier-mist-800);
|
|
5488
|
-
--sidebar-accent-foreground: var(--midnight-fjord);
|
|
5489
|
-
--sidebar-border: var(--glacier-mist-900);
|
|
5490
|
-
--sidebar-ring: var(--midnight-fjord);
|
|
5491
|
-
--success-100: hsl(143, 85%, 96%);
|
|
5492
|
-
--success-300: hsl(145, 92%, 87%);
|
|
5493
|
-
--success-500: hsl(140, 100%, 27%);
|
|
5494
|
-
--info-100: hsl(208, 100%, 97%);
|
|
5495
|
-
--info-300: hsl(221, 91%, 93%);
|
|
5496
|
-
--info-500: hsl(210, 92%, 45%);
|
|
5497
|
-
--input-background: var(--glacier-mist-700);
|
|
5498
|
-
--input-foreground: var(--midnight-fjord);
|
|
5499
|
-
--input-border: var(--app-dark-utility-5);
|
|
5500
|
-
--input-placeholder: var(--app-dark-utility-4);
|
|
5501
|
-
--input-focus-border: var(--app-dark-utility-3);
|
|
5502
|
-
--input-focus-shadow: 0px 0px 0px 3px rgba(12, 29, 49, 0.08);
|
|
5503
|
-
--table-accent: var(--glacier-mist-800);
|
|
5504
|
-
--table-cell: hsl(0 0% 100%);
|
|
5505
|
-
--table-cell-hover: var(--glacier-mist-700);
|
|
5506
|
-
--badge-primary: var(--primary);
|
|
5507
|
-
--badge-primary-foreground: var(--primary-foreground);
|
|
5508
|
-
--badge-secondary: var(--secondary);
|
|
5509
|
-
--badge-secondary-foreground: var(--secondary-foreground);
|
|
5510
|
-
--badge-tertiary: var(--tertiary);
|
|
5511
|
-
--badge-tertiary-foreground: var(--tertiary-foreground);
|
|
5512
|
-
--badge-quaternary: var(--app-dark-utility-5);
|
|
5513
|
-
--badge-quaternary-foreground: var(--app-dark-utility-2);
|
|
5514
|
-
--badge-muted: var(--glacier-mist-800);
|
|
5515
|
-
--badge-muted-foreground: var(--midnight-fjord);
|
|
5516
|
-
--badge-success: hsl(112, 14%, 57%);
|
|
5517
|
-
--badge-success-foreground: var(--glacier-mist-700);
|
|
5518
|
-
--badge-info: hsl(202, 34%, 46%);
|
|
5519
|
-
--badge-info-foreground: var(--glacier-mist-700);
|
|
5520
|
-
--badge-danger: var(--destructive);
|
|
5521
|
-
--badge-danger-foreground: var(--destructive-foreground);
|
|
5522
|
-
--badge-warning: hsl(34, 100%, 50%);
|
|
5523
|
-
--badge-warning-foreground: var(--glacier-mist-700);
|
|
5524
|
-
--card-warning: #fffbc5;
|
|
5525
|
-
--card-warning-foreground: var(--midnight-fjord);
|
|
5526
|
-
--card-success-border: var(--potted-olive);
|
|
5527
|
-
--card-success: #f4f9f5;
|
|
5528
|
-
--card-success-secondary: #adbab0;
|
|
5529
|
-
--card-border: var(--glacier-mist-900);
|
|
5530
|
-
--card-tertiary: var(--aurora-moss);
|
|
5531
|
-
--card-quaternary: var(--app-dark-utility-5);
|
|
5532
|
-
--btn-neutral-bg: #e5e7eb;
|
|
5533
|
-
--btn-neutral-bg-hover: #d1d5db;
|
|
5534
|
-
--btn-neutral-bg-active: #9ca3af;
|
|
5535
|
-
--btn-primary: rgba(156, 121, 121, 0.9);
|
|
5536
|
-
--btn-primary-hover: var(--primary);
|
|
5537
|
-
--btn-primary-active: var(--btn-primary-hover);
|
|
5538
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5539
|
-
--btn-primary-active: color-mix(in srgb, var(--btn-primary-hover) 80%, black 20%);
|
|
5540
|
-
}
|
|
5541
|
-
--btn-primary-foreground: var(--primary-foreground);
|
|
5542
|
-
--btn-primary-border: var(--primary);
|
|
5543
|
-
--btn-secondary: rgba(56, 69, 85, 0.9);
|
|
5544
|
-
--btn-secondary-hover: var(--secondary);
|
|
5545
|
-
--btn-secondary-active: var(--btn-secondary-hover);
|
|
5546
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5547
|
-
--btn-secondary-active: color-mix(in srgb, var(--btn-secondary-hover) 80%, black 20%);
|
|
5548
|
-
}
|
|
5549
|
-
--btn-secondary-foreground: var(--secondary-foreground);
|
|
5550
|
-
--btn-secondary-border: var(--secondary);
|
|
5551
|
-
--btn-tertiary: var(--tertiary);
|
|
5552
|
-
--btn-tertiary-hover: var(--btn-tertiary);
|
|
5553
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5554
|
-
--btn-tertiary-hover: color-mix(in srgb, var(--btn-tertiary) 80%, black 20%);
|
|
5555
|
-
}
|
|
5556
|
-
--btn-tertiary-active: var(--btn-tertiary-hover);
|
|
5557
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5558
|
-
--btn-tertiary-active: color-mix(in srgb, var(--btn-tertiary-hover) 80%, black 20%);
|
|
5559
|
-
}
|
|
5560
|
-
--btn-tertiary-foreground: var(--tertiary-foreground);
|
|
5561
|
-
--btn-tertiary-border: var(--tertiary);
|
|
5562
|
-
--btn-quaternary: var(--quaternary);
|
|
5563
|
-
--btn-quaternary-hover: var(--btn-quaternary);
|
|
5564
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5565
|
-
--btn-quaternary-hover: color-mix(in srgb, var(--btn-quaternary) 80%, black 20%);
|
|
5566
|
-
}
|
|
5567
|
-
--btn-quaternary-active: var(--btn-quaternary-hover);
|
|
5568
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5569
|
-
--btn-quaternary-active: color-mix(in srgb, var(--btn-quaternary-hover) 80%, black 20%);
|
|
5570
|
-
}
|
|
5571
|
-
--btn-quaternary-foreground: var(--quaternary-foreground);
|
|
5572
|
-
--btn-quaternary-border: var(--app-dark-utility-4);
|
|
5573
|
-
--btn-warning: #ca8a04;
|
|
5574
|
-
--btn-warning-hover: #a16207;
|
|
5575
|
-
--btn-warning-active: #854d0e;
|
|
5576
|
-
--btn-warning-foreground: #ffffff;
|
|
5577
|
-
--btn-warning-border: #ca8a04;
|
|
5578
|
-
--btn-danger: var(--destructive);
|
|
5579
|
-
--btn-danger-hover: var(--btn-danger);
|
|
5580
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5581
|
-
--btn-danger-hover: color-mix(in srgb, var(--btn-danger) 80%, black 20%);
|
|
5582
|
-
}
|
|
5583
|
-
--btn-danger-active: var(--btn-danger-hover);
|
|
5584
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5585
|
-
--btn-danger-active: color-mix(in srgb, var(--btn-danger-hover) 80%, black 20%);
|
|
5586
|
-
}
|
|
5587
|
-
--btn-danger-foreground: var(--destructive-foreground);
|
|
5588
|
-
--btn-danger-border: var(--destructive);
|
|
5589
|
-
--btn-success: #16a34a;
|
|
5590
|
-
--btn-success-hover: #15803d;
|
|
5591
|
-
--btn-success-active: #166534;
|
|
5592
|
-
--btn-success-foreground: #ffffff;
|
|
5593
|
-
--btn-success-border: #16a34a;
|
|
5594
|
-
--icon-primary: var(--app-dark-utility-3);
|
|
5595
|
-
--icon-secondary: var(--app-dark-utility-4);
|
|
5596
|
-
--icon-tertiary: var(--app-dark-utility-5);
|
|
5597
|
-
--icon-quaternary: var(--app-dark-utility-2);
|
|
5598
|
-
--icon-quinary: var(--app-dark-utility-1);
|
|
5599
|
-
--icon-header: var(--canyon-clay-links);
|
|
5600
|
-
--stepper-line: var(--glacier-mist-800);
|
|
5601
|
-
--stepper-label: var(--app-dark-utility-4);
|
|
5602
|
-
--toast-error-background: var(--alert-red-light);
|
|
5603
|
-
--toast-error-foreground: var(--glacier-mist-700);
|
|
5604
|
-
--toast-error-icon: var(--glacier-mist-700);
|
|
5605
|
-
--toast-success-background: var(--pine-forge);
|
|
5606
|
-
--toast-success-foreground: var(--glacier-mist-700);
|
|
5607
|
-
--toast-success-icon: var(--glacier-mist-700);
|
|
5608
|
-
&.dark {
|
|
5609
|
-
--background: var(--midnight-fjord);
|
|
5610
|
-
--foreground: var(--glacier-mist-700);
|
|
5611
|
-
--card: var(--app-dark-utility-1);
|
|
5612
|
-
--card-foreground: var(--glacier-mist-700);
|
|
5613
|
-
--popover: var(--app-dark-utility-1);
|
|
5614
|
-
--popover-foreground: var(--glacier-mist-700);
|
|
5615
|
-
--primary: var(--aurora-moss);
|
|
5616
|
-
--primary-foreground: var(--midnight-fjord);
|
|
5617
|
-
--secondary: var(--aurora-moss);
|
|
5618
|
-
--secondary-foreground: var(--midnight-fjord);
|
|
5619
|
-
--tertiary: var(--aurora-moss);
|
|
5620
|
-
--tertiary-foreground: var(--midnight-fjord);
|
|
5621
|
-
--quaternary: var(--app-dark-utility-2);
|
|
5622
|
-
--quaternary-foreground: var(--glacier-mist-700);
|
|
5623
|
-
--muted: var(--app-dark-utility-1);
|
|
5624
|
-
--muted-foreground: var(--app-dark-utility-4);
|
|
5625
|
-
--accent: var(--app-dark-utility-2);
|
|
5626
|
-
--accent-foreground: var(--glacier-mist-700);
|
|
5627
|
-
--destructive: var(--alert-red-light);
|
|
5628
|
-
--destructive-foreground: var(--glacier-mist-700);
|
|
5629
|
-
--border: var(--app-dark-utility-2);
|
|
5630
|
-
--input: var(--app-dark-utility-2);
|
|
5631
|
-
--ring: var(--app-dark-utility-3);
|
|
5632
|
-
--dialog-overlay: var(--midnight-fjord);
|
|
5633
|
-
--dialog-border: var(--app-dark-utility-2);
|
|
5634
|
-
--toast-error-background: var(--alert-red-dark);
|
|
5635
|
-
--toast-error-foreground: var(--midnight-fjord);
|
|
5636
|
-
--toast-error-icon: var(--midnight-fjord);
|
|
5637
|
-
--toast-success-background: var(--primary);
|
|
5638
|
-
--toast-success-foreground: var(--midnight-fjord);
|
|
5639
|
-
--toast-success-icon: var(--midnight-fjord);
|
|
5640
|
-
--chart-1: hsl(220 70% 50%);
|
|
5641
|
-
--chart-2: hsl(160 60% 45%);
|
|
5642
|
-
--chart-3: hsl(30 80% 55%);
|
|
5643
|
-
--chart-4: hsl(280 65% 60%);
|
|
5644
|
-
--chart-5: hsl(340 75% 55%);
|
|
5645
|
-
--sidebar: var(--midnight-fjord);
|
|
5646
|
-
--sidebar-foreground: var(--app-dark-utility-4);
|
|
5647
|
-
--sidebar-primary: var(--glacier-mist-700);
|
|
5648
|
-
--sidebar-primary-foreground: var(--app-dark-utility-2);
|
|
5649
|
-
--sidebar-accent: var(--app-dark-utility-1);
|
|
5650
|
-
--sidebar-accent-foreground: var(--app-dark-utility-4);
|
|
5651
|
-
--sidebar-border: var(--app-dark-utility-1);
|
|
5652
|
-
--sidebar-ring: var(--aurora-moss);
|
|
5653
|
-
--success-100: hsl(150, 100%, 6%);
|
|
5654
|
-
--success-300: hsl(147, 100%, 12%);
|
|
5655
|
-
--success-500: hsl(150, 86%, 65%);
|
|
5656
|
-
--info-100: hsl(216, 87%, 65%);
|
|
5657
|
-
--info-300: hsl(215, 100%, 6%);
|
|
5658
|
-
--info-500: hsl(223, 43%, 17%);
|
|
5659
|
-
--input-background: var(--midnight-fjord);
|
|
5660
|
-
--input-foreground: var(--glacier-mist-700);
|
|
5661
|
-
--input-border: var(--app-dark-utility-2);
|
|
5662
|
-
--input-placeholder: var(--app-dark-utility-3);
|
|
5663
|
-
--input-focus-border: var(--aurora-moss);
|
|
5664
|
-
--input-focus-shadow: 0px 0px 0px 3px rgba(236, 249, 192, 0.08);
|
|
5665
|
-
--table-accent: var(--app-dark-utility-1);
|
|
5666
|
-
--table-cell: var(--midnight-fjord);
|
|
5667
|
-
--table-cell-hover: var(--app-dark-utility-1);
|
|
5668
|
-
--badge-primary: var(--primary);
|
|
5669
|
-
--badge-primary-foreground: var(--primary-foreground);
|
|
5670
|
-
--badge-secondary: var(--secondary);
|
|
5671
|
-
--badge-secondary-foreground: var(--secondary-foreground);
|
|
5672
|
-
--badge-tertiary: var(--tertiary);
|
|
5673
|
-
--badge-tertiary-foreground: var(--tertiary-foreground);
|
|
5674
|
-
--badge-quaternary: var(--quaternary);
|
|
5675
|
-
--badge-quaternary-foreground: var(--quaternary-foreground);
|
|
5676
|
-
--badge-muted: var(--glacier-mist-800);
|
|
5677
|
-
--badge-muted-foreground: var(--accent-foreground);
|
|
5678
|
-
--badge-success: hsl(112, 14%, 57%);
|
|
5679
|
-
--badge-success-foreground: var(--glacier-mist-700);
|
|
5680
|
-
--badge-info: hsl(202, 34%, 46%);
|
|
5681
|
-
--badge-info-foreground: var(--glacier-mist-700);
|
|
5682
|
-
--badge-danger: var(--destructive);
|
|
5683
|
-
--badge-danger-foreground: var(--destructive-foreground);
|
|
5684
|
-
--badge-warning: hsl(34, 100%, 50%);
|
|
5685
|
-
--badge-warning-foreground: var(--glacier-mist-700);
|
|
5686
|
-
--card-success-border: var(--potted-olive);
|
|
5687
|
-
--card-success: #f4f9f53f;
|
|
5688
|
-
--card-success-secondary: #adbab0;
|
|
5689
|
-
--card-border: var(--app-dark-utility-2);
|
|
5690
|
-
--card-tertiary: var(--pine-forge);
|
|
5691
|
-
--card-quaternary: var(--app-dark-utility-5);
|
|
5692
|
-
--btn-neutral-bg: #374151;
|
|
5693
|
-
--btn-neutral-bg-hover: #4b5563;
|
|
5694
|
-
--btn-neutral-bg-active: #6b7280;
|
|
5695
|
-
--btn-primary: rgba(230, 245, 159, 0.9);
|
|
5696
|
-
--btn-primary-hover: var(--aurora-moss);
|
|
5697
|
-
--btn-primary-active: var(--btn-primary-hover);
|
|
5698
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5699
|
-
--btn-primary-active: color-mix(in srgb, var(--btn-primary-hover) 80%, black 20%);
|
|
5700
|
-
}
|
|
5701
|
-
--btn-primary-foreground: var(--midnight-fjord);
|
|
5702
|
-
--btn-primary-border: var(--aurora-moss);
|
|
5703
|
-
--btn-secondary: rgba(230, 245, 159, 0.9);
|
|
5704
|
-
--btn-secondary-hover: var(--aurora-moss);
|
|
5705
|
-
--btn-secondary-active: var(--btn-secondary-hover);
|
|
5706
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5707
|
-
--btn-secondary-active: color-mix(in srgb, var(--btn-secondary-hover) 80%, black 20%);
|
|
5708
|
-
}
|
|
5709
|
-
--btn-secondary-foreground: var(--midnight-fjord);
|
|
5710
|
-
--btn-secondary-border: var(--aurora-moss);
|
|
5711
|
-
--btn-tertiary: rgba(230, 245, 159, 0.9);
|
|
5712
|
-
--btn-tertiary-hover: var(--aurora-moss);
|
|
5713
|
-
--btn-tertiary-active: var(--btn-tertiary-hover);
|
|
5714
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5715
|
-
--btn-tertiary-active: color-mix(in srgb, var(--btn-tertiary-hover) 80%, black 20%);
|
|
5716
|
-
}
|
|
5717
|
-
--btn-tertiary-foreground: var(--midnight-fjord);
|
|
5718
|
-
--btn-tertiary-border: var(--aurora-moss);
|
|
5719
|
-
--btn-quaternary: rgba(230, 245, 159, 0.9);
|
|
5720
|
-
--btn-quaternary-hover: var(--aurora-moss);
|
|
5721
|
-
--btn-quaternary-active: var(--btn-quaternary-hover);
|
|
5722
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5723
|
-
--btn-quaternary-active: color-mix(in srgb, var(--btn-quaternary-hover) 80%, black 20%);
|
|
5724
|
-
}
|
|
5725
|
-
--btn-quaternary-foreground: var(--midnight-fjord);
|
|
5726
|
-
--btn-quaternary-border: var(--aurora-moss);
|
|
5727
|
-
--btn-warning: #eab308;
|
|
5728
|
-
--btn-warning-hover: #ca8a04;
|
|
5729
|
-
--btn-warning-active: #a16207;
|
|
5730
|
-
--btn-warning-foreground: #111827;
|
|
5731
|
-
--btn-warning-border: #eab308;
|
|
5732
|
-
--btn-danger: var(--destructive);
|
|
5733
|
-
--btn-danger-hover: var(--destructive);
|
|
5734
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5735
|
-
--btn-danger-hover: color-mix(in srgb, var(--destructive) 82%, black 18%);
|
|
5736
|
-
}
|
|
5737
|
-
--btn-danger-active: var(--destructive);
|
|
5738
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
5739
|
-
--btn-danger-active: color-mix(in srgb, var(--destructive) 70%, black 30%);
|
|
5740
|
-
}
|
|
5741
|
-
--btn-danger-foreground: var(--destructive-foreground);
|
|
5742
|
-
--btn-danger-border: var(--destructive);
|
|
5743
|
-
--btn-success: #22c55e;
|
|
5744
|
-
--btn-success-hover: #16a34a;
|
|
5745
|
-
--btn-success-active: #15803d;
|
|
5746
|
-
--btn-success-foreground: #111827;
|
|
5747
|
-
--btn-success-border: #22c55e;
|
|
5748
|
-
--icon-primary: var(--app-dark-utility-4);
|
|
5749
|
-
--icon-secondary: var(--app-dark-utility-4);
|
|
5750
|
-
--icon-tertiary: var(--app-dark-utility-3);
|
|
5751
|
-
--icon-quaternary: var(--app-dark-utility-2);
|
|
5752
|
-
--icon-quinary: var(--app-dark-utility-1);
|
|
5753
|
-
--icon-header: var(--aurora-moss);
|
|
5754
|
-
--stepper-line: var(--app-dark-utility-2);
|
|
5755
|
-
--stepper-label: var(--app-dark-utility-3);
|
|
5756
|
-
}
|
|
5757
|
-
}
|
|
5758
|
-
html, body {
|
|
5759
|
-
font-family: var(--font-sans);
|
|
5760
|
-
-webkit-font-smoothing: antialiased;
|
|
5761
|
-
-moz-osx-font-smoothing: grayscale;
|
|
5762
|
-
}
|
|
5763
5235
|
#nprogress {
|
|
5764
5236
|
pointer-events: none;
|
|
5765
5237
|
}
|
|
@@ -6868,6 +6340,323 @@ html, body {
|
|
|
6868
6340
|
}
|
|
6869
6341
|
}
|
|
6870
6342
|
}
|
|
6343
|
+
:root {
|
|
6344
|
+
--font-sans: 'Alliance No1', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
|
6345
|
+
'Noto Color Emoji';
|
|
6346
|
+
--font-mono: 'Menlo', 'Consolas', 'Monaco', 'DejaVu Sans Mono', monospace;
|
|
6347
|
+
--radius: var(--radius-md);
|
|
6348
|
+
--sidebar-width: 15.875rem;
|
|
6349
|
+
--sidebar-width-icon: 3rem;
|
|
6350
|
+
--sidebar-width-mobile: 18.75rem;
|
|
6351
|
+
--background: var(--glacier-mist-700);
|
|
6352
|
+
--foreground: var(--midnight-fjord);
|
|
6353
|
+
--card: hsl(0 0% 100%);
|
|
6354
|
+
--card-foreground: hsl(240 10% 3.9%);
|
|
6355
|
+
--popover: hsl(0 0% 100%);
|
|
6356
|
+
--popover-foreground: hsl(240 10% 3.9%);
|
|
6357
|
+
--primary: var(--canyon-clay-links);
|
|
6358
|
+
--primary-foreground: var(--white);
|
|
6359
|
+
--secondary: var(--app-dark-utility-2);
|
|
6360
|
+
--secondary-foreground: var(--glacier-mist-700);
|
|
6361
|
+
--tertiary: var(--pine-forge);
|
|
6362
|
+
--tertiary-foreground: var(--glacier-mist-700);
|
|
6363
|
+
--quaternary: var(--app-dark-utility-5);
|
|
6364
|
+
--quaternary-foreground: var(--midnight-fjord);
|
|
6365
|
+
--muted: hsl(240 4.8% 95.9%);
|
|
6366
|
+
--muted-foreground: hsl(240 3.8% 46.1%);
|
|
6367
|
+
--accent: var(--glacier-mist-700);
|
|
6368
|
+
--accent-foreground: hsl(240 5.9% 10%);
|
|
6369
|
+
--destructive: var(--alert-red-light);
|
|
6370
|
+
--destructive-foreground: var(--glacier-mist-700);
|
|
6371
|
+
--border: var(--glacier-mist-900);
|
|
6372
|
+
--input: var(--app-dark-utility-5);
|
|
6373
|
+
--ring: var(--app-dark-utility-4);
|
|
6374
|
+
--dialog-overlay: var(--app-dark-utility-4);
|
|
6375
|
+
--chart-1: hsl(12 76% 61%);
|
|
6376
|
+
--chart-2: hsl(173 58% 39%);
|
|
6377
|
+
--chart-3: hsl(197 37% 24%);
|
|
6378
|
+
--chart-4: hsl(43, 74%, 66%);
|
|
6379
|
+
--chart-5: hsl(27 87% 67%);
|
|
6380
|
+
--sidebar: var(--glacier-mist-700);
|
|
6381
|
+
--sidebar-foreground: var(--app-dark-utility-3);
|
|
6382
|
+
--sidebar-primary: var(--midnight-fjord);
|
|
6383
|
+
--sidebar-primary-foreground: var(--glacier-mist-900);
|
|
6384
|
+
--sidebar-accent: var(--glacier-mist-800);
|
|
6385
|
+
--sidebar-accent-foreground: var(--midnight-fjord);
|
|
6386
|
+
--sidebar-border: var(--glacier-mist-900);
|
|
6387
|
+
--sidebar-ring: var(--midnight-fjord);
|
|
6388
|
+
--success-100: hsl(143, 85%, 96%);
|
|
6389
|
+
--success-300: hsl(145, 92%, 87%);
|
|
6390
|
+
--success-500: hsl(140, 100%, 27%);
|
|
6391
|
+
--info-100: hsl(208, 100%, 97%);
|
|
6392
|
+
--info-300: hsl(221, 91%, 93%);
|
|
6393
|
+
--info-500: hsl(210, 92%, 45%);
|
|
6394
|
+
--input-background: var(--glacier-mist-700);
|
|
6395
|
+
--input-foreground: var(--midnight-fjord);
|
|
6396
|
+
--input-border: var(--app-dark-utility-5);
|
|
6397
|
+
--input-placeholder: var(--app-dark-utility-4);
|
|
6398
|
+
--input-focus-border: var(--app-dark-utility-3);
|
|
6399
|
+
--input-focus-shadow: 0px 0px 0px 3px rgba(12, 29, 49, 0.08);
|
|
6400
|
+
--table-accent: var(--glacier-mist-800);
|
|
6401
|
+
--table-cell: hsl(0 0% 100%);
|
|
6402
|
+
--table-cell-hover: var(--glacier-mist-700);
|
|
6403
|
+
--badge-primary: var(--primary);
|
|
6404
|
+
--badge-primary-foreground: var(--primary-foreground);
|
|
6405
|
+
--badge-secondary: var(--secondary);
|
|
6406
|
+
--badge-secondary-foreground: var(--secondary-foreground);
|
|
6407
|
+
--badge-tertiary: var(--tertiary);
|
|
6408
|
+
--badge-tertiary-foreground: var(--tertiary-foreground);
|
|
6409
|
+
--badge-quaternary: var(--app-dark-utility-5);
|
|
6410
|
+
--badge-quaternary-foreground: var(--app-dark-utility-2);
|
|
6411
|
+
--badge-muted: var(--glacier-mist-800);
|
|
6412
|
+
--badge-muted-foreground: var(--midnight-fjord);
|
|
6413
|
+
--badge-success: hsl(112, 14%, 57%);
|
|
6414
|
+
--badge-success-foreground: var(--glacier-mist-700);
|
|
6415
|
+
--badge-info: hsl(202, 34%, 46%);
|
|
6416
|
+
--badge-info-foreground: var(--glacier-mist-700);
|
|
6417
|
+
--badge-danger: var(--destructive);
|
|
6418
|
+
--badge-danger-foreground: var(--destructive-foreground);
|
|
6419
|
+
--badge-warning: hsl(34, 100%, 50%);
|
|
6420
|
+
--badge-warning-foreground: var(--glacier-mist-700);
|
|
6421
|
+
--card-warning: #fffbc5;
|
|
6422
|
+
--card-warning-foreground: var(--midnight-fjord);
|
|
6423
|
+
--card-success-border: var(--potted-olive);
|
|
6424
|
+
--card-success: #f4f9f5;
|
|
6425
|
+
--card-success-secondary: #adbab0;
|
|
6426
|
+
--card-border: var(--glacier-mist-900);
|
|
6427
|
+
--card-tertiary: var(--aurora-moss);
|
|
6428
|
+
--card-quaternary: var(--app-dark-utility-5);
|
|
6429
|
+
--btn-neutral-bg: #e5e7eb;
|
|
6430
|
+
--btn-neutral-bg-hover: #d1d5db;
|
|
6431
|
+
--btn-neutral-bg-active: #9ca3af;
|
|
6432
|
+
--btn-primary: rgba(156, 121, 121, 0.9);
|
|
6433
|
+
--btn-primary-hover: var(--primary);
|
|
6434
|
+
--btn-primary-active: var(--btn-primary-hover);
|
|
6435
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6436
|
+
--btn-primary-active: color-mix(in srgb, var(--btn-primary-hover) 80%, black 20%);
|
|
6437
|
+
}
|
|
6438
|
+
--btn-primary-foreground: var(--primary-foreground);
|
|
6439
|
+
--btn-primary-border: var(--primary);
|
|
6440
|
+
--btn-secondary: rgba(56, 69, 85, 0.9);
|
|
6441
|
+
--btn-secondary-hover: var(--secondary);
|
|
6442
|
+
--btn-secondary-active: var(--btn-secondary-hover);
|
|
6443
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6444
|
+
--btn-secondary-active: color-mix(in srgb, var(--btn-secondary-hover) 80%, black 20%);
|
|
6445
|
+
}
|
|
6446
|
+
--btn-secondary-foreground: var(--secondary-foreground);
|
|
6447
|
+
--btn-secondary-border: var(--secondary);
|
|
6448
|
+
--btn-tertiary: var(--tertiary);
|
|
6449
|
+
--btn-tertiary-hover: var(--btn-tertiary);
|
|
6450
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6451
|
+
--btn-tertiary-hover: color-mix(in srgb, var(--btn-tertiary) 80%, black 20%);
|
|
6452
|
+
}
|
|
6453
|
+
--btn-tertiary-active: var(--btn-tertiary-hover);
|
|
6454
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6455
|
+
--btn-tertiary-active: color-mix(in srgb, var(--btn-tertiary-hover) 80%, black 20%);
|
|
6456
|
+
}
|
|
6457
|
+
--btn-tertiary-foreground: var(--tertiary-foreground);
|
|
6458
|
+
--btn-tertiary-border: var(--tertiary);
|
|
6459
|
+
--btn-quaternary: var(--quaternary);
|
|
6460
|
+
--btn-quaternary-hover: var(--btn-quaternary);
|
|
6461
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6462
|
+
--btn-quaternary-hover: color-mix(in srgb, var(--btn-quaternary) 80%, black 20%);
|
|
6463
|
+
}
|
|
6464
|
+
--btn-quaternary-active: var(--btn-quaternary-hover);
|
|
6465
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6466
|
+
--btn-quaternary-active: color-mix(in srgb, var(--btn-quaternary-hover) 80%, black 20%);
|
|
6467
|
+
}
|
|
6468
|
+
--btn-quaternary-foreground: var(--quaternary-foreground);
|
|
6469
|
+
--btn-quaternary-border: var(--app-dark-utility-4);
|
|
6470
|
+
--btn-warning: #ca8a04;
|
|
6471
|
+
--btn-warning-hover: #a16207;
|
|
6472
|
+
--btn-warning-active: #854d0e;
|
|
6473
|
+
--btn-warning-foreground: #ffffff;
|
|
6474
|
+
--btn-warning-border: #ca8a04;
|
|
6475
|
+
--btn-danger: var(--destructive);
|
|
6476
|
+
--btn-danger-hover: var(--btn-danger);
|
|
6477
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6478
|
+
--btn-danger-hover: color-mix(in srgb, var(--btn-danger) 80%, black 20%);
|
|
6479
|
+
}
|
|
6480
|
+
--btn-danger-active: var(--btn-danger-hover);
|
|
6481
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6482
|
+
--btn-danger-active: color-mix(in srgb, var(--btn-danger-hover) 80%, black 20%);
|
|
6483
|
+
}
|
|
6484
|
+
--btn-danger-foreground: var(--destructive-foreground);
|
|
6485
|
+
--btn-danger-border: var(--destructive);
|
|
6486
|
+
--btn-success: #16a34a;
|
|
6487
|
+
--btn-success-hover: #15803d;
|
|
6488
|
+
--btn-success-active: #166534;
|
|
6489
|
+
--btn-success-foreground: #ffffff;
|
|
6490
|
+
--btn-success-border: #16a34a;
|
|
6491
|
+
--icon-primary: var(--app-dark-utility-3);
|
|
6492
|
+
--icon-secondary: var(--app-dark-utility-4);
|
|
6493
|
+
--icon-tertiary: var(--app-dark-utility-5);
|
|
6494
|
+
--icon-quaternary: var(--app-dark-utility-2);
|
|
6495
|
+
--icon-quinary: var(--app-dark-utility-1);
|
|
6496
|
+
--icon-header: var(--canyon-clay-links);
|
|
6497
|
+
--stepper-line: var(--glacier-mist-800);
|
|
6498
|
+
--stepper-label: var(--app-dark-utility-4);
|
|
6499
|
+
--toast-error-background: var(--alert-red-light);
|
|
6500
|
+
--toast-error-foreground: var(--glacier-mist-700);
|
|
6501
|
+
--toast-error-icon: var(--glacier-mist-700);
|
|
6502
|
+
--toast-success-background: var(--pine-forge);
|
|
6503
|
+
--toast-success-foreground: var(--glacier-mist-700);
|
|
6504
|
+
--toast-success-icon: var(--glacier-mist-700);
|
|
6505
|
+
}
|
|
6506
|
+
.dark {
|
|
6507
|
+
--background: var(--midnight-fjord);
|
|
6508
|
+
--foreground: var(--glacier-mist-700);
|
|
6509
|
+
--card: var(--app-dark-utility-1);
|
|
6510
|
+
--card-foreground: var(--glacier-mist-700);
|
|
6511
|
+
--popover: var(--app-dark-utility-1);
|
|
6512
|
+
--popover-foreground: var(--glacier-mist-700);
|
|
6513
|
+
--primary: var(--aurora-moss);
|
|
6514
|
+
--primary-foreground: var(--midnight-fjord);
|
|
6515
|
+
--secondary: var(--aurora-moss);
|
|
6516
|
+
--secondary-foreground: var(--midnight-fjord);
|
|
6517
|
+
--tertiary: var(--aurora-moss);
|
|
6518
|
+
--tertiary-foreground: var(--midnight-fjord);
|
|
6519
|
+
--quaternary: var(--app-dark-utility-2);
|
|
6520
|
+
--quaternary-foreground: var(--glacier-mist-700);
|
|
6521
|
+
--muted: var(--app-dark-utility-1);
|
|
6522
|
+
--muted-foreground: var(--app-dark-utility-4);
|
|
6523
|
+
--accent: var(--app-dark-utility-2);
|
|
6524
|
+
--accent-foreground: var(--glacier-mist-700);
|
|
6525
|
+
--destructive: var(--alert-red-light);
|
|
6526
|
+
--destructive-foreground: var(--glacier-mist-700);
|
|
6527
|
+
--border: var(--app-dark-utility-2);
|
|
6528
|
+
--input: var(--app-dark-utility-2);
|
|
6529
|
+
--ring: var(--app-dark-utility-3);
|
|
6530
|
+
--dialog-overlay: var(--midnight-fjord);
|
|
6531
|
+
--dialog-border: var(--app-dark-utility-2);
|
|
6532
|
+
--toast-error-background: var(--alert-red-dark);
|
|
6533
|
+
--toast-error-foreground: var(--midnight-fjord);
|
|
6534
|
+
--toast-error-icon: var(--midnight-fjord);
|
|
6535
|
+
--toast-success-background: var(--primary);
|
|
6536
|
+
--toast-success-foreground: var(--midnight-fjord);
|
|
6537
|
+
--toast-success-icon: var(--midnight-fjord);
|
|
6538
|
+
--chart-1: hsl(220 70% 50%);
|
|
6539
|
+
--chart-2: hsl(160 60% 45%);
|
|
6540
|
+
--chart-3: hsl(30 80% 55%);
|
|
6541
|
+
--chart-4: hsl(280 65% 60%);
|
|
6542
|
+
--chart-5: hsl(340 75% 55%);
|
|
6543
|
+
--sidebar: var(--midnight-fjord);
|
|
6544
|
+
--sidebar-foreground: var(--app-dark-utility-4);
|
|
6545
|
+
--sidebar-primary: var(--glacier-mist-700);
|
|
6546
|
+
--sidebar-primary-foreground: var(--app-dark-utility-2);
|
|
6547
|
+
--sidebar-accent: var(--app-dark-utility-1);
|
|
6548
|
+
--sidebar-accent-foreground: var(--app-dark-utility-4);
|
|
6549
|
+
--sidebar-border: var(--app-dark-utility-1);
|
|
6550
|
+
--sidebar-ring: var(--aurora-moss);
|
|
6551
|
+
--success-100: hsl(150, 100%, 6%);
|
|
6552
|
+
--success-300: hsl(147, 100%, 12%);
|
|
6553
|
+
--success-500: hsl(150, 86%, 65%);
|
|
6554
|
+
--info-100: hsl(216, 87%, 65%);
|
|
6555
|
+
--info-300: hsl(215, 100%, 6%);
|
|
6556
|
+
--info-500: hsl(223, 43%, 17%);
|
|
6557
|
+
--input-background: var(--midnight-fjord);
|
|
6558
|
+
--input-foreground: var(--glacier-mist-700);
|
|
6559
|
+
--input-border: var(--app-dark-utility-2);
|
|
6560
|
+
--input-placeholder: var(--app-dark-utility-3);
|
|
6561
|
+
--input-focus-border: var(--aurora-moss);
|
|
6562
|
+
--input-focus-shadow: 0px 0px 0px 3px rgba(236, 249, 192, 0.08);
|
|
6563
|
+
--table-accent: var(--app-dark-utility-1);
|
|
6564
|
+
--table-cell: var(--midnight-fjord);
|
|
6565
|
+
--table-cell-hover: var(--app-dark-utility-1);
|
|
6566
|
+
--badge-primary: var(--primary);
|
|
6567
|
+
--badge-primary-foreground: var(--primary-foreground);
|
|
6568
|
+
--badge-secondary: var(--secondary);
|
|
6569
|
+
--badge-secondary-foreground: var(--secondary-foreground);
|
|
6570
|
+
--badge-tertiary: var(--tertiary);
|
|
6571
|
+
--badge-tertiary-foreground: var(--tertiary-foreground);
|
|
6572
|
+
--badge-quaternary: var(--quaternary);
|
|
6573
|
+
--badge-quaternary-foreground: var(--quaternary-foreground);
|
|
6574
|
+
--badge-muted: var(--glacier-mist-800);
|
|
6575
|
+
--badge-muted-foreground: var(--accent-foreground);
|
|
6576
|
+
--badge-success: hsl(112, 14%, 57%);
|
|
6577
|
+
--badge-success-foreground: var(--glacier-mist-700);
|
|
6578
|
+
--badge-info: hsl(202, 34%, 46%);
|
|
6579
|
+
--badge-info-foreground: var(--glacier-mist-700);
|
|
6580
|
+
--badge-danger: var(--destructive);
|
|
6581
|
+
--badge-danger-foreground: var(--destructive-foreground);
|
|
6582
|
+
--badge-warning: hsl(34, 100%, 50%);
|
|
6583
|
+
--badge-warning-foreground: var(--glacier-mist-700);
|
|
6584
|
+
--card-success-border: var(--potted-olive);
|
|
6585
|
+
--card-success: #f4f9f53f;
|
|
6586
|
+
--card-success-secondary: #adbab0;
|
|
6587
|
+
--card-border: var(--app-dark-utility-2);
|
|
6588
|
+
--card-tertiary: var(--pine-forge);
|
|
6589
|
+
--card-quaternary: var(--app-dark-utility-5);
|
|
6590
|
+
--btn-neutral-bg: #374151;
|
|
6591
|
+
--btn-neutral-bg-hover: #4b5563;
|
|
6592
|
+
--btn-neutral-bg-active: #6b7280;
|
|
6593
|
+
--btn-primary: rgba(230, 245, 159, 0.9);
|
|
6594
|
+
--btn-primary-hover: var(--aurora-moss);
|
|
6595
|
+
--btn-primary-active: var(--btn-primary-hover);
|
|
6596
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6597
|
+
--btn-primary-active: color-mix(in srgb, var(--btn-primary-hover) 80%, black 20%);
|
|
6598
|
+
}
|
|
6599
|
+
--btn-primary-foreground: var(--midnight-fjord);
|
|
6600
|
+
--btn-primary-border: var(--aurora-moss);
|
|
6601
|
+
--btn-secondary: rgba(230, 245, 159, 0.9);
|
|
6602
|
+
--btn-secondary-hover: var(--aurora-moss);
|
|
6603
|
+
--btn-secondary-active: var(--btn-secondary-hover);
|
|
6604
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6605
|
+
--btn-secondary-active: color-mix(in srgb, var(--btn-secondary-hover) 80%, black 20%);
|
|
6606
|
+
}
|
|
6607
|
+
--btn-secondary-foreground: var(--midnight-fjord);
|
|
6608
|
+
--btn-secondary-border: var(--aurora-moss);
|
|
6609
|
+
--btn-tertiary: rgba(230, 245, 159, 0.9);
|
|
6610
|
+
--btn-tertiary-hover: var(--aurora-moss);
|
|
6611
|
+
--btn-tertiary-active: var(--btn-tertiary-hover);
|
|
6612
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6613
|
+
--btn-tertiary-active: color-mix(in srgb, var(--btn-tertiary-hover) 80%, black 20%);
|
|
6614
|
+
}
|
|
6615
|
+
--btn-tertiary-foreground: var(--midnight-fjord);
|
|
6616
|
+
--btn-tertiary-border: var(--aurora-moss);
|
|
6617
|
+
--btn-quaternary: rgba(230, 245, 159, 0.9);
|
|
6618
|
+
--btn-quaternary-hover: var(--aurora-moss);
|
|
6619
|
+
--btn-quaternary-active: var(--btn-quaternary-hover);
|
|
6620
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6621
|
+
--btn-quaternary-active: color-mix(in srgb, var(--btn-quaternary-hover) 80%, black 20%);
|
|
6622
|
+
}
|
|
6623
|
+
--btn-quaternary-foreground: var(--midnight-fjord);
|
|
6624
|
+
--btn-quaternary-border: var(--aurora-moss);
|
|
6625
|
+
--btn-warning: #eab308;
|
|
6626
|
+
--btn-warning-hover: #ca8a04;
|
|
6627
|
+
--btn-warning-active: #a16207;
|
|
6628
|
+
--btn-warning-foreground: #111827;
|
|
6629
|
+
--btn-warning-border: #eab308;
|
|
6630
|
+
--btn-danger: var(--destructive);
|
|
6631
|
+
--btn-danger-hover: var(--destructive);
|
|
6632
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6633
|
+
--btn-danger-hover: color-mix(in srgb, var(--destructive) 82%, black 18%);
|
|
6634
|
+
}
|
|
6635
|
+
--btn-danger-active: var(--destructive);
|
|
6636
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
6637
|
+
--btn-danger-active: color-mix(in srgb, var(--destructive) 70%, black 30%);
|
|
6638
|
+
}
|
|
6639
|
+
--btn-danger-foreground: var(--destructive-foreground);
|
|
6640
|
+
--btn-danger-border: var(--destructive);
|
|
6641
|
+
--btn-success: #22c55e;
|
|
6642
|
+
--btn-success-hover: #16a34a;
|
|
6643
|
+
--btn-success-active: #15803d;
|
|
6644
|
+
--btn-success-foreground: #111827;
|
|
6645
|
+
--btn-success-border: #22c55e;
|
|
6646
|
+
--icon-primary: var(--app-dark-utility-4);
|
|
6647
|
+
--icon-secondary: var(--app-dark-utility-4);
|
|
6648
|
+
--icon-tertiary: var(--app-dark-utility-3);
|
|
6649
|
+
--icon-quaternary: var(--app-dark-utility-2);
|
|
6650
|
+
--icon-quinary: var(--app-dark-utility-1);
|
|
6651
|
+
--icon-header: var(--aurora-moss);
|
|
6652
|
+
--stepper-line: var(--app-dark-utility-2);
|
|
6653
|
+
--stepper-label: var(--app-dark-utility-3);
|
|
6654
|
+
}
|
|
6655
|
+
html, body {
|
|
6656
|
+
font-family: var(--font-sans);
|
|
6657
|
+
-webkit-font-smoothing: antialiased;
|
|
6658
|
+
-moz-osx-font-smoothing: grayscale;
|
|
6659
|
+
}
|
|
6871
6660
|
@property --tw-translate-x {
|
|
6872
6661
|
syntax: "*";
|
|
6873
6662
|
inherits: false;
|
|
@@ -7132,36 +6921,6 @@ html, body {
|
|
|
7132
6921
|
transform: rotate(360deg);
|
|
7133
6922
|
}
|
|
7134
6923
|
}
|
|
7135
|
-
@keyframes enter {
|
|
7136
|
-
from {
|
|
7137
|
-
opacity: var(--tw-enter-opacity,1);
|
|
7138
|
-
transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
|
|
7139
|
-
filter: blur(var(--tw-enter-blur,0));
|
|
7140
|
-
}
|
|
7141
|
-
}
|
|
7142
|
-
@keyframes exit {
|
|
7143
|
-
to {
|
|
7144
|
-
opacity: var(--tw-exit-opacity,1);
|
|
7145
|
-
transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
|
|
7146
|
-
filter: blur(var(--tw-exit-blur,0));
|
|
7147
|
-
}
|
|
7148
|
-
}
|
|
7149
|
-
@keyframes collapsible-down {
|
|
7150
|
-
from {
|
|
7151
|
-
height: 0;
|
|
7152
|
-
}
|
|
7153
|
-
to {
|
|
7154
|
-
height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
|
|
7155
|
-
}
|
|
7156
|
-
}
|
|
7157
|
-
@keyframes collapsible-up {
|
|
7158
|
-
from {
|
|
7159
|
-
height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
|
|
7160
|
-
}
|
|
7161
|
-
to {
|
|
7162
|
-
height: 0;
|
|
7163
|
-
}
|
|
7164
|
-
}
|
|
7165
6924
|
@layer properties {
|
|
7166
6925
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
7167
6926
|
*, ::before, ::after, ::backdrop {
|
|
@@ -7225,23 +6984,6 @@ html, body {
|
|
|
7225
6984
|
--tw-duration: initial;
|
|
7226
6985
|
--tw-ease: initial;
|
|
7227
6986
|
--tw-content: "";
|
|
7228
|
-
--tw-animation-delay: 0s;
|
|
7229
|
-
--tw-animation-direction: normal;
|
|
7230
|
-
--tw-animation-duration: initial;
|
|
7231
|
-
--tw-animation-fill-mode: none;
|
|
7232
|
-
--tw-animation-iteration-count: 1;
|
|
7233
|
-
--tw-enter-blur: 0;
|
|
7234
|
-
--tw-enter-opacity: 1;
|
|
7235
|
-
--tw-enter-rotate: 0;
|
|
7236
|
-
--tw-enter-scale: 1;
|
|
7237
|
-
--tw-enter-translate-x: 0;
|
|
7238
|
-
--tw-enter-translate-y: 0;
|
|
7239
|
-
--tw-exit-blur: 0;
|
|
7240
|
-
--tw-exit-opacity: 1;
|
|
7241
|
-
--tw-exit-rotate: 0;
|
|
7242
|
-
--tw-exit-scale: 1;
|
|
7243
|
-
--tw-exit-translate-x: 0;
|
|
7244
|
-
--tw-exit-translate-y: 0;
|
|
7245
6987
|
}
|
|
7246
6988
|
}
|
|
7247
6989
|
}
|