@seeqdev/qomponents 0.0.237 → 0.0.239

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 (46) hide show
  1. package/dist/index.esm.js +277 -20
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +472 -23
  4. package/dist/index.js.map +1 -1
  5. package/dist/src/Accordion/Accordion.d.ts +2 -2
  6. package/dist/src/Alert/Alert.d.ts +2 -2
  7. package/dist/src/Badge/Badge.types.d.ts +1 -1
  8. package/dist/src/Button/Button.d.ts +2 -2
  9. package/dist/src/Button/Button.types.d.ts +3 -3
  10. package/dist/src/ButtonGroup/ButtonGroup.d.ts +2 -2
  11. package/dist/src/ButtonWithPopover/ButtonWithPopover.d.ts +3 -2
  12. package/dist/src/ButtonWithPopover/ButtonWithPopover.types.d.ts +6 -0
  13. package/dist/src/Carousel/Carousel.d.ts +2 -2
  14. package/dist/src/Checkbox/Checkbox.d.ts +2 -2
  15. package/dist/src/Collapse/Collapse.d.ts +2 -2
  16. package/dist/src/ColorPickerControl/ColorPickerControl.d.ts +2 -2
  17. package/dist/src/ColorSwatch/ColorSwatch.d.ts +2 -2
  18. package/dist/src/EditorPanel/EditorPanel.d.ts +2 -2
  19. package/dist/src/ExternalLink/ExternalLink.d.ts +2 -2
  20. package/dist/src/ExternalLink/ExternalLink.types.d.ts +1 -1
  21. package/dist/src/Icon/Icon.d.ts +2 -2
  22. package/dist/src/Icon/Icon.types.d.ts +1 -1
  23. package/dist/src/InputGroup/InputGroup.d.ts +2 -2
  24. package/dist/src/LoadingIndicator/LoadingIndicator.d.ts +2 -2
  25. package/dist/src/Modal/Modal.d.ts +2 -3
  26. package/dist/src/ProgressBar/ProgressBar.d.ts +2 -2
  27. package/dist/src/SeeqActionDropdown/SeeqActionDropdown.d.ts +2 -2
  28. package/dist/src/SeeqActionDropdown/variants.d.ts +4 -4
  29. package/dist/src/SegmentedControl/SegmentedControl.d.ts +2 -2
  30. package/dist/src/Select/Select.d.ts +2 -2
  31. package/dist/src/Slider/Slider.d.ts +2 -2
  32. package/dist/src/SvgIcon/SvgIcon.d.ts +2 -2
  33. package/dist/src/Tabs/Tabs.d.ts +2 -2
  34. package/dist/src/TextArea/TextArea.d.ts +2 -2
  35. package/dist/src/TextField/TextField.d.ts +30 -30
  36. package/dist/src/ToolbarButton/ToolbarButton.d.ts +2 -2
  37. package/dist/src/ToolbarButton/ToolbarButton.types.d.ts +1 -1
  38. package/dist/src/Tooltip/Qtip.d.ts +2 -2
  39. package/dist/src/Tooltip/Tooltip.d.ts +2 -2
  40. package/dist/src/Tooltip/Tooltip.types.d.ts +1 -1
  41. package/dist/src/TriggerWithDropdown/TriggerWithDropdown.d.ts +2 -2
  42. package/dist/src/constants.d.ts +1 -1
  43. package/dist/src/utils/fieldStyleClasses.d.ts +2 -2
  44. package/dist/src/utils/validateStyleDimension.d.ts +1 -1
  45. package/dist/styles.css +62 -20
  46. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -268,33 +268,36 @@
268
268
  .tw\:left-\[50\%\] {
269
269
  left: 50%;
270
270
  }
271
+ .tw\:z-1 {
272
+ z-index: 1;
273
+ }
271
274
  .tw\:z-50 {
272
275
  z-index: 50;
273
276
  }
