@segmentify/ui 0.0.50 → 0.0.52
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/components/atoms/accordion.d.ts +3 -1
- package/dist/components/atoms/dialog.d.ts +1 -1
- package/dist/components/atoms/select.d.ts +1 -1
- package/dist/components/molecules/form-checkbox.d.ts +9 -0
- package/dist/components/molecules/recommendation-card/components/recommendation-filters-button.d.ts +9 -0
- package/dist/components/molecules/recommendation-card/components/selected-algorithms.d.ts +12 -0
- package/dist/components/molecules/recommendation-card/index.d.ts +2 -0
- package/dist/components/molecules/recommendation-card/types/index.d.ts +82 -0
- package/dist/components/organisms/form-switch.d.ts +2 -1
- package/dist/hooks/use-popup-layer-z-index.d.ts +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/lib/utils.d.ts +2 -0
- package/dist/providers/popup-layer-provider.d.ts +1 -0
- package/dist/segmentify-ui.cjs +64 -64
- package/dist/segmentify-ui.js +8928 -8683
- package/dist/ui.css +49 -0
- package/package.json +1 -1
package/dist/ui.css
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
--ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
|
|
7
7
|
monospace;
|
|
8
8
|
--ui-color-red-500: oklch(63.7% 0.237 25.331);
|
|
9
|
+
--ui-color-red-600: oklch(57.7% 0.245 27.325);
|
|
9
10
|
--ui-color-orange-600: #f25847;
|
|
10
11
|
--ui-color-amber-50: oklch(98.7% 0.022 95.277);
|
|
11
12
|
--ui-color-amber-200: oklch(92.4% 0.12 95.746);
|
|
@@ -15,6 +16,8 @@
|
|
|
15
16
|
--ui-color-green-50: oklch(98.2% 0.018 155.826);
|
|
16
17
|
--ui-color-green-200: oklch(92.5% 0.084 155.995);
|
|
17
18
|
--ui-color-green-400: oklch(79.2% 0.209 151.711);
|
|
19
|
+
--ui-color-green-500: oklch(72.3% 0.219 149.579);
|
|
20
|
+
--ui-color-green-600: oklch(62.7% 0.194 149.214);
|
|
18
21
|
--ui-color-green-700: oklch(52.7% 0.154 150.069);
|
|
19
22
|
--ui-color-green-800: oklch(44.8% 0.119 151.328);
|
|
20
23
|
--ui-color-emerald-500: oklch(69.6% 0.17 162.48);
|
|
@@ -34,6 +37,7 @@
|
|
|
34
37
|
--ui-color-rose-600: oklch(58.6% 0.253 17.585);
|
|
35
38
|
--ui-color-slate-50: oklch(98.4% 0.003 247.858);
|
|
36
39
|
--ui-color-slate-200: oklch(92.9% 0.013 255.508);
|
|
40
|
+
--ui-color-gray-50: #f9fafb;
|
|
37
41
|
--ui-color-gray-100: #f4f5f7;
|
|
38
42
|
--ui-color-gray-200: #e5e7eb;
|
|
39
43
|
--ui-color-gray-300: #d2d6dc;
|
|
@@ -133,6 +137,9 @@
|
|
|
133
137
|
container-type: inline-size;
|
|
134
138
|
container-name: card-header;
|
|
135
139
|
}
|
|
140
|
+
.ui\:pointer-events-auto {
|
|
141
|
+
pointer-events: auto;
|
|
142
|
+
}
|
|
136
143
|
.ui\:pointer-events-none {
|
|
137
144
|
pointer-events: none;
|
|
138
145
|
}
|
|
@@ -1213,6 +1220,10 @@
|
|
|
1213
1220
|
border-style: var(--tw-border-style);
|
|
1214
1221
|
border-width: 0px;
|
|
1215
1222
|
}
|
|
1223
|
+
.ui\:border-2 {
|
|
1224
|
+
border-style: var(--tw-border-style);
|
|
1225
|
+
border-width: 2px;
|
|
1226
|
+
}
|
|
1216
1227
|
.ui\:border-4 {
|
|
1217
1228
|
border-style: var(--tw-border-style);
|
|
1218
1229
|
border-width: 4px;
|
|
@@ -1410,6 +1421,9 @@
|
|
|
1410
1421
|
.ui\:bg-foreground {
|
|
1411
1422
|
background-color: var(--ui-color-foreground);
|
|
1412
1423
|
}
|
|
1424
|
+
.ui\:bg-gray-50 {
|
|
1425
|
+
background-color: var(--ui-color-gray-50);
|
|
1426
|
+
}
|
|
1413
1427
|
.ui\:bg-gray-100 {
|
|
1414
1428
|
background-color: var(--ui-color-gray-100);
|
|
1415
1429
|
}
|
|
@@ -1906,6 +1920,9 @@
|
|
|
1906
1920
|
.ui\:text-gray-650 {
|
|
1907
1921
|
color: var(--ui-color-gray-650);
|
|
1908
1922
|
}
|
|
1923
|
+
.ui\:text-green-500 {
|
|
1924
|
+
color: var(--ui-color-green-500);
|
|
1925
|
+
}
|
|
1909
1926
|
.ui\:text-green-700 {
|
|
1910
1927
|
color: var(--ui-color-green-700);
|
|
1911
1928
|
}
|
|
@@ -2823,6 +2840,13 @@
|
|
|
2823
2840
|
}
|
|
2824
2841
|
}
|
|
2825
2842
|
}
|
|
2843
|
+
.ui\:hover\:text-black-900 {
|
|
2844
|
+
&:hover {
|
|
2845
|
+
@media (hover: hover) {
|
|
2846
|
+
color: var(--ui-color-black-900);
|
|
2847
|
+
}
|
|
2848
|
+
}
|
|
2849
|
+
}
|
|
2826
2850
|
.ui\:hover\:text-black-950 {
|
|
2827
2851
|
&:hover {
|
|
2828
2852
|
@media (hover: hover) {
|
|
@@ -2844,6 +2868,13 @@
|
|
|
2844
2868
|
}
|
|
2845
2869
|
}
|
|
2846
2870
|
}
|
|
2871
|
+
.ui\:hover\:text-green-600 {
|
|
2872
|
+
&:hover {
|
|
2873
|
+
@media (hover: hover) {
|
|
2874
|
+
color: var(--ui-color-green-600);
|
|
2875
|
+
}
|
|
2876
|
+
}
|
|
2877
|
+
}
|
|
2847
2878
|
.ui\:hover\:text-primary {
|
|
2848
2879
|
&:hover {
|
|
2849
2880
|
@media (hover: hover) {
|
|
@@ -2851,6 +2882,13 @@
|
|
|
2851
2882
|
}
|
|
2852
2883
|
}
|
|
2853
2884
|
}
|
|
2885
|
+
.ui\:hover\:text-red-600 {
|
|
2886
|
+
&:hover {
|
|
2887
|
+
@media (hover: hover) {
|
|
2888
|
+
color: var(--ui-color-red-600);
|
|
2889
|
+
}
|
|
2890
|
+
}
|
|
2891
|
+
}
|
|
2854
2892
|
.ui\:hover\:text-segmentify-700 {
|
|
2855
2893
|
&:hover {
|
|
2856
2894
|
@media (hover: hover) {
|
|
@@ -4294,6 +4332,11 @@
|
|
|
4294
4332
|
margin-left: calc(var(--ui-spacing) * 2);
|
|
4295
4333
|
}
|
|
4296
4334
|
}
|
|
4335
|
+
.ui\:lg\:ml-4 {
|
|
4336
|
+
@media (width >= 64rem) {
|
|
4337
|
+
margin-left: calc(var(--ui-spacing) * 4);
|
|
4338
|
+
}
|
|
4339
|
+
}
|
|
4297
4340
|
.ui\:lg\:w-auto {
|
|
4298
4341
|
@media (width >= 64rem) {
|
|
4299
4342
|
width: auto;
|
|
@@ -5167,6 +5210,12 @@
|
|
|
5167
5210
|
.ql-editor {
|
|
5168
5211
|
min-height: 100px;
|
|
5169
5212
|
}
|
|
5213
|
+
.accordion-content-overflow-visible[data-state='open'] {
|
|
5214
|
+
overflow: visible !important;
|
|
5215
|
+
}
|
|
5216
|
+
.accordion-content-overflow-visible[data-state='closed'] {
|
|
5217
|
+
overflow: hidden !important;
|
|
5218
|
+
}
|
|
5170
5219
|
.full-width-trigger {
|
|
5171
5220
|
width: var(--radix-popover-trigger-width) !important;
|
|
5172
5221
|
max-height: var(--radix-popover-content-available-height);
|