@aivenio/aquarium 1.77.1 → 1.79.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.
Files changed (52) hide show
  1. package/README.md +19 -2
  2. package/dist/atoms.cjs +131 -3
  3. package/dist/atoms.mjs +131 -3
  4. package/dist/charts.cjs +1 -0
  5. package/dist/charts.mjs +1 -0
  6. package/dist/src/atoms/utils/index.d.ts +234 -0
  7. package/dist/src/atoms/utils/index.js +32 -0
  8. package/dist/src/molecules/Context/Context.d.ts +2 -1
  9. package/dist/src/molecules/Context/Context.js +6 -4
  10. package/dist/src/molecules/DateField/DateField.d.ts +10 -0
  11. package/dist/src/molecules/DateField/DateField.js +33 -0
  12. package/dist/src/molecules/DateField/DateInput.d.ts +3 -0
  13. package/dist/src/molecules/DateField/DateInput.js +22 -0
  14. package/dist/src/molecules/DatePicker/Button.d.ts +4 -0
  15. package/dist/src/molecules/DatePicker/Button.js +12 -0
  16. package/dist/src/molecules/DatePicker/Calendar.d.ts +6 -0
  17. package/dist/src/molecules/DatePicker/Calendar.js +44 -0
  18. package/dist/src/molecules/DatePicker/DatePicker.d.ts +12 -0
  19. package/dist/src/molecules/DatePicker/DatePicker.js +63 -0
  20. package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +12 -0
  21. package/dist/src/molecules/DatePicker/DateRangePicker.js +68 -0
  22. package/dist/src/molecules/DatePicker/Dialog.d.ts +3 -0
  23. package/dist/src/molecules/DatePicker/Dialog.js +7 -0
  24. package/dist/src/molecules/DatePicker/Popover.d.ts +7 -0
  25. package/dist/src/molecules/DatePicker/Popover.js +27 -0
  26. package/dist/src/molecules/DatePicker/RangeCalendar.d.ts +4 -0
  27. package/dist/src/molecules/DatePicker/RangeCalendar.js +51 -0
  28. package/dist/src/molecules/Field/Field.d.ts +3 -0
  29. package/dist/src/molecules/Field/Field.js +7 -0
  30. package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
  31. package/dist/src/molecules/TimeField/TimeField.d.ts +10 -0
  32. package/dist/src/molecules/TimeField/TimeField.js +33 -0
  33. package/dist/src/molecules/TimePicker/TimePicker.d.ts +6 -0
  34. package/dist/src/molecules/TimePicker/TimePicker.js +4 -0
  35. package/dist/src/molecules/Typography/Typography.d.ts +1 -1
  36. package/dist/src/molecules/Typography/Typography.js +11 -1
  37. package/dist/src/molecules/index.d.ts +3 -0
  38. package/dist/src/molecules/index.js +4 -1
  39. package/dist/src/tokens/tokens.json +20 -0
  40. package/dist/src/utils/mocks/mockDynamicIds.js +1 -2
  41. package/dist/src/utils/tailwind.d.ts +1 -0
  42. package/dist/src/utils/tailwind.js +6 -1
  43. package/dist/styles.css +1938 -1488
  44. package/dist/system.cjs +1061 -505
  45. package/dist/system.mjs +1047 -474
  46. package/dist/tailwind.config.js +2 -1
  47. package/dist/tailwind.theme.json +93 -3
  48. package/dist/tokens.json +20 -0
  49. package/dist/tsconfig.module.tsbuildinfo +1 -1
  50. package/dist/types/designTokens.d.ts +1 -1
  51. package/dist/types/tailwindGenerated.d.ts +1 -1
  52. package/package.json +6 -4
