@invopop/popui 0.1.81 → 0.1.83
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.
|
@@ -10,8 +10,10 @@
|
|
|
10
10
|
'size-5 rounded-md': size === 'md',
|
|
11
11
|
'bg-background-default-secondary border-border-default-secondary shadow-shortcut text-foreground-default-secondary':
|
|
12
12
|
theme === 'light',
|
|
13
|
-
'
|
|
14
|
-
theme === 'navigation'
|
|
13
|
+
'border-border-inverse-secondary shadow-shortcut-inverse text-foreground-inverse-secondary':
|
|
14
|
+
theme === 'navigation' && size === 'sm',
|
|
15
|
+
'bg-[rgba(255,255,255,0.05)] border-[rgba(255,255,255,0.1)] shadow-[0px_1px_0px_0px_rgba(255,255,255,0.15)] text-foreground-inverse-secondary':
|
|
16
|
+
theme === 'navigation' && size === 'md'
|
|
15
17
|
})
|
|
16
18
|
)
|
|
17
19
|
</script>
|
package/dist/tailwind.theme.css
CHANGED
|
@@ -601,6 +601,9 @@
|
|
|
601
601
|
--color-background-default-accent: var(--color-brand-50);
|
|
602
602
|
--color-background-default-negative: var(--color-neutral-100);
|
|
603
603
|
|
|
604
|
+
--color-background-inverse-default: var(--color-neutral-alpha-5);
|
|
605
|
+
--color-background-inverse-secondary: var(--color-neutral-white-alpha-100);
|
|
606
|
+
|
|
604
607
|
--color-background-selected-default: var(--color-accent-alpha-10);
|
|
605
608
|
--color-background-selected-default-hover: var(--color-accent-alpha-20);
|
|
606
609
|
--color-background-selected-default-press: var(--color-accent-alpha-30);
|
|
@@ -731,6 +734,8 @@
|
|
|
731
734
|
/* Background */
|
|
732
735
|
--color-background: var(--color-background-default-default);
|
|
733
736
|
|
|
737
|
+
--color-background-inverse: var(--color-background-inverse-default);
|
|
738
|
+
|
|
734
739
|
--color-background-selected: var(--color-background-selected-default);
|
|
735
740
|
--color-background-selected-hover: var(--color-background-selected-default-hover);
|
|
736
741
|
--color-background-selected-press: var(--color-background-selected-default-press);
|
|
@@ -784,6 +789,7 @@
|
|
|
784
789
|
--shadow-lg: 0 8px 30px 0 rgba(10, 10, 10, 0.12);
|
|
785
790
|
--shadow-xl: 0 8px 28px -6px rgba(10, 10, 10, 0.12), 0 18px 88px -4px rgba(10, 10, 10, 0.14);
|
|
786
791
|
--shadow-active: 0px 0px 0px 2px color-mix(in lab, transparent 88%, var(--color-background-accent-default, var(--color-positive-50)));
|
|
792
|
+
--shadow-warning: 0px 0px 0px 2px color-mix(in lab, transparent 88%, var(--color-border-warning-bold, var(--color-warning-50)));
|
|
787
793
|
--shadow-button-default: 0 2px 6px -1px rgba(11, 11, 16, 0.04), 0 -2px 4px 0 rgba(11, 11, 16, 0.04) inset;
|
|
788
794
|
--shadow-button-primary: 0 -4px 4px 0 rgba(11, 11, 16, 0.12) inset, 0 1px 1.5px 0 rgba(255, 255, 255, 0.16) inset, 0 2px 4px -1px rgba(11, 11, 16, 0.08);
|
|
789
795
|
--shadow-button-pressed: 0 2px 6px 0 rgba(11, 11, 16, 0.16) inset, 0 -2px 5px -2px rgba(255, 255, 255, 0.25) inset;
|
|
@@ -886,6 +892,9 @@
|
|
|
886
892
|
--color-background-default-accent: var(--color-neutral-white-alpha-10);
|
|
887
893
|
--color-background-default-negative: var(--color-neutral-100);
|
|
888
894
|
|
|
895
|
+
--color-background-inverse-default: var(--color-neutral-90);
|
|
896
|
+
--color-background-inverse-secondary: var(--color-neutral-white-alpha-5);
|
|
897
|
+
|
|
889
898
|
--color-background-selected-default: var(--color-accent-alpha-20);
|
|
890
899
|
--color-background-selected-default-hover: var(--color-accent-alpha-30);
|
|
891
900
|
--color-background-selected-default-press: var(--color-accent-alpha-40);
|