@geomak/ui 1.6.2 → 1.7.1

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.
Files changed (8) hide show
  1. package/dist/index.cjs +297 -232
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +101 -7
  4. package/dist/index.d.ts +101 -7
  5. package/dist/index.js +200 -136
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +43 -5
  8. package/package.json +8 -10
package/dist/styles.css CHANGED
@@ -718,6 +718,9 @@ video {
718
718
  .pointer-events-none {
719
719
  pointer-events: none;
720
720
  }
721
+ .pointer-events-auto {
722
+ pointer-events: auto;
723
+ }
721
724
  .\!visible {
722
725
  visibility: visible !important;
723
726
  }
@@ -776,6 +779,9 @@ video {
776
779
  .right-0 {
777
780
  right: 0px;
778
781
  }
782
+ .right-1\.5 {
783
+ right: 0.375rem;
784
+ }
779
785
  .right-4 {
780
786
  right: 1rem;
781
787
  }
@@ -791,9 +797,6 @@ video {
791
797
  .top-10 {
792
798
  top: 2.5rem;
793
799
  }
794
- .top-14 {
795
- top: 3.5rem;
796
- }
797
800
  .top-4 {
798
801
  top: 1rem;
799
802
  }
@@ -1015,6 +1018,9 @@ video {
1015
1018
  .min-h-\[50px\] {
1016
1019
  min-height: 50px;
1017
1020
  }
1021
+ .min-h-\[80px\] {
1022
+ min-height: 80px;
1023
+ }
1018
1024
  .w-0 {
1019
1025
  width: 0px;
1020
1026
  }
@@ -1093,8 +1099,8 @@ video {
1093
1099
  .w-\[300px\] {
1094
1100
  width: 300px;
1095
1101
  }
1096
- .w-\[340px\] {
1097
- width: 340px;
1102
+ .w-\[332px\] {
1103
+ width: 332px;
1098
1104
  }
1099
1105
  .w-\[3px\] {
1100
1106
  width: 3px;
@@ -1156,6 +1162,10 @@ video {
1156
1162
  --tw-translate-x: -50%;
1157
1163
  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));
1158
1164
  }
1165
+ .-translate-y-1\/2 {
1166
+ --tw-translate-y: -50%;
1167
+ 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));
1168
+ }
1159
1169
  .rotate-0 {
1160
1170
  --tw-rotate: 0deg;
1161
1171
  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));
@@ -1179,6 +1189,9 @@ video {
1179
1189
  --tw-scale-y: 1.25;
1180
1190
  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));
1181
1191
  }
1192
+ .transform {
1193
+ 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));
1194
+ }
1182
1195
  @keyframes ping {
1183
1196
  75%, 100% {
1184
1197
  transform: scale(2);
@@ -1299,6 +1312,11 @@ video {
1299
1312
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
1300
1313
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
1301
1314
  }
1315
+ .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1316
+ --tw-space-y-reverse: 0;
1317
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1318
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1319
+ }
1302
1320
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1303
1321
  --tw-space-y-reverse: 0;
1304
1322
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1572,6 +1590,9 @@ video {
1572
1590
  .p-1 {
1573
1591
  padding: 0.25rem;
1574
1592
  }
1593
+ .p-10 {
1594
+ padding: 2.5rem;
1595
+ }
1575
1596
  .p-2 {
1576
1597
  padding: 0.5rem;
1577
1598
  }
@@ -1646,6 +1667,9 @@ video {
1646
1667
  .pl-2 {
1647
1668
  padding-left: 0.5rem;
1648
1669
  }
1670
+ .pl-3 {
1671
+ padding-left: 0.75rem;
1672
+ }
1649
1673
  .pl-\[26px\] {
1650
1674
  padding-left: 26px;
1651
1675
  }
@@ -1658,6 +1682,12 @@ video {
1658
1682
  .pr-2\.5 {
1659
1683
  padding-right: 0.625rem;
1660
1684
  }
1685
+ .pr-3 {
1686
+ padding-right: 0.75rem;
1687
+ }
1688
+ .pr-8 {
1689
+ padding-right: 2rem;
1690
+ }
1661
1691
  .pt-2 {
1662
1692
  padding-top: 0.5rem;
1663
1693
  }
@@ -1848,6 +1878,10 @@ video {
1848
1878
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1849
1879
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1850
1880
  }
1881
+ .drop-shadow {
1882
+ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
1883
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1884
+ }
1851
1885
  .drop-shadow-md {
1852
1886
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
1853
1887
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1855,6 +1889,10 @@ video {
1855
1889
  .filter {
1856
1890
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1857
1891
  }
1892
+ .backdrop-blur {
1893
+ --tw-backdrop-blur: blur(8px);
1894
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1895
+ }
1858
1896
  .backdrop-blur-\[1px\] {
1859
1897
  --tw-backdrop-blur: blur(1px);
1860
1898
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geomak/ui",
3
- "version": "1.6.2",
3
+ "version": "1.7.1",
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",
@@ -65,16 +65,13 @@
65
65
  "react-dom": "^19.0.0"
66
66
  },
67
67
  "devDependencies": {
68
- "@chromatic-com/storybook": "^3",
68
+ "@chromatic-com/storybook": "^5.2.1",
69
69
  "@semantic-release/changelog": "^6.0.3",
70
70
  "@semantic-release/git": "^10.0.1",
71
- "@storybook/addon-essentials": "^8.6.12",
72
- "@storybook/addon-interactions": "^8.6.12",
73
- "@storybook/addon-links": "^8.6.12",
74
- "@storybook/blocks": "^8.6.12",
75
- "@storybook/react": "^8.6.12",
76
- "@storybook/react-vite": "^8.6.12",
77
- "@storybook/test": "^8.6.12",
71
+ "@storybook/addon-docs": "^10.4.1",
72
+ "@storybook/addon-links": "^10.4.1",
73
+ "@storybook/react-vite": "^10.4.1",
74
+ "@testing-library/dom": "^10.4.1",
78
75
  "@testing-library/jest-dom": "^6.9.1",
79
76
  "@testing-library/react": "^16.3.2",
80
77
  "@testing-library/user-event": "^14.6.1",
@@ -89,6 +86,7 @@
89
86
  "eslint": "^9.0.0",
90
87
  "eslint-plugin-react": "^7.37.0",
91
88
  "eslint-plugin-react-hooks": "^5.0.0",
89
+ "eslint-plugin-storybook": "^10.4.1",
92
90
  "jsdom": "^29.1.1",
93
91
  "msw": "2",
94
92
  "msw-storybook-addon": "2",
@@ -97,7 +95,7 @@
97
95
  "remark-gfm": "^4.0.1",
98
96
  "sass": "^1.100.0",
99
97
  "semantic-release": "^24.0.0",
100
- "storybook": "^8.6.12",
98
+ "storybook": "^10.4.1",
101
99
  "tailwindcss": "^3.1.8",
102
100
  "tsup": "^8.5.0",
103
101
  "typescript": "^6.0.3",