@jamsrui/theme 0.0.18 → 0.0.19
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/styles.css +1 -1
- package/dist/themes/default/index.css +1 -1
- package/dist/themes/shared.css +1 -1
- package/dist/utilities.css +1 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"tailwindcss";@layer theme{@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-foreground-secondary: color-mix(in oklab, var(--color-foreground) 70%, var(--background) 30%); --color-foreground-tertiary: color-mix(in oklab, var(--color-foreground) 60%, var(--background) 40%); --color-foreground-quaternary: color-mix(in oklab, var(--color-foreground) 50%, var(--background) 50%); --color-surface: var(--surface); --color-surface-foreground: var(--surface-foreground); --color-surface-hover: color-mix(in oklab, var(--color-surface) 90%, var(--color-surface-foreground) 10%); --color-surface-secondary: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%); --color-surface-tertiary: color-mix(in oklab, var(--surface) 88%, var(--surface-foreground) 12%); --color-surface-quaternary: color-mix(in oklab, var(--surface) 82%, var(--surface-foreground) 18%); --color-default: var(--default); --color-default-foreground: var(--default-foreground); --color-default-hover: color-mix(in oklab, var(--color-default) 90%, var(--foreground) 10%); --color-default-active: color-mix(in oklab, var(--color-default) 85%, var(--foreground) 20%); --color-default-border: color-mix(in oklab, var(--color-default) 80%, var(--foreground) 20%); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: color-mix(in oklab, var(--color-primary) 90%, var(--foreground) 10%); --color-primary-active: color-mix(in oklab, var(--color-primary) 85%, var(--foreground) 20%); --color-primary-border: color-mix(in oklab, var(--color-primary) 80%, var(--foreground) 20%); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-secondary-hover: color-mix(in oklab, var(--color-secondary) 90%, var(--foreground) 10%); --color-secondary-active: color-mix(in oklab, var(--color-secondary) 85%, var(--foreground) 20%); --color-secondary-border: color-mix(in oklab, var(--color-secondary) 80%, var(--foreground) 20%); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-success-hover: color-mix(in oklab, var(--color-success) 90%, var(--foreground) 10%); --color-success-active: color-mix(in oklab, var(--color-success) 85%, var(--foreground) 20%); --color-success-border: color-mix(in oklab, var(--color-success) 80%, var(--foreground) 20%); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-warning-hover: color-mix(in oklab, var(--color-warning) 90%, var(--foreground) 10%); --color-warning-active: color-mix(in oklab, var(--color-warning) 85%, var(--foreground) 15%); --color-warning-border: color-mix(in oklab, var(--color-warning) 80%, var(--foreground) 20%); --color-danger: var(--danger); --color-danger-foreground: var(--danger-foreground); --color-danger-hover: color-mix(in oklab, var(--color-danger) 90%, var(--foreground) 10%); --color-danger-active: color-mix(in oklab, var(--color-danger) 85%, var(--foreground) 15%); --color-danger-border: color-mix(in oklab, var(--color-danger) 80%, var(--foreground) 20%); --color-default-soft: color-mix(in oklab, var(--color-default) 15%, transparent); --color-default-soft-foreground: var(--color-account); --color-default-soft-hover: color-mix(in oklab, var(--color-default) 20%, transparent); --color-default-soft-active: color-mix(in oklab, var(--color-default) 25%, transparent); --color-default-soft-border: color-mix(in oklab, var(--color-default) 30%, transparent); --color-primary-soft: color-mix(in oklab, var(--color-primary) 15%, transparent); --color-primary-soft-foreground: var(--color-account); --color-primary-soft-hover: color-mix(in oklab, var(--color-primary) 20%, transparent); --color-primary-soft-active: color-mix(in oklab, var(--color-primary) 25%, transparent); --color-primary-soft-border: color-mix(in oklab, var(--color-primary) 30%, transparent); --color-secondary-soft: color-mix(in oklab, var(--color-secondary) 15%, transparent); --color-secondary-soft-foreground: var(--color-account); --color-secondary-soft-hover: color-mix(in oklab, var(--color-secondary) 20%, transparent); --color-secondary-soft-active: color-mix(in oklab, var(--color-secondary) 25%, transparent); --color-secondary-soft-border: color-mix(in oklab, var(--color-secondary) 30%, transparent); --color-success-soft: color-mix(in oklab, var(--color-success) 15%, transparent); --color-success-soft-foreground: var(--color-account); --color-success-soft-hover: color-mix(in oklab, var(--color-success) 20%, transparent); --color-success-soft-active: color-mix(in oklab, var(--color-success) 25%, transparent); --color-success-soft-border: color-mix(in oklab, var(--color-success) 30%, transparent); --color-warning-soft: color-mix(in oklab, var(--color-warning) 15%, transparent); --color-warning-soft-foreground: var(--color-account); --color-warning-soft-hover: color-mix(in oklab, var(--color-warning) 20%, transparent); --color-warning-soft-active: color-mix(in oklab, var(--color-warning) 25%, transparent); --color-warning-soft-border: color-mix(in oklab, var(--color-warning) 30%, transparent); --color-danger-soft: color-mix(in oklab, var(--color-danger) 15%, transparent); --color-danger-soft-foreground: var(--color-account); --color-danger-soft-hover: color-mix(in oklab, var(--color-danger) 20%, transparent); --color-danger-soft-active: color-mix(in oklab, var(--color-danger) 25%, transparent); --color-danger-soft-border: color-mix(in oklab, var(--color-danger) 30%, transparent); --color-border: var(--border); --color-border-light: color-mix(in oklab, var(--color-border) 20%, transparent 80%); --color-border-dark: color-mix(in oklab, var(--color-border) 80%, transparent 20%); --color-separator: var(--separator); --color-focus: var(--focus); --color-link: var(--link); --color-foreground-link: var(--link); --color-background-secondary: color-mix(in oklab, var(--color-background) 90%, var(--color-foreground) 10%); --color-background-tertiary: color-mix(in oklab, var(--color-background) 80%, var(--color-foreground) 20%); --color-background-quaternary: color-mix(in oklab, var(--color-background) 70%, var(--color-foreground) 30%); --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --text-2xs: var(--fs-2xs); --text-xs: var(--fs-xs); --text-sm: var(--fs-sm); --text-base: var(--fs-base); --text-md: var(--fs-md); --text-lg: var(--fs-lg); --text-xl: var(--fs-xl); --text-2xl: var(--fs-2xl); --text-3xl: var(--fs-3xl); --text-4xl: var(--fs-4xl); --text-5xl: var(--fs-5xl); @keyframes ripple { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(4); opacity: 0; } } @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @keyframes shimmer { 100% { transform: translateX(100%); } } }}@layer theme{@layer theme{:root,html,body{@apply bg-background text-foreground;}@layer base{:root{--white: oklch(100% 0 0);--black: oklch(0% 0 0);--cursor-interactive: default;--cursor-disabled: not-allowed;--opacity-disabled: .5;--fs-2xs: clamp(.66rem, -.08vi + .68rem, .58rem);--fs-xs: clamp(.72rem, -.03vi + .73rem, .69rem);--fs-sm: clamp(.8rem, .04vi + .79rem, .83rem);--fs-base: clamp(.82rem, .13vi + .84rem, .9rem);--fs-md: clamp(.9rem, .13vi + .84rem, 1.05rem);--fs-lg: clamp(.96rem, .25vi + .9rem, 1.2rem);--fs-xl: clamp(1.06rem, .4vi + .96rem, 1.44rem);--fs-2xl: clamp(1.16rem, .59vi + 1.02rem, 1.73rem);--fs-3xl: clamp(1.28rem, .83vi + 1.07rem, 2.07rem);--fs-4xl: clamp(1.41rem, 1.14vi + 1.13rem, 2.49rem);--fs-5xl: clamp(1.55rem, 1.51vi + 1.17rem, 2.99rem)}}@layer base{:root,.light,[data-theme=light]{color-scheme:light;--background: oklch(.9702 0 0);--foreground: oklch(.1611 0 0);--surface: oklch(1 0 0);--surface-foreground: oklch(.1611 0 0);--default: oklch(.8235 0 0);--default-foreground: oklch(.1611 0 0);--primary: oklch(.5461 .2153 262.944);--primary-foreground: oklch(.9702 0 0);--secondary: oklch(.5412 .247 293.008);--secondary-foreground: oklch(.9702 0 0);--success: oklch(.6275 .1701 149.248);--success-foreground: oklch(.9702 0 0);--warning: oklch(78.363% .16039 82.856);--warning-foreground: oklch(.1611 0 0);--danger: oklch(.5765 .2153 27.328);--danger-foreground: oklch(.9702 0 0);--border: oklch(.8235 0 0);--separator: oklch(.8235 0 0);--focus: oklch(.5461 .2153 262.944);--link: oklch(.5461 .2153 262.944)}.dark,[data-theme=dark]{color-scheme:dark;--background: oklch(12% .005 285.823);--foreground: oklch(.9702 0 0);--snow: oklch(.9911 0 0);--eclipse: oklch(.2103 .0059 285.89);--surface: oklch(.2103 .0059 285.89);--surface-foreground: var(--foreground);--default: oklch(27.4% .006 286.033);--default-foreground: var(--snow);--primary: oklch(.6204 .195 253.83);--primary-foreground: var(--snow);--secondary: oklch(.7015 .247 293.008);--secondary-foreground: var(--snow);--success: oklch(.7329 .1935 150.81);--success-foreground: var(--eclipse);--warning: oklch(79.998% .13813 68.89);--warning-foreground: var(--eclipse);--danger: oklch(.594 .1967 24.63);--danger-foreground: var(--snow);--border: oklch(30% 0 0);--separator: oklch(22% .006 286.033);--focus: var(--primary);--link: var(--primary)}}}}@layer theme;@utility opacity-disabled{opacity: var(--opacity-disabled);}@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 status-disabled{opacity: var(--opacity-disabled); cursor: var(--cursor-disabled); pointer-events: not-allowed;}@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
|
+
@import"tailwindcss";@layer theme{@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-foreground-secondary: color-mix(in oklab, var(--foreground) 70%, var(--background) 30%); --color-foreground-tertiary: color-mix(in oklab, var(--foreground) 60%, var(--background) 40%); --color-foreground-quaternary: color-mix(in oklab, var(--foreground) 50%, var(--background) 50%); --color-surface: var(--surface); --color-surface-foreground: var(--surface-foreground); --color-surface-hover: color-mix(in oklab, var(--surface) 90%, var(--surface-foreground) 10%); --color-surface-secondary: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%); --color-surface-tertiary: color-mix(in oklab, var(--surface) 88%, var(--surface-foreground) 12%); --color-surface-quaternary: color-mix(in oklab, var(--surface) 82%, var(--surface-foreground) 18%); --color-default: var(--default); --color-default-foreground: var(--default-foreground); --color-default-hover: color-mix(in oklab, var(--default) 90%, var(--foreground) 10%); --color-default-active: color-mix(in oklab, var(--default) 85%, var(--foreground) 20%); --color-default-border: color-mix(in oklab, var(--default) 80%, var(--foreground) 20%); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: color-mix(in oklab, var(--primary) 90%, var(--foreground) 10%); --color-primary-active: color-mix(in oklab, var(--primary) 85%, var(--foreground) 20%); --color-primary-border: color-mix(in oklab, var(--primary) 80%, var(--foreground) 20%); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-secondary-hover: color-mix(in oklab, var(--secondary) 90%, var(--foreground) 10%); --color-secondary-active: color-mix(in oklab, var(--secondary) 85%, var(--foreground) 20%); --color-secondary-border: color-mix(in oklab, var(--secondary) 80%, var(--foreground) 20%); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-success-hover: color-mix(in oklab, var(--success) 90%, var(--foreground) 10%); --color-success-active: color-mix(in oklab, var(--success) 85%, var(--foreground) 20%); --color-success-border: color-mix(in oklab, var(--success) 80%, var(--foreground) 20%); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-warning-hover: color-mix(in oklab, var(--warning) 90%, var(--foreground) 10%); --color-warning-active: color-mix(in oklab, var(--warning) 85%, var(--foreground) 15%); --color-warning-border: color-mix(in oklab, var(--warning) 80%, var(--foreground) 20%); --color-danger: var(--danger); --color-danger-foreground: var(--danger-foreground); --color-danger-hover: color-mix(in oklab, var(--danger) 90%, var(--foreground) 10%); --color-danger-active: color-mix(in oklab, var(--danger) 85%, var(--foreground) 15%); --color-danger-border: color-mix(in oklab, var(--danger) 80%, var(--foreground) 20%); --color-default-soft: color-mix(in oklab, var(--default) 15%, transparent); --color-default-soft-foreground: var(--default); --color-default-soft-hover: color-mix(in oklab, var(--default) 20%, transparent); --color-default-soft-active: color-mix(in oklab, var(--default) 25%, transparent); --color-default-soft-border: color-mix(in oklab, var(--default) 30%, transparent); --color-primary-soft: color-mix(in oklab, var(--primary) 15%, transparent); --color-primary-soft-foreground: var(--primary); --color-primary-soft-hover: color-mix(in oklab, var(--primary) 20%, transparent); --color-primary-soft-active: color-mix(in oklab, var(--primary) 25%, transparent); --color-primary-soft-border: color-mix(in oklab, var(--primary) 30%, transparent); --color-secondary-soft: color-mix(in oklab, var(--secondary) 15%, transparent); --color-secondary-soft-foreground: var(--secondary); --color-secondary-soft-hover: color-mix(in oklab, var(--secondary) 20%, transparent); --color-secondary-soft-active: color-mix(in oklab, var(--secondary) 25%, transparent); --color-secondary-soft-border: color-mix(in oklab, var(--secondary) 30%, transparent); --color-success-soft: color-mix(in oklab, var(--success) 15%, transparent); --color-success-soft-foreground: var(--success); --color-success-soft-hover: color-mix(in oklab, var(--success) 20%, transparent); --color-success-soft-active: color-mix(in oklab, var(--success) 25%, transparent); --color-success-soft-border: color-mix(in oklab, var(--success) 30%, transparent); --color-warning-soft: color-mix(in oklab, var(--warning) 15%, transparent); --color-warning-soft-foreground: var(--warning); --color-warning-soft-hover: color-mix(in oklab, var(--warning) 20%, transparent); --color-warning-soft-active: color-mix(in oklab, var(--warning) 25%, transparent); --color-warning-soft-border: color-mix(in oklab, var(--warning) 30%, transparent); --color-danger-soft: color-mix(in oklab, var(--danger) 15%, transparent); --color-danger-soft-foreground: var(--danger); --color-danger-soft-hover: color-mix(in oklab, var(--danger) 20%, transparent); --color-danger-soft-active: color-mix(in oklab, var(--danger) 25%, transparent); --color-danger-soft-border: color-mix(in oklab, var(--danger) 30%, transparent); --color-border: var(--border); --color-border-light: color-mix(in oklab, var(--border) 20%, transparent 80%); --color-border-dark: color-mix(in oklab, var(--border) 80%, transparent 20%); --color-separator: var(--separator); --color-focus: var(--focus); --color-link: var(--link); --color-foreground-link: var(--link); --color-background-secondary: color-mix(in oklab, var(--background) 90%, var(--foreground) 10%); --color-background-tertiary: color-mix(in oklab, var(--background) 80%, var(--foreground) 20%); --color-background-quaternary: color-mix(in oklab, var(--background) 70%, var(--foreground) 30%); --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --text-2xs: var(--fs-2xs); --text-xs: var(--fs-xs); --text-sm: var(--fs-sm); --text-base: var(--fs-base); --text-md: var(--fs-md); --text-lg: var(--fs-lg); --text-xl: var(--fs-xl); --text-2xl: var(--fs-2xl); --text-3xl: var(--fs-3xl); --text-4xl: var(--fs-4xl); --text-5xl: var(--fs-5xl); @keyframes ripple { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(4); opacity: 0; } } @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @keyframes shimmer { 100% { transform: translateX(100%); } } }}@layer theme{@layer theme{:root,html,body{@apply bg-background text-foreground;}@layer base{:root{--white: oklch(100% 0 0);--black: oklch(0% 0 0);--cursor-interactive: default;--cursor-disabled: not-allowed;--opacity-disabled: .5;--fs-2xs: clamp(.66rem, -.08vi + .68rem, .58rem);--fs-xs: clamp(.72rem, -.03vi + .73rem, .69rem);--fs-sm: clamp(.8rem, .04vi + .79rem, .83rem);--fs-base: clamp(.82rem, .13vi + .84rem, .9rem);--fs-md: clamp(.9rem, .13vi + .84rem, 1.05rem);--fs-lg: clamp(.96rem, .25vi + .9rem, 1.2rem);--fs-xl: clamp(1.06rem, .4vi + .96rem, 1.44rem);--fs-2xl: clamp(1.16rem, .59vi + 1.02rem, 1.73rem);--fs-3xl: clamp(1.28rem, .83vi + 1.07rem, 2.07rem);--fs-4xl: clamp(1.41rem, 1.14vi + 1.13rem, 2.49rem);--fs-5xl: clamp(1.55rem, 1.51vi + 1.17rem, 2.99rem)}}@layer base{:root,.light,[data-theme=light]{color-scheme:light;--background: oklch(.9702 0 0);--foreground: oklch(.1611 0 0);--surface: oklch(1 0 0);--surface-foreground: oklch(.1611 0 0);--default: oklch(.8235 0 0);--default-foreground: oklch(.1611 0 0);--primary: oklch(.5461 .2153 262.944);--primary-foreground: oklch(.9702 0 0);--secondary: oklch(.5412 .247 293.008);--secondary-foreground: oklch(.9702 0 0);--success: oklch(.6275 .1701 149.248);--success-foreground: oklch(.9702 0 0);--warning: oklch(78.363% .16039 82.856);--warning-foreground: oklch(.1611 0 0);--danger: oklch(.5765 .2153 27.328);--danger-foreground: oklch(.9702 0 0);--border: oklch(.8235 0 0);--separator: oklch(.8235 0 0);--focus: oklch(.5461 .2153 262.944);--link: oklch(.5461 .2153 262.944)}.dark,[data-theme=dark]{color-scheme:dark;--background: oklch(12% .005 285.823);--foreground: oklch(.9702 0 0);--snow: oklch(.9911 0 0);--eclipse: oklch(.2103 .0059 285.89);--surface: oklch(.2103 .0059 285.89);--surface-foreground: var(--foreground);--default: oklch(27.4% .006 286.033);--default-foreground: var(--snow);--primary: oklch(.6204 .195 253.83);--primary-foreground: var(--snow);--secondary: oklch(.7015 .247 293.008);--secondary-foreground: var(--snow);--success: oklch(.7329 .1935 150.81);--success-foreground: var(--eclipse);--warning: oklch(79.998% .13813 68.89);--warning-foreground: var(--eclipse);--danger: oklch(.594 .1967 24.63);--danger-foreground: var(--snow);--border: oklch(30% 0 0);--separator: oklch(22% .006 286.033);--focus: var(--primary);--link: var(--primary)}}}}@layer theme;@utility opacity-disabled{opacity: var(--opacity-disabled);}@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 status-disabled{opacity: var(--opacity-disabled); cursor: var(--cursor-disabled); pointer-events: not-allowed;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:is(.dark,.dark *,[data-theme="dark"],[data-theme="dark"] *));@custom-variant light (&:is(.light,.light *,[data-theme="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 +1 @@
|
|
|
1
|
-
@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-foreground-secondary: color-mix(in oklab, var(--
|
|
1
|
+
@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-foreground-secondary: color-mix(in oklab, var(--foreground) 70%, var(--background) 30%); --color-foreground-tertiary: color-mix(in oklab, var(--foreground) 60%, var(--background) 40%); --color-foreground-quaternary: color-mix(in oklab, var(--foreground) 50%, var(--background) 50%); --color-surface: var(--surface); --color-surface-foreground: var(--surface-foreground); --color-surface-hover: color-mix(in oklab, var(--surface) 90%, var(--surface-foreground) 10%); --color-surface-secondary: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%); --color-surface-tertiary: color-mix(in oklab, var(--surface) 88%, var(--surface-foreground) 12%); --color-surface-quaternary: color-mix(in oklab, var(--surface) 82%, var(--surface-foreground) 18%); --color-default: var(--default); --color-default-foreground: var(--default-foreground); --color-default-hover: color-mix(in oklab, var(--default) 90%, var(--foreground) 10%); --color-default-active: color-mix(in oklab, var(--default) 85%, var(--foreground) 20%); --color-default-border: color-mix(in oklab, var(--default) 80%, var(--foreground) 20%); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: color-mix(in oklab, var(--primary) 90%, var(--foreground) 10%); --color-primary-active: color-mix(in oklab, var(--primary) 85%, var(--foreground) 20%); --color-primary-border: color-mix(in oklab, var(--primary) 80%, var(--foreground) 20%); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-secondary-hover: color-mix(in oklab, var(--secondary) 90%, var(--foreground) 10%); --color-secondary-active: color-mix(in oklab, var(--secondary) 85%, var(--foreground) 20%); --color-secondary-border: color-mix(in oklab, var(--secondary) 80%, var(--foreground) 20%); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-success-hover: color-mix(in oklab, var(--success) 90%, var(--foreground) 10%); --color-success-active: color-mix(in oklab, var(--success) 85%, var(--foreground) 20%); --color-success-border: color-mix(in oklab, var(--success) 80%, var(--foreground) 20%); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-warning-hover: color-mix(in oklab, var(--warning) 90%, var(--foreground) 10%); --color-warning-active: color-mix(in oklab, var(--warning) 85%, var(--foreground) 15%); --color-warning-border: color-mix(in oklab, var(--warning) 80%, var(--foreground) 20%); --color-danger: var(--danger); --color-danger-foreground: var(--danger-foreground); --color-danger-hover: color-mix(in oklab, var(--danger) 90%, var(--foreground) 10%); --color-danger-active: color-mix(in oklab, var(--danger) 85%, var(--foreground) 15%); --color-danger-border: color-mix(in oklab, var(--danger) 80%, var(--foreground) 20%); --color-default-soft: color-mix(in oklab, var(--default) 15%, transparent); --color-default-soft-foreground: var(--default); --color-default-soft-hover: color-mix(in oklab, var(--default) 20%, transparent); --color-default-soft-active: color-mix(in oklab, var(--default) 25%, transparent); --color-default-soft-border: color-mix(in oklab, var(--default) 30%, transparent); --color-primary-soft: color-mix(in oklab, var(--primary) 15%, transparent); --color-primary-soft-foreground: var(--primary); --color-primary-soft-hover: color-mix(in oklab, var(--primary) 20%, transparent); --color-primary-soft-active: color-mix(in oklab, var(--primary) 25%, transparent); --color-primary-soft-border: color-mix(in oklab, var(--primary) 30%, transparent); --color-secondary-soft: color-mix(in oklab, var(--secondary) 15%, transparent); --color-secondary-soft-foreground: var(--secondary); --color-secondary-soft-hover: color-mix(in oklab, var(--secondary) 20%, transparent); --color-secondary-soft-active: color-mix(in oklab, var(--secondary) 25%, transparent); --color-secondary-soft-border: color-mix(in oklab, var(--secondary) 30%, transparent); --color-success-soft: color-mix(in oklab, var(--success) 15%, transparent); --color-success-soft-foreground: var(--success); --color-success-soft-hover: color-mix(in oklab, var(--success) 20%, transparent); --color-success-soft-active: color-mix(in oklab, var(--success) 25%, transparent); --color-success-soft-border: color-mix(in oklab, var(--success) 30%, transparent); --color-warning-soft: color-mix(in oklab, var(--warning) 15%, transparent); --color-warning-soft-foreground: var(--warning); --color-warning-soft-hover: color-mix(in oklab, var(--warning) 20%, transparent); --color-warning-soft-active: color-mix(in oklab, var(--warning) 25%, transparent); --color-warning-soft-border: color-mix(in oklab, var(--warning) 30%, transparent); --color-danger-soft: color-mix(in oklab, var(--danger) 15%, transparent); --color-danger-soft-foreground: var(--danger); --color-danger-soft-hover: color-mix(in oklab, var(--danger) 20%, transparent); --color-danger-soft-active: color-mix(in oklab, var(--danger) 25%, transparent); --color-danger-soft-border: color-mix(in oklab, var(--danger) 30%, transparent); --color-border: var(--border); --color-border-light: color-mix(in oklab, var(--border) 20%, transparent 80%); --color-border-dark: color-mix(in oklab, var(--border) 80%, transparent 20%); --color-separator: var(--separator); --color-focus: var(--focus); --color-link: var(--link); --color-foreground-link: var(--link); --color-background-secondary: color-mix(in oklab, var(--background) 90%, var(--foreground) 10%); --color-background-tertiary: color-mix(in oklab, var(--background) 80%, var(--foreground) 20%); --color-background-quaternary: color-mix(in oklab, var(--background) 70%, var(--foreground) 30%); --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --text-2xs: var(--fs-2xs); --text-xs: var(--fs-xs); --text-sm: var(--fs-sm); --text-base: var(--fs-base); --text-md: var(--fs-md); --text-lg: var(--fs-lg); --text-xl: var(--fs-xl); --text-2xl: var(--fs-2xl); --text-3xl: var(--fs-3xl); --text-4xl: var(--fs-4xl); --text-5xl: var(--fs-5xl); @keyframes ripple { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(4); opacity: 0; } } @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @keyframes shimmer { 100% { transform: translateX(100%); } } }@layer theme{:root,html,body{@apply bg-background text-foreground;}@layer base{:root{--white: oklch(100% 0 0);--black: oklch(0% 0 0);--cursor-interactive: default;--cursor-disabled: not-allowed;--opacity-disabled: .5;--fs-2xs: clamp(.66rem, -.08vi + .68rem, .58rem);--fs-xs: clamp(.72rem, -.03vi + .73rem, .69rem);--fs-sm: clamp(.8rem, .04vi + .79rem, .83rem);--fs-base: clamp(.82rem, .13vi + .84rem, .9rem);--fs-md: clamp(.9rem, .13vi + .84rem, 1.05rem);--fs-lg: clamp(.96rem, .25vi + .9rem, 1.2rem);--fs-xl: clamp(1.06rem, .4vi + .96rem, 1.44rem);--fs-2xl: clamp(1.16rem, .59vi + 1.02rem, 1.73rem);--fs-3xl: clamp(1.28rem, .83vi + 1.07rem, 2.07rem);--fs-4xl: clamp(1.41rem, 1.14vi + 1.13rem, 2.49rem);--fs-5xl: clamp(1.55rem, 1.51vi + 1.17rem, 2.99rem)}}@layer base{:root,.light,[data-theme=light]{color-scheme:light;--background: oklch(.9702 0 0);--foreground: oklch(.1611 0 0);--surface: oklch(1 0 0);--surface-foreground: oklch(.1611 0 0);--default: oklch(.8235 0 0);--default-foreground: oklch(.1611 0 0);--primary: oklch(.5461 .2153 262.944);--primary-foreground: oklch(.9702 0 0);--secondary: oklch(.5412 .247 293.008);--secondary-foreground: oklch(.9702 0 0);--success: oklch(.6275 .1701 149.248);--success-foreground: oklch(.9702 0 0);--warning: oklch(78.363% .16039 82.856);--warning-foreground: oklch(.1611 0 0);--danger: oklch(.5765 .2153 27.328);--danger-foreground: oklch(.9702 0 0);--border: oklch(.8235 0 0);--separator: oklch(.8235 0 0);--focus: oklch(.5461 .2153 262.944);--link: oklch(.5461 .2153 262.944)}.dark,[data-theme=dark]{color-scheme:dark;--background: oklch(12% .005 285.823);--foreground: oklch(.9702 0 0);--snow: oklch(.9911 0 0);--eclipse: oklch(.2103 .0059 285.89);--surface: oklch(.2103 .0059 285.89);--surface-foreground: var(--foreground);--default: oklch(27.4% .006 286.033);--default-foreground: var(--snow);--primary: oklch(.6204 .195 253.83);--primary-foreground: var(--snow);--secondary: oklch(.7015 .247 293.008);--secondary-foreground: var(--snow);--success: oklch(.7329 .1935 150.81);--success-foreground: var(--eclipse);--warning: oklch(79.998% .13813 68.89);--warning-foreground: var(--eclipse);--danger: oklch(.594 .1967 24.63);--danger-foreground: var(--snow);--border: oklch(30% 0 0);--separator: oklch(22% .006 286.033);--focus: var(--primary);--link: var(--primary)}}}
|
package/dist/themes/shared.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-foreground-secondary: color-mix(in oklab, var(--
|
|
1
|
+
@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-foreground-secondary: color-mix(in oklab, var(--foreground) 70%, var(--background) 30%); --color-foreground-tertiary: color-mix(in oklab, var(--foreground) 60%, var(--background) 40%); --color-foreground-quaternary: color-mix(in oklab, var(--foreground) 50%, var(--background) 50%); --color-surface: var(--surface); --color-surface-foreground: var(--surface-foreground); --color-surface-hover: color-mix(in oklab, var(--surface) 90%, var(--surface-foreground) 10%); --color-surface-secondary: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%); --color-surface-tertiary: color-mix(in oklab, var(--surface) 88%, var(--surface-foreground) 12%); --color-surface-quaternary: color-mix(in oklab, var(--surface) 82%, var(--surface-foreground) 18%); --color-default: var(--default); --color-default-foreground: var(--default-foreground); --color-default-hover: color-mix(in oklab, var(--default) 90%, var(--foreground) 10%); --color-default-active: color-mix(in oklab, var(--default) 85%, var(--foreground) 20%); --color-default-border: color-mix(in oklab, var(--default) 80%, var(--foreground) 20%); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: color-mix(in oklab, var(--primary) 90%, var(--foreground) 10%); --color-primary-active: color-mix(in oklab, var(--primary) 85%, var(--foreground) 20%); --color-primary-border: color-mix(in oklab, var(--primary) 80%, var(--foreground) 20%); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-secondary-hover: color-mix(in oklab, var(--secondary) 90%, var(--foreground) 10%); --color-secondary-active: color-mix(in oklab, var(--secondary) 85%, var(--foreground) 20%); --color-secondary-border: color-mix(in oklab, var(--secondary) 80%, var(--foreground) 20%); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-success-hover: color-mix(in oklab, var(--success) 90%, var(--foreground) 10%); --color-success-active: color-mix(in oklab, var(--success) 85%, var(--foreground) 20%); --color-success-border: color-mix(in oklab, var(--success) 80%, var(--foreground) 20%); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-warning-hover: color-mix(in oklab, var(--warning) 90%, var(--foreground) 10%); --color-warning-active: color-mix(in oklab, var(--warning) 85%, var(--foreground) 15%); --color-warning-border: color-mix(in oklab, var(--warning) 80%, var(--foreground) 20%); --color-danger: var(--danger); --color-danger-foreground: var(--danger-foreground); --color-danger-hover: color-mix(in oklab, var(--danger) 90%, var(--foreground) 10%); --color-danger-active: color-mix(in oklab, var(--danger) 85%, var(--foreground) 15%); --color-danger-border: color-mix(in oklab, var(--danger) 80%, var(--foreground) 20%); --color-default-soft: color-mix(in oklab, var(--default) 15%, transparent); --color-default-soft-foreground: var(--default); --color-default-soft-hover: color-mix(in oklab, var(--default) 20%, transparent); --color-default-soft-active: color-mix(in oklab, var(--default) 25%, transparent); --color-default-soft-border: color-mix(in oklab, var(--default) 30%, transparent); --color-primary-soft: color-mix(in oklab, var(--primary) 15%, transparent); --color-primary-soft-foreground: var(--primary); --color-primary-soft-hover: color-mix(in oklab, var(--primary) 20%, transparent); --color-primary-soft-active: color-mix(in oklab, var(--primary) 25%, transparent); --color-primary-soft-border: color-mix(in oklab, var(--primary) 30%, transparent); --color-secondary-soft: color-mix(in oklab, var(--secondary) 15%, transparent); --color-secondary-soft-foreground: var(--secondary); --color-secondary-soft-hover: color-mix(in oklab, var(--secondary) 20%, transparent); --color-secondary-soft-active: color-mix(in oklab, var(--secondary) 25%, transparent); --color-secondary-soft-border: color-mix(in oklab, var(--secondary) 30%, transparent); --color-success-soft: color-mix(in oklab, var(--success) 15%, transparent); --color-success-soft-foreground: var(--success); --color-success-soft-hover: color-mix(in oklab, var(--success) 20%, transparent); --color-success-soft-active: color-mix(in oklab, var(--success) 25%, transparent); --color-success-soft-border: color-mix(in oklab, var(--success) 30%, transparent); --color-warning-soft: color-mix(in oklab, var(--warning) 15%, transparent); --color-warning-soft-foreground: var(--warning); --color-warning-soft-hover: color-mix(in oklab, var(--warning) 20%, transparent); --color-warning-soft-active: color-mix(in oklab, var(--warning) 25%, transparent); --color-warning-soft-border: color-mix(in oklab, var(--warning) 30%, transparent); --color-danger-soft: color-mix(in oklab, var(--danger) 15%, transparent); --color-danger-soft-foreground: var(--danger); --color-danger-soft-hover: color-mix(in oklab, var(--danger) 20%, transparent); --color-danger-soft-active: color-mix(in oklab, var(--danger) 25%, transparent); --color-danger-soft-border: color-mix(in oklab, var(--danger) 30%, transparent); --color-border: var(--border); --color-border-light: color-mix(in oklab, var(--border) 20%, transparent 80%); --color-border-dark: color-mix(in oklab, var(--border) 80%, transparent 20%); --color-separator: var(--separator); --color-focus: var(--focus); --color-link: var(--link); --color-foreground-link: var(--link); --color-background-secondary: color-mix(in oklab, var(--background) 90%, var(--foreground) 10%); --color-background-tertiary: color-mix(in oklab, var(--background) 80%, var(--foreground) 20%); --color-background-quaternary: color-mix(in oklab, var(--background) 70%, var(--foreground) 30%); --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --text-2xs: var(--fs-2xs); --text-xs: var(--fs-xs); --text-sm: var(--fs-sm); --text-base: var(--fs-base); --text-md: var(--fs-md); --text-lg: var(--fs-lg); --text-xl: var(--fs-xl); --text-2xl: var(--fs-2xl); --text-3xl: var(--fs-3xl); --text-4xl: var(--fs-4xl); --text-5xl: var(--fs-5xl); @keyframes ripple { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(4); opacity: 0; } } @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @keyframes shimmer { 100% { transform: translateX(100%); } } }
|
package/dist/utilities.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@utility opacity-disabled{opacity: var(--opacity-disabled);}@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 status-disabled{opacity: var(--opacity-disabled); cursor: var(--cursor-disabled); pointer-events: not-allowed;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:
|
|
1
|
+
@utility opacity-disabled{opacity: var(--opacity-disabled);}@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 status-disabled{opacity: var(--opacity-disabled); cursor: var(--cursor-disabled); pointer-events: not-allowed;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:is(.dark,.dark *,[data-theme="dark"],[data-theme="dark"] *));@custom-variant light (&:is(.light,.light *,[data-theme="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]) &));
|