@segmentify/ui 0.0.50 → 0.0.51

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/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;
@@ -1213,6 +1217,10 @@
1213
1217
  border-style: var(--tw-border-style);
1214
1218
  border-width: 0px;
1215
1219
  }
1220
+ .ui\:border-2 {
1221
+ border-style: var(--tw-border-style);
1222
+ border-width: 2px;
1223
+ }
1216
1224
  .ui\:border-4 {
1217
1225
  border-style: var(--tw-border-style);
1218
1226
  border-width: 4px;
@@ -1410,6 +1418,9 @@
1410
1418
  .ui\:bg-foreground {
1411
1419
  background-color: var(--ui-color-foreground);
1412
1420
  }
1421
+ .ui\:bg-gray-50 {
1422
+ background-color: var(--ui-color-gray-50);
1423
+ }
1413
1424
  .ui\:bg-gray-100 {
1414
1425
  background-color: var(--ui-color-gray-100);
1415
1426
  }
@@ -1906,6 +1917,9 @@
1906
1917
  .ui\:text-gray-650 {
1907
1918
  color: var(--ui-color-gray-650);
1908
1919
  }
1920
+ .ui\:text-green-500 {
1921
+ color: var(--ui-color-green-500);
1922
+ }
1909
1923
  .ui\:text-green-700 {
1910
1924
  color: var(--ui-color-green-700);
1911
1925
  }
@@ -2823,6 +2837,13 @@
2823
2837
  }
2824
2838
  }
2825
2839
  }
2840
+ .ui\:hover\:text-black-900 {
2841
+ &:hover {
2842
+ @media (hover: hover) {
2843
+ color: var(--ui-color-black-900);
2844
+ }
2845
+ }
2846
+ }
2826
2847
  .ui\:hover\:text-black-950 {
2827
2848
  &:hover {
2828
2849
  @media (hover: hover) {
@@ -2844,6 +2865,13 @@
2844
2865
  }
2845
2866
  }
2846
2867
  }
2868
+ .ui\:hover\:text-green-600 {
2869
+ &:hover {
2870
+ @media (hover: hover) {
2871
+ color: var(--ui-color-green-600);
2872
+ }
2873
+ }
2874
+ }
2847
2875
  .ui\:hover\:text-primary {
2848
2876
  &:hover {
2849
2877
  @media (hover: hover) {
@@ -2851,6 +2879,13 @@
2851
2879
  }
2852
2880
  }
2853
2881
  }
2882
+ .ui\:hover\:text-red-600 {
2883
+ &:hover {
2884
+ @media (hover: hover) {
2885
+ color: var(--ui-color-red-600);
2886
+ }
2887
+ }
2888
+ }
2854
2889
  .ui\:hover\:text-segmentify-700 {
2855
2890
  &:hover {
2856
2891
  @media (hover: hover) {
@@ -4294,6 +4329,11 @@
4294
4329
  margin-left: calc(var(--ui-spacing) * 2);
4295
4330
  }
4296
4331
  }
4332
+ .ui\:lg\:ml-4 {
4333
+ @media (width >= 64rem) {
4334
+ margin-left: calc(var(--ui-spacing) * 4);
4335
+ }
4336
+ }
4297
4337
  .ui\:lg\:w-auto {
4298
4338
  @media (width >= 64rem) {
4299
4339
  width: auto;
@@ -5167,6 +5207,12 @@
5167
5207
  .ql-editor {
5168
5208
  min-height: 100px;
5169
5209
  }
5210
+ .accordion-content-overflow-visible[data-state='open'] {
5211
+ overflow: visible !important;
5212
+ }
5213
+ .accordion-content-overflow-visible[data-state='closed'] {
5214
+ overflow: hidden !important;
5215
+ }
5170
5216
  .full-width-trigger {
5171
5217
  width: var(--radix-popover-trigger-width) !important;
5172
5218
  max-height: var(--radix-popover-content-available-height);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@segmentify/ui",
3
- "version": "0.0.50",
3
+ "version": "0.0.51",
4
4
  "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
5
5
  "repository": {
6
6
  "type": "git",