@jamsrui/theme 0.0.12 → 0.0.14
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/dist/premium.css +1 -1
- 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-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]) &));
|
|
1
|
+
@theme{ --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; --animate-caret-blink: caret-blink 1.2s ease-out infinite; @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } }@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]) &));
|