@aivenio/aquarium 1.72.0 → 1.73.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 (35) hide show
  1. package/dist/_variables.scss +255 -244
  2. package/dist/atoms.cjs +1084 -947
  3. package/dist/atoms.mjs +1084 -947
  4. package/dist/src/atoms/Banner/Banner.js +3 -7
  5. package/dist/src/atoms/DataList/DataList.js +2 -2
  6. package/dist/src/atoms/Select/Select.js +2 -2
  7. package/dist/src/atoms/Toast/Toast.js +2 -2
  8. package/dist/src/atoms/Typography/Typography.js +3 -3
  9. package/dist/src/icons/award.d.ts +9 -0
  10. package/dist/src/icons/award.js +11 -0
  11. package/dist/src/icons/index.d.ts +1 -0
  12. package/dist/src/icons/index.js +2 -1
  13. package/dist/src/molecules/Box/Box.d.ts +5 -6
  14. package/dist/src/molecules/Box/Box.js +13 -7
  15. package/dist/src/molecules/Grid/Grid.js +4 -4
  16. package/dist/src/molecules/Section/Section.js +3 -3
  17. package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +2 -1
  18. package/dist/src/molecules/Tailwindify/Tailwindify.js +1 -1
  19. package/dist/src/system.d.ts +1 -6
  20. package/dist/src/system.js +2 -11
  21. package/dist/src/tokens/tokens.json +647 -0
  22. package/dist/src/utils/breakpoints.js +3 -3
  23. package/dist/src/utils/useStyle.js +6 -2
  24. package/dist/styles.css +2074 -1473
  25. package/dist/system.cjs +1103 -971
  26. package/dist/system.mjs +1103 -973
  27. package/dist/tailwind.config.js +73 -161
  28. package/dist/tailwind.theme.json +383 -331
  29. package/dist/tokens.json +644 -562
  30. package/dist/tsconfig.module.tsbuildinfo +1 -1
  31. package/dist/types/designTokens.d.ts +12 -11
  32. package/dist/types/tailwindGenerated.d.ts +1 -1
  33. package/package.json +10 -8
  34. package/dist/src/js/resolveTheme.d.ts +0 -8
  35. package/dist/src/js/resolveTheme.js +0 -10
package/dist/atoms.cjs CHANGED
@@ -503,6 +503,22 @@ var require_automaticUpdates = __commonJS({
503
503
  }
504
504
  });
505
505
 
506
+ // src/icons/award.js
507
+ var require_award = __commonJS({
508
+ "src/icons/award.js"(exports) {
509
+ "use strict";
510
+ var data = {
511
+ "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m7.303 13.495-.886 6.672 4.206-2.524c.137-.082.206-.123.279-.14a.459.459 0 01.196 0c.073.017.142.058.28.14l4.205 2.524-.885-6.673m2.719-5.244a6.417 6.417 0 11-12.834 0 6.417 6.417 0 0112.834 0Z"/>',
512
+ "left": 0,
513
+ "top": 0,
514
+ "width": 22,
515
+ "height": 22
516
+ };
517
+ exports.__esModule = true;
518
+ exports.default = data;
519
+ }
520
+ });
521
+
506
522
  // src/icons/badge.js