package/dist/tailwind.config.js CHANGED
@@ -54,6 +54,7 @@ module.exports = {
54
54
  backgroundColor,
55
55
  borderColor,
56
56
  ringColor: borderColor,
57
+ outlineColor: borderColor,
57
58
  stroke: borderColor,
58
59
  borderRadius,
59
60
  textColor,
@@ -102,7 +103,7 @@ module.exports = {
102
103
  ],
103
104
  plugins: [
104
105
  require('tailwindcss-children'),
105
- require('@tailwindcss/line-clamp'),
106
+ require('tailwindcss-react-aria-components'),
106
107
 
107
108
  plugin(({ addVariant, e }) => {
108
109
  addVariant('hover-save', ({ modifySelectors, separator }) => {
package/dist/tailwind.theme.json CHANGED
@@ -150,6 +150,9 @@
150
150
  "11/12": "91.666667%",
151
151
  "full": "100%",
152
152
  "screen": "100vw",
153
+ "svw": "100svw",
154
+ "lvw": "100lvw",
155
+ "dvw": "100dvw",
153
156
  "min": "min-content",
154
157
  "max": "max-content",
155
158
  "fit": "fit-content"
@@ -191,12 +194,32 @@
191
194
  "5/6": "83.333333%",
192
195
  "full": "100%",
193
196
  "screen": "100vh",
197
+ "svh": "100svh",
198
+ "lvh": "100lvh",
199
+ "dvh": "100dvh",
194
200
  "min": "min-content",
195
201
  "max": "max-content",
196
202
  "fit": "fit-content"
197
203
  },
198
204
  "maxWidth": {
199
- "0": "0rem",
205
+ "0": "0px",
206
+ "1": "2px",
207
+ "2": "4px",
208
+ "3": "8px",
209
+ "4": "12px",
210
+ "5": "16px",
211
+ "6": "24px",
212
+ "7": "32px",
213
+ "8": "40px",
214
+ "9": "48px",
215
+ "1px": "1px",
216
+ "l1": "16px",
217
+ "l2": "24px",
218
+ "l3": "32px",
219
+ "l4": "48px",
220
+ "l5": "64px",
221
+ "l6": "96px",
222
+ "l7": "160px",
200
223
  "none": "none",
201
224
  "xs": "20rem",
202
225
  "sm": "24rem",
@@ -240,14 +263,35 @@
240
263
  "l5": "64px",
241
264
  "l6": "96px",
242
265
  "l7": "160px",
266
+ "none": "none",
243
267
  "full": "100%",
244
268
  "screen": "100vh",
269
+ "svh": "100svh",
270
+ "lvh": "100lvh",
271
+ "dvh": "100dvh",
245
272
  "min": "min-content",
246
273
  "max": "max-content",
247
274
  "fit": "fit-content"
248
275
  },
249
276
  "minWidth": {
250
277
  "0": "0px",
278
+ "1": "2px",
279
+ "2": "4px",
280
+ "3": "8px",
281
+ "4": "12px",
282
+ "5": "16px",
283
+ "6": "24px",
284
+ "7": "32px",
285
+ "8": "40px",
286
+ "9": "48px",
287
+ "1px": "1px",
288
+ "l1": "16px",
289
+ "l2": "24px",
290
+ "l3": "32px",
291
+ "l4": "48px",
292
+ "l5": "64px",
293
+ "l6": "96px",
294
+ "l7": "160px",
251
295
  "full": "100%",
252
296
  "min": "min-content",
253
297
  "max": "max-content",
@@ -255,8 +299,28 @@
255
299
  },
256
300
  "minHeight": {
257
301
  "0": "0px",
302
+ "1": "2px",
303
+ "2": "4px",
304
+ "3": "8px",
305
+ "4": "12px",
306
+ "5": "16px",
307
+ "6": "24px",
308
+ "7": "32px",
309
+ "8": "40px",
310
+ "9": "48px",
311
+ "1px": "1px",
312
+ "l1": "16px",
313
+ "l2": "24px",
314
+ "l3": "32px",
315
+ "l4": "48px",
316
+ "l5": "64px",
317
+ "l6": "96px",
318
+ "l7": "160px",
258
319
  "full": "100%",
259
320
  "screen": "100vh",
321
+ "svh": "100svh",
322
+ "lvh": "100lvh",
323
+ "dvh": "100dvh",
260
324
  "min": "min-content",
261
325
  "max": "max-content",
262
326
  "fit": "fit-content"
@@ -753,6 +817,12 @@
753
817
  "span-4": "span 4 / span 4",
754
818
  "span-5": "span 5 / span 5",
755
819
  "span-6": "span 6 / span 6",
820
+ "span-7": "span 7 / span 7",
821
+ "span-8": "span 8 / span 8",
822
+ "span-9": "span 9 / span 9",
823
+ "span-10": "span 10 / span 10",
824
+ "span-11": "span 11 / span 11",
825
+ "span-12": "span 12 / span 12",
756
826
  "span-full": "1 / -1"
757
827
  },
758
828
  "gridRowStart": {
@@ -763,6 +833,12 @@
763
833
  "5": "5",
764
834
  "6": "6",
765
835
  "7": "7",
836
+ "8": "8",
837
+ "9": "9",
838
+ "10": "10",
839
+ "11": "11",
840
+ "12": "12",
841
+ "13": "13",
766
842
  "auto": "auto"
767
843
  },
768
844
  "gridRowEnd": {
@@ -773,6 +849,12 @@
773
849
  "5": "5",
774
850
  "6": "6",
775
851
  "7": "7",
852
+ "8": "8",
853
+ "9": "9",
854
+ "10": "10",
855
+ "11": "11",
856
+ "12": "12",
857
+ "13": "13",
776
858
  "auto": "auto"
777
859
  },
778
860
  "gridTemplateColumns": {
@@ -788,7 +870,8 @@
788
870
  "10": "repeat(10, minmax(0, 1fr))",
789
871
  "11": "repeat(11, minmax(0, 1fr))",
790
872
  "12": "repeat(12, minmax(0, 1fr))",
791
- "none": "none"
873
+ "none": "none",
874
+ "subgrid": "subgrid"
792
875
  },
793
876
  "gridTemplateRows": {
794
877
  "1": "repeat(1, minmax(0, 1fr))",
@@ -797,7 +880,14 @@
797
880
  "4": "repeat(4, minmax(0, 1fr))",
798
881
  "5": "repeat(5, minmax(0, 1fr))",
799
882
  "6": "repeat(6, minmax(0, 1fr))",
800
- "none": "none"
883
+ "7": "repeat(7, minmax(0, 1fr))",
884
+ "8": "repeat(8, minmax(0, 1fr))",
885
+ "9": "repeat(9, minmax(0, 1fr))",
886
+ "10": "repeat(10, minmax(0, 1fr))",
887
+ "11": "repeat(11, minmax(0, 1fr))",
888
+ "12": "repeat(12, minmax(0, 1fr))",
889
+ "none": "none",
890
+ "subgrid": "subgrid"
801
891
  },
802
892
  "keyframes": {
803
893
  "spin": {"to": {"transform": "rotate(360deg)"}},
package/dist/tokens.json CHANGED
@@ -460,6 +460,26 @@
460
460
  "lineHeight": 1.5,
461
461
  "textTransform": "none"
462
462
  },
463
+ "code-small": {
464
+ "fontFamily": [
465
+ "Source Code Pro"
466
+ ],
467
+ "fontSize": "14px",
468
+ "fontWeight": 400,
469
+ "fontStyle": "normal",
470
+ "lineHeight": 1.42,
471
+ "textTransform": "none"
472
+ },
473
+ "code-small-strong": {
474
+ "fontFamily": [
475
+ "Source Code Pro"
476
+ ],
477
+ "fontSize": "14px",
478
+ "fontWeight": 600,
479
+ "fontStyle": "normal",
480
+ "lineHeight": 1.42,
481
+ "textTransform": "none"
482
+ },
463
483
  "caption-small": {
464
484
  "fontFamily": [
465
485
  "Inter"