@texturehq/edges 1.31.1 → 1.32.0
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/generated/tailwind-tokens-dark.css +11 -0
- package/dist/generated/tailwind-tokens-light.css +15 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +41 -7
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -568,6 +568,17 @@
|
|
|
568
568
|
--font-letterspacing-wide: 0.025em;
|
|
569
569
|
--font-letterspacing-wider: 0.05em;
|
|
570
570
|
--font-letterspacing-widest: 0.1em;
|
|
571
|
+
--elevation-surface-default: #ffffff;
|
|
572
|
+
--elevation-surface-raised: #ffffff;
|
|
573
|
+
--elevation-surface-floating: #ffffff;
|
|
574
|
+
--elevation-surface-overlay: #ffffff;
|
|
575
|
+
--shadow-none: none;
|
|
576
|
+
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.06);
|
|
577
|
+
--shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
578
|
+
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10), 0 2px 4px rgba(0, 0, 0, 0.06);
|
|
579
|
+
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
|
|
580
|
+
--shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.16), 0 8px 16px rgba(0, 0, 0, 0.08);
|
|
581
|
+
--shadow-overflow: 0 4px 12px rgba(0, 0, 0, 0.10);
|
|
571
582
|
--text-display-xl-size: 6rem;
|
|
572
583
|
--text-display-xl-line-height: 1;
|
|
573
584
|
--text-display-xl-letter-spacing: 0;
|
|
@@ -839,6 +850,10 @@
|
|
|
839
850
|
--color-state-exporting-text: #92400e;
|
|
840
851
|
}
|
|
841
852
|
:root {
|
|
853
|
+
--elevation-surface-default: var(--color-background-surface);
|
|
854
|
+
--elevation-surface-raised: var(--color-background-surface);
|
|
855
|
+
--elevation-surface-floating: var(--color-background-surface);
|
|
856
|
+
--elevation-surface-overlay: var(--color-background-surface);
|
|
842
857
|
--text-display-xl-size: var(--font-size-8xl);
|
|
843
858
|
--text-display-xl-letter-spacing: var(--font-letterspacing-normal);
|
|
844
859
|
--text-display-xl-weight: var(--font-weight-medium);
|
|
@@ -1089,6 +1104,17 @@
|
|
|
1089
1104
|
--font-letterspacing-wide: 0.025em;
|
|
1090
1105
|
--font-letterspacing-wider: 0.05em;
|
|
1091
1106
|
--font-letterspacing-widest: 0.1em;
|
|
1107
|
+
--elevation-surface-default: var(--color-background-surface);
|
|
1108
|
+
--elevation-surface-raised: var(--color-background-surface);
|
|
1109
|
+
--elevation-surface-floating: var(--color-background-surface);
|
|
1110
|
+
--elevation-surface-overlay: var(--color-background-surface);
|
|
1111
|
+
--shadow-none: none;
|
|
1112
|
+
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.06);
|
|
1113
|
+
--shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
|
|
1114
|
+
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10), 0 2px 4px rgba(0, 0, 0, 0.06);
|
|
1115
|
+
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
|
|
1116
|
+
--shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.16), 0 8px 16px rgba(0, 0, 0, 0.08);
|
|
1117
|
+
--shadow-overflow: 0 4px 12px rgba(0, 0, 0, 0.10);
|
|
1092
1118
|
--color-background-body: var(--color-gray-950);
|
|
1093
1119
|
--color-background-surface: var(--color-gray-900);
|
|
1094
1120
|
--color-background-muted: var(--color-gray-800);
|
|
@@ -5012,23 +5038,31 @@
|
|
|
5012
5038
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5013
5039
|
}
|
|
5014
5040
|
.shadow-lg {
|
|
5015
|
-
--tw-shadow: 0
|
|
5041
|
+
--tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(0, 0, 0, 0.12)), 0 4px 8px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));
|
|
5016
5042
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5017
5043
|
}
|
|
5018
5044
|
.shadow-md {
|
|
5019
|
-
--tw-shadow: 0 4px
|
|
5045
|
+
--tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0, 0, 0, 0.10)), 0 2px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));
|
|
5020
5046
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5021
5047
|
}
|
|
5022
5048
|
.shadow-none {
|
|
5023
5049
|
--tw-shadow: 0 0 #0000;
|
|
5024
5050
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5025
5051
|
}
|
|
5052
|
+
.shadow-overflow {
|
|
5053
|
+
--tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0, 0, 0, 0.10));
|
|
5054
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5055
|
+
}
|
|
5026
5056
|
.shadow-sm {
|
|
5027
|
-
--tw-shadow: 0 1px
|
|
5057
|
+
--tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
|
|
5028
5058
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5029
5059
|
}
|
|
5030
5060
|
.shadow-xl {
|
|
5031
|
-
--tw-shadow: 0 20px
|
|
5061
|
+
--tw-shadow: 0 20px 48px var(--tw-shadow-color, rgba(0, 0, 0, 0.16)), 0 8px 16px var(--tw-shadow-color, rgba(0, 0, 0, 0.08));
|
|
5062
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5063
|
+
}
|
|
5064
|
+
.shadow-xs {
|
|
5065
|
+
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));
|
|
5032
5066
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5033
5067
|
}
|
|
5034
5068
|
.\!ring-0 {
|
|
@@ -5650,7 +5684,7 @@
|
|
|
5650
5684
|
}
|
|
5651
5685
|
.focus-within\:shadow-md {
|
|
5652
5686
|
&:focus-within {
|
|
5653
|
-
--tw-shadow: 0 4px
|
|
5687
|
+
--tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0, 0, 0, 0.10)), 0 2px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));
|
|
5654
5688
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5655
5689
|
}
|
|
5656
5690
|
}
|
|
@@ -8522,7 +8556,7 @@
|
|
|
8522
8556
|
&:hover {
|
|
8523
8557
|
@media (hover: hover) {
|
|
8524
8558
|
&::-moz-range-thumb {
|
|
8525
|
-
--tw-shadow: 0 1px
|
|
8559
|
+
--tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
|
|
8526
8560
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
8527
8561
|
}
|
|
8528
8562
|
}
|
|
@@ -8601,7 +8635,7 @@
|
|
|
8601
8635
|
&:hover {
|
|
8602
8636
|
@media (hover: hover) {
|
|
8603
8637
|
&::-webkit-slider-thumb {
|
|
8604
|
-
--tw-shadow: 0 1px
|
|
8638
|
+
--tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.08)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
|
|
8605
8639
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
8606
8640
|
}
|
|
8607
8641
|
}
|