507
523
  var require_badge = __commonJS({
508
524
  "src/icons/badge.js"(exports) {
@@ -4151,588 +4167,6 @@ var require_warningSign = __commonJS({
4151
4167
  }
4152
4168
  });
4153
4169
 
4154
- // tokens.json
4155
- var require_tokens = __commonJS({
4156
- "tokens.json"(exports, module2) {
4157
- module2.exports = {
4158
- themes: {
4159
- aiven: {
4160
- colors: {
4161
- "error-100": "#aa0000",
4162
- "error-90": "#b90000",
4163
- "error-80": "#c50001",
4164
- "error-70": "#d80005",
4165
- "error-60": "#e70000",
4166
- "error-50": "#e62728",
4167
- "error-40": "#e0504f",
4168
- "error-30": "#ed7975",
4169
- "error-20": "#ffadb3",
4170
- "error-10": "#ffcbd2",
4171
- "error-5": "#fee8e7",
4172
- "error-0": "#fef2f1",
4173
- "warning-100": "#fe6d00",
4174
- "warning-90": "#ff9003",
4175
- "warning-80": "#fd9f00",
4176
- "warning-70": "#ffb300",
4177
- "warning-60": "#ffc107",
4178
- "warning-50": "#fdc926",
4179
- "warning-40": "#fdd44d",
4180
- "warning-30": "#fddf81",
4181
- "warning-20": "#feebb2",
4182
- "warning-10": "#fff2cd",
4183
- "warning-5": "#fff8ea",
4184
- "warning-0": "#fffdf9",
4185
- "success-100": "#006f00",
4186
- "success-90": "#008e00",
4187
- "success-80": "#009f00",
4188
- "success-70": "#00b300",
4189
- "success-60": "#00c300",
4190
- "success-50": "#40ce37",
4191
- "success-40": "#60db57",
4192
- "success-30": "#89eb80",
4193
- "success-20": "#afffa7",
4194
- "success-10": "#cbffc9",
4195
- "success-5": "#ecf7ed",
4196
- "success-0": "#f5faf5",
4197
- "info-100": "#02569a",
4198
- "info-90": "#0174ba",
4199
- "info-80": "#0788d1",
4200
- "info-70": "#0399e3",
4201
- "info-60": "#02a8f3",
4202
- "info-50": "#28b4f4",
4203
- "info-40": "#4cc2f7",
4204
- "info-30": "#7fd1f7",
4205
- "info-20": "#b4e5fb",
4206
- "info-10": "#e0f5fe",
4207
- "info-5": "#effaff",
4208
- "info-0": "#f9fdff",
4209
- "grey-100": "#19191d",
4210
- "grey-90": "#292a31",
4211
- "grey-80": "#3a3a44",
4212
- "grey-70": "#4a4b57",
4213
- "grey-60": "#5a5b6a",
4214
- "grey-50": "#787885",
4215
- "grey-40": "#9696a0",
4216
- "grey-30": "#b4b4bb",
4217
- "grey-20": "#d2d2d6",
4218
- "grey-10": "#e1e1e3",
4219
- "grey-5": "#ededf0",
4220
- "grey-0": "#f7f7fa",
4221
- "secondary-100": "#e11d16",
4222
- "secondary-90": "#eb4610",
4223
- "secondary-80": "#f3580d",
4224
- "secondary-70": "#f96a02",
4225
- "secondary-60": "#ff7700",
4226
- "secondary-50": "#fc871a",
4227
- "secondary-40": "#fb9a3e",
4228
- "secondary-30": "#fab26e",
4229
- "secondary-20": "#f8c99c",
4230
- "secondary-10": "#fee8d0",
4231
- "secondary-5": "#fff3e8",
4232
- "secondary-0": "#fffbf8",
4233
- "primary-100": "#0e1652",
4234
- "primary-90": "#222f95",
4235
- "primary-80": "#3545be",
4236
- "primary-70": "#5865cd",
4237
- "primary-60": "#818eec",
4238
- "primary-50": "#9daaee",
4239
- "primary-40": "#b9c5ef",
4240
- "primary-30": "#c7d1f4",
4241
- "primary-20": "#d5ddfa",
4242
- "primary-10": "#e3e9ff",
4243
- "primary-5": "#f3f6ff",
4244
- "primary-0": "#ffffff"
4245
- },
4246
- typography: {
4247
- sizes: [
4248
- {
4249
- name: "large-heading",
4250
- className: "typography-large-heading",
4251
- style: {
4252
- fontFamily: "Poppins",
4253
- fontSize: "32px",
4254
- fontWeight: 700,
4255
- fontStyle: "normal",
4256
- lineHeight: 1.375,
4257
- textTransform: "none"
4258
- },
4259
- fontPostScriptName: "Poppins-Bold"
4260
- },
4261
- {
4262
- name: "heading",
4263
- className: "typography-heading",
4264
- style: {
4265
- fontFamily: "Poppins",
4266
- fontSize: "24px",
4267
- fontWeight: 700,
4268
- fontStyle: "normal",
4269
- lineHeight: 1.375,
4270
- textTransform: "none"
4271
- },
4272
- fontPostScriptName: "Poppins-Bold"
4273
- },
4274
- {
4275
- name: "subheading",
4276
- className: "typography-subheading",
4277
- style: {
4278
- fontFamily: "Poppins",
4279
- fontSize: "20px",
4280
- fontWeight: 600,
4281
- fontStyle: "normal",
4282
- lineHeight: 1.375,
4283
- textTransform: "none"
4284
- },
4285
- fontPostScriptName: "Poppins-Bold"
4286
- },
4287
- {
4288
- name: "large-strong",
4289
- className: "typography-large-strong",
4290
- style: {
4291
- fontFamily: "Inter",
4292
- fontSize: "20px",
4293
- fontWeight: 600,
4294
- fontStyle: "normal",
4295
- lineHeight: 1.58,
4296
- textTransform: "none"
4297
- },
4298
- fontPostScriptName: "Inter-SemiBold"
4299
- },
4300
- {
4301
- name: "large",
4302
- className: "typography-large",
4303
- style: {
4304
- fontFamily: "Inter",
4305
- fontSize: "20px",
4306
- fontWeight: 500,
4307
- fontStyle: "normal",
4308
- lineHeight: 1.58,
4309
- textTransform: "none"
4310
- },
4311
- fontPostScriptName: "Inter-SemiBold"
4312
- },
4313
- {
4314
- name: "default-strong",
4315
- className: "typography-default-strong",
4316
- style: {
4317
- fontFamily: "Inter",
4318
- fontSize: "16px",
4319
- fontWeight: 500,
4320
- fontStyle: "normal",
4321
- lineHeight: 1.5,
4322
- textTransform: "none"
4323
- },
4324
- fontPostScriptName: "Inter-SemiBold"
4325
- },
4326
- {
4327
- name: "default",
4328
- className: "typography-default",
4329
- style: {
4330
- fontFamily: "Inter",
4331
- fontSize: "16px",
4332
- fontWeight: 400,
4333
- fontStyle: "normal",
4334
- lineHeight: 1.5,
4335
- textTransform: "none"
4336
- },
4337
- fontPostScriptName: null
4338
- },
4339
- {
4340
- name: "small-strong",
4341
- className: "typography-small-strong",
4342
- style: {
4343
- fontFamily: "Inter",
4344
- fontSize: "14px",
4345
- fontWeight: 500,
4346
- fontStyle: "normal",
4347
- lineHeight: 1.42,
4348
- textTransform: "none"
4349
- },
4350
- fontPostScriptName: "Inter-SemiBold"
4351
- },
4352
- {
4353
- name: "small",
4354
- className: "typography-small",
4355
- style: {
4356
- fontFamily: "Inter",
4357
- fontSize: "14px",
4358
- fontWeight: 400,
4359
- fontStyle: "normal",
4360
- lineHeight: 1.42,
4361
- textTransform: "none"
4362
- },
4363
- fontPostScriptName: null
4364
- },
4365
- {
4366
- name: "caption",
4367
- className: "typography-caption",
4368
- style: {
4369
- fontFamily: "Inter",
4370
- fontSize: "12px",
4371
- fontWeight: 400,
4372
- fontStyle: "normal",
4373
- lineHeight: 1.26,
4374
- textTransform: "none"
4375
- },
4376
- fontPostScriptName: null
4377
- },
4378
- {
4379
- name: "caption-small",
4380
- className: "typography-caption-small",
4381
- style: {
4382
- fontFamily: "Inter",
4383
- fontSize: "10px",
4384
- fontWeight: 400,
4385
- fontStyle: "normal",
4386
- lineHeight: 1.2,
4387
- letterSpacing: 0,
4388
- textTransform: "none"
4389
- },
4390
- fontPostScriptName: null
4391
- },
4392
- {
4393
- name: "caption-default",
4394
- className: "typography-caption-default",
4395
- style: {
4396
- fontFamily: "Inter",
4397
- fontSize: "12px",
4398
- fontWeight: 400,
4399
- fontStyle: "normal",
4400
- lineHeight: 1.26,
4401
- letterSpacing: 0,
4402
- textTransform: "none"
4403
- },
4404
- fontPostScriptName: null
4405
- },
4406
- {
4407
- name: "overline-small",
4408
- className: "typography-overline-small",
4409
- style: {
4410
- fontFamily: "Inter",
4411
- fontSize: "10px",
4412
- fontWeight: 400,
4413
- fontStyle: "normal",
4414
- lineHeight: 1,
4415
- letterSpacing: 0,
4416
- textTransform: "uppercase"
4417
- },
4418
- fontPostScriptName: null
4419
- },
4420
- {
4421
- name: "overline-default",
4422
- className: "typography-overline-default",
4423
- style: {
4424
- fontFamily: "Inter",
4425
- fontSize: "12px",
4426
- fontWeight: 400,
4427
- fontStyle: "normal",
4428
- lineHeight: 1,
4429
- letterSpacing: 0,
4430
- textTransform: "uppercase"
4431
- },
4432
- fontPostScriptName: null
4433
- },
4434
- {
4435
- name: "button-small",
4436
- className: "typography-button-small",
4437
- style: {
4438
- fontFamily: "Inter",
4439
- fontSize: "12px",
4440
- fontWeight: 500,
4441
- fontStyle: "normal",
4442
- lineHeight: 1,
4443
- letterSpacing: 0,
4444
- textTransform: "none"
4445
- },
4446
- fontPostScriptName: "Inter-Medium"
4447
- },
4448
- {
4449
- name: "button-medium",
4450
- className: "typography-button-medium",
4451
- style: {
4452
- fontFamily: "Inter",
4453
- fontSize: "14px",
4454
- fontWeight: 400,
4455
- fontStyle: "normal",
4456
- lineHeight: 1,
4457
- letterSpacing: 0,
4458
- textTransform: "none"
4459
- },
4460
- fontPostScriptName: "Inter-SemiBold"
4461
- },
4462
- {
4463
- name: "button-large",
4464
- className: "typography-button-large",
4465
- style: {
4466
- fontFamily: "Inter",
4467
- fontSize: "16px",
4468
- fontWeight: 500,
4469
- fontStyle: "normal",
4470
- lineHeight: 1.5,
4471
- letterSpacing: 0,
4472
- textTransform: "none"
4473
- },
4474
- fontPostScriptName: "Inter-Medium"
4475
- },
4476
- {
4477
- name: "body-small",
4478
- className: "typography-body-small",
4479
- style: {
4480
- fontFamily: "Inter",
4481
- fontSize: "14px",
4482
- fontWeight: 400,
4483
- fontStyle: "normal",
4484
- lineHeight: 1.43,
4485
- letterSpacing: 0,
4486
- textTransform: "none"
4487
- },
4488
- fontPostScriptName: null
4489
- },
4490
- {
4491
- name: "body-small-medium",
4492
- className: "typography-body-small-medium",
4493
- style: {
4494
- fontFamily: "Inter",
4495
- fontSize: "14px",
4496
- fontWeight: 500,
4497
- fontStyle: "normal",
4498
- lineHeight: 1.43,
4499
- letterSpacing: 0,
4500
- textTransform: "none"
4501
- },
4502
- fontPostScriptName: "Inter-SemiBold"
4503
- },
4504
- {
4505
- name: "body-default",
4506
- className: "typography-body-default",
4507
- style: {
4508
- fontFamily: "Inter",
4509
- fontSize: "16px",
4510
- fontWeight: 400,
4511
- fontStyle: "normal",
4512
- lineHeight: 1.5,
4513
- letterSpacing: 0,
4514
- textTransform: "none"
4515
- },
4516
- fontPostScriptName: null
4517
- },
4518
- {
4519
- name: "body-default-medium",
4520
- className: "typography-body-default-medium",
4521
- style: {
4522
- fontFamily: "Inter",
4523
- fontSize: "16px",
4524
- fontWeight: 500,
4525
- fontStyle: "normal",
4526
- lineHeight: 1.5,
4527
- letterSpacing: 0,
4528
- textTransform: "none"
4529
- },
4530
- fontPostScriptName: "Inter-SemiBold"
4531
- },
4532
- {
4533
- name: "body-large",
4534
- className: "typography-body-large",
4535
- style: {
4536
- fontFamily: "Inter",
4537
- fontSize: "20px",
4538
- fontWeight: 400,
4539
- fontStyle: "normal",
4540
- lineHeight: 1.58,
4541
- letterSpacing: 0,
4542
- textTransform: "none"
4543
- },
4544
- fontPostScriptName: null
4545
- },
4546
- {
4547
- name: "body-large-medium",
4548
- className: "typography-body-large-medium",
4549
- style: {
4550
- fontFamily: "Inter",
4551
- fontSize: "20px",
4552
- fontWeight: 400,
4553
- fontStyle: "normal",
4554
- lineHeight: 1.2,
4555
- letterSpacing: 0,
4556
- textTransform: "none"
4557
- },
4558
- fontPostScriptName: "Inter-SemiBold"
4559
- },
4560
- {
4561
- name: "heading-large",
4562
- className: "typography-heading-large",
4563
- style: {
4564
- fontFamily: "Inter",
4565
- fontSize: "20px",
4566
- fontWeight: 700,
4567
- fontStyle: "normal",
4568
- lineHeight: 1.5,
4569
- letterSpacing: 0.15,
4570
- textTransform: "none"
4571
- },
4572
- fontPostScriptName: "Inter-Bold"
4573
- },
4574
- {
4575
- name: "heading-xl",
4576
- className: "typography-heading-xl",
4577
- style: {
4578
- fontFamily: "Inter",
4579
- fontSize: "24px",
4580
- fontWeight: 700,
4581
- fontStyle: "normal",
4582
- lineHeight: 1.5,
4583
- letterSpacing: 0,
4584
- textTransform: "none"
4585
- },
4586
- fontPostScriptName: "Inter-Bold"
4587
- },
4588
- {
4589
- name: "heading-2xl",
4590
- className: "typography-heading-2xl",
4591
- style: {
4592
- fontFamily: "Inter",
4593
- fontSize: "34px",
4594
- fontWeight: 700,
4595
- fontStyle: "normal",
4596
- lineHeight: 1.28,
4597
- letterSpacing: 0,
4598
- textTransform: "none"
4599
- },
4600
- fontPostScriptName: "Inter-Bold"
4601
- },
4602
- {
4603
- name: "heading-3xl",
4604
- className: "typography-heading-3xl",
4605
- style: {
4606
- fontFamily: "Inter",
4607
- fontSize: "48px",
4608
- fontWeight: 700,
4609
- fontStyle: "normal",
4610
- lineHeight: 1.24,
4611
- letterSpacing: -0.48,
4612
- textTransform: "none"
4613
- },
4614
- fontPostScriptName: "Inter-Bold"
4615
- },
4616
- {
4617
- name: "heading-4xl",
4618
- className: "typography-heading-4xl",
4619
- style: {
4620
- fontFamily: "Inter",
4621
- fontSize: "60px",
4622
- fontWeight: 700,
4623
- fontStyle: "normal",
4624
- lineHeight: 1.2,
4625
- letterSpacing: -1.5,
4626
- textTransform: "none"
4627
- },
4628
- fontPostScriptName: "Inter-Bold"
4629
- },
4630
- {
4631
- name: "heading-5xl",
4632
- className: "typography-heading-5xl",
4633
- style: {
4634
- fontFamily: "Inter",
4635
- fontSize: "76px",
4636
- fontWeight: 700,
4637
- fontStyle: "normal",
4638
- lineHeight: 1.2,
4639
- letterSpacing: -1.98,
4640
- textTransform: "none"
4641
- },
4642
- fontPostScriptName: "Inter-Bold"
4643
- }
4644
- ]
4645
- },
4646
- elevations: {
4647
- "24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
4648
- "16dp": "0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12)",
4649
- "8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
4650
- "4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
4651
- "2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)"
4652
- },
4653
- spacing: {
4654
- layout01: {
4655
- px: 16,
4656
- rem: 1
4657
- },
4658
- layout02: {
4659
- px: 24,
4660
- rem: 1.5
4661
- },
4662
- layout03: {
4663
- px: 32,
4664
- rem: 2
4665
- },
4666
- layout04: {
4667
- px: 48,
4668
- rem: 3
4669
- },
4670
- layout05: {
4671
- px: 64,
4672
- rem: 4
4673
- },
4674
- layout06: {
4675
- px: 96,
4676
- rem: 6
4677
- },
4678
- layout07: {
4679
- px: 160,
4680
- rem: 10
4681
- },
4682
- spacing01: {
4683
- px: 2,
4684
- rem: 0.125
4685
- },
4686
- spacing02: {
4687
- px: 4,
4688
- rem: 0.25
4689
- },
4690
- spacing03: {
4691
- px: 8,
4692
- rem: 0.5
4693
- },
4694
- spacing04: {
4695
- px: 12,
4696
- rem: 0.75
4697
- },
4698
- spacing05: {
4699
- px: 16,
4700
- rem: 1
4701
- },
4702
- spacing06: {
4703
- px: 24,
4704
- rem: 1.5
4705
- },
4706
- spacing07: {
4707
- px: 32,
4708
- rem: 2
4709
- },
4710
- spacing08: {
4711
- px: 40,
4712
- rem: 2.5
4713
- },
4714
- spacing09: {
4715
- px: 48,
4716
- rem: 3
4717
- }
4718
- }
4719
- }
4720
- }
4721
- };
4722
- }
4723
- });
4724
-
4725
- // src/js/resolveTheme.js
4726
- var require_resolveTheme = __commonJS({
4727
- "src/js/resolveTheme.js"(exports, module2) {
4728
- "use strict";
4729
- var tokensJson = require_tokens();
4730
- module2.exports = {
4731
- theme: tokensJson.themes.aiven
4732
- };
4733
- }
4734
- });
4735
-
4736
4170
  // src/atoms/index.ts
4737
4171
  var atoms_exports = {};
4738
4172
  __export(atoms_exports, {
@@ -4827,7 +4261,7 @@ var tailwind_theme_default = {
4827
4261
  none: "0"
4828
4262
  },
4829
4263
  spacing: {
4830
- "0": "0",
4264
+ "0": "0px",
4831
4265
  "1": "2px",
4832
4266
  "2": "4px",
4833
4267
  "3": "8px",
@@ -4847,7 +4281,7 @@ var tailwind_theme_default = {
4847
4281
  l7: "160px"
4848
4282
  },
4849
4283
  margin: {
4850
- "0": "0",
4284
+ "0": "0px",
4851
4285
  "1": "2px",
4852
4286
  "2": "4px",
4853
4287
  "3": "8px",
@@ -4857,6 +4291,7 @@ var tailwind_theme_default = {
4857
4291
  "7": "32px",
4858
4292
  "8": "40px",
4859
4293
  "9": "48px",
4294
+ auto: "auto",
4860
4295
  "1px": "1px",
4861
4296
  l1: "16px",
4862
4297
  l2: "24px",
@@ -4865,7 +4300,6 @@ var tailwind_theme_default = {
4865
4300
  l5: "64px",
4866
4301
  l6: "96px",
4867
4302
  l7: "160px",
4868
- auto: "auto",
4869
4303
  "-1": "-2px",
4870
4304
  "-2": "-4px",
4871
4305
  "-3": "-8px",
@@ -4885,7 +4319,7 @@ var tailwind_theme_default = {
4885
4319
  "-l7": "-160px"
4886
4320
  },
4887
4321
  padding: {
4888
- "0": "0",
4322
+ "0": "0px",
4889
4323
  "1": "2px",
4890
4324
  "2": "4px",
4891
4325
  "3": "8px",
@@ -4905,7 +4339,7 @@ var tailwind_theme_default = {
4905
4339
  l7: "160px"
4906
4340
  },
4907
4341
  width: {
4908
- "0": "0",
4342
+ "0": "0px",
4909
4343
  "1": "2px",
4910
4344
  "2": "4px",
4911
4345
  "3": "8px",
@@ -4957,7 +4391,7 @@ var tailwind_theme_default = {
4957
4391
  fit: "fit-content"
4958
4392
  },
4959
4393
  height: {
4960
- "0": "0",
4394
+ "0": "0px",
4961
4395
  "1": "2px",
4962
4396
  "2": "4px",
4963
4397
  "3": "8px",
@@ -5024,7 +4458,7 @@ var tailwind_theme_default = {
5024
4458
  "screen-xl": "1536px"
5025
4459
  },
5026
4460
  maxHeight: {
5027
- "0": "0",
4461
+ "0": "0px",
5028
4462
  "1": "2px",
5029
4463
  "2": "4px",
5030
4464
  "3": "8px",
@@ -5072,350 +4506,402 @@ var tailwind_theme_default = {
5072
4506
  flexGrow: { "0": "0", DEFAULT: "1" },
5073
4507
  flexShrink: { "0": "0", DEFAULT: "1" },
5074
4508
  backgroundColor: {
5075
- "error-100": "var(--aquarium-colors-error-100, #aa0000)",
5076
- "error-90": "var(--aquarium-colors-error-90, #b90000)",
5077
- "error-80": "var(--aquarium-colors-error-80, #c50001)",
5078
- "error-70": "var(--aquarium-colors-error-70, #d80005)",
5079
- "error-60": "var(--aquarium-colors-error-60, #e70000)",
5080
- "error-50": "var(--aquarium-colors-error-50, #e62728)",
5081
- "error-40": "var(--aquarium-colors-error-40, #e0504f)",
5082
- "error-30": "var(--aquarium-colors-error-30, #ed7975)",
5083
- "error-20": "var(--aquarium-colors-error-20, #ffadb3)",
5084
- "error-10": "var(--aquarium-colors-error-10, #ffcbd2)",
5085
- "error-5": "var(--aquarium-colors-error-5, #fee8e7)",
5086
- "error-0": "var(--aquarium-colors-error-0, #fef2f1)",
5087
- "warning-100": "var(--aquarium-colors-warning-100, #fe6d00)",
5088
- "warning-90": "var(--aquarium-colors-warning-90, #ff9003)",
5089
- "warning-80": "var(--aquarium-colors-warning-80, #fd9f00)",
5090
- "warning-70": "var(--aquarium-colors-warning-70, #ffb300)",
5091
- "warning-60": "var(--aquarium-colors-warning-60, #ffc107)",
5092
- "warning-50": "var(--aquarium-colors-warning-50, #fdc926)",
5093
- "warning-40": "var(--aquarium-colors-warning-40, #fdd44d)",
5094
- "warning-30": "var(--aquarium-colors-warning-30, #fddf81)",
5095
- "warning-20": "var(--aquarium-colors-warning-20, #feebb2)",
5096
- "warning-10": "var(--aquarium-colors-warning-10, #fff2cd)",
5097
- "warning-5": "var(--aquarium-colors-warning-5, #fff8ea)",
5098
- "warning-0": "var(--aquarium-colors-warning-0, #fffdf9)",
5099
- "success-100": "var(--aquarium-colors-success-100, #006f00)",
5100
- "success-90": "var(--aquarium-colors-success-90, #008e00)",
5101
- "success-80": "var(--aquarium-colors-success-80, #009f00)",
5102
- "success-70": "var(--aquarium-colors-success-70, #00b300)",
5103
- "success-60": "var(--aquarium-colors-success-60, #00c300)",
5104
- "success-50": "var(--aquarium-colors-success-50, #40ce37)",
5105
- "success-40": "var(--aquarium-colors-success-40, #60db57)",
5106
- "success-30": "var(--aquarium-colors-success-30, #89eb80)",
5107
- "success-20": "var(--aquarium-colors-success-20, #afffa7)",
5108
- "success-10": "var(--aquarium-colors-success-10, #cbffc9)",
5109
- "success-5": "var(--aquarium-colors-success-5, #ecf7ed)",
5110
- "success-0": "var(--aquarium-colors-success-0, #f5faf5)",
5111
- "info-100": "var(--aquarium-colors-info-100, #02569a)",
5112
- "info-90": "var(--aquarium-colors-info-90, #0174ba)",
5113
- "info-80": "var(--aquarium-colors-info-80, #0788d1)",
5114
- "info-70": "var(--aquarium-colors-info-70, #0399e3)",
5115
- "info-60": "var(--aquarium-colors-info-60, #02a8f3)",
5116
- "info-50": "var(--aquarium-colors-info-50, #28b4f4)",
5117
- "info-40": "var(--aquarium-colors-info-40, #4cc2f7)",
5118
- "info-30": "var(--aquarium-colors-info-30, #7fd1f7)",
5119
- "info-20": "var(--aquarium-colors-info-20, #b4e5fb)",
5120
- "info-10": "var(--aquarium-colors-info-10, #e0f5fe)",
5121
- "info-5": "var(--aquarium-colors-info-5, #effaff)",
5122
- "info-0": "var(--aquarium-colors-info-0, #f9fdff)",
5123
- "grey-100": "var(--aquarium-colors-grey-100, #19191d)",
5124
- "grey-90": "var(--aquarium-colors-grey-90, #292a31)",
5125
- "grey-80": "var(--aquarium-colors-grey-80, #3a3a44)",
5126
- "grey-70": "var(--aquarium-colors-grey-70, #4a4b57)",
5127
- "grey-60": "var(--aquarium-colors-grey-60, #5a5b6a)",
5128
- "grey-50": "var(--aquarium-colors-grey-50, #787885)",
5129
- "grey-40": "var(--aquarium-colors-grey-40, #9696a0)",
5130
- "grey-30": "var(--aquarium-colors-grey-30, #b4b4bb)",
5131
- "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
5132
- "grey-10": "var(--aquarium-colors-grey-10, #e1e1e3)",
5133
- "grey-5": "var(--aquarium-colors-grey-5, #ededf0)",
5134
- "grey-0": "var(--aquarium-colors-grey-0, #f7f7fa)",
5135
- "secondary-100": "var(--aquarium-colors-secondary-100, #e11d16)",
5136
- "secondary-90": "var(--aquarium-colors-secondary-90, #eb4610)",
5137
- "secondary-80": "var(--aquarium-colors-secondary-80, #f3580d)",
5138
- "secondary-70": "var(--aquarium-colors-secondary-70, #f96a02)",
5139
- "secondary-60": "var(--aquarium-colors-secondary-60, #ff7700)",
5140
- "secondary-50": "var(--aquarium-colors-secondary-50, #fc871a)",
5141
- "secondary-40": "var(--aquarium-colors-secondary-40, #fb9a3e)",
5142
- "secondary-30": "var(--aquarium-colors-secondary-30, #fab26e)",
5143
- "secondary-20": "var(--aquarium-colors-secondary-20, #f8c99c)",
5144
- "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
5145
- "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
5146
- "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
5147
- "primary-100": "var(--aquarium-colors-primary-100, #0e1652)",
5148
- "primary-90": "var(--aquarium-colors-primary-90, #222f95)",
5149
- "primary-80": "var(--aquarium-colors-primary-80, #3545be)",
5150
- "primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
5151
- "primary-60": "var(--aquarium-colors-primary-60, #818eec)",
5152
- "primary-50": "var(--aquarium-colors-primary-50, #9daaee)",
5153
- "primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
5154
- "primary-30": "var(--aquarium-colors-primary-30, #c7d1f4)",
5155
- "primary-20": "var(--aquarium-colors-primary-20, #d5ddfa)",
5156
- "primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
5157
- "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
5158
- "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
5159
- transparent: "var(--aquarium-colors-transparent, transparent)",
5160
- current: "var(--aquarium-colors-current, currentColor)",
5161
- white: "var(--aquarium-colors-white, white)",
5162
- black: "var(--aquarium-colors-black, black)",
4509
+ white: "var(--aquarium-colors-white)",
4510
+ black: "var(--aquarium-colors-black)",
4511
+ transparent: "var(--aquarium-colors-transparent)",
4512
+ current: "var(--aquarium-colors-current)",
4513
+ error: {
4514
+ "0": "var(--aquarium-colors-error-0)",
4515
+ "5": "var(--aquarium-colors-error-5)",
4516
+ "10": "var(--aquarium-colors-error-10)",
4517
+ "20": "var(--aquarium-colors-error-20)",
4518
+ "30": "var(--aquarium-colors-error-30)",
4519
+ "40": "var(--aquarium-colors-error-40)",
4520
+ "50": "var(--aquarium-colors-error-50)",
4521
+ "60": "var(--aquarium-colors-error-60)",
4522
+ "70": "var(--aquarium-colors-error-70)",
4523
+ "80": "var(--aquarium-colors-error-80)",
4524
+ "90": "var(--aquarium-colors-error-90)",
4525
+ "100": "var(--aquarium-colors-error-100)"
4526
+ },
4527
+ warning: {
4528
+ "0": "var(--aquarium-colors-warning-0)",
4529
+ "5": "var(--aquarium-colors-warning-5)",
4530
+ "10": "var(--aquarium-colors-warning-10)",
4531
+ "20": "var(--aquarium-colors-warning-20)",
4532
+ "30": "var(--aquarium-colors-warning-30)",
4533
+ "40": "var(--aquarium-colors-warning-40)",
4534
+ "50": "var(--aquarium-colors-warning-50)",
4535
+ "60": "var(--aquarium-colors-warning-60)",
4536
+ "70": "var(--aquarium-colors-warning-70)",
4537
+ "80": "var(--aquarium-colors-warning-80)",
4538
+ "90": "var(--aquarium-colors-warning-90)",
4539
+ "100": "var(--aquarium-colors-warning-100)",
4540
+ muted: "var(--aquarium-background-color-warning-muted)",
4541
+ default: "var(--aquarium-background-color-warning-default)",
4542
+ intense: "var(--aquarium-background-color-warning-intense)"
4543
+ },
4544
+ success: {
4545
+ "0": "var(--aquarium-colors-success-0)",
4546
+ "5": "var(--aquarium-colors-success-5)",
4547
+ "10": "var(--aquarium-colors-success-10)",
4548
+ "20": "var(--aquarium-colors-success-20)",
4549
+ "30": "var(--aquarium-colors-success-30)",
4550
+ "40": "var(--aquarium-colors-success-40)",
4551
+ "50": "var(--aquarium-colors-success-50)",
4552
+ "60": "var(--aquarium-colors-success-60)",
4553
+ "70": "var(--aquarium-colors-success-70)",
4554
+ "80": "var(--aquarium-colors-success-80)",
4555
+ "90": "var(--aquarium-colors-success-90)",
4556
+ "100": "var(--aquarium-colors-success-100)",
4557
+ muted: "var(--aquarium-background-color-success-muted)",
4558
+ default: "var(--aquarium-background-color-success-default)",
4559
+ intense: "var(--aquarium-background-color-success-intense)"
4560
+ },
4561
+ info: {
4562
+ "0": "var(--aquarium-colors-info-0)",
4563
+ "5": "var(--aquarium-colors-info-5)",
4564
+ "10": "var(--aquarium-colors-info-10)",
4565
+ "20": "var(--aquarium-colors-info-20)",
4566
+ "30": "var(--aquarium-colors-info-30)",
4567
+ "40": "var(--aquarium-colors-info-40)",
4568
+ "50": "var(--aquarium-colors-info-50)",
4569
+ "60": "var(--aquarium-colors-info-60)",
4570
+ "70": "var(--aquarium-colors-info-70)",
4571
+ "80": "var(--aquarium-colors-info-80)",
4572
+ "90": "var(--aquarium-colors-info-90)",
4573
+ "100": "var(--aquarium-colors-info-100)",
4574
+ muted: "var(--aquarium-background-color-info-muted)",
4575
+ default: "var(--aquarium-background-color-info-default)",
4576
+ intense: "var(--aquarium-background-color-info-intense)"
4577
+ },
4578
+ grey: {
4579
+ "0": "var(--aquarium-colors-grey-0)",
4580
+ "5": "var(--aquarium-colors-grey-5)",
4581
+ "10": "var(--aquarium-colors-grey-10)",
4582
+ "20": "var(--aquarium-colors-grey-20)",
4583
+ "30": "var(--aquarium-colors-grey-30)",
4584
+ "40": "var(--aquarium-colors-grey-40)",
4585
+ "50": "var(--aquarium-colors-grey-50)",
4586
+ "60": "var(--aquarium-colors-grey-60)",
4587
+ "70": "var(--aquarium-colors-grey-70)",
4588
+ "80": "var(--aquarium-colors-grey-80)",
4589
+ "90": "var(--aquarium-colors-grey-90)",
4590
+ "100": "var(--aquarium-colors-grey-100)"
4591
+ },
4592
+ secondary: {
4593
+ "0": "var(--aquarium-colors-secondary-0)",
4594
+ "5": "var(--aquarium-colors-secondary-5)",
4595
+ "10": "var(--aquarium-colors-secondary-10)",
4596
+ "20": "var(--aquarium-colors-secondary-20)",
4597
+ "30": "var(--aquarium-colors-secondary-30)",
4598
+ "40": "var(--aquarium-colors-secondary-40)",
4599
+ "50": "var(--aquarium-colors-secondary-50)",
4600
+ "60": "var(--aquarium-colors-secondary-60)",
4601
+ "70": "var(--aquarium-colors-secondary-70)",
4602
+ "80": "var(--aquarium-colors-secondary-80)",
4603
+ "90": "var(--aquarium-colors-secondary-90)",
4604
+ "100": "var(--aquarium-colors-secondary-100)"
4605
+ },
4606
+ primary: {
4607
+ "0": "var(--aquarium-colors-primary-0)",
4608
+ "5": "var(--aquarium-colors-primary-5)",
4609
+ "10": "var(--aquarium-colors-primary-10)",
4610
+ "20": "var(--aquarium-colors-primary-20)",
4611
+ "30": "var(--aquarium-colors-primary-30)",
4612
+ "40": "var(--aquarium-colors-primary-40)",
4613
+ "50": "var(--aquarium-colors-primary-50)",
4614
+ "60": "var(--aquarium-colors-primary-60)",
4615
+ "70": "var(--aquarium-colors-primary-70)",
4616
+ "80": "var(--aquarium-colors-primary-80)",
4617
+ "90": "var(--aquarium-colors-primary-90)",
4618
+ "100": "var(--aquarium-colors-primary-100)",
4619
+ muted: "var(--aquarium-background-color-primary-muted)",
4620
+ default: "var(--aquarium-background-color-primary-default)",
4621
+ intense: "var(--aquarium-background-color-primary-intense)",
4622
+ active: "var(--aquarium-background-color-primary-active)",
4623
+ hover: "var(--aquarium-background-color-primary-hover)"
4624
+ },
5163
4625
  body: "var(--aquarium-background-color-body)",
5164
4626
  "body-intense": "var(--aquarium-background-color-body-intense)",
5165
4627
  "popover-content": "var(--aquarium-background-color-popover-content)",
5166
4628
  muted: "var(--aquarium-background-color-muted)",
5167
4629
  default: "var(--aquarium-background-color-default)",
5168
4630
  intense: "var(--aquarium-background-color-intense)",
5169
- "primary-muted": "var(--aquarium-background-color-primary-muted)",
5170
- "primary-default": "var(--aquarium-background-color-primary-default)",
5171
- "primary-intense": "var(--aquarium-background-color-primary-intense)",
5172
- "primary-active": "var(--aquarium-background-color-primary-active)",
5173
- "primary-hover": "var(--aquarium-background-color-primary-hover)",
5174
- "info-muted": "var(--aquarium-background-color-info-muted)",
5175
- "info-default": "var(--aquarium-background-color-info-default)",
5176
- "info-intense": "var(--aquarium-background-color-info-intense)",
5177
- "success-muted": "var(--aquarium-background-color-success-muted)",
5178
- "success-default": "var(--aquarium-background-color-success-default)",
5179
- "success-intense": "var(--aquarium-background-color-success-intense)",
5180
- "warning-muted": "var(--aquarium-background-color-warning-muted)",
5181
- "warning-default": "var(--aquarium-background-color-warning-default)",
5182
- "warning-intense": "var(--aquarium-background-color-warning-intense)",
5183
- "danger-muted": "var(--aquarium-background-color-danger-muted)",
5184
- "danger-default": "var(--aquarium-background-color-danger-default)",
5185
- "danger-intense": "var(--aquarium-background-color-danger-intense)",
5186
- "status-announcement": "var(--aquarium-background-color-status-announcement)",
5187
- "status-info": "var(--aquarium-background-color-status-info)",
5188
- "status-warning": "var(--aquarium-background-color-status-warning)",
5189
- "status-danger": "var(--aquarium-background-color-status-danger)",
5190
- "status-success": "var(--aquarium-background-color-status-success)",
5191
- "icon-button-hover": "rgba(25,25,29,.05)"
4631
+ danger: {
4632
+ muted: "var(--aquarium-background-color-danger-muted)",
4633
+ default: "var(--aquarium-background-color-danger-default)",
4634
+ intense: "var(--aquarium-background-color-danger-intense)"
4635
+ },
4636
+ status: {
4637
+ announcement: "var(--aquarium-background-color-status-announcement)",
4638
+ info: "var(--aquarium-background-color-status-info)",
4639
+ warning: "var(--aquarium-background-color-status-warning)",
4640
+ danger: "var(--aquarium-background-color-status-danger)",
4641
+ success: "var(--aquarium-background-color-status-success)"
4642
+ },
4643
+ "icon-button": {
4644
+ hover: "var(--aquarium-background-color-icon-button-hover)"
4645
+ }
5192
4646
  },
5193
4647
  textColor: {
5194
- "error-100": "var(--aquarium-colors-error-100, #aa0000)",
5195
- "error-90": "var(--aquarium-colors-error-90, #b90000)",
5196
- "error-80": "var(--aquarium-colors-error-80, #c50001)",
5197
- "error-70": "var(--aquarium-colors-error-70, #d80005)",
5198
- "error-60": "var(--aquarium-colors-error-60, #e70000)",
5199
- "error-50": "var(--aquarium-colors-error-50, #e62728)",
5200
- "error-40": "var(--aquarium-colors-error-40, #e0504f)",
5201
- "error-30": "var(--aquarium-colors-error-30, #ed7975)",
5202
- "error-20": "var(--aquarium-colors-error-20, #ffadb3)",
5203
- "error-10": "var(--aquarium-colors-error-10, #ffcbd2)",
5204
- "error-5": "var(--aquarium-colors-error-5, #fee8e7)",
5205
- "error-0": "var(--aquarium-colors-error-0, #fef2f1)",
5206
- "warning-100": "var(--aquarium-colors-warning-100, #fe6d00)",
5207
- "warning-90": "var(--aquarium-colors-warning-90, #ff9003)",
5208
- "warning-80": "var(--aquarium-colors-warning-80, #fd9f00)",
5209
- "warning-70": "var(--aquarium-colors-warning-70, #ffb300)",
5210
- "warning-60": "var(--aquarium-colors-warning-60, #ffc107)",
5211
- "warning-50": "var(--aquarium-colors-warning-50, #fdc926)",
5212
- "warning-40": "var(--aquarium-colors-warning-40, #fdd44d)",
5213
- "warning-30": "var(--aquarium-colors-warning-30, #fddf81)",
5214
- "warning-20": "var(--aquarium-colors-warning-20, #feebb2)",
5215
- "warning-10": "var(--aquarium-colors-warning-10, #fff2cd)",
5216
- "warning-5": "var(--aquarium-colors-warning-5, #fff8ea)",
5217
- "warning-0": "var(--aquarium-colors-warning-0, #fffdf9)",
5218
- "success-100": "var(--aquarium-colors-success-100, #006f00)",
5219
- "success-90": "var(--aquarium-colors-success-90, #008e00)",
5220
- "success-80": "var(--aquarium-colors-success-80, #009f00)",
5221
- "success-70": "var(--aquarium-colors-success-70, #00b300)",
5222
- "success-60": "var(--aquarium-colors-success-60, #00c300)",
5223
- "success-50": "var(--aquarium-colors-success-50, #40ce37)",
5224
- "success-40": "var(--aquarium-colors-success-40, #60db57)",
5225
- "success-30": "var(--aquarium-colors-success-30, #89eb80)",
5226
- "success-20": "var(--aquarium-colors-success-20, #afffa7)",
5227
- "success-10": "var(--aquarium-colors-success-10, #cbffc9)",
5228
- "success-5": "var(--aquarium-colors-success-5, #ecf7ed)",
5229
- "success-0": "var(--aquarium-colors-success-0, #f5faf5)",
5230
- "info-100": "var(--aquarium-colors-info-100, #02569a)",
5231
- "info-90": "var(--aquarium-colors-info-90, #0174ba)",
5232
- "info-80": "var(--aquarium-colors-info-80, #0788d1)",
5233
- "info-70": "var(--aquarium-colors-info-70, #0399e3)",
5234
- "info-60": "var(--aquarium-colors-info-60, #02a8f3)",
5235
- "info-50": "var(--aquarium-colors-info-50, #28b4f4)",
5236
- "info-40": "var(--aquarium-colors-info-40, #4cc2f7)",
5237
- "info-30": "var(--aquarium-colors-info-30, #7fd1f7)",
5238
- "info-20": "var(--aquarium-colors-info-20, #b4e5fb)",
5239
- "info-10": "var(--aquarium-colors-info-10, #e0f5fe)",
5240
- "info-5": "var(--aquarium-colors-info-5, #effaff)",
5241
- "info-0": "var(--aquarium-colors-info-0, #f9fdff)",
5242
- "grey-100": "var(--aquarium-colors-grey-100, #19191d)",
5243
- "grey-90": "var(--aquarium-colors-grey-90, #292a31)",
5244
- "grey-80": "var(--aquarium-colors-grey-80, #3a3a44)",
5245
- "grey-70": "var(--aquarium-colors-grey-70, #4a4b57)",
5246
- "grey-60": "var(--aquarium-colors-grey-60, #5a5b6a)",
5247
- "grey-50": "var(--aquarium-colors-grey-50, #787885)",
5248
- "grey-40": "var(--aquarium-colors-grey-40, #9696a0)",
5249
- "grey-30": "var(--aquarium-colors-grey-30, #b4b4bb)",
5250
- "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
5251
- "grey-10": "var(--aquarium-colors-grey-10, #e1e1e3)",
5252
- "grey-5": "var(--aquarium-colors-grey-5, #ededf0)",
5253
- "grey-0": "var(--aquarium-colors-grey-0, #f7f7fa)",
5254
- "secondary-100": "var(--aquarium-colors-secondary-100, #e11d16)",
5255
- "secondary-90": "var(--aquarium-colors-secondary-90, #eb4610)",
5256
- "secondary-80": "var(--aquarium-colors-secondary-80, #f3580d)",
5257
- "secondary-70": "var(--aquarium-colors-secondary-70, #f96a02)",
5258
- "secondary-60": "var(--aquarium-colors-secondary-60, #ff7700)",
5259
- "secondary-50": "var(--aquarium-colors-secondary-50, #fc871a)",
5260
- "secondary-40": "var(--aquarium-colors-secondary-40, #fb9a3e)",
5261
- "secondary-30": "var(--aquarium-colors-secondary-30, #fab26e)",
5262
- "secondary-20": "var(--aquarium-colors-secondary-20, #f8c99c)",
5263
- "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
5264
- "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
5265
- "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
5266
- "primary-100": "var(--aquarium-colors-primary-100, #0e1652)",
5267
- "primary-90": "var(--aquarium-colors-primary-90, #222f95)",
5268
- "primary-80": "var(--aquarium-colors-primary-80, #3545be)",
5269
- "primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
5270
- "primary-60": "var(--aquarium-colors-primary-60, #818eec)",
5271
- "primary-50": "var(--aquarium-colors-primary-50, #9daaee)",
5272
- "primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
5273
- "primary-30": "var(--aquarium-colors-primary-30, #c7d1f4)",
5274
- "primary-20": "var(--aquarium-colors-primary-20, #d5ddfa)",
5275
- "primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
5276
- "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
5277
- "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
5278
- transparent: "var(--aquarium-colors-transparent, transparent)",
5279
- current: "var(--aquarium-colors-current, currentColor)",
5280
- white: "var(--aquarium-colors-white, white)",
5281
- black: "var(--aquarium-colors-black, black)",
4648
+ white: "var(--aquarium-colors-white)",
4649
+ black: "var(--aquarium-colors-black)",
4650
+ transparent: "var(--aquarium-colors-transparent)",
4651
+ current: "var(--aquarium-colors-current)",
4652
+ error: {
4653
+ "0": "var(--aquarium-colors-error-0)",
4654
+ "5": "var(--aquarium-colors-error-5)",
4655
+ "10": "var(--aquarium-colors-error-10)",
4656
+ "20": "var(--aquarium-colors-error-20)",
4657
+ "30": "var(--aquarium-colors-error-30)",
4658
+ "40": "var(--aquarium-colors-error-40)",
4659
+ "50": "var(--aquarium-colors-error-50)",
4660
+ "60": "var(--aquarium-colors-error-60)",
4661
+ "70": "var(--aquarium-colors-error-70)",
4662
+ "80": "var(--aquarium-colors-error-80)",
4663
+ "90": "var(--aquarium-colors-error-90)",
4664
+ "100": "var(--aquarium-colors-error-100)"
4665
+ },
4666
+ warning: {
4667
+ "0": "var(--aquarium-colors-warning-0)",
4668
+ "5": "var(--aquarium-colors-warning-5)",
4669
+ "10": "var(--aquarium-colors-warning-10)",
4670
+ "20": "var(--aquarium-colors-warning-20)",
4671
+ "30": "var(--aquarium-colors-warning-30)",
4672
+ "40": "var(--aquarium-colors-warning-40)",
4673
+ "50": "var(--aquarium-colors-warning-50)",
4674
+ "60": "var(--aquarium-colors-warning-60)",
4675
+ "70": "var(--aquarium-colors-warning-70)",
4676
+ "80": "var(--aquarium-colors-warning-80)",
4677
+ "90": "var(--aquarium-colors-warning-90)",
4678
+ "100": "var(--aquarium-colors-warning-100)",
4679
+ inactive: "var(--aquarium-text-color-warning-inactive)",
4680
+ muted: "var(--aquarium-text-color-warning-muted)",
4681
+ default: "var(--aquarium-text-color-warning-default)",
4682
+ intense: "var(--aquarium-text-color-warning-intense)"
4683
+ },
4684
+ success: {
4685
+ "0": "var(--aquarium-colors-success-0)",
4686
+ "5": "var(--aquarium-colors-success-5)",
4687
+ "10": "var(--aquarium-colors-success-10)",
4688
+ "20": "var(--aquarium-colors-success-20)",
4689
+ "30": "var(--aquarium-colors-success-30)",
4690
+ "40": "var(--aquarium-colors-success-40)",
4691
+ "50": "var(--aquarium-colors-success-50)",
4692
+ "60": "var(--aquarium-colors-success-60)",
4693
+ "70": "var(--aquarium-colors-success-70)",
4694
+ "80": "var(--aquarium-colors-success-80)",
4695
+ "90": "var(--aquarium-colors-success-90)",
4696
+ "100": "var(--aquarium-colors-success-100)",
4697
+ inactive: "var(--aquarium-text-color-success-inactive)",
4698
+ muted: "var(--aquarium-text-color-success-muted)",
4699
+ default: "var(--aquarium-text-color-success-default)",
4700
+ intense: "var(--aquarium-text-color-success-intense)"
4701
+ },
4702
+ info: {
4703
+ "0": "var(--aquarium-colors-info-0)",
4704
+ "5": "var(--aquarium-colors-info-5)",
4705
+ "10": "var(--aquarium-colors-info-10)",
4706
+ "20": "var(--aquarium-colors-info-20)",
4707
+ "30": "var(--aquarium-colors-info-30)",
4708
+ "40": "var(--aquarium-colors-info-40)",
4709
+ "50": "var(--aquarium-colors-info-50)",
4710
+ "60": "var(--aquarium-colors-info-60)",
4711
+ "70": "var(--aquarium-colors-info-70)",
4712
+ "80": "var(--aquarium-colors-info-80)",
4713
+ "90": "var(--aquarium-colors-info-90)",
4714
+ "100": "var(--aquarium-colors-info-100)",
4715
+ inactive: "var(--aquarium-text-color-info-inactive)",
4716
+ muted: "var(--aquarium-text-color-info-muted)",
4717
+ default: "var(--aquarium-text-color-info-default)",
4718
+ intense: "var(--aquarium-text-color-info-intense)"
4719
+ },
4720
+ grey: {
4721
+ "0": "var(--aquarium-colors-grey-0)",
4722
+ "5": "var(--aquarium-colors-grey-5)",
4723
+ "10": "var(--aquarium-colors-grey-10)",
4724
+ "20": "var(--aquarium-colors-grey-20)",
4725
+ "30": "var(--aquarium-colors-grey-30)",
4726
+ "40": "var(--aquarium-colors-grey-40)",
4727
+ "50": "var(--aquarium-colors-grey-50)",
4728
+ "60": "var(--aquarium-colors-grey-60)",
4729
+ "70": "var(--aquarium-colors-grey-70)",
4730
+ "80": "var(--aquarium-colors-grey-80)",
4731
+ "90": "var(--aquarium-colors-grey-90)",
4732
+ "100": "var(--aquarium-colors-grey-100)"
4733
+ },
4734
+ secondary: {
4735
+ "0": "var(--aquarium-colors-secondary-0)",
4736
+ "5": "var(--aquarium-colors-secondary-5)",
4737
+ "10": "var(--aquarium-colors-secondary-10)",
4738
+ "20": "var(--aquarium-colors-secondary-20)",
4739
+ "30": "var(--aquarium-colors-secondary-30)",
4740
+ "40": "var(--aquarium-colors-secondary-40)",
4741
+ "50": "var(--aquarium-colors-secondary-50)",
4742
+ "60": "var(--aquarium-colors-secondary-60)",
4743
+ "70": "var(--aquarium-colors-secondary-70)",
4744
+ "80": "var(--aquarium-colors-secondary-80)",
4745
+ "90": "var(--aquarium-colors-secondary-90)",
4746
+ "100": "var(--aquarium-colors-secondary-100)"
4747
+ },
4748
+ primary: {
4749
+ "0": "var(--aquarium-colors-primary-0)",
4750
+ "5": "var(--aquarium-colors-primary-5)",
4751
+ "10": "var(--aquarium-colors-primary-10)",
4752
+ "20": "var(--aquarium-colors-primary-20)",
4753
+ "30": "var(--aquarium-colors-primary-30)",
4754
+ "40": "var(--aquarium-colors-primary-40)",
4755
+ "50": "var(--aquarium-colors-primary-50)",
4756
+ "60": "var(--aquarium-colors-primary-60)",
4757
+ "70": "var(--aquarium-colors-primary-70)",
4758
+ "80": "var(--aquarium-colors-primary-80)",
4759
+ "90": "var(--aquarium-colors-primary-90)",
4760
+ "100": "var(--aquarium-colors-primary-100)",
4761
+ inactive: "var(--aquarium-text-color-primary-inactive)",
4762
+ active: "var(--aquarium-text-color-primary-active)",
4763
+ muted: "var(--aquarium-text-color-primary-muted)",
4764
+ default: "var(--aquarium-text-color-primary-default)",
4765
+ intense: "var(--aquarium-text-color-primary-intense)"
4766
+ },
5282
4767
  inactive: "var(--aquarium-text-color-inactive)",
5283
4768
  muted: "var(--aquarium-text-color-muted)",
5284
4769
  default: "var(--aquarium-text-color-default)",
5285
4770
  intense: "var(--aquarium-text-color-intense)",
5286
- "primary-inactive": "var(--aquarium-text-color-primary-inactive)",
5287
- "primary-active": "var(--aquarium-text-color-primary-active)",
5288
- "primary-muted": "var(--aquarium-text-color-primary-muted)",
5289
- "primary-default": "var(--aquarium-text-color-primary-default)",
5290
- "primary-intense": "var(--aquarium-text-color-primary-intense)",
5291
- "info-inactive": "var(--aquarium-text-color-info-inactive)",
5292
- "info-muted": "var(--aquarium-text-color-info-muted)",
5293
- "info-default": "var(--aquarium-text-color-info-default)",
5294
- "info-intense": "var(--aquarium-text-color-info-intense)",
5295
- "success-inactive": "var(--aquarium-text-color-success-inactive)",
5296
- "success-muted": "var(--aquarium-text-color-success-muted)",
5297
- "success-default": "var(--aquarium-text-color-success-default)",
5298
- "success-intense": "var(--aquarium-text-color-success-intense)",
5299
- "warning-inactive": "var(--aquarium-text-color-warning-inactive)",
5300
- "warning-muted": "var(--aquarium-text-color-warning-muted)",
5301
- "warning-default": "var(--aquarium-text-color-warning-default)",
5302
- "warning-intense": "var(--aquarium-text-color-warning-intense)",
5303
- "danger-inactive": "var(--aquarium-text-color-danger-inactive)",
5304
- "danger-muted": "var(--aquarium-text-color-danger-muted)",
5305
- "danger-default": "var(--aquarium-text-color-danger-default)",
5306
- "danger-intense": "var(--aquarium-text-color-danger-intense)"
4771
+ danger: {
4772
+ inactive: "var(--aquarium-text-color-danger-inactive)",
4773
+ muted: "var(--aquarium-text-color-danger-muted)",
4774
+ default: "var(--aquarium-text-color-danger-default)",
4775
+ intense: "var(--aquarium-text-color-danger-intense)"
4776
+ }
5307
4777
  },
5308
4778
  borderColor: {
5309
- "error-100": "var(--aquarium-colors-error-100, #aa0000)",
5310
- "error-90": "var(--aquarium-colors-error-90, #b90000)",
5311
- "error-80": "var(--aquarium-colors-error-80, #c50001)",
5312
- "error-70": "var(--aquarium-colors-error-70, #d80005)",
5313
- "error-60": "var(--aquarium-colors-error-60, #e70000)",
5314
- "error-50": "var(--aquarium-colors-error-50, #e62728)",
5315
- "error-40": "var(--aquarium-colors-error-40, #e0504f)",
5316
- "error-30": "var(--aquarium-colors-error-30, #ed7975)",
5317
- "error-20": "var(--aquarium-colors-error-20, #ffadb3)",
5318
- "error-10": "var(--aquarium-colors-error-10, #ffcbd2)",
5319
- "error-5": "var(--aquarium-colors-error-5, #fee8e7)",
5320
- "error-0": "var(--aquarium-colors-error-0, #fef2f1)",
5321
- "warning-100": "var(--aquarium-colors-warning-100, #fe6d00)",
5322
- "warning-90": "var(--aquarium-colors-warning-90, #ff9003)",
5323
- "warning-80": "var(--aquarium-colors-warning-80, #fd9f00)",
5324
- "warning-70": "var(--aquarium-colors-warning-70, #ffb300)",
5325
- "warning-60": "var(--aquarium-colors-warning-60, #ffc107)",
5326
- "warning-50": "var(--aquarium-colors-warning-50, #fdc926)",
5327
- "warning-40": "var(--aquarium-colors-warning-40, #fdd44d)",
5328
- "warning-30": "var(--aquarium-colors-warning-30, #fddf81)",
5329
- "warning-20": "var(--aquarium-colors-warning-20, #feebb2)",
5330
- "warning-10": "var(--aquarium-colors-warning-10, #fff2cd)",
5331
- "warning-5": "var(--aquarium-colors-warning-5, #fff8ea)",
5332
- "warning-0": "var(--aquarium-colors-warning-0, #fffdf9)",
5333
- "success-100": "var(--aquarium-colors-success-100, #006f00)",
5334
- "success-90": "var(--aquarium-colors-success-90, #008e00)",
5335
- "success-80": "var(--aquarium-colors-success-80, #009f00)",
5336
- "success-70": "var(--aquarium-colors-success-70, #00b300)",
5337
- "success-60": "var(--aquarium-colors-success-60, #00c300)",
5338
- "success-50": "var(--aquarium-colors-success-50, #40ce37)",
5339
- "success-40": "var(--aquarium-colors-success-40, #60db57)",
5340
- "success-30": "var(--aquarium-colors-success-30, #89eb80)",
5341
- "success-20": "var(--aquarium-colors-success-20, #afffa7)",
5342
- "success-10": "var(--aquarium-colors-success-10, #cbffc9)",
5343
- "success-5": "var(--aquarium-colors-success-5, #ecf7ed)",
5344
- "success-0": "var(--aquarium-colors-success-0, #f5faf5)",
5345
- "info-100": "var(--aquarium-colors-info-100, #02569a)",
5346
- "info-90": "var(--aquarium-colors-info-90, #0174ba)",
5347
- "info-80": "var(--aquarium-colors-info-80, #0788d1)",
5348
- "info-70": "var(--aquarium-colors-info-70, #0399e3)",
5349
- "info-60": "var(--aquarium-colors-info-60, #02a8f3)",
5350
- "info-50": "var(--aquarium-colors-info-50, #28b4f4)",
5351
- "info-40": "var(--aquarium-colors-info-40, #4cc2f7)",
5352
- "info-30": "var(--aquarium-colors-info-30, #7fd1f7)",
5353
- "info-20": "var(--aquarium-colors-info-20, #b4e5fb)",
5354
- "info-10": "var(--aquarium-colors-info-10, #e0f5fe)",
5355
- "info-5": "var(--aquarium-colors-info-5, #effaff)",
5356
- "info-0": "var(--aquarium-colors-info-0, #f9fdff)",
5357
- "grey-100": "var(--aquarium-colors-grey-100, #19191d)",
5358
- "grey-90": "var(--aquarium-colors-grey-90, #292a31)",
5359
- "grey-80": "var(--aquarium-colors-grey-80, #3a3a44)",
5360
- "grey-70": "var(--aquarium-colors-grey-70, #4a4b57)",
5361
- "grey-60": "var(--aquarium-colors-grey-60, #5a5b6a)",
5362
- "grey-50": "var(--aquarium-colors-grey-50, #787885)",
5363
- "grey-40": "var(--aquarium-colors-grey-40, #9696a0)",
5364
- "grey-30": "var(--aquarium-colors-grey-30, #b4b4bb)",
5365
- "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
5366
- "grey-10": "var(--aquarium-colors-grey-10, #e1e1e3)",
5367
- "grey-5": "var(--aquarium-colors-grey-5, #ededf0)",
5368
- "grey-0": "var(--aquarium-colors-grey-0, #f7f7fa)",
5369
- "secondary-100": "var(--aquarium-colors-secondary-100, #e11d16)",
5370
- "secondary-90": "var(--aquarium-colors-secondary-90, #eb4610)",
5371
- "secondary-80": "var(--aquarium-colors-secondary-80, #f3580d)",
5372
- "secondary-70": "var(--aquarium-colors-secondary-70, #f96a02)",
5373
- "secondary-60": "var(--aquarium-colors-secondary-60, #ff7700)",
5374
- "secondary-50": "var(--aquarium-colors-secondary-50, #fc871a)",
5375
- "secondary-40": "var(--aquarium-colors-secondary-40, #fb9a3e)",
5376
- "secondary-30": "var(--aquarium-colors-secondary-30, #fab26e)",
5377
- "secondary-20": "var(--aquarium-colors-secondary-20, #f8c99c)",
5378
- "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
5379
- "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
5380
- "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
5381
- "primary-100": "var(--aquarium-colors-primary-100, #0e1652)",
5382
- "primary-90": "var(--aquarium-colors-primary-90, #222f95)",
5383
- "primary-80": "var(--aquarium-colors-primary-80, #3545be)",
5384
- "primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
5385
- "primary-60": "var(--aquarium-colors-primary-60, #818eec)",
5386
- "primary-50": "var(--aquarium-colors-primary-50, #9daaee)",
5387
- "primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
5388
- "primary-30": "var(--aquarium-colors-primary-30, #c7d1f4)",
5389
- "primary-20": "var(--aquarium-colors-primary-20, #d5ddfa)",
5390
- "primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
5391
- "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
5392
- "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
5393
- transparent: "var(--aquarium-colors-transparent, transparent)",
5394
- current: "var(--aquarium-colors-current, currentColor)",
5395
- white: "var(--aquarium-colors-white, white)",
5396
- black: "var(--aquarium-colors-black, black)",
4779
+ white: "var(--aquarium-colors-white)",
4780
+ black: "var(--aquarium-colors-black)",
4781
+ transparent: "var(--aquarium-colors-transparent)",
4782
+ current: "var(--aquarium-colors-current)",
4783
+ error: {
4784
+ "0": "var(--aquarium-colors-error-0)",
4785
+ "5": "var(--aquarium-colors-error-5)",
4786
+ "10": "var(--aquarium-colors-error-10)",
4787
+ "20": "var(--aquarium-colors-error-20)",
4788
+ "30": "var(--aquarium-colors-error-30)",
4789
+ "40": "var(--aquarium-colors-error-40)",
4790
+ "50": "var(--aquarium-colors-error-50)",
4791
+ "60": "var(--aquarium-colors-error-60)",
4792
+ "70": "var(--aquarium-colors-error-70)",
4793
+ "80": "var(--aquarium-colors-error-80)",
4794
+ "90": "var(--aquarium-colors-error-90)",
4795
+ "100": "var(--aquarium-colors-error-100)"
4796
+ },
4797
+ warning: {
4798
+ "0": "var(--aquarium-colors-warning-0)",
4799
+ "5": "var(--aquarium-colors-warning-5)",
4800
+ "10": "var(--aquarium-colors-warning-10)",
4801
+ "20": "var(--aquarium-colors-warning-20)",
4802
+ "30": "var(--aquarium-colors-warning-30)",
4803
+ "40": "var(--aquarium-colors-warning-40)",
4804
+ "50": "var(--aquarium-colors-warning-50)",
4805
+ "60": "var(--aquarium-colors-warning-60)",
4806
+ "70": "var(--aquarium-colors-warning-70)",
4807
+ "80": "var(--aquarium-colors-warning-80)",
4808
+ "90": "var(--aquarium-colors-warning-90)",
4809
+ "100": "var(--aquarium-colors-warning-100)",
4810
+ muted: "var(--aquarium-border-color-warning-muted)",
4811
+ default: "var(--aquarium-border-color-warning-default)",
4812
+ intense: "var(--aquarium-border-color-warning-intense)"
4813
+ },
4814
+ success: {
4815
+ "0": "var(--aquarium-colors-success-0)",
4816
+ "5": "var(--aquarium-colors-success-5)",
4817
+ "10": "var(--aquarium-colors-success-10)",
4818
+ "20": "var(--aquarium-colors-success-20)",
4819
+ "30": "var(--aquarium-colors-success-30)",
4820
+ "40": "var(--aquarium-colors-success-40)",
4821
+ "50": "var(--aquarium-colors-success-50)",
4822
+ "60": "var(--aquarium-colors-success-60)",
4823
+ "70": "var(--aquarium-colors-success-70)",
4824
+ "80": "var(--aquarium-colors-success-80)",
4825
+ "90": "var(--aquarium-colors-success-90)",
4826
+ "100": "var(--aquarium-colors-success-100)",
4827
+ muted: "var(--aquarium-border-color-success-muted)",
4828
+ default: "var(--aquarium-border-color-success-default)",
4829
+ intense: "var(--aquarium-border-color-success-intense)"
4830
+ },
4831
+ info: {
4832
+ "0": "var(--aquarium-colors-info-0)",
4833
+ "5": "var(--aquarium-colors-info-5)",
4834
+ "10": "var(--aquarium-colors-info-10)",
4835
+ "20": "var(--aquarium-colors-info-20)",
4836
+ "30": "var(--aquarium-colors-info-30)",
4837
+ "40": "var(--aquarium-colors-info-40)",
4838
+ "50": "var(--aquarium-colors-info-50)",
4839
+ "60": "var(--aquarium-colors-info-60)",
4840
+ "70": "var(--aquarium-colors-info-70)",
4841
+ "80": "var(--aquarium-colors-info-80)",
4842
+ "90": "var(--aquarium-colors-info-90)",
4843
+ "100": "var(--aquarium-colors-info-100)",
4844
+ muted: "var(--aquarium-border-color-info-muted)",
4845
+ default: "var(--aquarium-border-color-info-default)",
4846
+ intense: "var(--aquarium-border-color-info-intense)"
4847
+ },
4848
+ grey: {
4849
+ "0": "var(--aquarium-colors-grey-0)",
4850
+ "5": "var(--aquarium-colors-grey-5)",
4851
+ "10": "var(--aquarium-colors-grey-10)",
4852
+ "20": "var(--aquarium-colors-grey-20)",
4853
+ "30": "var(--aquarium-colors-grey-30)",
4854
+ "40": "var(--aquarium-colors-grey-40)",
4855
+ "50": "var(--aquarium-colors-grey-50)",
4856
+ "60": "var(--aquarium-colors-grey-60)",
4857
+ "70": "var(--aquarium-colors-grey-70)",
4858
+ "80": "var(--aquarium-colors-grey-80)",
4859
+ "90": "var(--aquarium-colors-grey-90)",
4860
+ "100": "var(--aquarium-colors-grey-100)"
4861
+ },
4862
+ secondary: {
4863
+ "0": "var(--aquarium-colors-secondary-0)",
4864
+ "5": "var(--aquarium-colors-secondary-5)",
4865
+ "10": "var(--aquarium-colors-secondary-10)",
4866
+ "20": "var(--aquarium-colors-secondary-20)",
4867
+ "30": "var(--aquarium-colors-secondary-30)",
4868
+ "40": "var(--aquarium-colors-secondary-40)",
4869
+ "50": "var(--aquarium-colors-secondary-50)",
4870
+ "60": "var(--aquarium-colors-secondary-60)",
4871
+ "70": "var(--aquarium-colors-secondary-70)",
4872
+ "80": "var(--aquarium-colors-secondary-80)",
4873
+ "90": "var(--aquarium-colors-secondary-90)",
4874
+ "100": "var(--aquarium-colors-secondary-100)"
4875
+ },
4876
+ primary: {
4877
+ "0": "var(--aquarium-colors-primary-0)",
4878
+ "5": "var(--aquarium-colors-primary-5)",
4879
+ "10": "var(--aquarium-colors-primary-10)",
4880
+ "20": "var(--aquarium-colors-primary-20)",
4881
+ "30": "var(--aquarium-colors-primary-30)",
4882
+ "40": "var(--aquarium-colors-primary-40)",
4883
+ "50": "var(--aquarium-colors-primary-50)",
4884
+ "60": "var(--aquarium-colors-primary-60)",
4885
+ "70": "var(--aquarium-colors-primary-70)",
4886
+ "80": "var(--aquarium-colors-primary-80)",
4887
+ "90": "var(--aquarium-colors-primary-90)",
4888
+ "100": "var(--aquarium-colors-primary-100)",
4889
+ muted: "var(--aquarium-border-color-primary-muted)",
4890
+ default: "var(--aquarium-border-color-primary-default)",
4891
+ intense: "var(--aquarium-border-color-primary-intense)"
4892
+ },
5397
4893
  DEFAULT: "currentColor",
5398
4894
  muted: "var(--aquarium-border-color-muted)",
5399
4895
  default: "var(--aquarium-border-color-default)",
5400
4896
  intense: "var(--aquarium-border-color-intense)",
5401
- "primary-muted": "var(--aquarium-border-color-primary-muted)",
5402
- "primary-default": "var(--aquarium-border-color-primary-default)",
5403
- "primary-intense": "var(--aquarium-border-color-primary-intense)",
5404
- "info-muted": "var(--aquarium-border-color-info-muted)",
5405
- "info-default": "var(--aquarium-border-color-info-default)",
5406
- "info-intense": "var(--aquarium-border-color-info-intense)",
5407
- "success-muted": "var(--aquarium-border-color-success-muted)",
5408
- "success-default": "var(--aquarium-border-color-success-default)",
5409
- "success-intense": "var(--aquarium-border-color-success-intense)",
5410
- "warning-muted": "var(--aquarium-border-color-warning-muted)",
5411
- "warning-default": "var(--aquarium-border-color-warning-default)",
5412
- "warning-intense": "var(--aquarium-border-color-warning-intense)",
5413
- "danger-muted": "var(--aquarium-border-color-danger-muted)",
5414
- "danger-default": "var(--aquarium-border-color-danger-default)",
5415
- "danger-intense": "var(--aquarium-border-color-danger-intense)"
4897
+ danger: {
4898
+ muted: "var(--aquarium-border-color-danger-muted)",
4899
+ default: "var(--aquarium-border-color-danger-default)",
4900
+ intense: "var(--aquarium-border-color-danger-intense)"
4901
+ }
5416
4902
  },
5417
4903
  gap: {
5418
- "0": "0",
4904
+ "0": "0px",
5419
4905
  "1": "2px",
5420
4906
  "2": "4px",
5421
4907
  "3": "8px",
@@ -5582,7 +5068,658 @@ var import_overlays = require("@react-aria/overlays");
5582
5068
  var import_isPlainObject = __toESM(require("lodash/isPlainObject"));
5583
5069
  var import_isUndefined = __toESM(require("lodash/isUndefined"));
5584
5070
  var import_orderBy = __toESM(require("lodash/orderBy"));
5585
- var { screens: allBreakpoints } = tailwind_theme_default;
5071
+
5072
+ // src/tokens/tokens.json
5073
+ var tokens_default = {
5074
+ borderRadius: {
5075
+ default: "4px",
5076
+ full: "9999px",
5077
+ "3xl": "1.5rem",
5078
+ "2xl": "1rem",
5079
+ xl: "0.75rem",
5080
+ lg: "0.5rem",
5081
+ md: "0.375rem",
5082
+ sm: "0.125rem",
5083
+ none: "0px"
5084
+ },
5085
+ borderWidth: {
5086
+ "0": "0px",
5087
+ "1": "1px",
5088
+ "2": "2px",
5089
+ "4": "4px",
5090
+ "8": "8px",
5091
+ default: "1px"
5092
+ },
5093
+ backgroundColor: {
5094
+ body: "white",
5095
+ "body-intense": "#3a3a44",
5096
+ "popover-content": "white",
5097
+ muted: "#f7f7fa",
5098
+ default: "#ededf0",
5099
+ intense: "#d2d2d6",
5100
+ primary: {
5101
+ muted: "#b9c5ef",
5102
+ default: "#3545be",
5103
+ intense: "#222f95",
5104
+ active: "#f3f6ff",
5105
+ hover: "#f3f6ff"
5106
+ },
5107
+ info: {
5108
+ muted: "#e0f5fe",
5109
+ default: "#0399e3",
5110
+ intense: "#0174ba"
5111
+ },
5112
+ success: {
5113
+ muted: "#ecf7ed",
5114
+ default: "#00b300",
5115
+ intense: "#008e00"
5116
+ },
5117
+ warning: {
5118
+ muted: "#fff8ea",
5119
+ default: "#ffb300",
5120
+ intense: "#ff9003"
5121
+ },
5122
+ danger: {
5123
+ muted: "#ffcbd2",
5124
+ default: "#ffadb3",
5125
+ intense: "#e62728"
5126
+ },
5127
+ status: {
5128
+ announcement: "#f3f6ff",
5129
+ info: "#e0f5fe",
5130
+ warning: "#fff8ea",
5131
+ danger: "#fee8e7",
5132
+ success: "#ecf7ed"
5133
+ },
5134
+ "icon-button": {
5135
+ hover: "rgba(25,25,29,.05)"
5136
+ }
5137
+ },
5138
+ borderColor: {
5139
+ muted: "#ededf0",
5140
+ default: "#d2d2d6",
5141
+ intense: "#787885",
5142
+ primary: {
5143
+ muted: "#818eec",
5144
+ default: "#3545be",
5145
+ intense: "#0e1652"
5146
+ },
5147
+ info: {
5148
+ muted: "#28b4f4",
5149
+ default: "#0399e3",
5150
+ intense: "#0174ba"
5151
+ },
5152
+ success: {
5153
+ muted: "#cbffc9",
5154
+ default: "#60db57",
5155
+ intense: "#00b300"
5156
+ },
5157
+ warning: {
5158
+ muted: "#feebb2",
5159
+ default: "#ffb300",
5160
+ intense: "#ff9003"
5161
+ },
5162
+ danger: {
5163
+ muted: "#ffcbd2",
5164
+ default: "#e62728",
5165
+ intense: "#c50001"
5166
+ }
5167
+ },
5168
+ colors: {
5169
+ white: "white",
5170
+ black: "black",
5171
+ transparent: "transparent",
5172
+ current: "currentColor",
5173
+ error: {
5174
+ "0": "#fef2f1",
5175
+ "5": "#fee8e7",
5176
+ "10": "#ffcbd2",
5177
+ "20": "#ffadb3",
5178
+ "30": "#ed7975",
5179
+ "40": "#e0504f",
5180
+ "50": "#e62728",
5181
+ "60": "#e70000",
5182
+ "70": "#d80005",
5183
+ "80": "#c50001",
5184
+ "90": "#b90000",
5185
+ "100": "#aa0000"
5186
+ },
5187
+ warning: {
5188
+ "0": "#fffdf9",
5189
+ "5": "#fff8ea",
5190
+ "10": "#fff2cd",
5191
+ "20": "#feebb2",
5192
+ "30": "#fddf81",
5193
+ "40": "#fdd44d",
5194
+ "50": "#fdc926",
5195
+ "60": "#ffc107",
5196
+ "70": "#ffb300",
5197
+ "80": "#fd9f00",
5198
+ "90": "#ff9003",
5199
+ "100": "#fe6d00"
5200
+ },
5201
+ success: {
5202
+ "0": "#f5faf5",
5203
+ "5": "#ecf7ed",
5204
+ "10": "#cbffc9",
5205
+ "20": "#afffa7",
5206
+ "30": "#89eb80",
5207
+ "40": "#60db57",
5208
+ "50": "#40ce37",
5209
+ "60": "#00c300",
5210
+ "70": "#00b300",
5211
+ "80": "#009f00",
5212
+ "90": "#008e00",
5213
+ "100": "#006f00"
5214
+ },
5215
+ info: {
5216
+ "0": "#f9fdff",
5217
+ "5": "#effaff",
5218
+ "10": "#e0f5fe",
5219
+ "20": "#b4e5fb",
5220
+ "30": "#7fd1f7",
5221
+ "40": "#4cc2f7",
5222
+ "50": "#28b4f4",
5223
+ "60": "#02a8f3",
5224
+ "70": "#0399e3",
5225
+ "80": "#0788d1",
5226
+ "90": "#0174ba",
5227
+ "100": "#02569a"
5228
+ },
5229
+ grey: {
5230
+ "0": "#f7f7fa",
5231
+ "5": "#ededf0",
5232
+ "10": "#e1e1e3",
5233
+ "20": "#d2d2d6",
5234
+ "30": "#b4b4bb",
5235
+ "40": "#9696a0",
5236
+ "50": "#787885",
5237
+ "60": "#5a5b6a",
5238
+ "70": "#4a4b57",
5239
+ "80": "#3a3a44",
5240
+ "90": "#292a31",
5241
+ "100": "#19191d"
5242
+ },
5243
+ secondary: {
5244
+ "0": "#fffbf8",
5245
+ "5": "#fff3e8",
5246
+ "10": "#fee8d0",
5247
+ "20": "#f8c99c",
5248
+ "30": "#fab26e",
5249
+ "40": "#fb9a3e",
5250
+ "50": "#fc871a",
5251
+ "60": "#ff7700",
5252
+ "70": "#f96a02",
5253
+ "80": "#f3580d",
5254
+ "90": "#eb4610",
5255
+ "100": "#e11d16"
5256
+ },
5257
+ primary: {
5258
+ "0": "#ffffff",
5259
+ "5": "#f3f6ff",
5260
+ "10": "#e3e9ff",
5261
+ "20": "#d5ddfa",
5262
+ "30": "#c7d1f4",
5263
+ "40": "#b9c5ef",
5264
+ "50": "#9daaee",
5265
+ "60": "#818eec",
5266
+ "70": "#5865cd",
5267
+ "80": "#3545be",
5268
+ "90": "#222f95",
5269
+ "100": "#0e1652"
5270
+ }
5271
+ },
5272
+ textColor: {
5273
+ inactive: "#9696a0",
5274
+ muted: "#787885",
5275
+ default: "#4a4b57",
5276
+ intense: "#292a31",
5277
+ primary: {
5278
+ inactive: "#b9c5ef",
5279
+ active: "#222f95",
5280
+ muted: "#818eec",
5281
+ default: "#5865cd",
5282
+ intense: "#3545be"
5283
+ },
5284
+ info: {
5285
+ inactive: "#b4e5fb",
5286
+ muted: "#4cc2f7",
5287
+ default: "#0399e3",
5288
+ intense: "#0174ba"
5289
+ },
5290
+ success: {
5291
+ inactive: "#cbffc9",
5292
+ muted: "#89eb80",
5293
+ default: "#00b300",
5294
+ intense: "#008e00"
5295
+ },
5296
+ warning: {
5297
+ inactive: "#feebb2",
5298
+ muted: "#fdd44d",
5299
+ default: "#fd9f00",
5300
+ intense: "#fe6d00"
5301
+ },
5302
+ danger: {
5303
+ inactive: "#ffcbd2",
5304
+ muted: "#ffadb3",
5305
+ default: "#e62728",
5306
+ intense: "#c50001"
5307
+ }
5308
+ },
5309
+ boxShadow: {
5310
+ "24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
5311
+ "16dp": "0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12)",
5312
+ "8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
5313
+ "4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
5314
+ "2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)",
5315
+ whiteInset: "inset 0 0 0 3px rgba(255,255,255,1)"
5316
+ },
5317
+ elevations: {
5318
+ "24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
5319
+ "16dp": "0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12)",
5320
+ "8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
5321
+ "4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
5322
+ "2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)"
5323
+ },
5324
+ screens: {
5325
+ default: "0px",
5326
+ xs: "320px",
5327
+ sm: "672px",
5328
+ md: "1056px",
5329
+ lg: "1312px",
5330
+ xl: "1536px"
5331
+ },
5332
+ margin: {
5333
+ "0": "0px",
5334
+ "1": "2px",
5335
+ "2": "4px",
5336
+ "3": "8px",
5337
+ "4": "12px",
5338
+ "5": "16px",
5339
+ "6": "24px",
5340
+ "7": "32px",
5341
+ "8": "40px",
5342
+ "9": "48px",
5343
+ "1px": "1px",
5344
+ l1: "16px",
5345
+ l2: "24px",
5346
+ l3: "32px",
5347
+ l4: "48px",
5348
+ l5: "64px",
5349
+ l6: "96px",
5350
+ l7: "160px"
5351
+ },
5352
+ spacing: {
5353
+ "0": "0px",
5354
+ "1": "2px",
5355
+ "2": "4px",
5356
+ "3": "8px",
5357
+ "4": "12px",
5358
+ "5": "16px",
5359
+ "6": "24px",
5360
+ "7": "32px",
5361
+ "8": "40px",
5362
+ "9": "48px",
5363
+ "1px": "1px",
5364
+ l1: "16px",
5365
+ l2: "24px",
5366
+ l3: "32px",
5367
+ l4: "48px",
5368
+ l5: "64px",
5369
+ l6: "96px",
5370
+ l7: "160px"
5371
+ },
5372
+ fontSize: {
5373
+ base: "1rem",
5374
+ "base-line-height": "1.5rem",
5375
+ xs: "0.75rem",
5376
+ "xs-line-height": "1rem",
5377
+ sm: "0.875rem",
5378
+ "sm-line-height": "1.25rem",
5379
+ "lg-line-height": "1.75rem",
5380
+ lg: "1.125rem",
5381
+ "xl-line-height": "1.75rem",
5382
+ xl: "1.25rem",
5383
+ "2xl-line-height": "2rem",
5384
+ "2xl": "1.5rem",
5385
+ "3xl-line-height": "2.25rem",
5386
+ "3xl": "1.875rem",
5387
+ "4xl-line-height": "2.5rem",
5388
+ "4xl": "2.25rem",
5389
+ "5xl-line-height": "1",
5390
+ "5xl": "3rem",
5391
+ "6xl-line-height": "1",
5392
+ "6xl": "3.75rem",
5393
+ "7xl-line-height": "1",
5394
+ "7xl": "4.5rem",
5395
+ "8xl-line-height": "1",
5396
+ "8xl": "6rem",
5397
+ "9xl-line-height": "1",
5398
+ "9xl": "8rem"
5399
+ },
5400
+ fontFamily: {
5401
+ heading: [
5402
+ "Poppins"
5403
+ ],
5404
+ body: [
5405
+ "Inter"
5406
+ ]
5407
+ },
5408
+ typography: {
5409
+ "large-heading": {
5410
+ fontFamily: [
5411
+ "Poppins"
5412
+ ],
5413
+ fontSize: "32px",
5414
+ fontWeight: 700,
5415
+ fontStyle: "normal",
5416
+ lineHeight: 1.375,
5417
+ textTransform: "none"
5418
+ },
5419
+ heading: {
5420
+ fontFamily: [
5421
+ "Poppins"
5422
+ ],
5423
+ fontSize: "24px",
5424
+ fontWeight: 700,
5425
+ fontStyle: "normal",
5426
+ lineHeight: 1.375,
5427
+ textTransform: "none"
5428
+ },
5429
+ subheading: {
5430
+ fontFamily: [
5431
+ "Poppins"
5432
+ ],
5433
+ fontSize: "20px",
5434
+ fontWeight: 600,
5435
+ fontStyle: "normal",
5436
+ lineHeight: 1.375,
5437
+ textTransform: "none"
5438
+ },
5439
+ "large-strong": {
5440
+ fontFamily: [
5441
+ "Inter"
5442
+ ],
5443
+ fontSize: "20px",
5444
+ fontWeight: 600,
5445
+ fontStyle: "normal",
5446
+ lineHeight: 1.58,
5447
+ textTransform: "none"
5448
+ },
5449
+ large: {
5450
+ fontFamily: [
5451
+ "Inter"
5452
+ ],
5453
+ fontSize: "20px",
5454
+ fontWeight: 500,
5455
+ fontStyle: "normal",
5456
+ lineHeight: 1.58,
5457
+ textTransform: "none"
5458
+ },
5459
+ "default-strong": {
5460
+ fontFamily: [
5461
+ "Inter"
5462
+ ],
5463
+ fontSize: "16px",
5464
+ fontWeight: 500,
5465
+ fontStyle: "normal",
5466
+ lineHeight: 1.5,
5467
+ textTransform: "none"
5468
+ },
5469
+ default: {
5470
+ fontFamily: [
5471
+ "Inter"
5472
+ ],
5473
+ fontSize: "16px",
5474
+ fontWeight: 400,
5475
+ fontStyle: "normal",
5476
+ lineHeight: 1.5,
5477
+ textTransform: "none"
5478
+ },
5479
+ "small-strong": {
5480
+ fontFamily: [
5481
+ "Inter"
5482
+ ],
5483
+ fontSize: "14px",
5484
+ fontWeight: 500,
5485
+ fontStyle: "normal",
5486
+ lineHeight: 1.42,
5487
+ textTransform: "none"
5488
+ },
5489
+ small: {
5490
+ fontFamily: [
5491
+ "Inter"
5492
+ ],
5493
+ fontSize: "14px",
5494
+ fontWeight: 400,
5495
+ fontStyle: "normal",
5496
+ lineHeight: 1.42,
5497
+ textTransform: "none"
5498
+ },
5499
+ caption: {
5500
+ fontFamily: [
5501
+ "Inter"
5502
+ ],
5503
+ fontSize: "12px",
5504
+ fontWeight: 400,
5505
+ fontStyle: "normal",
5506
+ lineHeight: 1.26,
5507
+ textTransform: "none"
5508
+ },
5509
+ "caption-small": {
5510
+ fontFamily: [
5511
+ "Inter"
5512
+ ],
5513
+ fontSize: "10px",
5514
+ fontWeight: 400,
5515
+ fontStyle: "normal",
5516
+ lineHeight: 1.2,
5517
+ letterSpacing: 0,
5518
+ textTransform: "none"
5519
+ },
5520
+ "caption-default": {
5521
+ fontFamily: [
5522
+ "Inter"
5523
+ ],
5524
+ fontSize: "12px",
5525
+ fontWeight: 400,
5526
+ fontStyle: "normal",
5527
+ lineHeight: 1.26,
5528
+ letterSpacing: 0,
5529
+ textTransform: "none"
5530
+ },
5531
+ "overline-small": {
5532
+ fontFamily: [
5533
+ "Inter"
5534
+ ],
5535
+ fontSize: "10px",
5536
+ fontWeight: 400,
5537
+ fontStyle: "normal",
5538
+ lineHeight: 1,
5539
+ letterSpacing: 0,
5540
+ textTransform: "uppercase"
5541
+ },
5542
+ "overline-default": {
5543
+ fontFamily: [
5544
+ "Inter"
5545
+ ],
5546
+ fontSize: "12px",
5547
+ fontWeight: 400,
5548
+ fontStyle: "normal",
5549
+ lineHeight: 1,
5550
+ letterSpacing: 0,
5551
+ textTransform: "uppercase"
5552
+ },
5553
+ "button-small": {
5554
+ fontFamily: [
5555
+ "Inter"
5556
+ ],
5557
+ fontSize: "12px",
5558
+ fontWeight: 500,
5559
+ fontStyle: "normal",
5560
+ lineHeight: 1,
5561
+ letterSpacing: 0,
5562
+ textTransform: "none"
5563
+ },
5564
+ "button-medium": {
5565
+ fontFamily: [
5566
+ "Inter"
5567
+ ],
5568
+ fontSize: "14px",
5569
+ fontWeight: 400,
5570
+ fontStyle: "normal",
5571
+ lineHeight: 1,
5572
+ letterSpacing: 0,
5573
+ textTransform: "none"
5574
+ },
5575
+ "button-large": {
5576
+ fontFamily: [
5577
+ "Inter"
5578
+ ],
5579
+ fontSize: "16px",
5580
+ fontWeight: 500,
5581
+ fontStyle: "normal",
5582
+ lineHeight: 1.5,
5583
+ letterSpacing: 0,
5584
+ textTransform: "none"
5585
+ },
5586
+ "body-small": {
5587
+ fontFamily: [
5588
+ "Inter"
5589
+ ],
5590
+ fontSize: "14px",
5591
+ fontWeight: 400,
5592
+ fontStyle: "normal",
5593
+ lineHeight: 1.43,
5594
+ letterSpacing: 0,
5595
+ textTransform: "none"
5596
+ },
5597
+ "body-small-medium": {
5598
+ fontFamily: [
5599
+ "Inter"
5600
+ ],
5601
+ fontSize: "14px",
5602
+ fontWeight: 500,
5603
+ fontStyle: "normal",
5604
+ lineHeight: 1.43,
5605
+ letterSpacing: 0,
5606
+ textTransform: "none"
5607
+ },
5608
+ "body-default": {
5609
+ fontFamily: [
5610
+ "Inter"
5611
+ ],
5612
+ fontSize: "16px",
5613
+ fontWeight: 400,
5614
+ fontStyle: "normal",
5615
+ lineHeight: 1.5,
5616
+ letterSpacing: 0,
5617
+ textTransform: "none"
5618
+ },
5619
+ "body-default-medium": {
5620
+ fontFamily: [
5621
+ "Inter"
5622
+ ],
5623
+ fontSize: "16px",
5624
+ fontWeight: 500,
5625
+ fontStyle: "normal",
5626
+ lineHeight: 1.5,
5627
+ letterSpacing: 0,
5628
+ textTransform: "none"
5629
+ },
5630
+ "body-large": {
5631
+ fontFamily: [
5632
+ "Inter"
5633
+ ],
5634
+ fontSize: "20px",
5635
+ fontWeight: 400,
5636
+ fontStyle: "normal",
5637
+ lineHeight: 1.58,
5638
+ letterSpacing: 0,
5639
+ textTransform: "none"
5640
+ },
5641
+ "body-large-medium": {
5642
+ fontFamily: [
5643
+ "Inter"
5644
+ ],
5645
+ fontSize: "20px",
5646
+ fontWeight: 400,
5647
+ fontStyle: "normal",
5648
+ lineHeight: 1.2,
5649
+ letterSpacing: 0,
5650
+ textTransform: "none"
5651
+ },
5652
+ "heading-large": {
5653
+ fontFamily: [
5654
+ "Inter"
5655
+ ],
5656
+ fontSize: "20px",
5657
+ fontWeight: 700,
5658
+ fontStyle: "normal",
5659
+ lineHeight: 1.5,
5660
+ letterSpacing: 0.15,
5661
+ textTransform: "none"
5662
+ },
5663
+ "heading-xl": {
5664
+ fontFamily: [
5665
+ "Inter"
5666
+ ],
5667
+ fontSize: "24px",
5668
+ fontWeight: 700,
5669
+ fontStyle: "normal",
5670
+ lineHeight: 1.5,
5671
+ letterSpacing: 0,
5672
+ textTransform: "none"
5673
+ },
5674
+ "heading-2xl": {
5675
+ fontFamily: [
5676
+ "Inter"
5677
+ ],
5678
+ fontSize: "34px",
5679
+ fontWeight: 700,
5680
+ fontStyle: "normal",
5681
+ lineHeight: 1.28,
5682
+ letterSpacing: 0,
5683
+ textTransform: "none"
5684
+ },
5685
+ "heading-3xl": {
5686
+ fontFamily: [
5687
+ "Inter"
5688
+ ],
5689
+ fontSize: "48px",
5690
+ fontWeight: 700,
5691
+ fontStyle: "normal",
5692
+ lineHeight: 1.24,
5693
+ letterSpacing: -0.48,
5694
+ textTransform: "none"
5695
+ },
5696
+ "heading-4xl": {
5697
+ fontFamily: [
5698
+ "Inter"
5699
+ ],
5700
+ fontSize: "60px",
5701
+ fontWeight: 700,
5702
+ fontStyle: "normal",
5703
+ lineHeight: 1.2,
5704
+ letterSpacing: -1.5,
5705
+ textTransform: "none"
5706
+ },
5707
+ "heading-5xl": {
5708
+ fontFamily: [
5709
+ "Inter"
5710
+ ],
5711
+ fontSize: "76px",
5712
+ fontWeight: 700,
5713
+ fontStyle: "normal",
5714
+ lineHeight: 1.2,
5715
+ letterSpacing: -1.98,
5716
+ textTransform: "none"
5717
+ }
5718
+ }
5719
+ };
5720
+
5721
+ // src/utils/breakpoints.ts
5722
+ var { screens: allBreakpoints } = tokens_default;
5586
5723
  var SCREEN_TO_PX_MAPPING = getPxMapping(allBreakpoints);
5587
5724
  var BREAKPOINT_PRIORITY = (0, import_orderBy.default)(
5588
5725
  Object.keys(SCREEN_TO_PX_MAPPING).map((key) => {
@@ -5594,9 +5731,9 @@ var BREAKPOINT_PRIORITY = (0, import_orderBy.default)(
5594
5731
  (bp) => bp.pxValue,
5595
5732
  "desc"
5596
5733
  );
5597
- function getPxMapping(breakpoints) {
5598
- return Object.keys(breakpoints).reduce((acc, key) => {
5599
- const minWidthInPx = breakpoints[key];
5734
+ function getPxMapping(breakpoints2) {
5735
+ return Object.keys(breakpoints2).reduce((acc, key) => {
5736
+ const minWidthInPx = breakpoints2[key];
5600
5737
  if (!minWidthInPx.endsWith("px")) {
5601
5738
  throw new Error(`Unexpected breakpoint value found: '${minWidthInPx}'. Expecting it to be in px unit.`);
5602
5739
  }
@@ -5639,6 +5776,7 @@ var import_react5 = __toESM(require("react"));
5639
5776
 
5640
5777
  // src/molecules/Box/Box.tsx
5641
5778
  var import_react4 = __toESM(require("react"));
5779
+ var import_classnames2 = __toESM(require("classnames"));
5642
5780
  var import_isUndefined3 = __toESM(require("lodash/isUndefined"));
5643
5781
 
5644
5782
  // src/molecules/Element/Element.tsx
@@ -5654,8 +5792,8 @@ var import_react3 = __toESM(require("react"));
5654
5792
 
5655
5793
  // src/utils/tailwind.ts
5656
5794
  var import_classnames = __toESM(require("classnames"));
5657
- function cleanClassNames(classNames4) {
5658
- const tokens = classNames4.split(/\s+/);
5795
+ function cleanClassNames(classNames5) {
5796
+ const tokens = classNames5.split(/\s+/);
5659
5797
  return tokens.filter((item) => item).join(" ");
5660
5798
  }
5661
5799
  function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
@@ -5737,7 +5875,8 @@ var Box = (_a) => {
5737
5875
  minHeight,
5738
5876
  gap,
5739
5877
  colGap,
5740
- rowGap
5878
+ rowGap,
5879
+ className
5741
5880
  } = _b, rest = __objRest(_b, [
5742
5881
  "style",
5743
5882
  "color",
@@ -5778,13 +5917,12 @@ var Box = (_a) => {
5778
5917
  "minHeight",
5779
5918
  "gap",
5780
5919
  "colGap",
5781
- "rowGap"
5920
+ "rowGap",
5921
+ "className"
5782
5922
  ]);
5783
5923
  const styles = useStyle({
5784
5924
  padding,
5785
5925
  display,
5786
- color: color ? tailwind_theme_default.textColor[color] : "",
5787
- borderColor: borderColor ? tailwind_theme_default.borderColor[borderColor] : "",
5788
5926
  borderRadius,
5789
5927
  borderWidth,
5790
5928
  justifyContent,
@@ -5803,7 +5941,6 @@ var Box = (_a) => {
5803
5941
  marginRight: (0, import_isUndefined3.default)(marginX) ? marginRight : marginX,
5804
5942
  marginBottom: (0, import_isUndefined3.default)(marginY) ? marginBottom : marginY,
5805
5943
  marginLeft: (0, import_isUndefined3.default)(marginX) ? marginLeft : marginX,
5806
- backgroundColor,
5807
5944
  width,
5808
5945
  height,
5809
5946
  maxWidth,
@@ -5817,8 +5954,14 @@ var Box = (_a) => {
5817
5954
  columnGap: colGap,
5818
5955
  rowGap
5819
5956
  });
5957
+ const finalClassname = (0, import_classnames2.default)(className, {
5958
+ [`border-${borderColor != null ? borderColor : ""}`]: Boolean(borderColor),
5959
+ [`text-${color != null ? color : ""}`]: Boolean(color),
5960
+ [`bg-${backgroundColor != null ? backgroundColor : ""}`]: Boolean(backgroundColor)
5961
+ });
5820
5962
  return /* @__PURE__ */ import_react4.default.createElement(Element, __spreadValues({
5821
- style: __spreadValues(__spreadValues({}, styles), style)
5963
+ style: __spreadValues(__spreadValues({}, styles), style),
5964
+ className: finalClassname !== "" ? finalClassname : void 0
5822
5965
  }, rest));
5823
5966
  };
5824
5967
  var FlexBox = (props) => /* @__PURE__ */ import_react4.default.createElement(Box, __spreadValues({
@@ -5834,7 +5977,7 @@ var import_web = require("@react-spring/web");
5834
5977
 
5835
5978
  // src/atoms/Toast/Toast.tsx
5836
5979
  var import_react7 = __toESM(require("react"));
5837
- var import_classnames2 = __toESM(require("classnames"));
5980
+ var import_classnames3 = __toESM(require("classnames"));
5838
5981
  var Toast = (_a) => {
5839
5982
  var _b = _a, {
5840
5983
  children,
@@ -5846,8 +5989,8 @@ var Toast = (_a) => {
5846
5989
  "variant"
5847
5990
  ]);
5848
5991
  return /* @__PURE__ */ import_react7.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
5849
- className: (0, import_classnames2.default)(
5850
- tw("typography-body-small rounded grid grid-cols-[1fr_auto] items-center gap-x-6 gap-y-2 p-4 text-white", {
5992
+ className: (0, import_classnames3.default)(
5993
+ tw("typography-small rounded grid grid-cols-[1fr_auto] items-center gap-x-6 gap-y-2 p-4 text-white", {
5851
5994
  "bg-body-intense": variant === "default",
5852
5995
  "bg-danger-intense": variant === "danger"
5853
5996
  }),
@@ -5858,7 +6001,7 @@ var Toast = (_a) => {
5858
6001
  var Dismiss = (_a) => {
5859
6002
  var _b = _a, { children, className, variant } = _b, rest = __objRest(_b, ["children", "className", "variant"]);
5860
6003
  return /* @__PURE__ */ import_react7.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
5861
- className: (0, import_classnames2.default)(
6004
+ className: (0, import_classnames3.default)(
5862
6005
  tw("self-start [&>button]:p-0 flex", {
5863
6006
  "[&>button]:text-muted": variant === "default",
5864
6007
  "[&>button]:text-danger-muted": variant === "danger"
@@ -5898,6 +6041,7 @@ var import_arrowLeft = __toESM(require_arrowLeft());
5898
6041
  var import_arrowRight = __toESM(require_arrowRight());
5899
6042
  var import_attachment = __toESM(require_attachment());
5900
6043
  var import_automaticUpdates = __toESM(require_automaticUpdates());
6044
+ var import_award = __toESM(require_award());
5901
6045
  var import_badge = __toESM(require_badge());
5902
6046
  var import_banCircle = __toESM(require_banCircle());
5903
6047
  var import_ban = __toESM(require_ban());
@@ -6154,8 +6298,9 @@ var THEME_MAPPING = {
6154
6298
  columnGap: "gap"
6155
6299
  };
6156
6300
  function resolveTailwindThemeValue(key, val) {
6301
+ var _a;
6157
6302
  const resolvedKey = key in THEME_MAPPING ? THEME_MAPPING[key] : key;
6158
- const found = (0, import_get.default)(tailwind_theme_default, [resolvedKey, val], void 0);
6303
+ const found = (_a = (0, import_get.default)(tailwind_theme_default, [resolvedKey, val], void 0)) != null ? _a : (0, import_get.default)(tailwind_theme_default, [resolvedKey, ...(val != null ? val : "").toString().split("-")], void 0);
6159
6304
  if (!(0, import_isUndefined4.default)(found)) {
6160
6305
  return found;
6161
6306
  }
@@ -6846,11 +6991,7 @@ Button.GhostDropdown = GhostDropdownButton;
6846
6991
  // src/atoms/Typography/Typography.tsx
6847
6992
  var import_react19 = __toESM(require("react"));
6848
6993
  var import_isUndefined6 = __toESM(require("lodash/isUndefined"));
6849
- var import_resolveTheme = __toESM(require_resolveTheme());
6850
- var typographies = import_resolveTheme.theme.typography.sizes.reduce(
6851
- (acc, { name, className }) => __spreadProps(__spreadValues({}, acc), { [name]: className }),
6852
- {}
6853
- );
6994
+ var typographies = Object.fromEntries(Object.keys(tokens_default.typography).map((key) => [key, `typography-${key}`]));
6854
6995
  var Typography = (_a) => {
6855
6996
  var _b = _a, {
6856
6997
  children,
@@ -7082,10 +7223,6 @@ Banner.IllustrationRight.displayName = "Alert.Banner.IllustrationRight";
7082
7223
 
7083
7224
  // src/atoms/Banner/Banner.tsx
7084
7225
  var import_react21 = __toESM(require("react"));
7085
- var spacing = {
7086
- spacingAroundBanner: "p-6",
7087
- omitSpacingAroundBanner: "-6"
7088
- };
7089
7226
  var Banner2 = (_a) => {
7090
7227
  var _b = _a, {
7091
7228
  children,
@@ -7101,7 +7238,7 @@ var Banner2 = (_a) => {
7101
7238
  return /* @__PURE__ */ import_react21.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
7102
7239
  className: classNames(
7103
7240
  className,
7104
- tw(`rounded flex justify-between gap-7 flex-nowrap ${spacing.spacingAroundBanner}`, {
7241
+ tw(`rounded flex justify-between gap-7 flex-nowrap p-6`, {
7105
7242
  "items-center": layout === "horizontal",
7106
7243
  "bg-muted": variant === "default",
7107
7244
  "bg-body border border-muted": variant === "outlined"
@@ -7146,7 +7283,7 @@ Banner2.ImageContainer = (_a) => {
7146
7283
  return /* @__PURE__ */ import_react21.default.createElement(Box, __spreadProps(__spreadValues({}, rest), {
7147
7284
  display: "inline-flex",
7148
7285
  alignItems: "center",
7149
- margin: spacing.omitSpacingAroundBanner,
7286
+ margin: "-6",
7150
7287
  marginLeft: "0"
7151
7288
  }), children);
7152
7289
  };
@@ -7172,7 +7309,7 @@ var import_isNumber = __toESM(require("lodash/isNumber"));
7172
7309
 
7173
7310
  // src/molecules/Typography/Typography.tsx
7174
7311
  var import_react22 = __toESM(require("react"));
7175
- var import_classnames3 = __toESM(require("classnames"));
7312
+ var import_classnames4 = __toESM(require("classnames"));
7176
7313
  var Typography2 = (props) => /* @__PURE__ */ import_react22.default.createElement(Typography, __spreadValues({}, props));
7177
7314
  Typography2.displayName = "Typography";
7178
7315
  Typography2.LargeHeading = (_a) => {
@@ -7258,7 +7395,7 @@ Typography2.SmallStrong.displayName = "Typography.SmallStrong";
7258
7395
  Typography2.Strong = (_a) => {
7259
7396
  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
7260
7397
  return /* @__PURE__ */ import_react22.default.createElement("strong", __spreadValues({
7261
- className: (0, import_classnames3.default)(tw("font-semibold"), className)
7398
+ className: (0, import_classnames4.default)(tw("font-semibold"), className)
7262
7399
  }, props));
7263
7400
  };
7264
7401
  Typography2.Strong.displayName = "Typography.Strong";
@@ -7848,7 +7985,7 @@ var ToolbarGroup = (_a) => {
7848
7985
  return /* @__PURE__ */ import_react29.default.createElement("div", __spreadProps(__spreadValues({
7849
7986
  role: "cell"
7850
7987
  }, rest), {
7851
- className: classNames(tw("flex items-center px-l2 border-r-[1px] border-muted last:border-r-0"), className)
7988
+ className: classNames(tw("flex items-center px-l2 border-r-1 border-muted last:border-r-0"), className)
7852
7989
  }));
7853
7990
  };
7854
7991
  ToolbarGroup.displayName = "DataList.Toolbar.Group";
@@ -8104,7 +8241,7 @@ var import_react33 = __toESM(require("react"));
8104
8241
  var import_isEmpty = __toESM(require("lodash/isEmpty"));
8105
8242
  var import_mapValues = __toESM(require("lodash/mapValues"));
8106
8243
  var import_pick = __toESM(require("lodash/pick"));
8107
- var screenSizes = Object.keys(tailwind_theme_default.screens);
8244
+ var breakpoints = Object.keys(tokens_default.screens);
8108
8245
  var GridItem = Tailwindify(
8109
8246
  (_a) => {
8110
8247
  var _b = _a, {
@@ -8136,7 +8273,7 @@ var GridItem = Tailwindify(
8136
8273
  "rowStart",
8137
8274
  "rowEnd"
8138
8275
  ]);
8139
- const breakPointableProperties = (0, import_pick.default)(props, screenSizes);
8276
+ const breakPointableProperties = (0, import_pick.default)(props, breakpoints);
8140
8277
  const gridColumn = !(0, import_isEmpty.default)(breakPointableProperties) ? (0, import_mapValues.default)(breakPointableProperties, (value) => value === "full" ? "1 / -1" : value ? `span-${value}` : "auto") : void 0;
8141
8278
  const hookStyle = useStyle({
8142
8279
  display,
@@ -8761,7 +8898,7 @@ var EmptyStateContainer2 = import_react43.default.forwardRef((_a, ref) => {
8761
8898
  }, props), children);
8762
8899
  });
8763
8900
  var Divider2 = (props) => /* @__PURE__ */ import_react43.default.createElement("div", __spreadValues({
8764
- className: tw("border-b-[1px] border-muted mx-3 my-4")
8901
+ className: tw("border-b-1 border-muted mx-3 my-4")
8765
8902
  }, props));
8766
8903
  var Group2 = import_react43.default.forwardRef((_a, ref) => {
8767
8904
  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);