274
- .tw\:z-\[1\] {
275
- z-index: 1;
276
- }
277
- .tw\:z-\[500\] {
277
+ .tw\:z-500 {
278
278
  z-index: 500;
279
279
  }
280
- .tw\:z-\[1000\] {
280
+ .tw\:z-1000 {
281
281
  z-index: 1000;
282
282
  }
283
- .tw\:z-\[1001\] {
283
+ .tw\:z-1001 {
284
284
  z-index: 1001;
285
285
  }
286
- .tw\:z-\[1010\] {
286
+ .tw\:z-1010 {
287
287
  z-index: 1010;
288
288
  }
289
+ .tw\:z-1200 {
290
+ z-index: 1200;
291
+ }
292
+ .tw\:z-9999 {
293
+ z-index: 9999;
294
+ }
289
295
  .tw\:z-\[1200\] {
290
296
  z-index: 1200;
291
297
  }
292
298
  .tw\:z-\[9000\]\! {
293
299
  z-index: 9000 !important;
294
300
  }
295
- .tw\:z-\[9999\] {
296
- z-index: 9999;
297
- }
298
301
  .tw\:z-\[9999\]\! {
299
302
  z-index: 9999 !important;
300
303
  }
@@ -592,9 +595,6 @@
592
595
  .tw\:shrink-0 {
593
596
  flex-shrink: 0;
594
597
  }
595
- .tw\:flex-grow {
596
- flex-grow: 1;
597
- }
598
598
  .tw\:grow {
599
599
  flex-grow: 1;
600
600
  }
@@ -825,7 +825,7 @@
825
825
  border-right-style: var(--tw-border-style);
826
826
  border-right-width: 0px;
827
827
  }
828
- .tw\:border-r-\[2px\] {
828
+ .tw\:border-r-2 {
829
829
  border-right-style: var(--tw-border-style);
830
830
  border-right-width: 2px;
831
831
  }
@@ -1145,6 +1145,9 @@
1145
1145
  .tw\:text-\[20px\] {
1146
1146
  font-size: 20px;
1147
1147
  }
1148
+ .tw\:text-sq-10 {
1149
+ font-size: 0.625rem;
1150
+ }
1148
1151
  .tw\:text-sq-13 {
1149
1152
  font-size: 0.8125rem;
1150
1153
  }
@@ -1959,17 +1962,17 @@
1959
1962
  opacity: 50%;
1960
1963
  }
1961
1964
  }
1965
+ .tw\:data-dim\:opacity-50 {
1966
+ &[data-dim] {
1967
+ opacity: 50%;
1968
+ }
1969
+ }
1962
1970
  .tw\:data-disabled\:pointer-events-none {
1963
1971
  &[data-disabled] {
1964
1972
  pointer-events: none;
1965
1973
  }
1966
1974
  }
1967
- .tw\:data-\[dim\]\:opacity-50 {
1968
- &[data-dim] {
1969
- opacity: 50%;
1970
- }
1971
- }
1972
- .tw\:data-\[disabled\]\:text-sq-disabled-gray {
1975
+ .tw\:data-disabled\:text-sq-disabled-gray {
1973
1976
  &[data-disabled] {
1974
1977
  color: var(--sqw-disabled-gray);
1975
1978
  }
@@ -2217,6 +2220,13 @@
2217
2220
  }
2218
2221
  }
2219
2222
  }
2223
+ .tw\:dark\:focus-within\:border-sq-theme-darker {
2224
+ &:where(.tw-dark, .tw-dark *) {
2225
+ &:focus-within {
2226
+ border-color: var(--theme-darker);
2227
+ }
2228
+ }
2229
+ }
2220
2230
  .tw\:dark\:hover\:border-sq-danger-hover {
2221
2231
  &:where(.tw-dark, .tw-dark *) {
2222
2232
  &:hover {
@@ -2235,6 +2245,15 @@
2235
2245
  }
2236
2246
  }
2237
2247
  }
2248
+ .tw\:dark\:hover\:border-sq-theme-darker {
2249
+ &:where(.tw-dark, .tw-dark *) {
2250
+ &:hover {
2251
+ @media (hover: hover) {
2252
+ border-color: var(--theme-darker);
2253
+ }
2254
+ }
2255
+ }
2256
+ }
2238
2257
  .tw\:dark\:hover\:border-sq-theme-highlight {
2239
2258
  &:where(.tw-dark, .tw-dark *) {
2240
2259
  &:hover {
@@ -2343,6 +2362,15 @@
2343
2362
  }
2344
2363
  }
2345
2364
  }
2365
+ .tw\:dark\:hover\:text-sq-theme-darker {
2366
+ &:where(.tw-dark, .tw-dark *) {
2367
+ &:hover {
2368
+ @media (hover: hover) {
2369
+ color: var(--theme-darker);
2370
+ }
2371
+ }
2372
+ }
2373
+ }
2346
2374
  .tw\:dark\:focus\:border-sq-danger-hover {
2347
2375
  &:where(.tw-dark, .tw-dark *) {
2348
2376
  &:focus {
@@ -2413,6 +2441,13 @@
2413
2441
  }
2414
2442
  }
2415
2443
  }
2444
+ .tw\:dark\:focus\:text-sq-theme-darker {
2445
+ &:where(.tw-dark, .tw-dark *) {
2446
+ &:focus {
2447
+ color: var(--theme-darker);
2448
+ }
2449
+ }
2450
+ }
2416
2451
  .tw\:dark\:checked\:focus\:bg-sq-dark-background {
2417
2452
  &:where(.tw-dark, .tw-dark *) {
2418
2453
  &:checked {
@@ -2513,6 +2548,13 @@
2513
2548
  }
2514
2549
  }
2515
2550
  }
2551
+ .tw\:dark\:active\:text-sq-theme-darker {
2552
+ &:where(.tw-dark, .tw-dark *) {
2553
+ &:active {
2554
+ color: var(--theme-darker);
2555
+ }
2556
+ }
2557
+ }
2516
2558
  .tw\:dark\:enabled\:hover\:bg-sq-dark-background {
2517
2559
  &:where(.tw-dark, .tw-dark *) {
2518
2560
  &:enabled {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seeqdev/qomponents",
3
- "version": "0.0.237",
3
+ "version": "0.0.239",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "source": "src/index.ts",
@@ -44,7 +44,7 @@
44
44
  "@types/react": "19.1.8",
45
45
  "@types/react-dom": "19.1.6",
46
46
  "@types/tinycolor2": "1.4.2",
47
- "@typescript/native-preview": "7.0.0-dev.20260102.1",
47
+ "@typescript/native-preview": "7.0.0-dev.20260624.1",
48
48
  "autoprefixer": "10.4.17",
49
49
  "color": "4.2.3",
50
50
  "cross-env": "10.0.0",
@@ -64,7 +64,7 @@
64
64
  "ts-node": "10.9.2",
65
65
  "typescript": "5.9.3",
66
66
  "vite": "7.3.2",
67
- "vitest": "4.1.2",
67
+ "vitest": "4.1.9",
68
68
  "@seeqdev/tools": "0.0.1"
69
69
  },
70
70
  "dependencies": {