@geomak/ui 5.5.0 → 5.5.2

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 CHANGED
@@ -877,6 +877,10 @@ video {
877
877
  margin-left: auto;
878
878
  margin-right: auto;
879
879
  }
880
+ .my-2 {
881
+ margin-top: 0.5rem;
882
+ margin-bottom: 0.5rem;
883
+ }
880
884
  .mb-0\.5 {
881
885
  margin-bottom: 0.125rem;
882
886
  }
@@ -997,9 +1001,6 @@ video {
997
1001
  .h-4 {
998
1002
  height: 1rem;
999
1003
  }
1000
- .h-40 {
1001
- height: 10rem;
1002
- }
1003
1004
  .h-48 {
1004
1005
  height: 12rem;
1005
1006
  }
@@ -1030,6 +1031,9 @@ video {
1030
1031
  .h-\[400px\] {
1031
1032
  height: 400px;
1032
1033
  }
1034
+ .h-\[420px\] {
1035
+ height: 420px;
1036
+ }
1033
1037
  .h-\[60\%\] {
1034
1038
  height: 60%;
1035
1039
  }
@@ -1049,6 +1053,9 @@ video {
1049
1053
  height: -moz-max-content;
1050
1054
  height: max-content;
1051
1055
  }
1056
+ .h-px {
1057
+ height: 1px;
1058
+ }
1052
1059
  .h-screen {
1053
1060
  height: 100vh;
1054
1061
  }
@@ -1118,9 +1125,6 @@ video {
1118
1125
  .w-20 {
1119
1126
  width: 5rem;
1120
1127
  }
1121
- .w-24 {
1122
- width: 6rem;
1123
- }
1124
1128
  .w-3 {
1125
1129
  width: 0.75rem;
1126
1130
  }
@@ -1224,9 +1228,6 @@ video {
1224
1228
  .max-w-3xl {
1225
1229
  max-width: 48rem;
1226
1230
  }
1227
- .max-w-4xl {
1228
- max-width: 56rem;
1229
- }
1230
1231
  .max-w-5xl {
1231
1232
  max-width: 64rem;
1232
1233
  }
@@ -1239,6 +1240,9 @@ video {
1239
1240
  .max-w-md {
1240
1241
  max-width: 28rem;
1241
1242
  }
1243
+ .max-w-none {
1244
+ max-width: none;
1245
+ }
1242
1246
  .max-w-sm {
1243
1247
  max-width: 24rem;
1244
1248
  }
@@ -1566,9 +1570,6 @@ video {
1566
1570
  text-overflow: ellipsis;
1567
1571
  white-space: nowrap;
1568
1572
  }
1569
- .text-ellipsis {
1570
- text-overflow: ellipsis;
1571
- }
1572
1573
  .whitespace-nowrap {
1573
1574
  white-space: nowrap;
1574
1575
  }
@@ -1602,18 +1603,10 @@ video {
1602
1603
  .rounded-xl {
1603
1604
  border-radius: var(--radius-xl);
1604
1605
  }
1605
- .rounded-l-lg {
1606
- border-top-left-radius: var(--radius-lg);
1607
- border-bottom-left-radius: var(--radius-lg);
1608
- }
1609
1606
  .rounded-r-full {
1610
1607
  border-top-right-radius: var(--radius-full);
1611
1608
  border-bottom-right-radius: var(--radius-full);
1612
1609
  }
1613
- .rounded-r-lg {
1614
- border-top-right-radius: var(--radius-lg);
1615
- border-bottom-right-radius: var(--radius-lg);
1616
- }
1617
1610
  .border {
1618
1611
  border-width: 1px;
1619
1612
  }
@@ -1680,6 +1673,9 @@ video {
1680
1673
  .bg-background {
1681
1674
  background-color: var(--color-background);
1682
1675
  }
1676
+ .bg-border {
1677
+ background-color: var(--color-border);
1678
+ }
1683
1679
  .bg-current {
1684
1680
  background-color: currentColor;
1685
1681
  }
@@ -1862,9 +1858,6 @@ video {
1862
1858
  .pl-3 {
1863
1859
  padding-left: 0.75rem;
1864
1860
  }
1865
- .pl-\[26px\] {
1866
- padding-left: 26px;
1867
- }
1868
1861
  .pr-0 {
1869
1862
  padding-right: 0px;
1870
1863
  }
@@ -2298,17 +2291,6 @@ video {
2298
2291
  outline: 2px solid transparent;
2299
2292
  outline-offset: 2px;
2300
2293
  }
2301
- .focus-within\:ring-\[3px\]:focus-within {
2302
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2303
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2304
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2305
- }
2306
- .focus-within\:ring-focus-ring:focus-within {
2307
- --tw-ring-color: color-mix(in oklab, var(--color-accent) 22%, transparent);
2308
- }
2309
- .focus-within\:ring-focus-ring-error:focus-within {
2310
- --tw-ring-color: color-mix(in oklab, var(--color-error) 22%, transparent);
2311
- }
2312
2294
  .hover\:scale-110:hover {
2313
2295
  --tw-scale-x: 1.1;
2314
2296
  --tw-scale-y: 1.1;
@@ -2361,6 +2343,9 @@ video {
2361
2343
  .focus\:border-accent:focus {
2362
2344
  border-color: var(--color-accent);
2363
2345
  }
2346
+ .focus\:border-status-error:focus {
2347
+ border-color: var(--color-error);
2348
+ }
2364
2349
  .focus\:outline-none:focus {
2365
2350
  outline: 2px solid transparent;
2366
2351
  outline-offset: 2px;
@@ -2373,16 +2358,6 @@ video {
2373
2358
  .focus\:ring-focus-ring:focus {
2374
2359
  --tw-ring-color: color-mix(in oklab, var(--color-accent) 22%, transparent);
2375
2360
  }
2376
- .focus-visible\:border-accent:focus-visible {
2377
- border-color: var(--color-accent);
2378
- }
2379
- .focus-visible\:border-status-error:focus-visible {
2380
- border-color: var(--color-error);
2381
- }
2382
- .focus-visible\:outline-none:focus-visible {
2383
- outline: 2px solid transparent;
2384
- outline-offset: 2px;
2385
- }
2386
2361
  .focus-visible\:ring-1:focus-visible {
2387
2362
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2388
2363
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2407,9 +2382,6 @@ video {
2407
2382
  .focus-visible\:ring-focus-ring:focus-visible {
2408
2383
  --tw-ring-color: color-mix(in oklab, var(--color-accent) 22%, transparent);
2409
2384
  }
2410
- .focus-visible\:ring-focus-ring-error:focus-visible {
2411
- --tw-ring-color: color-mix(in oklab, var(--color-error) 22%, transparent);
2412
- }
2413
2385
  .focus-visible\:ring-status-error:focus-visible {
2414
2386
  --tw-ring-color: var(--color-error);
2415
2387
  }
@@ -2486,10 +2458,6 @@ video {
2486
2458
  --tw-translate-x: 22px;
2487
2459
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2488
2460
  }
2489
- .data-\[state\=unchecked\]\:translate-x-\[-4px\][data-state="unchecked"] {
2490
- --tw-translate-x: -4px;
2491
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2492
- }
2493
2461
  .data-\[state\=unchecked\]\:translate-x-\[2px\][data-state="unchecked"] {
2494
2462
  --tw-translate-x: 2px;
2495
2463
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2524,6 +2492,12 @@ video {
2524
2492
  .data-\[state\=checked\]\:border-accent[data-state="checked"] {
2525
2493
  border-color: var(--color-accent);
2526
2494
  }
2495
+ .data-\[state\=open\]\:border-accent[data-state="open"] {
2496
+ border-color: var(--color-accent);
2497
+ }
2498
+ .data-\[state\=open\]\:border-status-error[data-state="open"] {
2499
+ border-color: var(--color-error);
2500
+ }
2527
2501
  .data-\[disabled\]\:bg-transparent[data-disabled] {
2528
2502
  background-color: rgba(255, 255, 255, .0);
2529
2503
  }
@@ -2536,9 +2510,6 @@ video {
2536
2510
  .data-\[state\=checked\]\:bg-accent[data-state="checked"] {
2537
2511
  background-color: var(--color-accent);
2538
2512
  }
2539
- .data-\[state\=on\]\:bg-accent[data-state="on"] {
2540
- background-color: var(--color-accent);
2541
- }
2542
2513
  .data-\[state\=on\]\:bg-surface[data-state="on"] {
2543
2514
  background-color: var(--color-surface);
2544
2515
  }
@@ -2551,9 +2522,6 @@ video {
2551
2522
  .data-\[state\=on\]\:text-accent[data-state="on"] {
2552
2523
  color: var(--color-accent);
2553
2524
  }
2554
- .data-\[state\=on\]\:text-accent-fg[data-state="on"] {
2555
- color: var(--color-accent-foreground);
2556
- }
2557
2525
  .data-\[disabled\]\:opacity-40[data-disabled] {
2558
2526
  opacity: 0.4;
2559
2527
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geomak/ui",
3
- "version": "5.5.0",
3
+ "version": "5.5.2",
4
4
  "description": "Oxygen Design System — reusable UI primitives built with Radix UI behaviours and Tailwind CSS styling",
5
5
  "author": "G-MAKROGLOU",
6
6
  "license": "MIT",