@geomak/ui 4.0.0 → 5.0.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/styles.css CHANGED
@@ -771,9 +771,6 @@ video {
771
771
  .bottom-4 {
772
772
  bottom: 1rem;
773
773
  }
774
- .bottom-\[40px\] {
775
- bottom: 40px;
776
- }
777
774
  .left-0 {
778
775
  left: 0px;
779
776
  }
@@ -801,18 +798,12 @@ video {
801
798
  .top-1\/2 {
802
799
  top: 50%;
803
800
  }
804
- .top-10 {
805
- top: 2.5rem;
806
- }
807
801
  .top-4 {
808
802
  top: 1rem;
809
803
  }
810
804
  .top-\[-5px\] {
811
805
  top: -5px;
812
806
  }
813
- .top-\[60px\] {
814
- top: 60px;
815
- }
816
807
  .z-10 {
817
808
  z-index: 10;
818
809
  }
@@ -1127,18 +1118,12 @@ video {
1127
1118
  .w-9 {
1128
1119
  width: 2.25rem;
1129
1120
  }
1130
- .w-\[130px\] {
1131
- width: 130px;
1132
- }
1133
1121
  .w-\[18px\] {
1134
1122
  width: 18px;
1135
1123
  }
1136
1124
  .w-\[200px\] {
1137
1125
  width: 200px;
1138
1126
  }
1139
- .w-\[280px\] {
1140
- width: 280px;
1141
- }
1142
1127
  .w-\[300px\] {
1143
1128
  width: 300px;
1144
1129
  }
@@ -1167,6 +1152,9 @@ video {
1167
1152
  .min-w-\[180px\] {
1168
1153
  min-width: 180px;
1169
1154
  }
1155
+ .min-w-\[200px\] {
1156
+ min-width: 200px;
1157
+ }
1170
1158
  .min-w-\[240px\] {
1171
1159
  min-width: 240px;
1172
1160
  }
@@ -1200,6 +1188,14 @@ video {
1200
1188
  .border-collapse {
1201
1189
  border-collapse: collapse;
1202
1190
  }
1191
+ .border-separate {
1192
+ border-collapse: separate;
1193
+ }
1194
+ .border-spacing-0 {
1195
+ --tw-border-spacing-x: 0px;
1196
+ --tw-border-spacing-y: 0px;
1197
+ border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
1198
+ }
1203
1199
  .origin-center {
1204
1200
  transform-origin: center;
1205
1201
  }
@@ -1223,16 +1219,6 @@ video {
1223
1219
  --tw-rotate: 180deg;
1224
1220
  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));
1225
1221
  }
1226
- .scale-0 {
1227
- --tw-scale-x: 0;
1228
- --tw-scale-y: 0;
1229
- 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));
1230
- }
1231
- .scale-100 {
1232
- --tw-scale-x: 1;
1233
- --tw-scale-y: 1;
1234
- 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));
1235
- }
1236
1222
  .scale-125 {
1237
1223
  --tw-scale-x: 1.25;
1238
1224
  --tw-scale-y: 1.25;
@@ -1444,9 +1430,6 @@ video {
1444
1430
  border-top-right-radius: var(--radius-lg);
1445
1431
  border-bottom-right-radius: var(--radius-lg);
1446
1432
  }
1447
- .rounded-bl-lg {
1448
- border-bottom-left-radius: var(--radius-lg);
1449
- }
1450
1433
  .rounded-br-lg {
1451
1434
  border-bottom-right-radius: var(--radius-lg);
1452
1435
  }
@@ -1492,10 +1475,6 @@ video {
1492
1475
  .border-border-strong {
1493
1476
  border-color: var(--color-border-strong);
1494
1477
  }
1495
- .border-prussian-blue {
1496
- --tw-border-opacity: 1;
1497
- border-color: rgb(0 39 58 / var(--tw-border-opacity, 1));
1498
- }
1499
1478
  .border-status-error {
1500
1479
  border-color: var(--color-error);
1501
1480
  }
@@ -1508,10 +1487,6 @@ video {
1508
1487
  .bg-background {
1509
1488
  background-color: var(--color-background);
1510
1489
  }
1511
- .bg-disabled {
1512
- --tw-bg-opacity: 1;
1513
- background-color: rgb(222 226 230 / var(--tw-bg-opacity, 1));
1514
- }
1515
1490
  .bg-foreground {
1516
1491
  background-color: var(--color-foreground);
1517
1492
  }
@@ -1525,18 +1500,10 @@ video {
1525
1500
  --tw-bg-opacity: 1;
1526
1501
  background-color: rgb(219 241 253 / var(--tw-bg-opacity, 1));
1527
1502
  }
1528
- .bg-ice-dark {
1529
- --tw-bg-opacity: 1;
1530
- background-color: rgb(208 227 237 / var(--tw-bg-opacity, 1));
1531
- }
1532
1503
  .bg-oxford-blue-900 {
1533
1504
  --tw-bg-opacity: 1;
1534
1505
  background-color: rgb(0 18 51 / var(--tw-bg-opacity, 1));
1535
1506
  }
1536
- .bg-prussian-blue {
1537
- --tw-bg-opacity: 1;
1538
- background-color: rgb(0 39 58 / var(--tw-bg-opacity, 1));
1539
- }
1540
1507
  .bg-status-error {
1541
1508
  background-color: var(--color-error);
1542
1509
  }
@@ -1722,6 +1689,9 @@ video {
1722
1689
  .text-\[10px\] {
1723
1690
  font-size: 10px;
1724
1691
  }
1692
+ .text-\[11px\] {
1693
+ font-size: 11px;
1694
+ }
1725
1695
  .text-\[9px\] {
1726
1696
  font-size: 9px;
1727
1697
  }
@@ -1788,10 +1758,6 @@ video {
1788
1758
  .text-background {
1789
1759
  color: var(--color-background);
1790
1760
  }
1791
- .text-error {
1792
- --tw-text-opacity: 1;
1793
- color: rgb(255 99 71 / var(--tw-text-opacity, 1));
1794
- }
1795
1761
  .text-foreground {
1796
1762
  color: var(--color-foreground);
1797
1763
  }
@@ -1809,10 +1775,6 @@ video {
1809
1775
  --tw-text-opacity: 1;
1810
1776
  color: rgb(0 39 58 / var(--tw-text-opacity, 1));
1811
1777
  }
1812
- .text-roman-silver {
1813
- --tw-text-opacity: 1;
1814
- color: rgb(125 133 151 / var(--tw-text-opacity, 1));
1815
- }
1816
1778
  .text-status-error {
1817
1779
  color: var(--color-error);
1818
1780
  }
@@ -1893,11 +1855,19 @@ video {
1893
1855
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1894
1856
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1895
1857
  }
1858
+ .ring-1 {
1859
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1860
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1861
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1862
+ }
1896
1863
  .ring-2 {
1897
1864
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1898
1865
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1899
1866
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1900
1867
  }
1868
+ .ring-inset {
1869
+ --tw-ring-inset: inset;
1870
+ }
1901
1871
  .ring-accent {
1902
1872
  --tw-ring-color: var(--color-accent);
1903
1873
  }
@@ -2044,6 +2014,9 @@ video {
2044
2014
  --tw-text-opacity: 1;
2045
2015
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2046
2016
  }
2017
+ .hover\:underline:hover {
2018
+ text-decoration-line: underline;
2019
+ }
2047
2020
  .hover\:opacity-90:hover {
2048
2021
  opacity: 0.9;
2049
2022
  }
@@ -2082,6 +2055,9 @@ video {
2082
2055
  .focus-visible\:ring-offset-2:focus-visible {
2083
2056
  --tw-ring-offset-width: 2px;
2084
2057
  }
2058
+ .focus-visible\:ring-offset-surface:focus-visible {
2059
+ --tw-ring-offset-color: var(--color-surface);
2060
+ }
2085
2061
  .active\:bg-accent:active {
2086
2062
  background-color: var(--color-accent);
2087
2063
  }
@@ -2208,10 +2184,6 @@ video {
2208
2184
  .dark\:stroke-white:is(.dark *) {
2209
2185
  stroke: #fff;
2210
2186
  }
2211
- .dark\:text-prussian-blue:is(.dark *) {
2212
- --tw-text-opacity: 1;
2213
- color: rgb(0 39 58 / var(--tw-text-opacity, 1));
2214
- }
2215
2187
  .dark\:text-white:is(.dark *) {
2216
2188
  --tw-text-opacity: 1;
2217
2189
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geomak/ui",
3
- "version": "4.0.0",
3
+ "version": "5.0.0",
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",