@seeqdev/qomponents 0.0.236 → 0.0.238

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 (52) hide show
  1. package/dist/i18n/de-DE.json +10 -1
  2. package/dist/i18n/es-LA.json +10 -1
  3. package/dist/i18n/fr-FR.json +10 -1
  4. package/dist/i18n/it-IT.json +10 -1
  5. package/dist/i18n/ja-JP.json +10 -1
  6. package/dist/i18n/ko-KO.json +10 -1
  7. package/dist/i18n/pt-BR.json +10 -1
  8. package/dist/i18n/zh-CN.json +10 -1
  9. package/dist/index.esm.js +277 -20
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +472 -23
  12. package/dist/index.js.map +1 -1
  13. package/dist/src/Accordion/Accordion.d.ts +2 -2
  14. package/dist/src/Alert/Alert.d.ts +2 -2
  15. package/dist/src/Badge/Badge.d.ts +2 -2
  16. package/dist/src/Badge/Badge.types.d.ts +1 -1
  17. package/dist/src/Button/Button.d.ts +2 -2
  18. package/dist/src/Button/Button.types.d.ts +5 -3
  19. package/dist/src/ButtonGroup/ButtonGroup.d.ts +2 -2
  20. package/dist/src/ButtonWithDropdown/ButtonWithDropdown.d.ts +3 -3
  21. package/dist/src/ButtonWithPopover/ButtonWithPopover.d.ts +3 -2
  22. package/dist/src/ButtonWithPopover/ButtonWithPopover.types.d.ts +6 -0
  23. package/dist/src/Carousel/Carousel.d.ts +2 -2
  24. package/dist/src/Checkbox/Checkbox.d.ts +2 -2
  25. package/dist/src/ColorPickerControl/ColorPickerControl.d.ts +2 -2
  26. package/dist/src/ColorSwatch/ColorSwatch.d.ts +2 -2
  27. package/dist/src/EditorPanel/EditorPanel.d.ts +2 -2
  28. package/dist/src/ExternalLink/ExternalLink.d.ts +2 -2
  29. package/dist/src/ExternalLink/ExternalLink.types.d.ts +1 -1
  30. package/dist/src/Icon/Icon.d.ts +2 -2
  31. package/dist/src/Icon/Icon.types.d.ts +1 -1
  32. package/dist/src/InputGroup/InputGroup.d.ts +2 -2
  33. package/dist/src/LoadingIndicator/LoadingIndicator.d.ts +2 -2
  34. package/dist/src/Modal/Modal.d.ts +0 -1
  35. package/dist/src/ProgressBar/ProgressBar.d.ts +2 -2
  36. package/dist/src/SeeqActionDropdown/variants.d.ts +4 -4
  37. package/dist/src/SegmentedControl/SegmentedControl.d.ts +2 -2
  38. package/dist/src/Select/Select.d.ts +2 -2
  39. package/dist/src/Slider/Slider.d.ts +2 -2
  40. package/dist/src/SvgIcon/SvgIcon.d.ts +2 -2
  41. package/dist/src/Tabs/Tabs.d.ts +2 -2
  42. package/dist/src/TextField/TextField.d.ts +30 -30
  43. package/dist/src/ToolbarButton/ToolbarButton.d.ts +2 -2
  44. package/dist/src/ToolbarButton/ToolbarButton.types.d.ts +1 -1
  45. package/dist/src/Tooltip/Tooltip.d.ts +2 -2
  46. package/dist/src/Tooltip/Tooltip.types.d.ts +1 -1
  47. package/dist/src/TriggerWithDropdown/TriggerWithDropdown.d.ts +2 -2
  48. package/dist/src/constants.d.ts +1 -1
  49. package/dist/src/utils/fieldStyleClasses.d.ts +2 -2
  50. package/dist/src/utils/validateStyleDimension.d.ts +1 -1
  51. package/dist/styles.css +110 -20
  52. package/package.json +2 -2
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
  }
@@ -967,6 +967,9 @@
967
967
  .tw\:bg-sq-surface {
968
968
  background-color: #ffffff;
969
969
  }
970
+ .tw\:bg-sq-surface\! {
971
+ background-color: #ffffff !important;
972
+ }
970
973
  .tw\:bg-sq-text-color {
971
974
  background-color: #3a3a3a;
972
975
  }
@@ -1142,6 +1145,9 @@
1142
1145
  .tw\:text-\[20px\] {
1143
1146
  font-size: 20px;
1144
1147
  }
1148
+ .tw\:text-sq-10 {
1149
+ font-size: 0.625rem;
1150
+ }
1145
1151
  .tw\:text-sq-13 {
1146
1152
  font-size: 0.8125rem;
1147
1153
  }
@@ -1605,6 +1611,13 @@
1605
1611
  }
1606
1612
  }
1607
1613
  }
