@aivenio/aquarium 1.19.0 → 1.20.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 (12) hide show
  1. package/dist/_variables.scss +104 -104
  2. package/dist/_variables_timescale.scss +104 -104
  3. package/dist/atoms.cjs +88 -88
  4. package/dist/atoms.mjs +88 -88
  5. package/dist/styles.css +395 -391
  6. package/dist/styles_timescaledb.css +395 -391
  7. package/dist/system.cjs +88 -88
  8. package/dist/system.mjs +88 -88
  9. package/dist/tailwind.config.js +46 -44
  10. package/dist/tailwind.theme.json +88 -88
  11. package/dist/tsconfig.module.tsbuildinfo +1 -1
  12. package/package.json +1 -1
package/dist/system.cjs CHANGED
@@ -5583,94 +5583,94 @@ var tailwind_theme_default = {
5583
5583
  flexGrow: { "0": "0", DEFAULT: "1" },
5584
5584
  flexShrink: { "0": "0", DEFAULT: "1" },
5585
5585
  backgroundColor: {
5586
- "error-100": "#aa0000",
5587
- "error-90": "#b90000",
5588
- "error-80": "#c50001",
5589
- "error-70": "#d80005",
5590
- "error-60": "#e70000",
5591
- "error-50": "#e62728",
5592
- "error-40": "#e0504f",
5593
- "error-30": "#ed7975",
5594
- "error-20": "#ffadb3",
5595
- "error-10": "#ffcbd2",
5596
- "error-5": "#fee8e7",
5597
- "error-0": "#fef2f1",
5598
- "warning-100": "#fe6d00",
5599
- "warning-90": "#ff9003",
5600
- "warning-80": "#fd9f00",
5601
- "warning-70": "#ffb300",
5602
- "warning-60": "#ffc107",
5603
- "warning-50": "#fdc926",
5604
- "warning-40": "#fdd44d",
5605
- "warning-30": "#fddf81",
5606
- "warning-20": "#feebb2",
5607
- "warning-10": "#fff2cd",
5608
- "warning-5": "#fff8ea",
5609
- "warning-0": "#fffdf9",
5610
- "success-100": "#006f00",
5611
- "success-90": "#008e00",
5612
- "success-80": "#009f00",
5613
- "success-70": "#00b300",
5614
- "success-60": "#00c300",
5615
- "success-50": "#40ce37",
5616
- "success-40": "#60db57",
5617
- "success-30": "#89eb80",
5618
- "success-20": "#afffa7",
5619
- "success-10": "#cbffc9",
5620
- "success-5": "#ecf7ed",
5621
- "success-0": "#f5faf5",
5622
- "info-100": "#02569a",
5623
- "info-90": "#0174ba",
5624
- "info-80": "#0788d1",
5625
- "info-70": "#0399e3",
5626
- "info-60": "#02a8f3",
5627
- "info-50": "#28b4f4",
5628
- "info-40": "#4cc2f7",
5629
- "info-30": "#7fd1f7",
5630
- "info-20": "#b4e5fb",
5631
- "info-10": "#e0f5fe",
5632
- "info-5": "#effaff",
5633
- "info-0": "#f9fdff",
5634
- "grey-100": "#19191d",
5635
- "grey-90": "#292a31",
5636
- "grey-80": "#3a3a44",
5637
- "grey-70": "#4a4b57",
5638
- "grey-60": "#5a5b6a",
5639
- "grey-50": "#787885",
5640
- "grey-40": "#9696a0",
5641
- "grey-30": "#b4b4bb",
5642
- "grey-10": "#e1e1e3",
5643
- "grey-5": "#ededf0",
5644
- "grey-0": "#f7f7fa",
5645
- "secondary-100": "#e11d16",
5646
- "secondary-90": "#eb4610",
5647
- "secondary-80": "#f3580d",
5648
- "secondary-70": "#f96a02",
5649
- "secondary-60": "#ff7700",
5650
- "secondary-50": "#fc871a",
5651
- "secondary-40": "#fb9a3e",
5652
- "secondary-30": "#fab26e",
5653
- "secondary-20": "#f8c99c",
5654
- "secondary-10": "#fee8d0",
5655
- "secondary-5": "#fff3e8",
5656
- "secondary-0": "#fffbf8",
5657
- "primary-100": "#a70045",
5658
- "primary-90": "#c60443",
5659
- "primary-80": "#e41a4a",
5660
- "primary-70": "#ff3554",
5661
- "primary-60": "#ff5275",
5662
- "primary-50": "#ff6f94",
5663
- "primary-40": "#ff8db0",
5664
- "primary-30": "#ffa9c9",
5665
- "primary-20": "#ffc4de",
5666
- "primary-10": "#ffdeef",
5667
- "primary-5": "#ffe8f4",
5668
- "primary-0": "#fff9fc",
5669
- "grey-20": "#d2d2d6",
5670
- transparent: "transparent",
5671
- white: "white",
5672
- black: "black",
5673
- current: "currentColor",
5586
+ "error-100": "var(--aquarium-colors-error-100, #aa0000)",
5587
+ "error-90": "var(--aquarium-colors-error-90, #b90000)",
5588
+ "error-80": "var(--aquarium-colors-error-80, #c50001)",
5589
+ "error-70": "var(--aquarium-colors-error-70, #d80005)",
5590
+ "error-60": "var(--aquarium-colors-error-60, #e70000)",
5591
+ "error-50": "var(--aquarium-colors-error-50, #e62728)",
5592
+ "error-40": "var(--aquarium-colors-error-40, #e0504f)",
5593
+ "error-30": "var(--aquarium-colors-error-30, #ed7975)",
5594
+ "error-20": "var(--aquarium-colors-error-20, #ffadb3)",
5595
+ "error-10": "var(--aquarium-colors-error-10, #ffcbd2)",
5596
+ "error-5": "var(--aquarium-colors-error-5, #fee8e7)",
5597
+ "error-0": "var(--aquarium-colors-error-0, #fef2f1)",
5598
+ "warning-100": "var(--aquarium-colors-warning-100, #fe6d00)",
5599
+ "warning-90": "var(--aquarium-colors-warning-90, #ff9003)",
5600
+ "warning-80": "var(--aquarium-colors-warning-80, #fd9f00)",
5601
+ "warning-70": "var(--aquarium-colors-warning-70, #ffb300)",
5602
+ "warning-60": "var(--aquarium-colors-warning-60, #ffc107)",
5603
+ "warning-50": "var(--aquarium-colors-warning-50, #fdc926)",
5604
+ "warning-40": "var(--aquarium-colors-warning-40, #fdd44d)",
5605
+ "warning-30": "var(--aquarium-colors-warning-30, #fddf81)",
5606
+ "warning-20": "var(--aquarium-colors-warning-20, #feebb2)",
5607
+ "warning-10": "var(--aquarium-colors-warning-10, #fff2cd)",
5608
+ "warning-5": "var(--aquarium-colors-warning-5, #fff8ea)",
5609
+ "warning-0": "var(--aquarium-colors-warning-0, #fffdf9)",
5610
+ "success-100": "var(--aquarium-colors-success-100, #006f00)",
5611
+ "success-90": "var(--aquarium-colors-success-90, #008e00)",
5612
+ "success-80": "var(--aquarium-colors-success-80, #009f00)",
5613
+ "success-70": "var(--aquarium-colors-success-70, #00b300)",
5614
+ "success-60": "var(--aquarium-colors-success-60, #00c300)",
5615
+ "success-50": "var(--aquarium-colors-success-50, #40ce37)",
5616
+ "success-40": "var(--aquarium-colors-success-40, #60db57)",
5617
+ "success-30": "var(--aquarium-colors-success-30, #89eb80)",
5618
+ "success-20": "var(--aquarium-colors-success-20, #afffa7)",
5619
+ "success-10": "var(--aquarium-colors-success-10, #cbffc9)",
5620
+ "success-5": "var(--aquarium-colors-success-5, #ecf7ed)",
5621
+ "success-0": "var(--aquarium-colors-success-0, #f5faf5)",
5622
+ "info-100": "var(--aquarium-colors-info-100, #02569a)",
5623
+ "info-90": "var(--aquarium-colors-info-90, #0174ba)",
5624
+ "info-80": "var(--aquarium-colors-info-80, #0788d1)",
5625
+ "info-70": "var(--aquarium-colors-info-70, #0399e3)",
5626
+ "info-60": "var(--aquarium-colors-info-60, #02a8f3)",
5627
+ "info-50": "var(--aquarium-colors-info-50, #28b4f4)",
5628
+ "info-40": "var(--aquarium-colors-info-40, #4cc2f7)",
5629
+ "info-30": "var(--aquarium-colors-info-30, #7fd1f7)",
5630
+ "info-20": "var(--aquarium-colors-info-20, #b4e5fb)",
5631
+ "info-10": "var(--aquarium-colors-info-10, #e0f5fe)",
5632
+ "info-5": "var(--aquarium-colors-info-5, #effaff)",
5633
+ "info-0": "var(--aquarium-colors-info-0, #f9fdff)",
5634
+ "grey-100": "var(--aquarium-colors-grey-100, #19191d)",
5635
+ "grey-90": "var(--aquarium-colors-grey-90, #292a31)",
5636
+ "grey-80": "var(--aquarium-colors-grey-80, #3a3a44)",
5637
+ "grey-70": "var(--aquarium-colors-grey-70, #4a4b57)",
5638
+ "grey-60": "var(--aquarium-colors-grey-60, #5a5b6a)",
5639
+ "grey-50": "var(--aquarium-colors-grey-50, #787885)",
5640
+ "grey-40": "var(--aquarium-colors-grey-40, #9696a0)",
5641
+ "grey-30": "var(--aquarium-colors-grey-30, #b4b4bb)",
5642
+ "grey-10": "var(--aquarium-colors-grey-10, #e1e1e3)",
5643
+ "grey-5": "var(--aquarium-colors-grey-5, #ededf0)",
5644
+ "grey-0": "var(--aquarium-colors-grey-0, #f7f7fa)",
5645
+ "secondary-100": "var(--aquarium-colors-secondary-100, #e11d16)",
5646
+ "secondary-90": "var(--aquarium-colors-secondary-90, #eb4610)",
5647
+ "secondary-80": "var(--aquarium-colors-secondary-80, #f3580d)",
5648
+ "secondary-70": "var(--aquarium-colors-secondary-70, #f96a02)",
5649
+ "secondary-60": "var(--aquarium-colors-secondary-60, #ff7700)",
5650
+ "secondary-50": "var(--aquarium-colors-secondary-50, #fc871a)",
5651
+ "secondary-40": "var(--aquarium-colors-secondary-40, #fb9a3e)",
5652
+ "secondary-30": "var(--aquarium-colors-secondary-30, #fab26e)",
5653
+ "secondary-20": "var(--aquarium-colors-secondary-20, #f8c99c)",
5654
+ "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
5655
+ "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
5656
+ "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
5657
+ "primary-100": "var(--aquarium-colors-primary-100, #a70045)",
5658
+ "primary-90": "var(--aquarium-colors-primary-90, #c60443)",
5659
+ "primary-80": "var(--aquarium-colors-primary-80, #e41a4a)",
5660
+ "primary-70": "var(--aquarium-colors-primary-70, #ff3554)",
5661
+ "primary-60": "var(--aquarium-colors-primary-60, #ff5275)",
5662
+ "primary-50": "var(--aquarium-colors-primary-50, #ff6f94)",
5663
+ "primary-40": "var(--aquarium-colors-primary-40, #ff8db0)",
5664
+ "primary-30": "var(--aquarium-colors-primary-30, #ffa9c9)",
5665
+ "primary-20": "var(--aquarium-colors-primary-20, #ffc4de)",
5666
+ "primary-10": "var(--aquarium-colors-primary-10, #ffdeef)",
5667
+ "primary-5": "var(--aquarium-colors-primary-5, #ffe8f4)",
5668
+ "primary-0": "var(--aquarium-colors-primary-0, #fff9fc)",
5669
+ "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
5670
+ transparent: "var(--aquarium-colors-transparent, transparent)",
5671
+ white: "var(--aquarium-colors-white, white)",
5672
+ black: "var(--aquarium-colors-black, black)",
5673
+ current: "var(--aquarium-colors-current, currentColor)",
5674
5674
  "navyBlue-100": "#30375E"
5675
5675
  },
5676
5676
  gap: {
package/dist/system.mjs CHANGED
@@ -5441,94 +5441,94 @@ var tailwind_theme_default = {
5441
5441
  flexGrow: { "0": "0", DEFAULT: "1" },
5442
5442
  flexShrink: { "0": "0", DEFAULT: "1" },
5443
5443
  backgroundColor: {
5444
- "error-100": "#aa0000",
5445
- "error-90": "#b90000",
5446
- "error-80": "#c50001",
5447
- "error-70": "#d80005",
5448
- "error-60": "#e70000",
5449
- "error-50": "#e62728",
5450
- "error-40": "#e0504f",
5451
- "error-30": "#ed7975",
5452
- "error-20": "#ffadb3",
5453
- "error-10": "#ffcbd2",
5454
- "error-5": "#fee8e7",
5455
- "error-0": "#fef2f1",
5456
- "warning-100": "#fe6d00",
5457
- "warning-90": "#ff9003",
5458
- "warning-80": "#fd9f00",
5459
- "warning-70": "#ffb300",
5460
- "warning-60": "#ffc107",
5461
- "warning-50": "#fdc926",
5462
- "warning-40": "#fdd44d",
5463
- "warning-30": "#fddf81",
5464
- "warning-20": "#feebb2",
5465
- "warning-10": "#fff2cd",
5466
- "warning-5": "#fff8ea",
5467
- "warning-0": "#fffdf9",
5468
- "success-100": "#006f00",
5469
- "success-90": "#008e00",
5470
- "success-80": "#009f00",
5471
- "success-70": "#00b300",
5472
- "success-60": "#00c300",
5473
- "success-50": "#40ce37",
5474
- "success-40": "#60db57",
5475
- "success-30": "#89eb80",
5476
- "success-20": "#afffa7",
5477
- "success-10": "#cbffc9",
5478
- "success-5": "#ecf7ed",
5479
- "success-0": "#f5faf5",
5480
- "info-100": "#02569a",
5481
- "info-90": "#0174ba",
5482
- "info-80": "#0788d1",
5483
- "info-70": "#0399e3",
5484
- "info-60": "#02a8f3",
5485
- "info-50": "#28b4f4",
5486
- "info-40": "#4cc2f7",
5487
- "info-30": "#7fd1f7",
5488
- "info-20": "#b4e5fb",
5489
- "info-10": "#e0f5fe",
5490
- "info-5": "#effaff",
5491
- "info-0": "#f9fdff",
5492
- "grey-100": "#19191d",
5493
- "grey-90": "#292a31",
5494
- "grey-80": "#3a3a44",
5495
- "grey-70": "#4a4b57",
5496
- "grey-60": "#5a5b6a",
5497
- "grey-50": "#787885",
5498
- "grey-40": "#9696a0",
5499
- "grey-30": "#b4b4bb",
5500
- "grey-10": "#e1e1e3",
5501
- "grey-5": "#ededf0",
5502
- "grey-0": "#f7f7fa",
5503
- "secondary-100": "#e11d16",
5504
- "secondary-90": "#eb4610",
5505
- "secondary-80": "#f3580d",
5506
- "secondary-70": "#f96a02",
5507
- "secondary-60": "#ff7700",
5508
- "secondary-50": "#fc871a",
5509
- "secondary-40": "#fb9a3e",
5510
- "secondary-30": "#fab26e",
5511
- "secondary-20": "#f8c99c",
5512
- "secondary-10": "#fee8d0",
5513
- "secondary-5": "#fff3e8",
5514
- "secondary-0": "#fffbf8",
5515
- "primary-100": "#a70045",
5516
- "primary-90": "#c60443",
5517
- "primary-80": "#e41a4a",
5518
- "primary-70": "#ff3554",
5519
- "primary-60": "#ff5275",
5520
- "primary-50": "#ff6f94",
5521
- "primary-40": "#ff8db0",
5522
- "primary-30": "#ffa9c9",
5523
- "primary-20": "#ffc4de",
5524
- "primary-10": "#ffdeef",
5525
- "primary-5": "#ffe8f4",
5526
- "primary-0": "#fff9fc",
5527
- "grey-20": "#d2d2d6",
5528
- transparent: "transparent",
5529
- white: "white",
5530
- black: "black",
5531
- current: "currentColor",
5444
+ "error-100": "var(--aquarium-colors-error-100, #aa0000)",
5445
+ "error-90": "var(--aquarium-colors-error-90, #b90000)",
5446
+ "error-80": "var(--aquarium-colors-error-80, #c50001)",
5447
+ "error-70": "var(--aquarium-colors-error-70, #d80005)",
5448
+ "error-60": "var(--aquarium-colors-error-60, #e70000)",
5449
+ "error-50": "var(--aquarium-colors-error-50, #e62728)",
5450
+ "error-40": "var(--aquarium-colors-error-40, #e0504f)",
5451
+ "error-30": "var(--aquarium-colors-error-30, #ed7975)",
5452
+ "error-20": "var(--aquarium-colors-error-20, #ffadb3)",
5453
+ "error-10": "var(--aquarium-colors-error-10, #ffcbd2)",
5454
+ "error-5": "var(--aquarium-colors-error-5, #fee8e7)",
5455
+ "error-0": "var(--aquarium-colors-error-0, #fef2f1)",
5456
+ "warning-100": "var(--aquarium-colors-warning-100, #fe6d00)",
5457
+ "warning-90": "var(--aquarium-colors-warning-90, #ff9003)",
5458
+ "warning-80": "var(--aquarium-colors-warning-80, #fd9f00)",
5459
+ "warning-70": "var(--aquarium-colors-warning-70, #ffb300)",
5460
+ "warning-60": "var(--aquarium-colors-warning-60, #ffc107)",
5461
+ "warning-50": "var(--aquarium-colors-warning-50, #fdc926)",
5462
+ "warning-40": "var(--aquarium-colors-warning-40, #fdd44d)",
5463
+ "warning-30": "var(--aquarium-colors-warning-30, #fddf81)",
5464
+ "warning-20": "var(--aquarium-colors-warning-20, #feebb2)",
5465
+ "warning-10": "var(--aquarium-colors-warning-10, #fff2cd)",
5466
+ "warning-5": "var(--aquarium-colors-warning-5, #fff8ea)",
5467
+ "warning-0": "var(--aquarium-colors-warning-0, #fffdf9)",
5468
+ "success-100": "var(--aquarium-colors-success-100, #006f00)",
5469
+ "success-90": "var(--aquarium-colors-success-90, #008e00)",
5470
+ "success-80": "var(--aquarium-colors-success-80, #009f00)",
5471
+ "success-70": "var(--aquarium-colors-success-70, #00b300)",
5472
+ "success-60": "var(--aquarium-colors-success-60, #00c300)",
5473
+ "success-50": "var(--aquarium-colors-success-50, #40ce37)",
5474
+ "success-40": "var(--aquarium-colors-success-40, #60db57)",
5475
+ "success-30": "var(--aquarium-colors-success-30, #89eb80)",
5476
+ "success-20": "var(--aquarium-colors-success-20, #afffa7)",
5477
+ "success-10": "var(--aquarium-colors-success-10, #cbffc9)",
5478
+ "success-5": "var(--aquarium-colors-success-5, #ecf7ed)",
5479
+ "success-0": "var(--aquarium-colors-success-0, #f5faf5)",
5480
+ "info-100": "var(--aquarium-colors-info-100, #02569a)",
5481
+ "info-90": "var(--aquarium-colors-info-90, #0174ba)",
5482
+ "info-80": "var(--aquarium-colors-info-80, #0788d1)",
5483
+ "info-70": "var(--aquarium-colors-info-70, #0399e3)",
5484
+ "info-60": "var(--aquarium-colors-info-60, #02a8f3)",
5485
+ "info-50": "var(--aquarium-colors-info-50, #28b4f4)",
5486
+ "info-40": "var(--aquarium-colors-info-40, #4cc2f7)",
5487
+ "info-30": "var(--aquarium-colors-info-30, #7fd1f7)",
5488
+ "info-20": "var(--aquarium-colors-info-20, #b4e5fb)",
5489
+ "info-10": "var(--aquarium-colors-info-10, #e0f5fe)",
5490
+ "info-5": "var(--aquarium-colors-info-5, #effaff)",
5491
+ "info-0": "var(--aquarium-colors-info-0, #f9fdff)",
5492
+ "grey-100": "var(--aquarium-colors-grey-100, #19191d)",
5493
+ "grey-90": "var(--aquarium-colors-grey-90, #292a31)",
5494
+ "grey-80": "var(--aquarium-colors-grey-80, #3a3a44)",
5495
+ "grey-70": "var(--aquarium-colors-grey-70, #4a4b57)",
5496
+ "grey-60": "var(--aquarium-colors-grey-60, #5a5b6a)",
5497
+ "grey-50": "var(--aquarium-colors-grey-50, #787885)",
5498
+ "grey-40": "var(--aquarium-colors-grey-40, #9696a0)",
5499
+ "grey-30": "var(--aquarium-colors-grey-30, #b4b4bb)",
5500
+ "grey-10": "var(--aquarium-colors-grey-10, #e1e1e3)",
5501
+ "grey-5": "var(--aquarium-colors-grey-5, #ededf0)",
5502
+ "grey-0": "var(--aquarium-colors-grey-0, #f7f7fa)",
5503
+ "secondary-100": "var(--aquarium-colors-secondary-100, #e11d16)",
5504
+ "secondary-90": "var(--aquarium-colors-secondary-90, #eb4610)",
5505
+ "secondary-80": "var(--aquarium-colors-secondary-80, #f3580d)",
5506
+ "secondary-70": "var(--aquarium-colors-secondary-70, #f96a02)",
5507
+ "secondary-60": "var(--aquarium-colors-secondary-60, #ff7700)",
5508
+ "secondary-50": "var(--aquarium-colors-secondary-50, #fc871a)",
5509
+ "secondary-40": "var(--aquarium-colors-secondary-40, #fb9a3e)",
5510
+ "secondary-30": "var(--aquarium-colors-secondary-30, #fab26e)",
5511
+ "secondary-20": "var(--aquarium-colors-secondary-20, #f8c99c)",
5512
+ "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
5513
+ "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
5514
+ "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
5515
+ "primary-100": "var(--aquarium-colors-primary-100, #a70045)",
5516
+ "primary-90": "var(--aquarium-colors-primary-90, #c60443)",
5517
+ "primary-80": "var(--aquarium-colors-primary-80, #e41a4a)",
5518
+ "primary-70": "var(--aquarium-colors-primary-70, #ff3554)",
5519
+ "primary-60": "var(--aquarium-colors-primary-60, #ff5275)",
5520
+ "primary-50": "var(--aquarium-colors-primary-50, #ff6f94)",
5521
+ "primary-40": "var(--aquarium-colors-primary-40, #ff8db0)",
5522
+ "primary-30": "var(--aquarium-colors-primary-30, #ffa9c9)",
5523
+ "primary-20": "var(--aquarium-colors-primary-20, #ffc4de)",
5524
+ "primary-10": "var(--aquarium-colors-primary-10, #ffdeef)",
5525
+ "primary-5": "var(--aquarium-colors-primary-5, #ffe8f4)",
5526
+ "primary-0": "var(--aquarium-colors-primary-0, #fff9fc)",
5527
+ "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
5528
+ transparent: "var(--aquarium-colors-transparent, transparent)",
5529
+ white: "var(--aquarium-colors-white, white)",
5530
+ black: "var(--aquarium-colors-black, black)",
5531
+ current: "var(--aquarium-colors-current, currentColor)",
5532
5532
  "navyBlue-100": "#30375E"
5533
5533
  },
5534
5534
  gap: {
package/dist/tailwind.config.js CHANGED
@@ -3,7 +3,7 @@ const plugin = require('tailwindcss/plugin');
3
3
  const defaultTheme = require('tailwindcss/defaultTheme');
4
4
  const _ = require('lodash');
5
5
  const { theme } = require('./src/js/resolveTheme');
6
-
6
+ const { themeTransformer } = require('./themeTransformer');
7
7
  /*
8
8
  * Shortens a given spacing key to a minimal differentiable string
9
9
  * example for resulting classnames with/without the shortening:
@@ -16,53 +16,55 @@ const spacing = _.reduce(theme.spacing, (acc, { px }, key) => ({ ...acc, [shorte
16
16
  '1px': '1px',
17
17
  });
18
18
 
19
- /** @type {import('tailwindcss').Config} */
20
- module.exports = {
21
- theme: {
22
- extend: {
23
- colors: {
24
- 'navyBlue-100': '#30375E',
25
- },
26
- zIndex: {
27
- modal: '100',
28
- },
29
- },
30
- borderRadius: {
31
- ...defaultTheme.borderRadius,
32
- DEFAULT: '4px',
33
- },
34
- colors: { ...theme.colors, transparent: 'transparent', white: 'white', black: 'black', current: 'currentColor' },
35
- spacing,
36
- margin: {
37
- ...spacing,
38
- auto: 'auto',
39
- ..._.reduce(spacing, (acc, value, key) => ({ ...acc, [`-${key}`]: `-${value}` })),
40
- },
41
- boxShadow: {
42
- ...theme.elevations,
43
- whiteInset: 'inset 0 0 0 3px rgba(255,255,255,1)',
44
- },
45
- screens: {
46
- // "default" here means the width from 0px to "xs"
47
- default: '0px',
48
- xs: '320px',
49
- sm: '672px',
50
- md: '1056px',
51
- lg: '1312px',
52
- xl: '1536px',
19
+ const resolvedTheme = themeTransformer({
20
+ extend: {
21
+ colors: {
22
+ 'navyBlue-100': '#30375E',
53
23
  },
54
- animation: {
55
- ...defaultTheme.animation,
56
- 'positioner-fade-in': 'positioner-fade-in 300ms ease-in-out',
24
+ zIndex: {
25
+ modal: '100',
57
26
  },
58
- keyframes: {
59
- ...defaultTheme.keyframes,
60
- 'positioner-fade-in': {
61
- from: { opacity: '0' },
62
- to: { opacity: '1' },
63
- },
27
+ },
28
+ borderRadius: {
29
+ ...defaultTheme.borderRadius,
30
+ DEFAULT: '4px',
31
+ },
32
+ colors: { ...theme.colors, transparent: 'transparent', white: 'white', black: 'black', current: 'currentColor' },
33
+ spacing,
34
+ margin: {
35
+ ...spacing,
36
+ auto: 'auto',
37
+ ..._.reduce(spacing, (acc, value, key) => ({ ...acc, [`-${key}`]: `-${value}` })),
38
+ },
39
+ boxShadow: {
40
+ ...theme.elevations,
41
+ whiteInset: 'inset 0 0 0 3px rgba(255,255,255,1)',
42
+ },
43
+ screens: {
44
+ // "default" here means the width from 0px to "xs"
45
+ default: '0px',
46
+ xs: '320px',
47
+ sm: '672px',
48
+ md: '1056px',
49
+ lg: '1312px',
50
+ xl: '1536px',
51
+ },
52
+ animation: {
53
+ ...defaultTheme.animation,
54
+ 'positioner-fade-in': 'positioner-fade-in 300ms ease-in-out',
55
+ },
56
+ keyframes: {
57
+ ...defaultTheme.keyframes,
58
+ 'positioner-fade-in': {
59
+ from: { opacity: '0' },
60
+ to: { opacity: '1' },
64
61
  },
65
62
  },
63
+ });
64
+
65
+ /** @type {import('tailwindcss').Config} */
66
+ module.exports = {
67
+ theme: resolvedTheme,
66
68
  // https://tailwindcss.com/docs/configuring-variants#ordering-variants
67
69
  variants: {
68
70
  backgroundColor: ['odd', 'even', 'hover', 'group-hover', 'active', 'disabled', 'focus'],