@jamsrui/theme 0.0.10 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/premium.css +1 -1
  2. package/dist/styles.css +1 -1
  3. package/package.json +1 -1
package/dist/premium.css CHANGED
@@ -1 +1 @@
1
- @theme{ --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } }@theme inline{ --color-default: var(--ui-default); --color-default-hover: var(--ui-default-hover); --color-default-active: var(--ui-default-active); --color-default-border: var(--ui-default-border); --color-default-subtle: var(--ui-default-subtle); --color-default-subtle-hover: var(--ui-default-subtle-hover); --color-default-foreground: var(--ui-default-foreground); --color-primary: var(--ui-primary); --color-primary-hover: var(--ui-primary-hover); --color-primary-active: var(--ui-primary-active); --color-primary-border: var(--ui-primary-border); --color-primary-subtle: var(--ui-primary-subtle); --color-primary-subtle-hover: var(--ui-primary-subtle-hover); --color-primary-foreground: var(--ui-primary-foreground); --color-secondary: var(--ui-secondary); --color-secondary-hover: var(--ui-secondary-hover); --color-secondary-active: var(--ui-secondary-active); --color-secondary-border: var(--ui-secondary-border); --color-secondary-subtle: var(--ui-secondary-subtle); --color-secondary-subtle-hover: var(--ui-secondary-subtle-hover); --color-secondary-foreground: var(--ui-secondary-foreground); --color-success: var(--ui-success); --color-success-hover: var(--ui-success-hover); --color-success-active: var(--ui-success-active); --color-success-border: var(--ui-success-border); --color-success-subtle: var(--ui-success-subtle); --color-success-subtle-hover: var(--ui-success-subtle-hover); --color-success-foreground: var(--ui-success-foreground); --color-warning: var(--ui-warning); --color-warning-hover: var(--ui-warning-hover); --color-warning-active: var(--ui-warning-active); --color-warning-border: var(--ui-warning-border); --color-warning-subtle: var(--ui-warning-subtle); --color-warning-subtle-hover: var(--ui-warning-subtle-hover); --color-warning-foreground: var(--ui-warning-foreground); --color-danger: var(--ui-danger); --color-danger-hover: var(--ui-danger-hover); --color-danger-active: var(--ui-danger-active); --color-danger-border: var(--ui-danger-border); --color-danger-subtle: var(--ui-danger-subtle); --color-danger-subtle-hover: var(--ui-danger-subtle-hover); --color-danger-foreground: var(--ui-danger-foreground); --color-foreground: var(--ui-foreground-primary); --color-foreground-secondary: var(--ui-foreground-secondary); --color-foreground-tertiary: var(--ui-foreground-tertiary); --color-foreground-quaternary: var(--ui-foreground-quaternary); --color-foreground-link: var(--ui-foreground-link); --color-background: var(--ui-background); --color-background-secondary: var(--ui-background-secondary); --color-background-tertiary: var(--ui-background-tertiary); --color-background-quaternary: var(--ui-background-quaternary); --color-surface: var(--ui-surface-primary); --color-surface-secondary: var(--ui-surface-secondary); --color-surface-tertiary: var(--ui-surface-tertiary); --color-surface-quaternary: var(--ui-surface-quaternary); --color-divider: var(--ui-divider); --color-divider-light: var(--ui-divider-light); --color-divider-dark: var(--ui-divider-dark); --color-focus: var(--ui-focus); }:root,.light,[data-theme=light]{color-scheme:light;--ui-default: oklch(37% .012 285.8);--ui-default-hover: oklch(71.2% .013 286.1);--ui-default-active: oklch(27.4% .005 286);--ui-default-border: oklch(71.2% .013 286.1);--ui-default-subtle: oklch(87.1% .005 286.3);--ui-primary: oklch(54.6% .215 262.9);--ui-primary-hover: oklch(62.3% .188 259.8);--ui-primary-active: oklch(48.8% .217 264.4);--ui-primary-border: oklch(88.2% .057 254.1);--ui-primary-subtle: oklch(97% .014 254.6);--ui-secondary: oklch(54.1% .247 293);--ui-secondary-hover: oklch(60.6% .219 292.7);--ui-secondary-active: oklch(49.1% .241 292.6);--ui-secondary-border: oklch(89.4% .055 293.3);--ui-secondary-subtle: oklch(96.9% .016 293.8);--ui-success: oklch(62.7% .17 149.2);--ui-success-hover: oklch(72.3% .192 149.6);--ui-success-active: oklch(52.7% .137 150.1);--ui-success-border: oklch(92.5% .081 156);--ui-success-subtle: oklch(98.2% .018 155.8);--ui-warning: oklch(79.5% .162 86);--ui-warning-hover: oklch(86.1% .173 91.9);--ui-warning-active: oklch(68.1% .142 75.8);--ui-warning-border: oklch(94.5% .124 101.5);--ui-warning-subtle: oklch(98.7% .026 102.2);--ui-danger: oklch(57.7% .215 27.3);--ui-danger-hover: oklch(63.7% .208 25.3);--ui-danger-active: oklch(50.5% .19 27.5);--ui-danger-border: oklch(88.5% .059 18.3);--ui-danger-subtle: oklch(97.1% .013 17.4);--ui-foreground: oklch(21% .006 285.9);--ui-foreground-secondary: oklch(55.2% .014 285.9);--ui-foreground-tertiary: oklch(71.2% .013 286.1);--ui-foreground-quaternary: oklch(87.1% .005 286.3);--ui-foreground-link: oklch(54.6% .215 262.9);--ui-background: oklch(98.5% 0 0);--ui-background-secondary: oklch(100% 0 0);--ui-background-tertiary: oklch(100% 0 0);--ui-background-quaternary: oklch(100% 0 0);--ui-surface-primary: oklch(44.2% .015 285.8);--ui-surface-secondary: oklch(55.2% .014 285.9);--ui-surface-tertiary: oklch(71.2% .013 286.1);--ui-surface-quaternary: oklch(87.1% .005 286.3);--ui-divider: oklch(21% .006 285.9 / .1176);--ui-divider-light: oklch(21% .006 285.9 / .0588);--ui-divider-dark: oklch(21% .006 285.9 / .0588);--ui-focus: oklch(54.6% .215 262.9)}.dark,[data-theme=dark]{color-scheme:dark;--ui-default: oklch(37% .012 285.8);--ui-default-hover: oklch(27.4% .005 286);--ui-default-active: oklch(27.4% .005 286);--ui-default-border: oklch(55.2% .014 285.9);--ui-default-subtle: #101012;--ui-default-subtle-hover: #131315;--ui-default-foreground: oklch(100% 0 0);--ui-primary: oklch(56.7% .209 257.9);--ui-primary-hover: oklch(49.2% .18 257.7);--ui-primary-active: oklch(48.8% .217 264.4);--ui-primary-border: oklch(37.9% .138 265.5);--ui-primary-subtle: #000e1f;--ui-primary-subtle-hover: #000b18;--ui-primary-foreground: oklch(100% 0 0);--ui-secondary: oklch(57.7% .192 304);--ui-secondary-hover: oklch(48.8% .225 300.5);--ui-secondary-active: oklch(49.1% .241 292.6);--ui-secondary-border: oklch(38% .178 293.7);--ui-secondary-subtle: #160c20;--ui-secondary-subtle-hover: #0f0815;--ui-secondary-foreground: oklch(100% 0 0);--ui-success: oklch(73.3% .193 150.8);--ui-success-hover: oklch(62.2% .163 151);--ui-success-active: oklch(52.7% .137 150.1);--ui-success-border: oklch(39.3% .09 152.5);--ui-success-subtle: #031b0e;--ui-success-subtle-hover: #02140a;--ui-success-foreground: oklch(0% 0 0);--ui-warning: oklch(78.2% .158 72.3);--ui-warning-hover: oklch(66.3% .133 72.6);--ui-warning-active: oklch(68.1% .142 75.8);--ui-warning-border: oklch(42.1% .09 57.7);--ui-warning-subtle: #1d1301;--ui-warning-subtle-hover: #181004;--ui-warning-foreground: oklch(0% 0 0);--ui-danger: oklch(61.9% .242 11.3);--ui-danger-hover: oklch(52.4% .204 10.7);--ui-danger-active: oklch(50.5% .19 27.5);--ui-danger-border: oklch(39.6% .133 25.7);--ui-danger-subtle: #24030e;--ui-danger-subtle-hover: #18020a;--ui-danger-foreground: oklch(100% 0 0);--ui-foreground-primary: oklch(96.7% .001 286.4);--ui-foreground-secondary: oklch(71.2% .013 286.1);--ui-foreground-tertiary: oklch(55.2% .014 285.9);--ui-foreground-quaternary: oklch(44.2% .015 285.8);--ui-foreground-link: oklch(54.6% .215 262.9);--ui-background: oklch(14.1% .004 285.8);--ui-background-secondary: oklch(21% .006 285.9);--ui-background-tertiary: oklch(27.4% .005 286);--ui-background-quaternary: oklch(37% .012 285.8);--ui-surface-primary: oklch(21% .006 285.9);--ui-surface-secondary: oklch(27.4% .005 286);--ui-surface-tertiary: oklch(37% .012 285.8);--ui-surface-quaternary: oklch(37% .012 285.8);--ui-divider: oklch(44.2% .015 285.8 / .3176);--ui-divider-light: oklch(44.2% .015 285.8 / .5176);--ui-divider-dark: oklch(44.2% .015 285.8 / .5176);--ui-focus: oklch(56.7% .209 257.9)}@keyframes shimmer{to{transform:translate(100%)}}:root,html,body{@apply bg-background text-foreground;}@utility z-backdrop{z-index: 98;}@utility z-popover{z-index: 99;}@utility z-dialog{z-index: 99;}@utility z-header{z-index: 60;}@utility z-drawer{z-index: 60;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"]));@custom-variant light (&:where(.light,.light *,[data-theme="light"]));@custom-variant uig-has-start-content (&:is(:where(.group[data-has-start-content=true]) &));@custom-variant uig-has-end-content (&:is(:where(.group[data-has-end-content=true]) &));@custom-variant uig-has-label (&:is(:where(.group[data-has-label=true]) &));@custom-variant ui-hover (&:not(:disabled):hover);@custom-variant uig-hover (&:is(:where(.group[data-hovered=true]) &));@custom-variant ui-selected (&[data-selected=true]);@custom-variant uig-selected (&:is(:where(.group[data-selected=true]) &));@custom-variant ui-checked (&[data-checked=true]);@custom-variant uig-checked (&:is(:where(.group[data-checked=true]) &));@custom-variant ui-focus (&[data-focused=true]);@custom-variant uig-focus (&:is(:where(.group[data-focused=true]) &));@custom-variant ui-pressed (&[data-pressed=true]);@custom-variant uig-pressed (&:is(:where(.group[data-pressed=true]) &));@custom-variant ui-active (&[data-active=true]);@custom-variant uig-active (&:is(:where(.group[data-active=true]) &));@custom-variant ui-open (&[data-open=true]);@custom-variant uig-open (&:is(:where(.group[data-open=true]) &));@custom-variant ui-interactive (&[data-interactive=true]);@custom-variant uig-interactive (&:is(:where(.group[data-interactive=true]) &));@custom-variant ui-loaded (&[data-loaded=true]);@custom-variant ui-filled-within (&[data-filled-within=true]);@custom-variant uig-filled-within (&:is(:where(.group[data-filled-within=true]) &));@custom-variant ui-focus-visible (&[data-focus-visible=true]);@custom-variant uig-focus-visible (&:is(:where(.group[data-focus-visible=true]) &));@custom-variant ui-readonly (&[data-readonly=true]);@custom-variant uig-readonly (&:is(:where(.group[data-readonly=true]) &));@custom-variant ui-disabled (&[data-disabled=true]);@custom-variant uig-disabled (&:is(:where(.group[data-disabled=true]) &));@custom-variant ui-invalid (&[data-invalid=true]);@custom-variant uig-invalid (&:is(:where(.group[data-invalid=true]) &));
1
+ @theme{ --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } }@theme inline{ --color-default: var(--ui-default); --color-default-hover: var(--ui-default-hover); --color-default-active: var(--ui-default-active); --color-default-border: var(--ui-default-border); --color-default-flat: var(--ui-default-flat); --color-default-flat-hover: var(--ui-default-flat-hover); --color-default-flat-active: var(--ui-default-flat-active); --color-default-foreground: var(--ui-default-foreground); --color-primary: var(--ui-primary); --color-primary-hover: var(--ui-primary-hover); --color-primary-active: var(--ui-primary-active); --color-primary-border: var(--ui-primary-border); --color-primary-flat: var(--ui-primary-flat); --color-primary-flat-hover: var(--ui-primary-flat-hover); --color-primary-flat-active: var(--ui-primary-flat-active); --color-primary-foreground: var(--ui-primary-foreground); --color-secondary: var(--ui-secondary); --color-secondary-hover: var(--ui-secondary-hover); --color-secondary-active: var(--ui-secondary-active); --color-secondary-border: var(--ui-secondary-border); --color-secondary-flat: var(--ui-secondary-flat); --color-secondary-flat-hover: var(--ui-secondary-flat-hover); --color-secondary-flat-active: var(--ui-secondary-flat-active); --color-secondary-foreground: var(--ui-secondary-foreground); --color-success: var(--ui-success); --color-success-hover: var(--ui-success-hover); --color-success-active: var(--ui-success-active); --color-success-border: var(--ui-success-border); --color-success-flat: var(--ui-success-flat); --color-success-flat-hover: var(--ui-success-flat-hover); --color-success-flat-active: var(--ui-success-flat-active); --color-success-foreground: var(--ui-success-foreground); --color-warning: var(--ui-warning); --color-warning-hover: var(--ui-warning-hover); --color-warning-active: var(--ui-warning-active); --color-warning-border: var(--ui-warning-border); --color-warning-flat: var(--ui-warning-flat); --color-warning-flat-hover: var(--ui-warning-flat-hover); --color-warning-flat-active: var(--ui-warning-flat-active); --color-warning-foreground: var(--ui-warning-foreground); --color-danger: var(--ui-danger); --color-danger-hover: var(--ui-danger-hover); --color-danger-active: var(--ui-danger-active); --color-danger-border: var(--ui-danger-border); --color-danger-flat: var(--ui-danger-flat); --color-danger-flat-hover: var(--ui-danger-flat-hover); --color-danger-flat-active: var(--ui-danger-flat-active); --color-danger-foreground: var(--ui-danger-foreground); --color-foreground: var(--ui-foreground-primary); --color-foreground-secondary: var(--ui-foreground-secondary); --color-foreground-tertiary: var(--ui-foreground-tertiary); --color-foreground-quaternary: var(--ui-foreground-quaternary); --color-foreground-link: var(--ui-foreground-link); --color-background: var(--ui-background); --color-background-secondary: var(--ui-background-secondary); --color-background-tertiary: var(--ui-background-tertiary); --color-background-quaternary: var(--ui-background-quaternary); --color-surface: var(--ui-surface-primary); --color-surface-secondary: var(--ui-surface-secondary); --color-surface-tertiary: var(--ui-surface-tertiary); --color-surface-quaternary: var(--ui-surface-quaternary); --color-divider: var(--ui-divider); --color-divider-light: var(--ui-divider-light); --color-divider-dark: var(--ui-divider-dark); --color-focus: var(--ui-focus); }:root,.light,[data-theme=light]{color-scheme:light;--ui-default: oklch(37% .012 285.8);--ui-default-hover: oklch(71.2% .013 286.1);--ui-default-active: oklch(27.4% .005 286);--ui-default-border: oklch(71.2% .013 286.1);--ui-default-flat: oklch(87.1% .005 286.3);--ui-primary: oklch(54.6% .215 262.9);--ui-primary-hover: oklch(62.3% .188 259.8);--ui-primary-active: oklch(48.8% .217 264.4);--ui-primary-border: oklch(88.2% .057 254.1);--ui-primary-flat: oklch(97% .014 254.6);--ui-secondary: oklch(54.1% .247 293);--ui-secondary-hover: oklch(60.6% .219 292.7);--ui-secondary-active: oklch(49.1% .241 292.6);--ui-secondary-border: oklch(89.4% .055 293.3);--ui-secondary-flat: oklch(96.9% .016 293.8);--ui-success: oklch(62.7% .17 149.2);--ui-success-hover: oklch(72.3% .192 149.6);--ui-success-active: oklch(52.7% .137 150.1);--ui-success-border: oklch(92.5% .081 156);--ui-success-flat: oklch(98.2% .018 155.8);--ui-warning: oklch(79.5% .162 86);--ui-warning-hover: oklch(86.1% .173 91.9);--ui-warning-active: oklch(68.1% .142 75.8);--ui-warning-border: oklch(94.5% .124 101.5);--ui-warning-flat: oklch(98.7% .026 102.2);--ui-danger: oklch(57.7% .215 27.3);--ui-danger-hover: oklch(63.7% .208 25.3);--ui-danger-active: oklch(50.5% .19 27.5);--ui-danger-border: oklch(88.5% .059 18.3);--ui-danger-flat: oklch(97.1% .013 17.4);--ui-foreground: oklch(21% .006 285.9);--ui-foreground-secondary: oklch(55.2% .014 285.9);--ui-foreground-tertiary: oklch(71.2% .013 286.1);--ui-foreground-quaternary: oklch(87.1% .005 286.3);--ui-foreground-link: oklch(54.6% .215 262.9);--ui-background: oklch(98.5% 0 0);--ui-background-secondary: oklch(100% 0 0);--ui-background-tertiary: oklch(100% 0 0);--ui-background-quaternary: oklch(100% 0 0);--ui-surface-primary: oklch(44.2% .015 285.8);--ui-surface-secondary: oklch(55.2% .014 285.9);--ui-surface-tertiary: oklch(71.2% .013 286.1);--ui-surface-quaternary: oklch(87.1% .005 286.3);--ui-divider: oklch(21% .006 285.9 / .1176);--ui-divider-light: oklch(21% .006 285.9 / .0588);--ui-divider-dark: oklch(21% .006 285.9 / .0588);--ui-focus: oklch(54.6% .215 262.9)}.dark,[data-theme=dark]{color-scheme:dark;--ui-default: oklch(37% .012 285.8);--ui-default-hover: oklch(27.4% .005 286);--ui-default-active: oklch(27.4% .005 286);--ui-default-border: oklch(25.2% .014 285.9);--ui-default-flat: #101012;--ui-default-flat-hover: #131315;--ui-default-flat-active: #131315;--ui-default-foreground: oklch(100% 0 0);--ui-primary: oklch(56.7% .209 257.9);--ui-primary-hover: oklch(49.2% .18 257.7);--ui-primary-active: oklch(48.8% .217 264.4);--ui-primary-border: oklch(.2199 .0658 257.9);--ui-primary-flat: #000e1f;--ui-primary-flat-hover: #000b18;--ui-primary-flat-active: #000b18;--ui-primary-foreground: oklch(100% 0 0);--ui-secondary: oklch(57.7% .192 304);--ui-secondary-hover: oklch(48.8% .225 300.5);--ui-secondary-active: oklch(49.1% .241 292.6);--ui-secondary-border: oklch(38% .178 293.7);--ui-secondary-flat: #160c20;--ui-secondary-flat-hover: #0f0815;--ui-secondary-flat-active: #0f0815;--ui-secondary-foreground: oklch(100% 0 0);--ui-success: oklch(73.3% .193 150.8);--ui-success-hover: oklch(62.2% .163 151);--ui-success-active: oklch(52.7% .137 150.1);--ui-success-border: oklch(.2257 .0376 150.8);--ui-success-flat: #031b0e;--ui-success-flat-hover: #02140a;--ui-success-flat-active: #02140a;--ui-success-foreground: oklch(0% 0 0);--ui-warning: oklch(78.2% .158 72.3);--ui-warning-hover: oklch(66.3% .133 72.6);--ui-warning-active: oklch(68.1% .142 75.8);--ui-warning-border: oklch(.1993 .0313 72.3);--ui-warning-flat: #1d1301;--ui-warning-flat-hover: #181004;--ui-warning-flat-active: #181004;--ui-warning-foreground: oklch(0% 0 0);--ui-danger: oklch(61.9% .242 11.3);--ui-danger-hover: oklch(52.4% .204 10.7);--ui-danger-active: oklch(50.5% .19 27.5);--ui-danger-border: oklch(.2257 .0564 11.3);--ui-danger-flat: #24030e;--ui-danger-flat-hover: #18020a;--ui-danger-flat-active: #18020a;--ui-danger-foreground: oklch(100% 0 0);--ui-foreground-primary: oklch(96.7% .001 286.4);--ui-foreground-secondary: oklch(71.2% .013 286.1);--ui-foreground-tertiary: oklch(55.2% .014 285.9);--ui-foreground-quaternary: oklch(44.2% .015 285.8);--ui-foreground-link: oklch(54.6% .215 262.9);--ui-background: oklch(14.1% .004 285.8);--ui-background-secondary: oklch(21% .006 285.9);--ui-background-tertiary: oklch(27.4% .005 286);--ui-background-quaternary: oklch(37% .012 285.8);--ui-surface-primary: oklch(21% .006 285.9);--ui-surface-secondary: oklch(27.4% .005 286);--ui-surface-tertiary: oklch(37% .012 285.8);--ui-surface-quaternary: oklch(37% .012 285.8);--ui-divider: oklch(44.2% .015 285.8 / .3176);--ui-divider-light: oklch(44.2% .015 285.8 / .5176);--ui-divider-dark: oklch(44.2% .015 285.8 / .5176);--ui-focus: oklch(56.7% .209 257.9)}@keyframes shimmer{to{transform:translate(100%)}}:root,html,body{@apply bg-background text-foreground;}@utility z-backdrop{z-index: 98;}@utility z-popover{z-index: 99;}@utility z-dialog{z-index: 99;}@utility z-header{z-index: 60;}@utility z-drawer{z-index: 60;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"]));@custom-variant light (&:where(.light,.light *,[data-theme="light"]));@custom-variant uig-has-start-content (&:is(:where(.group[data-has-start-content=true]) &));@custom-variant uig-has-end-content (&:is(:where(.group[data-has-end-content=true]) &));@custom-variant uig-has-label (&:is(:where(.group[data-has-label=true]) &));@custom-variant ui-hover (&:not(:disabled):hover);@custom-variant uig-hover (&:is(:where(.group[data-hovered=true]) &));@custom-variant uig-selected (&:is(:where(.group[data-selected=true]) &));@custom-variant uig-checked (&:is(:where(.group[data-checked=true]) &));@custom-variant uig-focus (&:is(:where(.group[data-focused=true]) &));@custom-variant uig-pressed (&:is(:where(.group[data-pressed=true]) &));@custom-variant uig-active (&:is(:where(.group[data-active=true]) &));@custom-variant uig-open (&:is(:where(.group[data-open=true]) &));@custom-variant uig-interactive (&:is(:where(.group[data-interactive=true]) &));@custom-variant uig-filled-within (&:is(:where(.group[data-filled-within=true]) &));@custom-variant uig-focus-visible (&:is(:where(.group[data-focus-visible=true]) &));@custom-variant uig-readonly (&:is(:where(.group[data-readonly=true]) &));@custom-variant uig-disabled (&:is(:where(.group[data-disabled=true]) &));@custom-variant uig-invalid (&:is(:where(.group[data-invalid=true]) &));
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @theme{ --color-white: #fff; --color-black: #000; --animate-progress: progress 1s infinite linear; --animate-ripple: ripple 1s linear; @keyframes progress { 0% { transform: translateX(-50%) scaleX(.2); } 100% { transform: translateX(100%) scaleX(1); } } --shadow-primary: 0px 8px 16px 0px rgba(255, 255, 255, .16) inset, 0px 2px 0px 0px rgba(255, 255, 255, .1) inset, 0px 1px 1px .05px rgba(24, 24, 27, .24); --shadow-default: 0px 8px 16px 0px rgba(255, 255, 255, .02) inset, 0px -4px 8px 0px rgba(0, 0, 0, .02) inset, 0px 2px 0px 0px rgba(255, 255, 255, .02) inset, 0px 1px .5px .05px rgba(24, 24, 27, .05); }@keyframes ripple{0%{transform:scale(0)}to{transform:scale(4);opacify:0}}@keyframes shimmer{to{transform:translate(100%)}}@theme inline{ --color-background: var(--ui-background); --color-background-secondary: var(--ui-background-secondary); --color-background-tertiary: var(--ui-background-tertiary); --color-background-inverse: var(--ui-background-inverse); --color-foreground-50: var(--ui-foreground-50); --color-foreground-100: var(--ui-foreground-100); --color-foreground-200: var(--ui-foreground-200); --color-foreground-300: var(--ui-foreground-300); --color-foreground-400: var(--ui-foreground-400); --color-foreground-500: var(--ui-foreground-500); --color-foreground-600: var(--ui-foreground-600); --color-foreground-700: var(--ui-foreground-700); --color-foreground-800: var(--ui-foreground-800); --color-foreground-900: var(--ui-foreground-900); --color-foreground: var(--ui-foreground); --color-foreground-link: var(--ui-foreground-link); --color-foreground-secondary: var(--ui-foreground-secondary); --color-foreground-tertiary: var(--ui-foreground-tertiary); --color-foreground-inverse: var(--ui-foreground-inverse); --color-divider-subtle: var(--ui-divider-subtle); --color-divider: var(--ui-divider); --color-divider-hover: var(--ui-divider-hover); --color-focus: var(--ui-focus); --color-overlay: var(--ui-overlay); --color-content1: var(--ui-content1); --color-content1-foreground: var(--ui-content1-foreground); --color-content2: var(--ui-content2); --color-content2-foreground: var(--ui-content2-foreground); --color-content3: var(--ui-content3); --color-content3-foreground: var(--ui-content3-foreground); --color-content4: var(--ui-content4); --color-content4-foreground: var(--ui-content4-foreground); --color-default-50: var(--ui-default-50); --color-default-100: var(--ui-default-100); --color-default-200: var(--ui-default-200); --color-default-300: var(--ui-default-300); --color-default-400: var(--ui-default-400); --color-default-500: var(--ui-default-500); --color-default-600: var(--ui-default-600); --color-default-700: var(--ui-default-700); --color-default-800: var(--ui-default-800); --color-default-900: var(--ui-default-900); --color-default-foreground: var(--ui-default-foreground); --color-default-hover: var(--ui-default-900); --color-default: var(--ui-default); --color-primary-50: var(--ui-primary-50); --color-primary-100: var(--ui-primary-100); --color-primary-200: var(--ui-primary-200); --color-primary-300: var(--ui-primary-300); --color-primary-400: var(--ui-primary-400); --color-primary-500: var(--ui-primary-500); --color-primary-600: var(--ui-primary-600); --color-primary-700: var(--ui-primary-700); --color-primary-800: var(--ui-primary-800); --color-primary-900: var(--ui-primary-900); --color-primary-foreground: var(--ui-primary-foreground); --color-primary-hover: var(--ui-primary-900); --color-primary: var(--ui-primary); --color-secondary-50: var(--ui-secondary-50); --color-secondary-100: var(--ui-secondary-100); --color-secondary-200: var(--ui-secondary-200); --color-secondary-300: var(--ui-secondary-300); --color-secondary-400: var(--ui-secondary-400); --color-secondary-500: var(--ui-secondary-500); --color-secondary-600: var(--ui-secondary-600); --color-secondary-700: var(--ui-secondary-700); --color-secondary-800: var(--ui-secondary-800); --color-secondary-900: var(--ui-secondary-900); --color-secondary-foreground: var(--ui-secondary-foreground); --color-secondary-hover: var(--ui-secondary-900); --color-secondary: var(--ui-secondary); --color-success-50: var(--ui-success-50); --color-success-100: var(--ui-success-100); --color-success-200: var(--ui-success-200); --color-success-300: var(--ui-success-300); --color-success-400: var(--ui-success-400); --color-success-500: var(--ui-success-500); --color-success-600: var(--ui-success-600); --color-success-700: var(--ui-success-700); --color-success-800: var(--ui-success-800); --color-success-900: var(--ui-success-900); --color-success-foreground: var(--ui-success-foreground); --color-success-hover: var(--ui-success-900); --color-success: var(--ui-success); --color-warning-50: var(--ui-warning-50); --color-warning-100: var(--ui-warning-100); --color-warning-200: var(--ui-warning-200); --color-warning-300: var(--ui-warning-300); --color-warning-400: var(--ui-warning-400); --color-warning-500: var(--ui-warning-500); --color-warning-600: var(--ui-warning-600); --color-warning-700: var(--ui-warning-700); --color-warning-800: var(--ui-warning-800); --color-warning-900: var(--ui-warning-900); --color-warning-foreground: var(--ui-warning-foreground); --color-warning-hover: var(--ui-warning-900); --color-warning: var(--ui-warning); --color-danger-50: var(--ui-danger-50); --color-danger-100: var(--ui-danger-100); --color-danger-200: var(--ui-danger-200); --color-danger-300: var(--ui-danger-300); --color-danger-400: var(--ui-danger-400); --color-danger-500: var(--ui-danger-500); --color-danger-600: var(--ui-danger-600); --color-danger-700: var(--ui-danger-700); --color-danger-800: var(--ui-danger-800); --color-danger-900: var(--ui-danger-900); --color-danger-foreground: var(--ui-danger-foreground); --color-danger-hover: var(--ui-danger-900); --color-danger: var(--ui-danger); --text-2xs: var(--ui-fs-2xs); --text-xs: var(--ui-fs-xs); --text-sm: var(--ui-fs-sm); --text-base: var(--ui-fs-base); --text-md: var(--ui-fs-md); --text-lg: var(--ui-fs-lg); --text-xl: var(--ui-fs-xl); --text-2xl: var(--ui-fs-2xl); --text-3xl: var(--ui-fs-3xl); --text-4xl: var(--ui-fs-4xl); --text-5xl: var(--ui-fs-5xl); --shadow-sm: var(--ui-box-shadow-sm); --shadow-md: var(--ui-box-shadow-md); --shadow-lg: var(--ui-box-shadow-lg); }:root{@apply text-foreground bg-background;}:root{--ui-fs-2xs: clamp(.66rem, -.08vi + .68rem, .58rem);--ui-fs-xs: clamp(.72rem, -.03vi + .73rem, .69rem);--ui-fs-sm: clamp(.8rem, .04vi + .79rem, .83rem);--ui-fs-base: clamp(.82rem, .13vi + .84rem, .9rem);--ui-fs-md: clamp(.9rem, .13vi + .84rem, 1.05rem);--ui-fs-lg: clamp(.96rem, .25vi + .9rem, 1.2rem);--ui-fs-xl: clamp(1.06rem, .4vi + .96rem, 1.44rem);--ui-fs-2xl: clamp(1.16rem, .59vi + 1.02rem, 1.73rem);--ui-fs-3xl: clamp(1.28rem, .83vi + 1.07rem, 2.07rem);--ui-fs-4xl: clamp(1.41rem, 1.14vi + 1.13rem, 2.49rem);--ui-fs-5xl: clamp(1.55rem, 1.51vi + 1.17rem, 2.99rem)}:root,.light,[data-theme=light]{--ui-background: oklch(100% 0 0);--ui-background-secondary: oklch(95.2% 0 0);--ui-background-tertiary: oklch(97% .003 264.5);--ui-background-inverse: oklch(0% 0 0);--ui-foreground-50: oklch(98.5% 0 0);--ui-foreground-100: oklch(96.7% .001 286.4);--ui-foreground-200: oklch(92% .004 286.3);--ui-foreground-300: oklch(87.1% .005 286.3);--ui-foreground-400: oklch(71.2% .013 286.1);--ui-foreground-500: oklch(55.2% .014 285.9);--ui-foreground-600: oklch(44.2% .015 285.8);--ui-foreground-700: oklch(37% .012 285.8);--ui-foreground-800: oklch(27.4% .005 286);--ui-foreground-900: oklch(21% .006 285.9);--ui-foreground: oklch(23.2% .004 286.1);--ui-foreground-link: oklch(52.2% .177 255.8);--ui-foreground-secondary: oklch(54% .008 286.1);--ui-foreground-tertiary: oklch(62.2% .007 286.2);--ui-foreground-inverse: oklch(100% 0 0);--ui-divider-subtle: oklch(96.8% .002 325.6);--ui-divider: oklch(93.2% .002 325.6);--ui-divider-hover: oklch(85.9% .002 325.6);--ui-focus: oklch(56.7% .209 257.9);--ui-overlay: oklch(0% 0 0);--ui-content1: oklch(100% 0 0);--ui-content1-foreground: oklch(20.4% .013 233.3);--ui-content2: oklch(96.7% .001 286.4);--ui-content2-foreground: oklch(27.4% .005 286);--ui-content3: oklch(92% .004 286.3);--ui-content3-foreground: oklch(37% .012 285.8);--ui-content4: oklch(87.1% .005 286.3);--ui-content4-foreground: oklch(44.2% .015 285.8);--ui-default-50: oklch(98.5% 0 0);--ui-default-100: oklch(96.7% .001 286.4);--ui-default-200: oklch(92% .004 286.3);--ui-default-300: oklch(87.1% .005 286.3);--ui-default-400: oklch(71.2% .013 286.1);--ui-default-500: oklch(55.2% .014 285.9);--ui-default-600: oklch(44.2% .015 285.8);--ui-default-700: oklch(37% .012 285.8);--ui-default-800: oklch(27.4% .005 286);--ui-default-900: oklch(21% .006 285.9);--ui-default-foreground: oklch(0% 0 0);--ui-default: oklch(92% .004 286.3);--ui-primary-50: oklch(95.4% .021 252.5);--ui-primary-100: oklch(90.7% .043 251.5);--ui-primary-200: oklch(81.6% .089 252);--ui-primary-300: oklch(72.7% .135 253.3);--ui-primary-400: oklch(64.7% .178 254.8);--ui-primary-500: oklch(56.7% .209 257.9);--ui-primary-600: oklch(49.2% .18 257.7);--ui-primary-700: oklch(40.1% .144 257.2);--ui-primary-800: oklch(30.7% .103 255.6);--ui-primary-900: oklch(20.3% .06 251.8);--ui-primary-foreground: oklch(100% 0 0);--ui-primary: oklch(56.7% .209 257.9);--ui-secondary-50: oklch(94.8% .023 308.2);--ui-secondary-100: oklch(89.3% .046 307.9);--ui-secondary-200: oklch(78.5% .095 307.1);--ui-secondary-300: oklch(67.8% .145 305.9);--ui-secondary-400: oklch(57.7% .192 304);--ui-secondary-500: oklch(48.8% .225 300.5);--ui-secondary-600: oklch(41.7% .189 300.8);--ui-secondary-700: oklch(34.2% .151 301.3);--ui-secondary-800: oklch(26.4% .11 302.1);--ui-secondary-900: oklch(18.1% .064 303.7);--ui-secondary-foreground: oklch(100% 0 0);--ui-secondary: oklch(48.8% .225 300.5);--ui-success-50: oklch(96.9% .023 161.8);--ui-success-100: oklch(93.7% .045 160.4);--ui-success-200: oklch(87.6% .09 159.1);--ui-success-300: oklch(82.4% .133 156.8);--ui-success-400: oklch(77.4% .168 154.2);--ui-success-500: oklch(73.3% .193 150.8);--ui-success-600: oklch(62.2% .163 151);--ui-success-700: oklch(50.6% .13 151.4);--ui-success-800: oklch(38% .094 152.3);--ui-success-900: oklch(24.6% .055 154.1);--ui-success-foreground: oklch(0% 0 0);--ui-success: oklch(73.3% .193 150.8);--ui-warning-50: oklch(98.7% .026 102.2);--ui-warning-100: oklch(95.2% .038 80);--ui-warning-200: oklch(90.6% .076 79.6);--ui-warning-300: oklch(86.2% .11 78.3);--ui-warning-400: oklch(82% .139 76.3);--ui-warning-500: oklch(78.2% .158 72.3);--ui-warning-600: oklch(66.3% .133 72.6);--ui-warning-700: oklch(53.8% .106 73.1);--ui-warning-800: oklch(40.6% .078 74.2);--ui-warning-900: oklch(26.2% .046 76.3);--ui-warning-foreground: oklch(0% 0 0);--ui-warning: oklch(78.2% .158 72.3);--ui-danger-50: oklch(94.9% .027 354.5);--ui-danger-100: oklch(90% .054 356.3);--ui-danger-200: oklch(80.4% .113 357.7);--ui-danger-300: oklch(72.2% .171 .4);--ui-danger-400: oklch(65.6% .218 4.6);--ui-danger-500: oklch(61.9% .242 11.3);--ui-danger-600: oklch(52.4% .204 10.7);--ui-danger-700: oklch(42.6% .164 9.9);--ui-danger-800: oklch(32.1% .121 8.8);--ui-danger-900: oklch(20.8% .073 5.6);--ui-danger-foreground: oklch(100% 0 0);--ui-danger: oklch(61.9% .242 11.3);--ui-box-shadow-sm: 0px 0px 5px 0px rgba(0, 0, 0, .02), 0px 2px 10px 0px rgba(0, 0, 0, .06), 0px 0px 1px 0px rgba(0, 0, 0, .3);--ui-box-shadow-md: 0px 0px 15px 0px rgba(0, 0, 0, .03), 0px 2px 30px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .3);--ui-box-shadow-lg: 0px 0px 30px 0px rgba(0, 0, 0, .04), 0px 30px 60px 0px rgba(0, 0, 0, .12), 0px 0px 1px 0px rgba(0, 0, 0, .3)}.dark,[data-theme=dark]{--ui-background: oklch(0% 0 0);--ui-background-secondary: oklch(9.7% 0 0);--ui-background-tertiary: oklch(6.7% 0 0);--ui-background-inverse: oklch(100% 0 0);--ui-foreground-50: oklch(21% .006 285.9);--ui-foreground-100: oklch(27.4% .005 286);--ui-foreground-200: oklch(37% .012 285.8);--ui-foreground-300: oklch(44.2% .015 285.8);--ui-foreground-400: oklch(55.2% .014 285.9);--ui-foreground-500: oklch(71.2% .013 286.1);--ui-foreground-600: oklch(87.1% .005 286.3);--ui-foreground-700: oklch(92% .004 286.3);--ui-foreground-800: oklch(96.7% .001 286.4);--ui-foreground-900: oklch(98.5% 0 0);--ui-foreground: oklch(94% .002 247.8);--ui-foreground-link: oklch(62.4% .206 255.5);--ui-foreground-secondary: oklch(67.3% .024 277.3);--ui-foreground-tertiary: oklch(63.5% .006 286.2);--ui-foreground-inverse: oklch(0% 0 0);--ui-divider-subtle: oklch(13.3% .003 246.1);--ui-divider: oklch(27.9% .009 248.2);--ui-divider-hover: oklch(34.9% .013 248.2);--ui-focus: oklch(56.7% .209 257.9);--ui-overlay: oklch(0% 0 0);--ui-content1: oklch(21% .006 285.9);--ui-content1-foreground: oklch(98.5% 0 0);--ui-content2: oklch(27.4% .005 286);--ui-content2-foreground: oklch(96.7% .001 286.4);--ui-content3: oklch(37% .012 285.8);--ui-content3-foreground: oklch(92% .004 286.3);--ui-content4: oklch(44.2% .015 285.8);--ui-content4-foreground: oklch(87.1% .005 286.3);--ui-default-50: oklch(21% .006 285.9);--ui-default-100: oklch(27.4% .005 286);--ui-default-200: oklch(37% .012 285.8);--ui-default-300: oklch(44.2% .015 285.8);--ui-default-400: oklch(55.2% .014 285.9);--ui-default-500: oklch(71.2% .013 286.1);--ui-default-600: oklch(87.1% .005 286.3);--ui-default-700: oklch(92% .004 286.3);--ui-default-800: oklch(96.7% .001 286.4);--ui-default-900: oklch(98.5% 0 0);--ui-default-foreground: oklch(100% 0 0);--ui-default: oklch(37% .012 285.8);--ui-primary-50: oklch(20.3% .06 251.8);--ui-primary-100: oklch(30.7% .103 255.6);--ui-primary-200: oklch(40.1% .144 257.2);--ui-primary-300: oklch(49.2% .18 257.7);--ui-primary-400: oklch(56.7% .209 257.9);--ui-primary-500: oklch(64.7% .178 254.8);--ui-primary-600: oklch(72.7% .135 253.3);--ui-primary-700: oklch(81.6% .089 252);--ui-primary-800: oklch(90.7% .043 251.5);--ui-primary-900: oklch(95.4% .021 252.5);--ui-primary-foreground: oklch(100% 0 0);--ui-primary: oklch(56.7% .209 257.9);--ui-secondary-50: oklch(18.1% .064 303.7);--ui-secondary-100: oklch(26.4% .11 302.1);--ui-secondary-200: oklch(34.2% .151 301.3);--ui-secondary-300: oklch(41.7% .189 300.8);--ui-secondary-400: oklch(48.8% .225 300.5);--ui-secondary-500: oklch(57.7% .192 304);--ui-secondary-600: oklch(67.8% .145 305.9);--ui-secondary-700: oklch(78.5% .095 307.1);--ui-secondary-800: oklch(89.3% .046 307.9);--ui-secondary-900: oklch(94.8% .023 308.2);--ui-secondary-foreground: oklch(100% 0 0);--ui-secondary: oklch(57.7% .192 304);--ui-success-50: oklch(24.6% .055 154.1);--ui-success-100: oklch(38% .094 152.3);--ui-success-200: oklch(50.6% .13 151.4);--ui-success-300: oklch(62.2% .163 151);--ui-success-400: oklch(73.3% .193 150.8);--ui-success-500: oklch(77.4% .168 154.2);--ui-success-600: oklch(82.4% .133 156.8);--ui-success-700: oklch(87.6% .09 159.1);--ui-success-800: oklch(93.7% .045 160.4);--ui-success-900: oklch(96.9% .023 161.8);--ui-success-foreground: oklch(0% 0 0);--ui-success: oklch(73.3% .193 150.8);--ui-warning-50: oklch(26.2% .046 76.3);--ui-warning-100: oklch(40.6% .078 74.2);--ui-warning-200: oklch(53.8% .106 73.1);--ui-warning-300: oklch(66.3% .133 72.6);--ui-warning-400: oklch(78.2% .158 72.3);--ui-warning-500: oklch(82% .139 76.3);--ui-warning-600: oklch(86.2% .11 78.3);--ui-warning-700: oklch(90.6% .076 79.6);--ui-warning-800: oklch(95.2% .038 80);--ui-warning-900: oklch(98.7% .026 102.2);--ui-warning-foreground: oklch(0% 0 0);--ui-warning: oklch(78.2% .158 72.3);--ui-danger-50: oklch(20.8% .073 5.6);--ui-danger-100: oklch(32.1% .121 8.8);--ui-danger-200: oklch(42.6% .164 9.9);--ui-danger-300: oklch(52.4% .204 10.7);--ui-danger-400: oklch(61.9% .242 11.3);--ui-danger-500: oklch(65.6% .218 4.6);--ui-danger-600: oklch(72.2% .171 .4);--ui-danger-700: oklch(80.4% .113 357.7);--ui-danger-800: oklch(90% .054 356.3);--ui-danger-900: oklch(94.9% .027 354.5);--ui-danger-foreground: oklch(100% 0 0);--ui-danger: oklch(61.9% .242 11.3);--ui-box-shadow-sm: 0px 0px 5px 0px rgba(0, 0, 0, .05), 0px 2px 10px 0px rgba(0, 0, 0, .2), inset 0px 0px 1px 0px hsla(0, 0%, 100%, .15);--ui-box-shadow-md: 0px 0px 15px 0px rgba(0, 0, 0, .06), 0px 2px 30px 0px rgba(0, 0, 0, .22), inset 0px 0px 1px 0px hsla(0, 0%, 100%, .15);--ui-box-shadow-lg: 0px 0px 30px 0px rgba(0, 0, 0, .07), 0px 30px 60px 0px rgba(0, 0, 0, .26), inset 0px 0px 1px 0px hsla(0, 0%, 100%, .15)}@utility z-backdrop{z-index: 98;}@utility z-popover{z-index: 99;}@utility z-dialog{z-index: 99;}@utility z-header{z-index: 60;}@utility z-drawer{z-index: 60;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"]));@custom-variant light (&:where(.light,.light *,[data-theme="light"]));@custom-variant uig-has-start-content (&:is(:where(.group[data-has-start-content=true]) &));@custom-variant uig-has-end-content (&:is(:where(.group[data-has-end-content=true]) &));@custom-variant uig-has-label (&:is(:where(.group[data-has-label=true]) &));@custom-variant ui-hover (&:not(:disabled):hover);@custom-variant uig-hover (&:is(:where(.group[data-hovered=true]) &));@custom-variant ui-selected (&[data-selected=true]);@custom-variant uig-selected (&:is(:where(.group[data-selected=true]) &));@custom-variant ui-checked (&[data-checked=true]);@custom-variant uig-checked (&:is(:where(.group[data-checked=true]) &));@custom-variant ui-focus (&[data-focused=true]);@custom-variant uig-focus (&:is(:where(.group[data-focused=true]) &));@custom-variant ui-pressed (&[data-pressed=true]);@custom-variant uig-pressed (&:is(:where(.group[data-pressed=true]) &));@custom-variant ui-active (&[data-active=true]);@custom-variant uig-active (&:is(:where(.group[data-active=true]) &));@custom-variant ui-open (&[data-open=true]);@custom-variant uig-open (&:is(:where(.group[data-open=true]) &));@custom-variant ui-interactive (&[data-interactive=true]);@custom-variant uig-interactive (&:is(:where(.group[data-interactive=true]) &));@custom-variant ui-loaded (&[data-loaded=true]);@custom-variant ui-filled-within (&[data-filled-within=true]);@custom-variant uig-filled-within (&:is(:where(.group[data-filled-within=true]) &));@custom-variant ui-focus-visible (&[data-focus-visible=true]);@custom-variant ui-readonly (&[data-readonly=true]);@custom-variant uig-readonly (&:is(:where(.group[data-readonly=true]) &));@custom-variant ui-disabled (&[data-disabled=true]);@custom-variant uig-disabled (&:is(:where(.group[data-disabled=true]) &));
1
+ @theme{ --color-white: #fff; --color-black: #000; --animate-progress: progress 1s infinite linear; --animate-ripple: ripple 1s linear; @keyframes progress { 0% { transform: translateX(-50%) scaleX(.2); } 100% { transform: translateX(100%) scaleX(1); } } --shadow-primary: 0px 8px 16px 0px rgba(255, 255, 255, .16) inset, 0px 2px 0px 0px rgba(255, 255, 255, .1) inset, 0px 1px 1px .05px rgba(24, 24, 27, .24); --shadow-default: 0px 8px 16px 0px rgba(255, 255, 255, .02) inset, 0px -4px 8px 0px rgba(0, 0, 0, .02) inset, 0px 2px 0px 0px rgba(255, 255, 255, .02) inset, 0px 1px .5px .05px rgba(24, 24, 27, .05); }@keyframes ripple{0%{transform:scale(0)}to{transform:scale(4);opacify:0}}@keyframes shimmer{to{transform:translate(100%)}}@theme inline{ --color-background: var(--ui-background); --color-background-secondary: var(--ui-background-secondary); --color-background-tertiary: var(--ui-background-tertiary); --color-background-inverse: var(--ui-background-inverse); --color-foreground-50: var(--ui-foreground-50); --color-foreground-100: var(--ui-foreground-100); --color-foreground-200: var(--ui-foreground-200); --color-foreground-300: var(--ui-foreground-300); --color-foreground-400: var(--ui-foreground-400); --color-foreground-500: var(--ui-foreground-500); --color-foreground-600: var(--ui-foreground-600); --color-foreground-700: var(--ui-foreground-700); --color-foreground-800: var(--ui-foreground-800); --color-foreground-900: var(--ui-foreground-900); --color-foreground: var(--ui-foreground); --color-foreground-link: var(--ui-foreground-link); --color-foreground-secondary: var(--ui-foreground-secondary); --color-foreground-tertiary: var(--ui-foreground-tertiary); --color-foreground-inverse: var(--ui-foreground-inverse); --color-divider-flat: var(--ui-divider-flat); --color-divider: var(--ui-divider); --color-divider-hover: var(--ui-divider-hover); --color-focus: var(--ui-focus); --color-overlay: var(--ui-overlay); --color-content1: var(--ui-content1); --color-content1-foreground: var(--ui-content1-foreground); --color-content2: var(--ui-content2); --color-content2-foreground: var(--ui-content2-foreground); --color-content3: var(--ui-content3); --color-content3-foreground: var(--ui-content3-foreground); --color-content4: var(--ui-content4); --color-content4-foreground: var(--ui-content4-foreground); --color-default-50: var(--ui-default-50); --color-default-100: var(--ui-default-100); --color-default-200: var(--ui-default-200); --color-default-300: var(--ui-default-300); --color-default-400: var(--ui-default-400); --color-default-500: var(--ui-default-500); --color-default-600: var(--ui-default-600); --color-default-700: var(--ui-default-700); --color-default-800: var(--ui-default-800); --color-default-900: var(--ui-default-900); --color-default-foreground: var(--ui-default-foreground); --color-default-hover: var(--ui-default-900); --color-default: var(--ui-default); --color-primary-50: var(--ui-primary-50); --color-primary-100: var(--ui-primary-100); --color-primary-200: var(--ui-primary-200); --color-primary-300: var(--ui-primary-300); --color-primary-400: var(--ui-primary-400); --color-primary-500: var(--ui-primary-500); --color-primary-600: var(--ui-primary-600); --color-primary-700: var(--ui-primary-700); --color-primary-800: var(--ui-primary-800); --color-primary-900: var(--ui-primary-900); --color-primary-foreground: var(--ui-primary-foreground); --color-primary-hover: var(--ui-primary-900); --color-primary: var(--ui-primary); --color-secondary-50: var(--ui-secondary-50); --color-secondary-100: var(--ui-secondary-100); --color-secondary-200: var(--ui-secondary-200); --color-secondary-300: var(--ui-secondary-300); --color-secondary-400: var(--ui-secondary-400); --color-secondary-500: var(--ui-secondary-500); --color-secondary-600: var(--ui-secondary-600); --color-secondary-700: var(--ui-secondary-700); --color-secondary-800: var(--ui-secondary-800); --color-secondary-900: var(--ui-secondary-900); --color-secondary-foreground: var(--ui-secondary-foreground); --color-secondary-hover: var(--ui-secondary-900); --color-secondary: var(--ui-secondary); --color-success-50: var(--ui-success-50); --color-success-100: var(--ui-success-100); --color-success-200: var(--ui-success-200); --color-success-300: var(--ui-success-300); --color-success-400: var(--ui-success-400); --color-success-500: var(--ui-success-500); --color-success-600: var(--ui-success-600); --color-success-700: var(--ui-success-700); --color-success-800: var(--ui-success-800); --color-success-900: var(--ui-success-900); --color-success-foreground: var(--ui-success-foreground); --color-success-hover: var(--ui-success-900); --color-success: var(--ui-success); --color-warning-50: var(--ui-warning-50); --color-warning-100: var(--ui-warning-100); --color-warning-200: var(--ui-warning-200); --color-warning-300: var(--ui-warning-300); --color-warning-400: var(--ui-warning-400); --color-warning-500: var(--ui-warning-500); --color-warning-600: var(--ui-warning-600); --color-warning-700: var(--ui-warning-700); --color-warning-800: var(--ui-warning-800); --color-warning-900: var(--ui-warning-900); --color-warning-foreground: var(--ui-warning-foreground); --color-warning-hover: var(--ui-warning-900); --color-warning: var(--ui-warning); --color-danger-50: var(--ui-danger-50); --color-danger-100: var(--ui-danger-100); --color-danger-200: var(--ui-danger-200); --color-danger-300: var(--ui-danger-300); --color-danger-400: var(--ui-danger-400); --color-danger-500: var(--ui-danger-500); --color-danger-600: var(--ui-danger-600); --color-danger-700: var(--ui-danger-700); --color-danger-800: var(--ui-danger-800); --color-danger-900: var(--ui-danger-900); --color-danger-foreground: var(--ui-danger-foreground); --color-danger-hover: var(--ui-danger-900); --color-danger: var(--ui-danger); --text-2xs: var(--ui-fs-2xs); --text-xs: var(--ui-fs-xs); --text-sm: var(--ui-fs-sm); --text-base: var(--ui-fs-base); --text-md: var(--ui-fs-md); --text-lg: var(--ui-fs-lg); --text-xl: var(--ui-fs-xl); --text-2xl: var(--ui-fs-2xl); --text-3xl: var(--ui-fs-3xl); --text-4xl: var(--ui-fs-4xl); --text-5xl: var(--ui-fs-5xl); --shadow-sm: var(--ui-box-shadow-sm); --shadow-md: var(--ui-box-shadow-md); --shadow-lg: var(--ui-box-shadow-lg); }:root{@apply text-foreground bg-background;}:root{--ui-fs-2xs: clamp(.66rem, -.08vi + .68rem, .58rem);--ui-fs-xs: clamp(.72rem, -.03vi + .73rem, .69rem);--ui-fs-sm: clamp(.8rem, .04vi + .79rem, .83rem);--ui-fs-base: clamp(.82rem, .13vi + .84rem, .9rem);--ui-fs-md: clamp(.9rem, .13vi + .84rem, 1.05rem);--ui-fs-lg: clamp(.96rem, .25vi + .9rem, 1.2rem);--ui-fs-xl: clamp(1.06rem, .4vi + .96rem, 1.44rem);--ui-fs-2xl: clamp(1.16rem, .59vi + 1.02rem, 1.73rem);--ui-fs-3xl: clamp(1.28rem, .83vi + 1.07rem, 2.07rem);--ui-fs-4xl: clamp(1.41rem, 1.14vi + 1.13rem, 2.49rem);--ui-fs-5xl: clamp(1.55rem, 1.51vi + 1.17rem, 2.99rem)}:root,.light,[data-theme=light]{--ui-background: oklch(100% 0 0);--ui-background-secondary: oklch(95.2% 0 0);--ui-background-tertiary: oklch(97% .003 264.5);--ui-background-inverse: oklch(0% 0 0);--ui-foreground-50: oklch(98.5% 0 0);--ui-foreground-100: oklch(96.7% .001 286.4);--ui-foreground-200: oklch(92% .004 286.3);--ui-foreground-300: oklch(87.1% .005 286.3);--ui-foreground-400: oklch(71.2% .013 286.1);--ui-foreground-500: oklch(55.2% .014 285.9);--ui-foreground-600: oklch(44.2% .015 285.8);--ui-foreground-700: oklch(37% .012 285.8);--ui-foreground-800: oklch(27.4% .005 286);--ui-foreground-900: oklch(21% .006 285.9);--ui-foreground: oklch(23.2% .004 286.1);--ui-foreground-link: oklch(52.2% .177 255.8);--ui-foreground-secondary: oklch(54% .008 286.1);--ui-foreground-tertiary: oklch(62.2% .007 286.2);--ui-foreground-inverse: oklch(100% 0 0);--ui-divider-flat: oklch(96.8% .002 325.6);--ui-divider: oklch(93.2% .002 325.6);--ui-divider-hover: oklch(85.9% .002 325.6);--ui-focus: oklch(56.7% .209 257.9);--ui-overlay: oklch(0% 0 0);--ui-content1: oklch(100% 0 0);--ui-content1-foreground: oklch(20.4% .013 233.3);--ui-content2: oklch(96.7% .001 286.4);--ui-content2-foreground: oklch(27.4% .005 286);--ui-content3: oklch(92% .004 286.3);--ui-content3-foreground: oklch(37% .012 285.8);--ui-content4: oklch(87.1% .005 286.3);--ui-content4-foreground: oklch(44.2% .015 285.8);--ui-default-50: oklch(98.5% 0 0);--ui-default-100: oklch(96.7% .001 286.4);--ui-default-200: oklch(92% .004 286.3);--ui-default-300: oklch(87.1% .005 286.3);--ui-default-400: oklch(71.2% .013 286.1);--ui-default-500: oklch(55.2% .014 285.9);--ui-default-600: oklch(44.2% .015 285.8);--ui-default-700: oklch(37% .012 285.8);--ui-default-800: oklch(27.4% .005 286);--ui-default-900: oklch(21% .006 285.9);--ui-default-foreground: oklch(0% 0 0);--ui-default: oklch(92% .004 286.3);--ui-primary-50: oklch(95.4% .021 252.5);--ui-primary-100: oklch(90.7% .043 251.5);--ui-primary-200: oklch(81.6% .089 252);--ui-primary-300: oklch(72.7% .135 253.3);--ui-primary-400: oklch(64.7% .178 254.8);--ui-primary-500: oklch(56.7% .209 257.9);--ui-primary-600: oklch(49.2% .18 257.7);--ui-primary-700: oklch(40.1% .144 257.2);--ui-primary-800: oklch(30.7% .103 255.6);--ui-primary-900: oklch(20.3% .06 251.8);--ui-primary-foreground: oklch(100% 0 0);--ui-primary: oklch(56.7% .209 257.9);--ui-secondary-50: oklch(94.8% .023 308.2);--ui-secondary-100: oklch(89.3% .046 307.9);--ui-secondary-200: oklch(78.5% .095 307.1);--ui-secondary-300: oklch(67.8% .145 305.9);--ui-secondary-400: oklch(57.7% .192 304);--ui-secondary-500: oklch(48.8% .225 300.5);--ui-secondary-600: oklch(41.7% .189 300.8);--ui-secondary-700: oklch(34.2% .151 301.3);--ui-secondary-800: oklch(26.4% .11 302.1);--ui-secondary-900: oklch(18.1% .064 303.7);--ui-secondary-foreground: oklch(100% 0 0);--ui-secondary: oklch(48.8% .225 300.5);--ui-success-50: oklch(96.9% .023 161.8);--ui-success-100: oklch(93.7% .045 160.4);--ui-success-200: oklch(87.6% .09 159.1);--ui-success-300: oklch(82.4% .133 156.8);--ui-success-400: oklch(77.4% .168 154.2);--ui-success-500: oklch(73.3% .193 150.8);--ui-success-600: oklch(62.2% .163 151);--ui-success-700: oklch(50.6% .13 151.4);--ui-success-800: oklch(38% .094 152.3);--ui-success-900: oklch(24.6% .055 154.1);--ui-success-foreground: oklch(0% 0 0);--ui-success: oklch(73.3% .193 150.8);--ui-warning-50: oklch(98.7% .026 102.2);--ui-warning-100: oklch(95.2% .038 80);--ui-warning-200: oklch(90.6% .076 79.6);--ui-warning-300: oklch(86.2% .11 78.3);--ui-warning-400: oklch(82% .139 76.3);--ui-warning-500: oklch(78.2% .158 72.3);--ui-warning-600: oklch(66.3% .133 72.6);--ui-warning-700: oklch(53.8% .106 73.1);--ui-warning-800: oklch(40.6% .078 74.2);--ui-warning-900: oklch(26.2% .046 76.3);--ui-warning-foreground: oklch(0% 0 0);--ui-warning: oklch(78.2% .158 72.3);--ui-danger-50: oklch(94.9% .027 354.5);--ui-danger-100: oklch(90% .054 356.3);--ui-danger-200: oklch(80.4% .113 357.7);--ui-danger-300: oklch(72.2% .171 .4);--ui-danger-400: oklch(65.6% .218 4.6);--ui-danger-500: oklch(61.9% .242 11.3);--ui-danger-600: oklch(52.4% .204 10.7);--ui-danger-700: oklch(42.6% .164 9.9);--ui-danger-800: oklch(32.1% .121 8.8);--ui-danger-900: oklch(20.8% .073 5.6);--ui-danger-foreground: oklch(100% 0 0);--ui-danger: oklch(61.9% .242 11.3);--ui-box-shadow-sm: 0px 0px 5px 0px rgba(0, 0, 0, .02), 0px 2px 10px 0px rgba(0, 0, 0, .06), 0px 0px 1px 0px rgba(0, 0, 0, .3);--ui-box-shadow-md: 0px 0px 15px 0px rgba(0, 0, 0, .03), 0px 2px 30px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .3);--ui-box-shadow-lg: 0px 0px 30px 0px rgba(0, 0, 0, .04), 0px 30px 60px 0px rgba(0, 0, 0, .12), 0px 0px 1px 0px rgba(0, 0, 0, .3)}.dark,[data-theme=dark]{--ui-background: oklch(0% 0 0);--ui-background-secondary: oklch(9.7% 0 0);--ui-background-tertiary: oklch(6.7% 0 0);--ui-background-inverse: oklch(100% 0 0);--ui-foreground-50: oklch(21% .006 285.9);--ui-foreground-100: oklch(27.4% .005 286);--ui-foreground-200: oklch(37% .012 285.8);--ui-foreground-300: oklch(44.2% .015 285.8);--ui-foreground-400: oklch(55.2% .014 285.9);--ui-foreground-500: oklch(71.2% .013 286.1);--ui-foreground-600: oklch(87.1% .005 286.3);--ui-foreground-700: oklch(92% .004 286.3);--ui-foreground-800: oklch(96.7% .001 286.4);--ui-foreground-900: oklch(98.5% 0 0);--ui-foreground: oklch(94% .002 247.8);--ui-foreground-link: oklch(62.4% .206 255.5);--ui-foreground-secondary: oklch(67.3% .024 277.3);--ui-foreground-tertiary: oklch(63.5% .006 286.2);--ui-foreground-inverse: oklch(0% 0 0);--ui-divider-flat: oklch(13.3% .003 246.1);--ui-divider: oklch(27.9% .009 248.2);--ui-divider-hover: oklch(34.9% .013 248.2);--ui-focus: oklch(56.7% .209 257.9);--ui-overlay: oklch(0% 0 0);--ui-content1: oklch(21% .006 285.9);--ui-content1-foreground: oklch(98.5% 0 0);--ui-content2: oklch(27.4% .005 286);--ui-content2-foreground: oklch(96.7% .001 286.4);--ui-content3: oklch(37% .012 285.8);--ui-content3-foreground: oklch(92% .004 286.3);--ui-content4: oklch(44.2% .015 285.8);--ui-content4-foreground: oklch(87.1% .005 286.3);--ui-default-50: oklch(21% .006 285.9);--ui-default-100: oklch(27.4% .005 286);--ui-default-200: oklch(37% .012 285.8);--ui-default-300: oklch(44.2% .015 285.8);--ui-default-400: oklch(55.2% .014 285.9);--ui-default-500: oklch(71.2% .013 286.1);--ui-default-600: oklch(87.1% .005 286.3);--ui-default-700: oklch(92% .004 286.3);--ui-default-800: oklch(96.7% .001 286.4);--ui-default-900: oklch(98.5% 0 0);--ui-default-foreground: oklch(100% 0 0);--ui-default: oklch(37% .012 285.8);--ui-primary-50: oklch(20.3% .06 251.8);--ui-primary-100: oklch(30.7% .103 255.6);--ui-primary-200: oklch(40.1% .144 257.2);--ui-primary-300: oklch(49.2% .18 257.7);--ui-primary-400: oklch(56.7% .209 257.9);--ui-primary-500: oklch(64.7% .178 254.8);--ui-primary-600: oklch(72.7% .135 253.3);--ui-primary-700: oklch(81.6% .089 252);--ui-primary-800: oklch(90.7% .043 251.5);--ui-primary-900: oklch(95.4% .021 252.5);--ui-primary-foreground: oklch(100% 0 0);--ui-primary: oklch(56.7% .209 257.9);--ui-secondary-50: oklch(18.1% .064 303.7);--ui-secondary-100: oklch(26.4% .11 302.1);--ui-secondary-200: oklch(34.2% .151 301.3);--ui-secondary-300: oklch(41.7% .189 300.8);--ui-secondary-400: oklch(48.8% .225 300.5);--ui-secondary-500: oklch(57.7% .192 304);--ui-secondary-600: oklch(67.8% .145 305.9);--ui-secondary-700: oklch(78.5% .095 307.1);--ui-secondary-800: oklch(89.3% .046 307.9);--ui-secondary-900: oklch(94.8% .023 308.2);--ui-secondary-foreground: oklch(100% 0 0);--ui-secondary: oklch(57.7% .192 304);--ui-success-50: oklch(24.6% .055 154.1);--ui-success-100: oklch(38% .094 152.3);--ui-success-200: oklch(50.6% .13 151.4);--ui-success-300: oklch(62.2% .163 151);--ui-success-400: oklch(73.3% .193 150.8);--ui-success-500: oklch(77.4% .168 154.2);--ui-success-600: oklch(82.4% .133 156.8);--ui-success-700: oklch(87.6% .09 159.1);--ui-success-800: oklch(93.7% .045 160.4);--ui-success-900: oklch(96.9% .023 161.8);--ui-success-foreground: oklch(0% 0 0);--ui-success: oklch(73.3% .193 150.8);--ui-warning-50: oklch(26.2% .046 76.3);--ui-warning-100: oklch(40.6% .078 74.2);--ui-warning-200: oklch(53.8% .106 73.1);--ui-warning-300: oklch(66.3% .133 72.6);--ui-warning-400: oklch(78.2% .158 72.3);--ui-warning-500: oklch(82% .139 76.3);--ui-warning-600: oklch(86.2% .11 78.3);--ui-warning-700: oklch(90.6% .076 79.6);--ui-warning-800: oklch(95.2% .038 80);--ui-warning-900: oklch(98.7% .026 102.2);--ui-warning-foreground: oklch(0% 0 0);--ui-warning: oklch(78.2% .158 72.3);--ui-danger-50: oklch(20.8% .073 5.6);--ui-danger-100: oklch(32.1% .121 8.8);--ui-danger-200: oklch(42.6% .164 9.9);--ui-danger-300: oklch(52.4% .204 10.7);--ui-danger-400: oklch(61.9% .242 11.3);--ui-danger-500: oklch(65.6% .218 4.6);--ui-danger-600: oklch(72.2% .171 .4);--ui-danger-700: oklch(80.4% .113 357.7);--ui-danger-800: oklch(90% .054 356.3);--ui-danger-900: oklch(94.9% .027 354.5);--ui-danger-foreground: oklch(100% 0 0);--ui-danger: oklch(61.9% .242 11.3);--ui-box-shadow-sm: 0px 0px 5px 0px rgba(0, 0, 0, .05), 0px 2px 10px 0px rgba(0, 0, 0, .2), inset 0px 0px 1px 0px hsla(0, 0%, 100%, .15);--ui-box-shadow-md: 0px 0px 15px 0px rgba(0, 0, 0, .06), 0px 2px 30px 0px rgba(0, 0, 0, .22), inset 0px 0px 1px 0px hsla(0, 0%, 100%, .15);--ui-box-shadow-lg: 0px 0px 30px 0px rgba(0, 0, 0, .07), 0px 30px 60px 0px rgba(0, 0, 0, .26), inset 0px 0px 1px 0px hsla(0, 0%, 100%, .15)}@utility z-backdrop{z-index: 98;}@utility z-popover{z-index: 99;}@utility z-dialog{z-index: 99;}@utility z-header{z-index: 60;}@utility z-drawer{z-index: 60;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"]));@custom-variant light (&:where(.light,.light *,[data-theme="light"]));@custom-variant uig-has-start-content (&:is(:where(.group[data-has-start-content=true]) &));@custom-variant uig-has-end-content (&:is(:where(.group[data-has-end-content=true]) &));@custom-variant uig-has-label (&:is(:where(.group[data-has-label=true]) &));@custom-variant ui-hover (&:not(:disabled):hover);@custom-variant uig-hover (&:is(:where(.group[data-hovered=true]) &));@custom-variant ui-selected (&[data-selected=true]);@custom-variant uig-selected (&:is(:where(.group[data-selected=true]) &));@custom-variant ui-checked (&[data-checked=true]);@custom-variant uig-checked (&:is(:where(.group[data-checked=true]) &));@custom-variant ui-focus (&[data-focused=true]);@custom-variant uig-focus (&:is(:where(.group[data-focused=true]) &));@custom-variant ui-pressed (&[data-pressed=true]);@custom-variant uig-pressed (&:is(:where(.group[data-pressed=true]) &));@custom-variant ui-active (&[data-active=true]);@custom-variant uig-active (&:is(:where(.group[data-active=true]) &));@custom-variant ui-open (&[data-open=true]);@custom-variant uig-open (&:is(:where(.group[data-open=true]) &));@custom-variant ui-interactive (&[data-interactive=true]);@custom-variant uig-interactive (&:is(:where(.group[data-interactive=true]) &));@custom-variant ui-loaded (&[data-loaded=true]);@custom-variant ui-filled-within (&[data-filled-within=true]);@custom-variant uig-filled-within (&:is(:where(.group[data-filled-within=true]) &));@custom-variant ui-focus-visible (&[data-focus-visible=true]);@custom-variant ui-readonly (&[data-readonly=true]);@custom-variant uig-readonly (&:is(:where(.group[data-readonly=true]) &));@custom-variant ui-disabled (&[data-disabled=true]);@custom-variant uig-disabled (&:is(:where(.group[data-disabled=true]) &));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jamsrui/theme",
3
- "version": "0.0.10",
3
+ "version": "0.0.12",
4
4
  "exports": {
5
5
  ".": {
6
6
  "types": "./dist/index.d.ts",