1614
+ .tw\:hover\:bg-sq-surface\! {
1615
+ &:hover {
1616
+ @media (hover: hover) {
1617
+ background-color: #ffffff !important;
1618
+ }
1619
+ }
1620
+ }
1608
1621
  .tw\:hover\:bg-sq-theme-highlight {
1609
1622
  &:hover {
1610
1623
  @media (hover: hover) {
@@ -1717,6 +1730,11 @@
1717
1730
  background-color: var(--sqw-light-gray);
1718
1731
  }
1719
1732
  }
1733
+ .tw\:focus\:bg-sq-surface\! {
1734
+ &:focus {
1735
+ background-color: #ffffff !important;
1736
+ }
1737
+ }
1720
1738
  .tw\:focus\:bg-sq-theme-darker {
1721
1739
  &:focus {
1722
1740
  background-color: var(--theme-darker);
@@ -1851,6 +1869,11 @@
1851
1869
  background-color: #eeedee;
1852
1870
  }
1853
1871
  }
1872
+ .tw\:active\:bg-sq-surface\! {
1873
+ &:active {
1874
+ background-color: #ffffff !important;
1875
+ }
1876
+ }
1854
1877
  .tw\:active\:bg-sq-theme-darker {
1855
1878
  &:active {
1856
1879
  background-color: var(--theme-darker);
@@ -1939,17 +1962,17 @@
1939
1962
  opacity: 50%;
1940
1963
  }
1941
1964
  }
1965
+ .tw\:data-dim\:opacity-50 {
1966
+ &[data-dim] {
1967
+ opacity: 50%;
1968
+ }
1969
+ }
1942
1970
  .tw\:data-disabled\:pointer-events-none {
1943
1971
  &[data-disabled] {
1944
1972
  pointer-events: none;
1945
1973
  }
1946
1974
  }
1947
- .tw\:data-\[dim\]\:opacity-50 {
1948
- &[data-dim] {
1949
- opacity: 50%;
1950
- }
1951
- }
1952
- .tw\:data-\[disabled\]\:text-sq-disabled-gray {
1975
+ .tw\:data-disabled\:text-sq-disabled-gray {
1953
1976
  &[data-disabled] {
1954
1977
  color: var(--sqw-disabled-gray);
1955
1978
  }
@@ -2065,6 +2088,11 @@
2065
2088
  background-color: #0d1117;
2066
2089
  }
2067
2090
  }
2091
+ .tw\:dark\:bg-sq-dark-background\! {
2092
+ &:where(.tw-dark, .tw-dark *) {
2093
+ background-color: #0d1117 !important;
2094
+ }
2095
+ }
2068
2096
  .tw\:dark\:bg-sq-dark-disabled-gray {
2069
2097
  &:where(.tw-dark, .tw-dark *) {
2070
2098
  background-color: #223249;
@@ -2192,6 +2220,13 @@
2192
2220
  }
2193
2221
  }
2194
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
+ }
2195
2230
  .tw\:dark\:hover\:border-sq-danger-hover {
2196
2231
  &:where(.tw-dark, .tw-dark *) {
2197
2232
  &:hover {
@@ -2210,6 +2245,15 @@
2210
2245
  }
2211
2246
  }
2212
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
+ }
2213
2257
  .tw\:dark\:hover\:border-sq-theme-highlight {
2214
2258
  &:where(.tw-dark, .tw-dark *) {
2215
2259
  &:hover {
@@ -2246,6 +2290,15 @@
2246
2290
  }
2247
2291
  }
2248
2292
  }
2293
+ .tw\:dark\:hover\:bg-sq-dark-background\! {
2294
+ &:where(.tw-dark, .tw-dark *) {
2295
+ &:hover {
2296
+ @media (hover: hover) {
2297
+ background-color: #0d1117 !important;
2298
+ }
2299
+ }
2300
+ }
2301
+ }
2249
2302
  .tw\:dark\:hover\:bg-sq-field-disabled-gray\/30 {
2250
2303
  &:where(.tw-dark, .tw-dark *) {
2251
2304
  &:hover {
@@ -2309,6 +2362,15 @@
2309
2362
  }
2310
2363
  }
2311
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
+ }
2312
2374
  .tw\:dark\:focus\:border-sq-danger-hover {
2313
2375
  &:where(.tw-dark, .tw-dark *) {
2314
2376
  &:focus {
@@ -2344,6 +2406,13 @@
2344
2406
  }
2345
2407
  }
2346
2408
  }
2409
+ .tw\:dark\:focus\:bg-sq-dark-background\! {
2410
+ &:where(.tw-dark, .tw-dark *) {
2411
+ &:focus {
2412
+ background-color: #0d1117 !important;
2413
+ }
2414
+ }
2415
+ }
2347
2416
  .tw\:dark\:focus\:bg-sq-highlight-color-dark {
2348
2417
  &:where(.tw-dark, .tw-dark *) {
2349
2418
  &:focus {
@@ -2372,6 +2441,13 @@
2372
2441
  }
2373
2442
  }
2374
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
+ }
2375
2451
  .tw\:dark\:checked\:focus\:bg-sq-dark-background {
2376
2452
  &:where(.tw-dark, .tw-dark *) {
2377
2453
  &:checked {
@@ -2423,6 +2499,13 @@
2423
2499
  }
2424
2500
  }
2425
2501
  }
2502
+ .tw\:dark\:active\:bg-sq-dark-background\! {
2503
+ &:where(.tw-dark, .tw-dark *) {
2504
+ &:active {
2505
+ background-color: #0d1117 !important;
2506
+ }
2507
+ }
2508
+ }
2426
2509
  .tw\:dark\:active\:bg-sq-dark-disabled-gray\/30 {
2427
2510
  &:where(.tw-dark, .tw-dark *) {
2428
2511
  &:active {
@@ -2465,6 +2548,13 @@
2465
2548
  }
2466
2549
  }
2467
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
+ }
2468
2558
  .tw\:dark\:enabled\:hover\:bg-sq-dark-background {
2469
2559
  &:where(.tw-dark, .tw-dark *) {
2470
2560
  &:enabled {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seeqdev/qomponents",
3
- "version": "0.0.236",
3
+ "version": "0.0.238",
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",