@aivenio/aquarium 1.56.0 → 1.57.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 (28) hide show
  1. package/dist/_variables.scss +1 -5
  2. package/dist/atoms.cjs +78 -47
  3. package/dist/atoms.mjs +78 -47
  4. package/dist/src/atoms/Card/Card.d.ts +6 -2
  5. package/dist/src/atoms/Card/Card.js +20 -12
  6. package/dist/src/atoms/Table/Table.js +2 -2
  7. package/dist/src/icons/co2Emissions.d.ts +9 -0
  8. package/dist/src/icons/co2Emissions.js +11 -0
  9. package/dist/src/icons/index.d.ts +1 -0
  10. package/dist/src/icons/index.js +2 -1
  11. package/dist/src/molecules/Card/Card.js +35 -11
  12. package/dist/src/molecules/Card/CardInputWrapper.d.ts +7 -0
  13. package/dist/src/molecules/Card/CardInputWrapper.js +6 -0
  14. package/dist/src/molecules/Card/Compact.js +38 -14
  15. package/dist/src/molecules/Card/Group.d.ts +5 -0
  16. package/dist/src/molecules/Card/Group.js +5 -3
  17. package/dist/src/molecules/Chip/Chip.js +2 -2
  18. package/dist/src/molecules/DataList/DataList.js +7 -2
  19. package/dist/src/molecules/DataTable/DataTable.js +7 -2
  20. package/dist/src/utils/table/types.d.ts +5 -0
  21. package/dist/src/utils/table/types.js +1 -1
  22. package/dist/styles.css +16 -47
  23. package/dist/system.cjs +1222 -1105
  24. package/dist/system.mjs +1148 -1031
  25. package/dist/tailwind.config.js +1 -5
  26. package/dist/tsconfig.module.tsbuildinfo +1 -1
  27. package/dist/types/tailwindGenerated.d.ts +1 -1
  28. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -466,10 +466,6 @@ img,video {
466
466
  --aquarium-box-shadow-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
467
467
  --aquarium-box-shadow-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
468
468
  --aquarium-box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
469
- --aquarium-box-shadow-card-default: 0px 3px 3px rgba(0, 0, 0, 0.1), 0px -1px 1px rgba(0, 0, 0, 0.05);
470
- --aquarium-box-shadow-card-hover: 0px 3px 3px rgba(0, 0, 0, 0.2), 0px -1px 1px rgba(0, 0, 0, 0.05);
471
- --aquarium-box-shadow-card-active: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px -1px 1px rgba(0, 0, 0, 0.05);
472
- --aquarium-box-shadow-card-checked: 0px -1px 1px 0px rgba(53, 69, 190, 0.05), 0px 3px 3px 0px rgba(53, 69, 190, 0.20);
473
469
  --aquarium-screens-default: 0px;
474
470
  --aquarium-screens-xs: 320px;
475
471
  --aquarium-screens-sm: 672px;
@@ -1450,12 +1446,12 @@ input[type='number'].no-arrows {
1450
1446
  .cursor-default{
1451
1447
  cursor: default;
1452
1448
  }
1453
- .cursor-pointer{
1454
- cursor: pointer;
1455
- }
1456
1449
  .cursor-not-allowed{
1457
1450
  cursor: not-allowed;
1458
1451
  }
1452
+ .cursor-pointer{
1453
+ cursor: pointer;
1454
+ }
1459
1455
  .resize-none{
1460
1456
  resize: none;
1461
1457
  }
@@ -1648,8 +1644,8 @@ input[type='number'].no-arrows {
1648
1644
  .border{
1649
1645
  border-width: 1px;
1650
1646
  }
1651
- .border-\[1px\]{
1652
- border-width: 1px;
1647
+ .border-\[2px\]{
1648
+ border-width: 2px;
1653
1649
  }
1654
1650
  .border-0{
1655
1651
  border-width: 0px;
@@ -2065,12 +2061,12 @@ input[type='number'].no-arrows {
2065
2061
  .text-\[8px\]{
2066
2062
  font-size: 8px;
2067
2063
  }
2068
- .font-normal{
2069
- font-weight: 400;
2070
- }
2071
2064
  .font-semibold{
2072
2065
  font-weight: 600;
2073
2066
  }
2067
+ .font-normal{
2068
+ font-weight: 400;
2069
+ }
2074
2070
  .uppercase{
2075
2071
  text-transform: uppercase;
2076
2072
  }
@@ -2444,6 +2440,9 @@ input[type='number'].no-arrows {
2444
2440
  -webkit-text-decoration-line: none;
2445
2441
  text-decoration-line: none;
2446
2442
  }
2443
+ .opacity-50{
2444
+ opacity: 0.5;
2445
+ }
2447
2446
  .opacity-70{
2448
2447
  opacity: 0.7;
2449
2448
  }
@@ -2459,24 +2458,6 @@ input[type='number'].no-arrows {
2459
2458
  .opacity-0{
2460
2459
  opacity: 0;
2461
2460
  }
2462
- .shadow-card-default{
2463
- --tw-shadow: var(--aquarium-box-shadow-card-default, 0px 3px 3px rgba(0, 0, 0, 0.1), 0px -1px 1px rgba(0, 0, 0, 0.05));
2464
- --tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color);
2465
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2466
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2467
- }
2468
- .shadow-card-checked{
2469
- --tw-shadow: var(--aquarium-box-shadow-card-checked, 0px -1px 1px 0px rgba(53, 69, 190, 0.05), 0px 3px 3px 0px rgba(53, 69, 190, 0.20));
2470
- --tw-shadow-colored: 0px -1px 1px 0px var(--tw-shadow-color);
2471
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2472
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2473
- }
2474
- .shadow-card-active{
2475
- --tw-shadow: var(--aquarium-box-shadow-card-active, 0px 1px 3px rgba(0, 0, 0, 0.2), 0px -1px 1px rgba(0, 0, 0, 0.05));
2476
- --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color);
2477
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2478
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2479
- }
2480
2461
  .shadow-16dp{
2481
2462
  --tw-shadow: var(--aquarium-box-shadow-16dp, 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12));
2482
2463
  --tw-shadow-colored: 0px 16px 32px 0px var(--tw-shadow-color);
@@ -2546,6 +2527,11 @@ input[type='number'].no-arrows {
2546
2527
  .filter{
2547
2528
  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);
2548
2529
  }
2530
+ .transition-all{
2531
+ transition-property: all;
2532
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2533
+ transition-duration: 150ms;
2534
+ }
2549
2535
  .transition{
2550
2536
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2551
2537
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2553,11 +2539,6 @@ input[type='number'].no-arrows {
2553
2539
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2554
2540
  transition-duration: 150ms;
2555
2541
  }
2556
- .transition-all{
2557
- transition-property: all;
2558
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2559
- transition-duration: 150ms;
2560
- }
2561
2542
  .transition-opacity{
2562
2543
  transition-property: opacity;
2563
2544
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2728,12 +2709,6 @@ input[type='number'].no-arrows {
2728
2709
  -webkit-text-decoration-line: underline;
2729
2710
  text-decoration-line: underline;
2730
2711
  }
2731
- .hover\:shadow-card-hover:hover{
2732
- --tw-shadow: var(--aquarium-box-shadow-card-hover, 0px 3px 3px rgba(0, 0, 0, 0.2), 0px -1px 1px rgba(0, 0, 0, 0.05));
2733
- --tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color);
2734
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2735
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2736
- }
2737
2712
  .hover\:ring-primary-90:hover{
2738
2713
  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
2739
2714
  }
@@ -2927,12 +2902,6 @@ input[type='number'].no-arrows {
2927
2902
  color: #4a4b57;
2928
2903
  color: var(--aquarium-colors-grey-70, #4a4b57);
2929
2904
  }
2930
- .active\:shadow-card-active:active{
2931
- --tw-shadow: var(--aquarium-box-shadow-card-active, 0px 1px 3px rgba(0, 0, 0, 0.2), 0px -1px 1px rgba(0, 0, 0, 0.05));
2932
- --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color);
2933
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2934
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2935
- }
2936
2905
  .active\:ring-0:active{
2937
2906
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2938
2907
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);