@aivenio/aquarium 1.71.0 → 1.73.0-rc1

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 (37) hide show
  1. package/dist/_variables.scss +255 -244
  2. package/dist/atoms.cjs +1101 -947
  3. package/dist/atoms.mjs +1101 -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/governance.d.ts +9 -0
  12. package/dist/src/icons/governance.js +11 -0
  13. package/dist/src/icons/index.d.ts +2 -0
  14. package/dist/src/icons/index.js +3 -1
  15. package/dist/src/molecules/Box/Box.d.ts +5 -6
  16. package/dist/src/molecules/Box/Box.js +13 -7
  17. package/dist/src/molecules/Grid/Grid.js +4 -4
  18. package/dist/src/molecules/Section/Section.js +3 -3
  19. package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +2 -1
  20. package/dist/src/molecules/Tailwindify/Tailwindify.js +1 -1
  21. package/dist/src/system.d.ts +1 -6
  22. package/dist/src/system.js +2 -11
  23. package/dist/src/tokens/tokens.json +647 -0
  24. package/dist/src/utils/breakpoints.js +3 -3
  25. package/dist/src/utils/useStyle.js +6 -2
  26. package/dist/styles.css +2074 -1473
  27. package/dist/system.cjs +1120 -971
  28. package/dist/system.mjs +1120 -973
  29. package/dist/tailwind.config.js +73 -161
  30. package/dist/tailwind.theme.json +383 -331
  31. package/dist/tokens.json +644 -562
  32. package/dist/tsconfig.module.tsbuildinfo +1 -1
  33. package/dist/types/designTokens.d.ts +12 -11
  34. package/dist/types/tailwindGenerated.d.ts +1 -1
  35. package/package.json +11 -9
  36. package/dist/src/js/resolveTheme.d.ts +0 -8
  37. 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) {
@@ -2071,6 +2087,22 @@ var require_googleLogo = __commonJS({
2071
2087
  }
2072
2088
  });
2073
2089
 
2090
+ // src/icons/governance.js
2091
+ var require_governance = __commonJS({
2092
+ "src/icons/governance.js"(exports) {
2093
+ "use strict";
2094
+ var data = {
2095
+ "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M18.333 10V7.517c0-.985 0-1.477-.151-1.826a1.6 1.6 0 00-.625-.768c-.31-.22-.92-.346-2.14-.6-1.345-.28-2.378-.785-3.322-1.515-.453-.35-.68-.525-.856-.573a.772.772 0 00-.478 0c-.177.048-.403.223-.856.573-.944.73-1.977 1.235-3.321 1.515-1.22.254-1.83.38-2.141.6a1.6 1.6 0 00-.625.768c-.151.349-.151.841-.151 1.826V11c0 4.5 4.907 7.772 6.693 8.814.203.118.305.177.448.208.11.024.273.024.384 0 .143-.03.245-.09.448-.208"/><path d="m19.25 19.25-1.772-1.772m.957-2.302a3.26 3.26 0 11-6.518 0 3.26 3.26 0 016.518 0Z"/></g>',
2096
+ "left": 0,
2097
+ "top": 0,
2098
+ "width": 22,
2099
+ "height": 22
2100
+ };
2101
+ exports.__esModule = true;
2102
+ exports.default = data;
2103
+ }
2104
+ });
2105
+
2074
2106
  // src/icons/grid.js
2075
2107
  var require_grid = __commonJS({
2076
2108
  "src/icons/grid.js"(exports) {
@@ -4135,588 +4167,6 @@ var require_warningSign = __commonJS({
4135
4167
  }
4136
4168
  });
4137
4169
 
4138
- // tokens.json
4139
- var require_tokens = __commonJS({
4140
- "tokens.json"(exports, module2) {
4141
- module2.exports = {
4142
- themes: {
4143
- aiven: {
4144
- colors: {
4145
- "error-100": "#aa0000",
4146
- "error-90": "#b90000",
4147
- "error-80": "#c50001",
4148
- "error-70": "#d80005",
4149
- "error-60": "#e70000",
4150
- "error-50": "#e62728",
4151
- "error-40": "#e0504f",
4152
- "error-30": "#ed7975",
4153
- "error-20": "#ffadb3",
4154
- "error-10": "#ffcbd2",
4155
- "error-5": "#fee8e7",
4156
- "error-0": "#fef2f1",
4157
- "warning-100": "#fe6d00",
4158
- "warning-90": "#ff9003",
4159
- "warning-80": "#fd9f00",
4160
- "warning-70": "#ffb300",
4161
- "warning-60": "#ffc107",
4162
- "warning-50": "#fdc926",
4163
- "warning-40": "#fdd44d",
4164
- "warning-30": "#fddf81",
4165
- "warning-20": "#feebb2",
4166
- "warning-10": "#fff2cd",
4167
- "warning-5": "#fff8ea",
4168
- "warning-0": "#fffdf9",
4169
- "success-100": "#006f00",
4170
- "success-90": "#008e00",
4171
- "success-80": "#009f00",
4172
- "success-70": "#00b300",
4173
- "success-60": "#00c300",
4174
- "success-50": "#40ce37",
4175
- "success-40": "#60db57",
4176
- "success-30": "#89eb80",
4177
- "success-20": "#afffa7",
4178
- "success-10": "#cbffc9",
4179
- "success-5": "#ecf7ed",
4180
- "success-0": "#f5faf5",
4181
- "info-100": "#02569a",
4182
- "info-90": "#0174ba",
4183
- "info-80": "#0788d1",
4184
- "info-70": "#0399e3",
4185
- "info-60": "#02a8f3",
4186
- "info-50": "#28b4f4",
4187
- "info-40": "#4cc2f7",
4188
- "info-30": "#7fd1f7",
4189
- "info-20": "#b4e5fb",
4190
- "info-10": "#e0f5fe",
4191
- "info-5": "#effaff",
4192
- "info-0": "#f9fdff",
4193
- "grey-100": "#19191d",
4194
- "grey-90": "#292a31",
4195
- "grey-80": "#3a3a44",
4196
- "grey-70": "#4a4b57",
4197
- "grey-60": "#5a5b6a",
4198
- "grey-50": "#787885",
4199
- "grey-40": "#9696a0",
4200
- "grey-30": "#b4b4bb",
4201
- "grey-20": "#d2d2d6",
4202
- "grey-10": "#e1e1e3",
4203
- "grey-5": "#ededf0",
4204
- "grey-0": "#f7f7fa",
4205
- "secondary-100": "#e11d16",
4206
- "secondary-90": "#eb4610",
4207
- "secondary-80": "#f3580d",
4208
- "secondary-70": "#f96a02",
4209
- "secondary-60": "#ff7700",
4210
- "secondary-50": "#fc871a",
4211
- "secondary-40": "#fb9a3e",
4212
- "secondary-30": "#fab26e",
4213
- "secondary-20": "#f8c99c",
4214
- "secondary-10": "#fee8d0",
4215
- "secondary-5": "#fff3e8",
4216
- "secondary-0": "#fffbf8",
4217
- "primary-100": "#0e1652",
4218
- "primary-90": "#222f95",
4219
- "primary-80": "#3545be",
4220
- "primary-70": "#5865cd",
4221
- "primary-60": "#818eec",
4222
- "primary-50": "#9daaee",
4223
- "primary-40": "#b9c5ef",
4224
- "primary-30": "#c7d1f4",
4225
- "primary-20": "#d5ddfa",
4226
- "primary-10": "#e3e9ff",
4227
- "primary-5": "#f3f6ff",
4228
- "primary-0": "#ffffff"
4229
- },
4230
- typography: {
4231
- sizes: [
4232
- {
4233
- name: "large-heading",
4234
- className: "typography-large-heading",
4235
- style: {
4236
- fontFamily: "Poppins",
4237
- fontSize: "32px",
4238
- fontWeight: 700,
4239
- fontStyle: "normal",
4240
- lineHeight: 1.375,
4241
- textTransform: "none"
4242
- },
4243
- fontPostScriptName: "Poppins-Bold"
4244
- },
4245
- {
4246
- name: "heading",
4247
- className: "typography-heading",
4248
- style: {
4249
- fontFamily: "Poppins",
4250
- fontSize: "24px",
4251
- fontWeight: 700,
4252
- fontStyle: "normal",
4253
- lineHeight: 1.375,
4254
- textTransform: "none"
4255
- },
4256
- fontPostScriptName: "Poppins-Bold"
4257
- },
4258
- {
4259
- name: "subheading",
4260
- className: "typography-subheading",
4261
- style: {
4262
- fontFamily: "Poppins",
4263
- fontSize: "20px",
4264
- fontWeight: 600,
4265
- fontStyle: "normal",
4266
- lineHeight: 1.375,
4267
- textTransform: "none"
4268
- },
4269
- fontPostScriptName: "Poppins-Bold"
4270
- },
4271
- {
4272
- name: "large-strong",
4273
- className: "typography-large-strong",
4274
- style: {
4275
- fontFamily: "Inter",
4276
- fontSize: "20px",
4277
- fontWeight: 600,
4278
- fontStyle: "normal",
4279
- lineHeight: 1.58,
4280
- textTransform: "none"
4281
- },
4282
- fontPostScriptName: "Inter-SemiBold"
4283
- },
4284
- {
4285
- name: "large",
4286
- className: "typography-large",
4287
- style: {
4288
- fontFamily: "Inter",
4289
- fontSize: "20px",
4290
- fontWeight: 500,
4291
- fontStyle: "normal",
4292
- lineHeight: 1.58,
4293
- textTransform: "none"
4294
- },
4295
- fontPostScriptName: "Inter-SemiBold"
4296
- },
4297
- {
4298
- name: "default-strong",
4299
- className: "typography-default-strong",
4300
- style: {
4301
- fontFamily: "Inter",
4302
- fontSize: "16px",
4303
- fontWeight: 500,
4304
- fontStyle: "normal",
4305
- lineHeight: 1.5,
4306
- textTransform: "none"
4307
- },
4308
- fontPostScriptName: "Inter-SemiBold"
4309
- },
4310
- {
4311
- name: "default",
4312
- className: "typography-default",
4313
- style: {
4314
- fontFamily: "Inter",
4315
- fontSize: "16px",
4316
- fontWeight: 400,
4317
- fontStyle: "normal",
4318
- lineHeight: 1.5,
4319
- textTransform: "none"
4320
- },
4321
- fontPostScriptName: null
4322
- },
4323
- {
4324
- name: "small-strong",
4325
- className: "typography-small-strong",
4326
- style: {
4327
- fontFamily: "Inter",
4328
- fontSize: "14px",
4329
- fontWeight: 500,
4330
- fontStyle: "normal",
4331
- lineHeight: 1.42,
4332
- textTransform: "none"
4333
- },
4334
- fontPostScriptName: "Inter-SemiBold"
4335
- },
4336
- {
4337
- name: "small",
4338
- className: "typography-small",
4339
- style: {
4340
- fontFamily: "Inter",
4341
- fontSize: "14px",
4342
- fontWeight: 400,
4343
- fontStyle: "normal",
4344
- lineHeight: 1.42,
4345
- textTransform: "none"
4346
- },
4347
- fontPostScriptName: null
4348
- },
4349
- {
4350
- name: "caption",
4351
- className: "typography-caption",
4352
- style: {
4353
- fontFamily: "Inter",
4354
- fontSize: "12px",
4355
- fontWeight: 400,
4356
- fontStyle: "normal",
4357
- lineHeight: 1.26,
4358
- textTransform: "none"
4359
- },
4360
- fontPostScriptName: null
4361
- },
4362
- {
4363
- name: "caption-small",
4364
- className: "typography-caption-small",
4365
- style: {
4366
- fontFamily: "Inter",
4367
- fontSize: "10px",
4368
- fontWeight: 400,
4369
- fontStyle: "normal",
4370
- lineHeight: 1.2,
4371
- letterSpacing: 0,
4372
- textTransform: "none"
4373
- },
4374
- fontPostScriptName: null
4375
- },
4376
- {
4377
- name: "caption-default",
4378
- className: "typography-caption-default",
4379
- style: {
4380
- fontFamily: "Inter",
4381
- fontSize: "12px",
4382
- fontWeight: 400,
4383
- fontStyle: "normal",
4384
- lineHeight: 1.26,
4385
- letterSpacing: 0,
4386
- textTransform: "none"
4387
- },
4388
- fontPostScriptName: null
4389
- },
4390
- {
4391
- name: "overline-small",
4392
- className: "typography-overline-small",
4393
- style: {
4394
- fontFamily: "Inter",
4395
- fontSize: "10px",
4396
- fontWeight: 400,
4397
- fontStyle: "normal",
4398
- lineHeight: 1,
4399
- letterSpacing: 0,
4400
- textTransform: "uppercase"
4401
- },
4402
- fontPostScriptName: null
4403
- },
4404
- {
4405
- name: "overline-default",
4406
- className: "typography-overline-default",
4407
- style: {
4408
- fontFamily: "Inter",
4409
- fontSize: "12px",
4410
- fontWeight: 400,
4411
- fontStyle: "normal",
4412
- lineHeight: 1,
4413
- letterSpacing: 0,
4414
- textTransform: "uppercase"
4415
- },
4416
- fontPostScriptName: null
4417
- },
4418
- {
4419
- name: "button-small",
4420
- className: "typography-button-small",
4421
- style: {
4422
- fontFamily: "Inter",
4423
- fontSize: "12px",
4424
- fontWeight: 500,
4425
- fontStyle: "normal",
4426
- lineHeight: 1,
4427
- letterSpacing: 0,
4428
- textTransform: "none"
4429
- },
4430
- fontPostScriptName: "Inter-Medium"
4431
- },
4432
- {
4433
- name: "button-medium",
4434
- className: "typography-button-medium",
4435
- style: {
4436
- fontFamily: "Inter",
4437
- fontSize: "14px",
4438
- fontWeight: 400,
4439
- fontStyle: "normal",
4440
- lineHeight: 1,
4441
- letterSpacing: 0,
4442
- textTransform: "none"
4443
- },
4444
- fontPostScriptName: "Inter-SemiBold"
4445
- },
4446
- {
4447
- name: "button-large",
4448
- className: "typography-button-large",
4449
- style: {
4450
- fontFamily: "Inter",
4451
- fontSize: "16px",
4452
- fontWeight: 500,
4453
- fontStyle: "normal",
4454
- lineHeight: 1.5,
4455
- letterSpacing: 0,
4456
- textTransform: "none"
4457
- },
4458
- fontPostScriptName: "Inter-Medium"
4459
- },
4460
- {
4461
- name: "body-small",
4462
- className: "typography-body-small",
4463
- style: {
4464
- fontFamily: "Inter",
4465
- fontSize: "14px",
4466
- fontWeight: 400,
4467
- fontStyle: "normal",
4468
- lineHeight: 1.43,
4469
- letterSpacing: 0,
4470
- textTransform: "none"
4471
- },
4472
- fontPostScriptName: null
4473
- },
4474
- {
4475
- name: "body-small-medium",
4476
- className: "typography-body-small-medium",
4477
- style: {
4478
- fontFamily: "Inter",
4479
- fontSize: "14px",
4480
- fontWeight: 500,
4481
- fontStyle: "normal",
4482
- lineHeight: 1.43,
4483
- letterSpacing: 0,
4484
- textTransform: "none"
4485
- },
4486
- fontPostScriptName: "Inter-SemiBold"
4487
- },
4488
- {
4489
- name: "body-default",
4490
- className: "typography-body-default",
4491
- style: {
4492
- fontFamily: "Inter",
4493
- fontSize: "16px",
4494
- fontWeight: 400,
4495
- fontStyle: "normal",
4496
- lineHeight: 1.5,
4497
- letterSpacing: 0,
4498
- textTransform: "none"
4499
- },
4500
- fontPostScriptName: null
4501
- },
4502
- {
4503
- name: "body-default-medium",
4504
- className: "typography-body-default-medium",
4505
- style: {
4506
- fontFamily: "Inter",
4507
- fontSize: "16px",
4508
- fontWeight: 500,
4509
- fontStyle: "normal",
4510
- lineHeight: 1.5,
4511
- letterSpacing: 0,
4512
- textTransform: "none"
4513
- },
4514
- fontPostScriptName: "Inter-SemiBold"
4515
- },
4516
- {
4517
- name: "body-large",
4518
- className: "typography-body-large",
4519
- style: {
4520
- fontFamily: "Inter",
4521
- fontSize: "20px",
4522
- fontWeight: 400,
4523
- fontStyle: "normal",
4524
- lineHeight: 1.58,
4525
- letterSpacing: 0,
4526
- textTransform: "none"
4527
- },
4528
- fontPostScriptName: null
4529
- },
4530
- {
4531
- name: "body-large-medium",
4532
- className: "typography-body-large-medium",
4533
- style: {
4534
- fontFamily: "Inter",
4535
- fontSize: "20px",
4536
- fontWeight: 400,
4537
- fontStyle: "normal",
4538
- lineHeight: 1.2,
4539
- letterSpacing: 0,
4540
- textTransform: "none"
4541
- },
4542
- fontPostScriptName: "Inter-SemiBold"
4543
- },
4544
- {
4545
- name: "heading-large",
4546
- className: "typography-heading-large",
4547
- style: {
4548
- fontFamily: "Inter",
4549
- fontSize: "20px",
4550
- fontWeight: 700,
4551
- fontStyle: "normal",
4552
- lineHeight: 1.5,
4553
- letterSpacing: 0.15,
4554
- textTransform: "none"
4555
- },
4556
- fontPostScriptName: "Inter-Bold"
4557
- },
4558
- {
4559
- name: "heading-xl",
4560
- className: "typography-heading-xl",
4561
- style: {
4562
- fontFamily: "Inter",
4563
- fontSize: "24px",
4564
- fontWeight: 700,
4565
- fontStyle: "normal",
4566
- lineHeight: 1.5,
4567
- letterSpacing: 0,
4568
- textTransform: "none"
4569
- },
4570
- fontPostScriptName: "Inter-Bold"
4571
- },
4572
- {
4573
- name: "heading-2xl",
4574
- className: "typography-heading-2xl",
4575
- style: {
4576
- fontFamily: "Inter",
4577
- fontSize: "34px",
4578
- fontWeight: 700,
4579
- fontStyle: "normal",
4580
- lineHeight: 1.28,
4581
- letterSpacing: 0,
4582
- textTransform: "none"
4583
- },
4584
- fontPostScriptName: "Inter-Bold"
4585
- },
4586
- {
4587
- name: "heading-3xl",
4588
- className: "typography-heading-3xl",
4589
- style: {
4590
- fontFamily: "Inter",
4591
- fontSize: "48px",
4592
- fontWeight: 700,
4593
- fontStyle: "normal",
4594
- lineHeight: 1.24,
4595
- letterSpacing: -0.48,
4596
- textTransform: "none"
4597
- },
4598
- fontPostScriptName: "Inter-Bold"
4599
- },
4600
- {
4601
- name: "heading-4xl",
4602
- className: "typography-heading-4xl",
4603
- style: {
4604
- fontFamily: "Inter",
4605
- fontSize: "60px",
4606
- fontWeight: 700,
4607
- fontStyle: "normal",
4608
- lineHeight: 1.2,
4609
- letterSpacing: -1.5,
4610
- textTransform: "none"
4611
- },
4612
- fontPostScriptName: "Inter-Bold"
4613
- },
4614
- {
4615
- name: "heading-5xl",
4616
- className: "typography-heading-5xl",
4617
- style: {
4618
- fontFamily: "Inter",
4619
- fontSize: "76px",
4620
- fontWeight: 700,
4621
- fontStyle: "normal",
4622
- lineHeight: 1.2,
4623
- letterSpacing: -1.98,
4624
- textTransform: "none"
4625
- },
4626
- fontPostScriptName: "Inter-Bold"
4627
- }
4628
- ]
4629
- },
4630
- elevations: {
4631
- "24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
4632
- "16dp": "0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12)",
4633
- "8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
4634
- "4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
4635
- "2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)"
4636
- },
4637
- spacing: {
4638
- layout01: {
4639
- px: 16,
4640
- rem: 1
4641
- },
4642
- layout02: {
4643
- px: 24,
4644
- rem: 1.5
4645
- },
4646
- layout03: {
4647
- px: 32,
4648
- rem: 2
4649
- },
4650
- layout04: {
4651
- px: 48,
4652
- rem: 3
4653
- },
4654
- layout05: {
4655
- px: 64,
4656
- rem: 4
4657
- },
4658
- layout06: {
4659
- px: 96,
4660
- rem: 6
4661
- },
4662
- layout07: {
4663
- px: 160,
4664
- rem: 10
4665
- },
4666
- spacing01: {
4667
- px: 2,
4668
- rem: 0.125
4669
- },
4670
- spacing02: {
4671
- px: 4,
4672
- rem: 0.25
4673
- },
4674
- spacing03: {
4675
- px: 8,
4676
- rem: 0.5
4677
- },
4678
- spacing04: {
4679
- px: 12,
4680
- rem: 0.75
4681
- },
4682
- spacing05: {
4683
- px: 16,
4684
- rem: 1
4685
- },
4686
- spacing06: {
4687
- px: 24,
4688
- rem: 1.5
4689
- },
4690
- spacing07: {
4691
- px: 32,
4692
- rem: 2
4693
- },
4694
- spacing08: {
4695
- px: 40,
4696
- rem: 2.5
4697
- },
4698
- spacing09: {
4699
- px: 48,
4700
- rem: 3
4701
- }
4702
- }
4703
- }
4704
- }
4705
- };
4706
- }
4707
- });
4708
-
4709
- // src/js/resolveTheme.js
4710
- var require_resolveTheme = __commonJS({
4711
- "src/js/resolveTheme.js"(exports, module2) {
4712
- "use strict";
4713
- var tokensJson = require_tokens();
4714
- module2.exports = {
4715
- theme: tokensJson.themes.aiven
4716
- };
4717
- }
4718
- });
4719
-
4720
4170
  // src/atoms/index.ts
4721
4171
  var atoms_exports = {};
4722
4172
  __export(atoms_exports, {
@@ -4811,7 +4261,7 @@ var tailwind_theme_default = {
4811
4261
  none: "0"
4812
4262
  },
4813
4263
  spacing: {
4814
- "0": "0",
4264
+ "0": "0px",
4815
4265
  "1": "2px",
4816
4266
  "2": "4px",
4817
4267
  "3": "8px",
@@ -4831,7 +4281,7 @@ var tailwind_theme_default = {
4831
4281
  l7: "160px"
4832
4282
  },
4833
4283
  margin: {
4834
- "0": "0",
4284
+ "0": "0px",
4835
4285
  "1": "2px",
4836
4286
  "2": "4px",
4837
4287
  "3": "8px",
@@ -4841,6 +4291,7 @@ var tailwind_theme_default = {
4841
4291
  "7": "32px",
4842
4292
  "8": "40px",
4843
4293
  "9": "48px",
4294
+ auto: "auto",
4844
4295
  "1px": "1px",
4845
4296
  l1: "16px",
4846
4297
  l2: "24px",
@@ -4849,7 +4300,6 @@ var tailwind_theme_default = {
4849
4300
  l5: "64px",
4850
4301
  l6: "96px",
4851
4302
  l7: "160px",
4852
- auto: "auto",
4853
4303
  "-1": "-2px",
4854
4304
  "-2": "-4px",
4855
4305
  "-3": "-8px",
@@ -4869,7 +4319,7 @@ var tailwind_theme_default = {
4869
4319
  "-l7": "-160px"
4870
4320
  },
4871
4321
  padding: {
4872
- "0": "0",
4322
+ "0": "0px",
4873
4323
  "1": "2px",
4874
4324
  "2": "4px",
4875
4325
  "3": "8px",
@@ -4889,7 +4339,7 @@ var tailwind_theme_default = {
4889
4339
  l7: "160px"
4890
4340
  },
4891
4341
  width: {
4892
- "0": "0",
4342
+ "0": "0px",
4893
4343
  "1": "2px",
4894
4344
  "2": "4px",
4895
4345
  "3": "8px",
@@ -4941,7 +4391,7 @@ var tailwind_theme_default = {
4941
4391
  fit: "fit-content"
4942
4392
  },
4943
4393
  height: {
4944
- "0": "0",
4394
+ "0": "0px",
4945
4395
  "1": "2px",
4946
4396
  "2": "4px",
4947
4397
  "3": "8px",
@@ -5008,7 +4458,7 @@ var tailwind_theme_default = {
5008
4458
  "screen-xl": "1536px"
5009
4459
  },
5010
4460
  maxHeight: {
5011
- "0": "0",
4461
+ "0": "0px",
5012
4462
  "1": "2px",
5013
4463
  "2": "4px",
5014
4464
  "3": "8px",
@@ -5056,350 +4506,402 @@ var tailwind_theme_default = {
5056
4506
  flexGrow: { "0": "0", DEFAULT: "1" },
5057
4507
  flexShrink: { "0": "0", DEFAULT: "1" },
5058
4508
  backgroundColor: {
5059
- "error-100": "var(--aquarium-colors-error-100, #aa0000)",
5060
- "error-90": "var(--aquarium-colors-error-90, #b90000)",
5061
- "error-80": "var(--aquarium-colors-error-80, #c50001)",
5062
- "error-70": "var(--aquarium-colors-error-70, #d80005)",
5063
- "error-60": "var(--aquarium-colors-error-60, #e70000)",
5064
- "error-50": "var(--aquarium-colors-error-50, #e62728)",
5065
- "error-40": "var(--aquarium-colors-error-40, #e0504f)",
5066
- "error-30": "var(--aquarium-colors-error-30, #ed7975)",
5067
- "error-20": "var(--aquarium-colors-error-20, #ffadb3)",
5068
- "error-10": "var(--aquarium-colors-error-10, #ffcbd2)",
5069
- "error-5": "var(--aquarium-colors-error-5, #fee8e7)",
5070
- "error-0": "var(--aquarium-colors-error-0, #fef2f1)",
5071
- "warning-100": "var(--aquarium-colors-warning-100, #fe6d00)",
5072
- "warning-90": "var(--aquarium-colors-warning-90, #ff9003)",
5073
- "warning-80": "var(--aquarium-colors-warning-80, #fd9f00)",
5074
- "warning-70": "var(--aquarium-colors-warning-70, #ffb300)",
5075
- "warning-60": "var(--aquarium-colors-warning-60, #ffc107)",
5076
- "warning-50": "var(--aquarium-colors-warning-50, #fdc926)",
5077
- "warning-40": "var(--aquarium-colors-warning-40, #fdd44d)",
5078
- "warning-30": "var(--aquarium-colors-warning-30, #fddf81)",
5079
- "warning-20": "var(--aquarium-colors-warning-20, #feebb2)",
5080
- "warning-10": "var(--aquarium-colors-warning-10, #fff2cd)",
5081
- "warning-5": "var(--aquarium-colors-warning-5, #fff8ea)",
5082
- "warning-0": "var(--aquarium-colors-warning-0, #fffdf9)",
5083
- "success-100": "var(--aquarium-colors-success-100, #006f00)",
5084
- "success-90": "var(--aquarium-colors-success-90, #008e00)",
5085
- "success-80": "var(--aquarium-colors-success-80, #009f00)",
5086
- "success-70": "var(--aquarium-colors-success-70, #00b300)",
5087
- "success-60": "var(--aquarium-colors-success-60, #00c300)",
5088
- "success-50": "var(--aquarium-colors-success-50, #40ce37)",
5089
- "success-40": "var(--aquarium-colors-success-40, #60db57)",
5090
- "success-30": "var(--aquarium-colors-success-30, #89eb80)",
5091
- "success-20": "var(--aquarium-colors-success-20, #afffa7)",
5092
- "success-10": "var(--aquarium-colors-success-10, #cbffc9)",
5093
- "success-5": "var(--aquarium-colors-success-5, #ecf7ed)",
5094
- "success-0": "var(--aquarium-colors-success-0, #f5faf5)",
5095
- "info-100": "var(--aquarium-colors-info-100, #02569a)",
5096
- "info-90": "var(--aquarium-colors-info-90, #0174ba)",
5097
- "info-80": "var(--aquarium-colors-info-80, #0788d1)",
5098
- "info-70": "var(--aquarium-colors-info-70, #0399e3)",
5099
- "info-60": "var(--aquarium-colors-info-60, #02a8f3)",
5100
- "info-50": "var(--aquarium-colors-info-50, #28b4f4)",
5101
- "info-40": "var(--aquarium-colors-info-40, #4cc2f7)",
5102
- "info-30": "var(--aquarium-colors-info-30, #7fd1f7)",
5103
- "info-20": "var(--aquarium-colors-info-20, #b4e5fb)",
5104
- "info-10": "var(--aquarium-colors-info-10, #e0f5fe)",
5105
- "info-5": "var(--aquarium-colors-info-5, #effaff)",
5106
- "info-0": "var(--aquarium-colors-info-0, #f9fdff)",
5107
- "grey-100": "var(--aquarium-colors-grey-100, #19191d)",
5108
- "grey-90": "var(--aquarium-colors-grey-90, #292a31)",
5109
- "grey-80": "var(--aquarium-colors-grey-80, #3a3a44)",
5110
- "grey-70": "var(--aquarium-colors-grey-70, #4a4b57)",
5111
- "grey-60": "var(--aquarium-colors-grey-60, #5a5b6a)",
5112
- "grey-50": "var(--aquarium-colors-grey-50, #787885)",
5113
- "grey-40": "var(--aquarium-colors-grey-40, #9696a0)",
5114
- "grey-30": "var(--aquarium-colors-grey-30, #b4b4bb)",
5115
- "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
5116
- "grey-10": "var(--aquarium-colors-grey-10, #e1e1e3)",
5117
- "grey-5": "var(--aquarium-colors-grey-5, #ededf0)",
5118
- "grey-0": "var(--aquarium-colors-grey-0, #f7f7fa)",
5119
- "secondary-100": "var(--aquarium-colors-secondary-100, #e11d16)",
5120
- "secondary-90": "var(--aquarium-colors-secondary-90, #eb4610)",
5121
- "secondary-80": "var(--aquarium-colors-secondary-80, #f3580d)",
5122
- "secondary-70": "var(--aquarium-colors-secondary-70, #f96a02)",
5123
- "secondary-60": "var(--aquarium-colors-secondary-60, #ff7700)",
5124
- "secondary-50": "var(--aquarium-colors-secondary-50, #fc871a)",
5125
- "secondary-40": "var(--aquarium-colors-secondary-40, #fb9a3e)",
5126
- "secondary-30": "var(--aquarium-colors-secondary-30, #fab26e)",
5127
- "secondary-20": "var(--aquarium-colors-secondary-20, #f8c99c)",
5128
- "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
5129
- "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
5130
- "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
5131
- "primary-100": "var(--aquarium-colors-primary-100, #0e1652)",
5132
- "primary-90": "var(--aquarium-colors-primary-90, #222f95)",
5133
- "primary-80": "var(--aquarium-colors-primary-80, #3545be)",
5134
- "primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
5135
- "primary-60": "var(--aquarium-colors-primary-60, #818eec)",
5136
- "primary-50": "var(--aquarium-colors-primary-50, #9daaee)",
5137
- "primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
5138
- "primary-30": "var(--aquarium-colors-primary-30, #c7d1f4)",
5139
- "primary-20": "var(--aquarium-colors-primary-20, #d5ddfa)",
5140
- "primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
5141
- "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
5142
- "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
5143
- transparent: "var(--aquarium-colors-transparent, transparent)",
5144
- current: "var(--aquarium-colors-current, currentColor)",
5145
- white: "var(--aquarium-colors-white, white)",
5146
- 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
+ },
5147
4625
  body: "var(--aquarium-background-color-body)",
5148
4626
  "body-intense": "var(--aquarium-background-color-body-intense)",
5149
4627
  "popover-content": "var(--aquarium-background-color-popover-content)",
5150
4628
  muted: "var(--aquarium-background-color-muted)",
5151
4629
  default: "var(--aquarium-background-color-default)",
5152
4630
  intense: "var(--aquarium-background-color-intense)",
5153
- "primary-muted": "var(--aquarium-background-color-primary-muted)",
5154
- "primary-default": "var(--aquarium-background-color-primary-default)",
5155
- "primary-intense": "var(--aquarium-background-color-primary-intense)",
5156
- "primary-active": "var(--aquarium-background-color-primary-active)",
5157
- "primary-hover": "var(--aquarium-background-color-primary-hover)",
5158
- "info-muted": "var(--aquarium-background-color-info-muted)",
5159
- "info-default": "var(--aquarium-background-color-info-default)",
5160
- "info-intense": "var(--aquarium-background-color-info-intense)",
5161
- "success-muted": "var(--aquarium-background-color-success-muted)",
5162
- "success-default": "var(--aquarium-background-color-success-default)",
5163
- "success-intense": "var(--aquarium-background-color-success-intense)",
5164
- "warning-muted": "var(--aquarium-background-color-warning-muted)",
5165
- "warning-default": "var(--aquarium-background-color-warning-default)",
5166
- "warning-intense": "var(--aquarium-background-color-warning-intense)",
5167
- "danger-muted": "var(--aquarium-background-color-danger-muted)",
5168
- "danger-default": "var(--aquarium-background-color-danger-default)",
5169
- "danger-intense": "var(--aquarium-background-color-danger-intense)",
5170
- "status-announcement": "var(--aquarium-background-color-status-announcement)",
5171
- "status-info": "var(--aquarium-background-color-status-info)",
5172
- "status-warning": "var(--aquarium-background-color-status-warning)",
5173
- "status-danger": "var(--aquarium-background-color-status-danger)",
5174
- "status-success": "var(--aquarium-background-color-status-success)",
5175
- "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
+ }
5176
4646
  },
5177
4647
  textColor: {
5178
- "error-100": "var(--aquarium-colors-error-100, #aa0000)",
5179
- "error-90": "var(--aquarium-colors-error-90, #b90000)",
5180
- "error-80": "var(--aquarium-colors-error-80, #c50001)",
5181
- "error-70": "var(--aquarium-colors-error-70, #d80005)",
5182
- "error-60": "var(--aquarium-colors-error-60, #e70000)",
5183
- "error-50": "var(--aquarium-colors-error-50, #e62728)",
5184
- "error-40": "var(--aquarium-colors-error-40, #e0504f)",
5185
- "error-30": "var(--aquarium-colors-error-30, #ed7975)",
5186
- "error-20": "var(--aquarium-colors-error-20, #ffadb3)",
5187
- "error-10": "var(--aquarium-colors-error-10, #ffcbd2)",
5188
- "error-5": "var(--aquarium-colors-error-5, #fee8e7)",
5189
- "error-0": "var(--aquarium-colors-error-0, #fef2f1)",
5190
- "warning-100": "var(--aquarium-colors-warning-100, #fe6d00)",
5191
- "warning-90": "var(--aquarium-colors-warning-90, #ff9003)",
5192
- "warning-80": "var(--aquarium-colors-warning-80, #fd9f00)",
5193
- "warning-70": "var(--aquarium-colors-warning-70, #ffb300)",
5194
- "warning-60": "var(--aquarium-colors-warning-60, #ffc107)",
5195
- "warning-50": "var(--aquarium-colors-warning-50, #fdc926)",
5196
- "warning-40": "var(--aquarium-colors-warning-40, #fdd44d)",
5197
- "warning-30": "var(--aquarium-colors-warning-30, #fddf81)",
5198
- "warning-20": "var(--aquarium-colors-warning-20, #feebb2)",
5199
- "warning-10": "var(--aquarium-colors-warning-10, #fff2cd)",
5200
- "warning-5": "var(--aquarium-colors-warning-5, #fff8ea)",
5201
- "warning-0": "var(--aquarium-colors-warning-0, #fffdf9)",
5202
- "success-100": "var(--aquarium-colors-success-100, #006f00)",
5203
- "success-90": "var(--aquarium-colors-success-90, #008e00)",
5204
- "success-80": "var(--aquarium-colors-success-80, #009f00)",
5205
- "success-70": "var(--aquarium-colors-success-70, #00b300)",
5206
- "success-60": "var(--aquarium-colors-success-60, #00c300)",
5207
- "success-50": "var(--aquarium-colors-success-50, #40ce37)",
5208
- "success-40": "var(--aquarium-colors-success-40, #60db57)",
5209
- "success-30": "var(--aquarium-colors-success-30, #89eb80)",
5210
- "success-20": "var(--aquarium-colors-success-20, #afffa7)",
5211
- "success-10": "var(--aquarium-colors-success-10, #cbffc9)",
5212
- "success-5": "var(--aquarium-colors-success-5, #ecf7ed)",
5213
- "success-0": "var(--aquarium-colors-success-0, #f5faf5)",
5214
- "info-100": "var(--aquarium-colors-info-100, #02569a)",
5215
- "info-90": "var(--aquarium-colors-info-90, #0174ba)",
5216
- "info-80": "var(--aquarium-colors-info-80, #0788d1)",
5217
- "info-70": "var(--aquarium-colors-info-70, #0399e3)",
5218
- "info-60": "var(--aquarium-colors-info-60, #02a8f3)",
5219
- "info-50": "var(--aquarium-colors-info-50, #28b4f4)",
5220
- "info-40": "var(--aquarium-colors-info-40, #4cc2f7)",
5221
- "info-30": "var(--aquarium-colors-info-30, #7fd1f7)",
5222
- "info-20": "var(--aquarium-colors-info-20, #b4e5fb)",
5223
- "info-10": "var(--aquarium-colors-info-10, #e0f5fe)",
5224
- "info-5": "var(--aquarium-colors-info-5, #effaff)",
5225
- "info-0": "var(--aquarium-colors-info-0, #f9fdff)",
5226
- "grey-100": "var(--aquarium-colors-grey-100, #19191d)",
5227
- "grey-90": "var(--aquarium-colors-grey-90, #292a31)",
5228
- "grey-80": "var(--aquarium-colors-grey-80, #3a3a44)",
5229
- "grey-70": "var(--aquarium-colors-grey-70, #4a4b57)",
5230
- "grey-60": "var(--aquarium-colors-grey-60, #5a5b6a)",
5231
- "grey-50": "var(--aquarium-colors-grey-50, #787885)",
5232
- "grey-40": "var(--aquarium-colors-grey-40, #9696a0)",
5233
- "grey-30": "var(--aquarium-colors-grey-30, #b4b4bb)",
5234
- "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
5235
- "grey-10": "var(--aquarium-colors-grey-10, #e1e1e3)",
5236
- "grey-5": "var(--aquarium-colors-grey-5, #ededf0)",
5237
- "grey-0": "var(--aquarium-colors-grey-0, #f7f7fa)",
5238
- "secondary-100": "var(--aquarium-colors-secondary-100, #e11d16)",
5239
- "secondary-90": "var(--aquarium-colors-secondary-90, #eb4610)",
5240
- "secondary-80": "var(--aquarium-colors-secondary-80, #f3580d)",
5241
- "secondary-70": "var(--aquarium-colors-secondary-70, #f96a02)",
5242
- "secondary-60": "var(--aquarium-colors-secondary-60, #ff7700)",
5243
- "secondary-50": "var(--aquarium-colors-secondary-50, #fc871a)",
5244
- "secondary-40": "var(--aquarium-colors-secondary-40, #fb9a3e)",
5245
- "secondary-30": "var(--aquarium-colors-secondary-30, #fab26e)",
5246
- "secondary-20": "var(--aquarium-colors-secondary-20, #f8c99c)",
5247
- "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
5248
- "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
5249
- "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
5250
- "primary-100": "var(--aquarium-colors-primary-100, #0e1652)",
5251
- "primary-90": "var(--aquarium-colors-primary-90, #222f95)",
5252
- "primary-80": "var(--aquarium-colors-primary-80, #3545be)",
5253
- "primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
5254
- "primary-60": "var(--aquarium-colors-primary-60, #818eec)",
5255
- "primary-50": "var(--aquarium-colors-primary-50, #9daaee)",
5256
- "primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
5257
- "primary-30": "var(--aquarium-colors-primary-30, #c7d1f4)",
5258
- "primary-20": "var(--aquarium-colors-primary-20, #d5ddfa)",
5259
- "primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
5260
- "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
5261
- "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
5262
- transparent: "var(--aquarium-colors-transparent, transparent)",
5263
- current: "var(--aquarium-colors-current, currentColor)",
5264
- white: "var(--aquarium-colors-white, white)",
5265
- 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
+ },
5266
4767
  inactive: "var(--aquarium-text-color-inactive)",
5267
4768
  muted: "var(--aquarium-text-color-muted)",
5268
4769
  default: "var(--aquarium-text-color-default)",
5269
4770
  intense: "var(--aquarium-text-color-intense)",
5270
- "primary-inactive": "var(--aquarium-text-color-primary-inactive)",
5271
- "primary-active": "var(--aquarium-text-color-primary-active)",
5272
- "primary-muted": "var(--aquarium-text-color-primary-muted)",
5273
- "primary-default": "var(--aquarium-text-color-primary-default)",
5274
- "primary-intense": "var(--aquarium-text-color-primary-intense)",
5275
- "info-inactive": "var(--aquarium-text-color-info-inactive)",
5276
- "info-muted": "var(--aquarium-text-color-info-muted)",
5277
- "info-default": "var(--aquarium-text-color-info-default)",
5278
- "info-intense": "var(--aquarium-text-color-info-intense)",
5279
- "success-inactive": "var(--aquarium-text-color-success-inactive)",
5280
- "success-muted": "var(--aquarium-text-color-success-muted)",
5281
- "success-default": "var(--aquarium-text-color-success-default)",
5282
- "success-intense": "var(--aquarium-text-color-success-intense)",
5283
- "warning-inactive": "var(--aquarium-text-color-warning-inactive)",
5284
- "warning-muted": "var(--aquarium-text-color-warning-muted)",
5285
- "warning-default": "var(--aquarium-text-color-warning-default)",
5286
- "warning-intense": "var(--aquarium-text-color-warning-intense)",
5287
- "danger-inactive": "var(--aquarium-text-color-danger-inactive)",
5288
- "danger-muted": "var(--aquarium-text-color-danger-muted)",
5289
- "danger-default": "var(--aquarium-text-color-danger-default)",
5290
- "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
+ }
5291
4777
  },
5292
4778
  borderColor: {
5293
- "error-100": "var(--aquarium-colors-error-100, #aa0000)",
5294
- "error-90": "var(--aquarium-colors-error-90, #b90000)",
5295
- "error-80": "var(--aquarium-colors-error-80, #c50001)",
5296
- "error-70": "var(--aquarium-colors-error-70, #d80005)",
5297
- "error-60": "var(--aquarium-colors-error-60, #e70000)",
5298
- "error-50": "var(--aquarium-colors-error-50, #e62728)",
5299
- "error-40": "var(--aquarium-colors-error-40, #e0504f)",
5300
- "error-30": "var(--aquarium-colors-error-30, #ed7975)",
5301
- "error-20": "var(--aquarium-colors-error-20, #ffadb3)",
5302
- "error-10": "var(--aquarium-colors-error-10, #ffcbd2)",
5303
- "error-5": "var(--aquarium-colors-error-5, #fee8e7)",
5304
- "error-0": "var(--aquarium-colors-error-0, #fef2f1)",
5305
- "warning-100": "var(--aquarium-colors-warning-100, #fe6d00)",
5306
- "warning-90": "var(--aquarium-colors-warning-90, #ff9003)",
5307
- "warning-80": "var(--aquarium-colors-warning-80, #fd9f00)",
5308
- "warning-70": "var(--aquarium-colors-warning-70, #ffb300)",
5309
- "warning-60": "var(--aquarium-colors-warning-60, #ffc107)",
5310
- "warning-50": "var(--aquarium-colors-warning-50, #fdc926)",
5311
- "warning-40": "var(--aquarium-colors-warning-40, #fdd44d)",
5312
- "warning-30": "var(--aquarium-colors-warning-30, #fddf81)",
5313
- "warning-20": "var(--aquarium-colors-warning-20, #feebb2)",
5314
- "warning-10": "var(--aquarium-colors-warning-10, #fff2cd)",
5315
- "warning-5": "var(--aquarium-colors-warning-5, #fff8ea)",
5316
- "warning-0": "var(--aquarium-colors-warning-0, #fffdf9)",
5317
- "success-100": "var(--aquarium-colors-success-100, #006f00)",
5318
- "success-90": "var(--aquarium-colors-success-90, #008e00)",
5319
- "success-80": "var(--aquarium-colors-success-80, #009f00)",
5320
- "success-70": "var(--aquarium-colors-success-70, #00b300)",
5321
- "success-60": "var(--aquarium-colors-success-60, #00c300)",
5322
- "success-50": "var(--aquarium-colors-success-50, #40ce37)",
5323
- "success-40": "var(--aquarium-colors-success-40, #60db57)",
5324
- "success-30": "var(--aquarium-colors-success-30, #89eb80)",
5325
- "success-20": "var(--aquarium-colors-success-20, #afffa7)",
5326
- "success-10": "var(--aquarium-colors-success-10, #cbffc9)",
5327
- "success-5": "var(--aquarium-colors-success-5, #ecf7ed)",
5328
- "success-0": "var(--aquarium-colors-success-0, #f5faf5)",
5329
- "info-100": "var(--aquarium-colors-info-100, #02569a)",
5330
- "info-90": "var(--aquarium-colors-info-90, #0174ba)",
5331
- "info-80": "var(--aquarium-colors-info-80, #0788d1)",
5332
- "info-70": "var(--aquarium-colors-info-70, #0399e3)",
5333
- "info-60": "var(--aquarium-colors-info-60, #02a8f3)",
5334
- "info-50": "var(--aquarium-colors-info-50, #28b4f4)",
5335
- "info-40": "var(--aquarium-colors-info-40, #4cc2f7)",
5336
- "info-30": "var(--aquarium-colors-info-30, #7fd1f7)",
5337
- "info-20": "var(--aquarium-colors-info-20, #b4e5fb)",
5338
- "info-10": "var(--aquarium-colors-info-10, #e0f5fe)",
5339
- "info-5": "var(--aquarium-colors-info-5, #effaff)",
5340
- "info-0": "var(--aquarium-colors-info-0, #f9fdff)",
5341
- "grey-100": "var(--aquarium-colors-grey-100, #19191d)",
5342
- "grey-90": "var(--aquarium-colors-grey-90, #292a31)",
5343
- "grey-80": "var(--aquarium-colors-grey-80, #3a3a44)",
5344
- "grey-70": "var(--aquarium-colors-grey-70, #4a4b57)",
5345
- "grey-60": "var(--aquarium-colors-grey-60, #5a5b6a)",
5346
- "grey-50": "var(--aquarium-colors-grey-50, #787885)",
5347
- "grey-40": "var(--aquarium-colors-grey-40, #9696a0)",
5348
- "grey-30": "var(--aquarium-colors-grey-30, #b4b4bb)",
5349
- "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
5350
- "grey-10": "var(--aquarium-colors-grey-10, #e1e1e3)",
5351
- "grey-5": "var(--aquarium-colors-grey-5, #ededf0)",
5352
- "grey-0": "var(--aquarium-colors-grey-0, #f7f7fa)",
5353
- "secondary-100": "var(--aquarium-colors-secondary-100, #e11d16)",
5354
- "secondary-90": "var(--aquarium-colors-secondary-90, #eb4610)",
5355
- "secondary-80": "var(--aquarium-colors-secondary-80, #f3580d)",
5356
- "secondary-70": "var(--aquarium-colors-secondary-70, #f96a02)",
5357
- "secondary-60": "var(--aquarium-colors-secondary-60, #ff7700)",
5358
- "secondary-50": "var(--aquarium-colors-secondary-50, #fc871a)",
5359
- "secondary-40": "var(--aquarium-colors-secondary-40, #fb9a3e)",
5360
- "secondary-30": "var(--aquarium-colors-secondary-30, #fab26e)",
5361
- "secondary-20": "var(--aquarium-colors-secondary-20, #f8c99c)",
5362
- "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
5363
- "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
5364
- "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
5365
- "primary-100": "var(--aquarium-colors-primary-100, #0e1652)",
5366
- "primary-90": "var(--aquarium-colors-primary-90, #222f95)",
5367
- "primary-80": "var(--aquarium-colors-primary-80, #3545be)",
5368
- "primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
5369
- "primary-60": "var(--aquarium-colors-primary-60, #818eec)",
5370
- "primary-50": "var(--aquarium-colors-primary-50, #9daaee)",
5371
- "primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
5372
- "primary-30": "var(--aquarium-colors-primary-30, #c7d1f4)",
5373
- "primary-20": "var(--aquarium-colors-primary-20, #d5ddfa)",
5374
- "primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
5375
- "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
5376
- "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
5377
- transparent: "var(--aquarium-colors-transparent, transparent)",
5378
- current: "var(--aquarium-colors-current, currentColor)",
5379
- white: "var(--aquarium-colors-white, white)",
5380
- 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
+ },
5381
4893
  DEFAULT: "currentColor",
5382
4894
  muted: "var(--aquarium-border-color-muted)",
5383
4895
  default: "var(--aquarium-border-color-default)",
5384
4896
  intense: "var(--aquarium-border-color-intense)",
5385
- "primary-muted": "var(--aquarium-border-color-primary-muted)",
5386
- "primary-default": "var(--aquarium-border-color-primary-default)",
5387
- "primary-intense": "var(--aquarium-border-color-primary-intense)",
5388
- "info-muted": "var(--aquarium-border-color-info-muted)",
5389
- "info-default": "var(--aquarium-border-color-info-default)",
5390
- "info-intense": "var(--aquarium-border-color-info-intense)",
5391
- "success-muted": "var(--aquarium-border-color-success-muted)",
5392
- "success-default": "var(--aquarium-border-color-success-default)",
5393
- "success-intense": "var(--aquarium-border-color-success-intense)",
5394
- "warning-muted": "var(--aquarium-border-color-warning-muted)",
5395
- "warning-default": "var(--aquarium-border-color-warning-default)",
5396
- "warning-intense": "var(--aquarium-border-color-warning-intense)",
5397
- "danger-muted": "var(--aquarium-border-color-danger-muted)",
5398
- "danger-default": "var(--aquarium-border-color-danger-default)",
5399
- "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
+ }
5400
4902
  },
5401
4903
  gap: {
5402
- "0": "0",
4904
+ "0": "0px",
5403
4905
  "1": "2px",
5404
4906
  "2": "4px",
5405
4907
  "3": "8px",
@@ -5566,7 +5068,658 @@ var import_overlays = require("@react-aria/overlays");
5566
5068
  var import_isPlainObject = __toESM(require("lodash/isPlainObject"));
5567
5069
  var import_isUndefined = __toESM(require("lodash/isUndefined"));
5568
5070
  var import_orderBy = __toESM(require("lodash/orderBy"));
5569
- 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;
5570
5723
  var SCREEN_TO_PX_MAPPING = getPxMapping(allBreakpoints);
5571
5724
  var BREAKPOINT_PRIORITY = (0, import_orderBy.default)(
5572
5725
  Object.keys(SCREEN_TO_PX_MAPPING).map((key) => {
@@ -5578,9 +5731,9 @@ var BREAKPOINT_PRIORITY = (0, import_orderBy.default)(
5578
5731
  (bp) => bp.pxValue,
5579
5732
  "desc"
5580
5733
  );
5581
- function getPxMapping(breakpoints) {
5582
- return Object.keys(breakpoints).reduce((acc, key) => {
5583
- const minWidthInPx = breakpoints[key];
5734
+ function getPxMapping(breakpoints2) {
5735
+ return Object.keys(breakpoints2).reduce((acc, key) => {
5736
+ const minWidthInPx = breakpoints2[key];
5584
5737
  if (!minWidthInPx.endsWith("px")) {
5585
5738
  throw new Error(`Unexpected breakpoint value found: '${minWidthInPx}'. Expecting it to be in px unit.`);
5586
5739
  }
@@ -5623,6 +5776,7 @@ var import_react5 = __toESM(require("react"));
5623
5776
 
5624
5777
  // src/molecules/Box/Box.tsx
5625
5778
  var import_react4 = __toESM(require("react"));
5779
+ var import_classnames2 = __toESM(require("classnames"));
5626
5780
  var import_isUndefined3 = __toESM(require("lodash/isUndefined"));
5627
5781
 
5628
5782
  // src/molecules/Element/Element.tsx
@@ -5638,8 +5792,8 @@ var import_react3 = __toESM(require("react"));
5638
5792
 
5639
5793
  // src/utils/tailwind.ts
5640
5794
  var import_classnames = __toESM(require("classnames"));
5641
- function cleanClassNames(classNames4) {
5642
- const tokens = classNames4.split(/\s+/);
5795
+ function cleanClassNames(classNames5) {
5796
+ const tokens = classNames5.split(/\s+/);
5643
5797
  return tokens.filter((item) => item).join(" ");
5644
5798
  }
5645
5799
  function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
@@ -5721,7 +5875,8 @@ var Box = (_a) => {
5721
5875
  minHeight,
5722
5876
  gap,
5723
5877
  colGap,
5724
- rowGap
5878
+ rowGap,
5879
+ className
5725
5880
  } = _b, rest = __objRest(_b, [
5726
5881
  "style",
5727
5882
  "color",
@@ -5762,13 +5917,12 @@ var Box = (_a) => {
5762
5917
  "minHeight",
5763
5918
  "gap",
5764
5919
  "colGap",
5765
- "rowGap"
5920
+ "rowGap",
5921
+ "className"
5766
5922
  ]);
5767
5923
  const styles = useStyle({
5768
5924
  padding,
5769
5925
  display,
5770
- color: color ? tailwind_theme_default.textColor[color] : "",
5771
- borderColor: borderColor ? tailwind_theme_default.borderColor[borderColor] : "",
5772
5926
  borderRadius,
5773
5927
  borderWidth,
5774
5928
  justifyContent,
@@ -5787,7 +5941,6 @@ var Box = (_a) => {
5787
5941
  marginRight: (0, import_isUndefined3.default)(marginX) ? marginRight : marginX,
5788
5942
  marginBottom: (0, import_isUndefined3.default)(marginY) ? marginBottom : marginY,
5789
5943
  marginLeft: (0, import_isUndefined3.default)(marginX) ? marginLeft : marginX,
5790
- backgroundColor,
5791
5944
  width,
5792
5945
  height,
5793
5946
  maxWidth,
@@ -5801,8 +5954,14 @@ var Box = (_a) => {
5801
5954
  columnGap: colGap,
5802
5955
  rowGap
5803
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
+ });
5804
5962
  return /* @__PURE__ */ import_react4.default.createElement(Element, __spreadValues({
5805
- style: __spreadValues(__spreadValues({}, styles), style)
5963
+ style: __spreadValues(__spreadValues({}, styles), style),
5964
+ className: finalClassname !== "" ? finalClassname : void 0
5806
5965
  }, rest));
5807
5966
  };
5808
5967
  var FlexBox = (props) => /* @__PURE__ */ import_react4.default.createElement(Box, __spreadValues({
@@ -5818,7 +5977,7 @@ var import_web = require("@react-spring/web");
5818
5977
 
5819
5978
  // src/atoms/Toast/Toast.tsx
5820
5979
  var import_react7 = __toESM(require("react"));
5821
- var import_classnames2 = __toESM(require("classnames"));
5980
+ var import_classnames3 = __toESM(require("classnames"));
5822
5981
  var Toast = (_a) => {
5823
5982
  var _b = _a, {
5824
5983
  children,
@@ -5830,8 +5989,8 @@ var Toast = (_a) => {
5830
5989
  "variant"
5831
5990
  ]);
5832
5991
  return /* @__PURE__ */ import_react7.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
5833
- className: (0, import_classnames2.default)(
5834
- 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", {
5835
5994
  "bg-body-intense": variant === "default",
5836
5995
  "bg-danger-intense": variant === "danger"
5837
5996
  }),
@@ -5842,7 +6001,7 @@ var Toast = (_a) => {
5842
6001
  var Dismiss = (_a) => {
5843
6002
  var _b = _a, { children, className, variant } = _b, rest = __objRest(_b, ["children", "className", "variant"]);
5844
6003
  return /* @__PURE__ */ import_react7.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
5845
- className: (0, import_classnames2.default)(
6004
+ className: (0, import_classnames3.default)(
5846
6005
  tw("self-start [&>button]:p-0 flex", {
5847
6006
  "[&>button]:text-muted": variant === "default",
5848
6007
  "[&>button]:text-danger-muted": variant === "danger"
@@ -5882,6 +6041,7 @@ var import_arrowLeft = __toESM(require_arrowLeft());
5882
6041
  var import_arrowRight = __toESM(require_arrowRight());
5883
6042
  var import_attachment = __toESM(require_attachment());
5884
6043
  var import_automaticUpdates = __toESM(require_automaticUpdates());
6044
+ var import_award = __toESM(require_award());
5885
6045
  var import_badge = __toESM(require_badge());
5886
6046
  var import_banCircle = __toESM(require_banCircle());
5887
6047
  var import_ban = __toESM(require_ban());
@@ -5980,6 +6140,7 @@ var import_githubLogo = __toESM(require_githubLogo());
5980
6140
  var import_globeNetwork = __toESM(require_globeNetwork());
5981
6141
  var import_globe = __toESM(require_globe());
5982
6142
  var import_googleLogo = __toESM(require_googleLogo());
6143
+ var import_governance = __toESM(require_governance());
5983
6144
  var import_grid = __toESM(require_grid());
5984
6145
  var import_groupedBarChart = __toESM(require_groupedBarChart());
5985
6146
  var import_heart = __toESM(require_heart());
@@ -6137,8 +6298,9 @@ var THEME_MAPPING = {
6137
6298
  columnGap: "gap"
6138
6299
  };
6139
6300
  function resolveTailwindThemeValue(key, val) {
6301
+ var _a;
6140
6302
  const resolvedKey = key in THEME_MAPPING ? THEME_MAPPING[key] : key;
6141
- 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);
6142
6304
  if (!(0, import_isUndefined4.default)(found)) {
6143
6305
  return found;
6144
6306
  }
@@ -6829,11 +6991,7 @@ Button.GhostDropdown = GhostDropdownButton;
6829
6991
  // src/atoms/Typography/Typography.tsx
6830
6992
  var import_react19 = __toESM(require("react"));
6831
6993
  var import_isUndefined6 = __toESM(require("lodash/isUndefined"));
6832
- var import_resolveTheme = __toESM(require_resolveTheme());
6833
- var typographies = import_resolveTheme.theme.typography.sizes.reduce(
6834
- (acc, { name, className }) => __spreadProps(__spreadValues({}, acc), { [name]: className }),
6835
- {}
6836
- );
6994
+ var typographies = Object.fromEntries(Object.keys(tokens_default.typography).map((key) => [key, `typography-${key}`]));
6837
6995
  var Typography = (_a) => {
6838
6996
  var _b = _a, {
6839
6997
  children,
@@ -7065,10 +7223,6 @@ Banner.IllustrationRight.displayName = "Alert.Banner.IllustrationRight";
7065
7223
 
7066
7224
  // src/atoms/Banner/Banner.tsx
7067
7225
  var import_react21 = __toESM(require("react"));
7068
- var spacing = {
7069
- spacingAroundBanner: "p-6",
7070
- omitSpacingAroundBanner: "-6"
7071
- };
7072
7226
  var Banner2 = (_a) => {
7073
7227
  var _b = _a, {
7074
7228
  children,
@@ -7084,7 +7238,7 @@ var Banner2 = (_a) => {
7084
7238
  return /* @__PURE__ */ import_react21.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
7085
7239
  className: classNames(
7086
7240
  className,
7087
- tw(`rounded flex justify-between gap-7 flex-nowrap ${spacing.spacingAroundBanner}`, {
7241
+ tw(`rounded flex justify-between gap-7 flex-nowrap p-6`, {
7088
7242
  "items-center": layout === "horizontal",
7089
7243
  "bg-muted": variant === "default",
7090
7244
  "bg-body border border-muted": variant === "outlined"
@@ -7129,7 +7283,7 @@ Banner2.ImageContainer = (_a) => {
7129
7283
  return /* @__PURE__ */ import_react21.default.createElement(Box, __spreadProps(__spreadValues({}, rest), {
7130
7284
  display: "inline-flex",
7131
7285
  alignItems: "center",
7132
- margin: spacing.omitSpacingAroundBanner,
7286
+ margin: "-6",
7133
7287
  marginLeft: "0"
7134
7288
  }), children);
7135
7289
  };
@@ -7155,7 +7309,7 @@ var import_isNumber = __toESM(require("lodash/isNumber"));
7155
7309
 
7156
7310
  // src/molecules/Typography/Typography.tsx
7157
7311
  var import_react22 = __toESM(require("react"));
7158
- var import_classnames3 = __toESM(require("classnames"));
7312
+ var import_classnames4 = __toESM(require("classnames"));
7159
7313
  var Typography2 = (props) => /* @__PURE__ */ import_react22.default.createElement(Typography, __spreadValues({}, props));
7160
7314
  Typography2.displayName = "Typography";
7161
7315
  Typography2.LargeHeading = (_a) => {
@@ -7241,7 +7395,7 @@ Typography2.SmallStrong.displayName = "Typography.SmallStrong";
7241
7395
  Typography2.Strong = (_a) => {
7242
7396
  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
7243
7397
  return /* @__PURE__ */ import_react22.default.createElement("strong", __spreadValues({
7244
- className: (0, import_classnames3.default)(tw("font-semibold"), className)
7398
+ className: (0, import_classnames4.default)(tw("font-semibold"), className)
7245
7399
  }, props));
7246
7400
  };
7247
7401
  Typography2.Strong.displayName = "Typography.Strong";
@@ -7831,7 +7985,7 @@ var ToolbarGroup = (_a) => {
7831
7985
  return /* @__PURE__ */ import_react29.default.createElement("div", __spreadProps(__spreadValues({
7832
7986
  role: "cell"
7833
7987
  }, rest), {
7834
- 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)
7835
7989
  }));
7836
7990
  };
7837
7991
  ToolbarGroup.displayName = "DataList.Toolbar.Group";
@@ -8087,7 +8241,7 @@ var import_react33 = __toESM(require("react"));
8087
8241
  var import_isEmpty = __toESM(require("lodash/isEmpty"));
8088
8242
  var import_mapValues = __toESM(require("lodash/mapValues"));
8089
8243
  var import_pick = __toESM(require("lodash/pick"));
8090
- var screenSizes = Object.keys(tailwind_theme_default.screens);
8244
+ var breakpoints = Object.keys(tokens_default.screens);
8091
8245
  var GridItem = Tailwindify(
8092
8246
  (_a) => {
8093
8247
  var _b = _a, {
@@ -8119,7 +8273,7 @@ var GridItem = Tailwindify(
8119
8273
  "rowStart",
8120
8274
  "rowEnd"
8121
8275
  ]);
8122
- const breakPointableProperties = (0, import_pick.default)(props, screenSizes);
8276
+ const breakPointableProperties = (0, import_pick.default)(props, breakpoints);
8123
8277
  const gridColumn = !(0, import_isEmpty.default)(breakPointableProperties) ? (0, import_mapValues.default)(breakPointableProperties, (value) => value === "full" ? "1 / -1" : value ? `span-${value}` : "auto") : void 0;
8124
8278
  const hookStyle = useStyle({
8125
8279
  display,
@@ -8744,7 +8898,7 @@ var EmptyStateContainer2 = import_react43.default.forwardRef((_a, ref) => {
8744
8898
  }, props), children);
8745
8899
  });
8746
8900
  var Divider2 = (props) => /* @__PURE__ */ import_react43.default.createElement("div", __spreadValues({
8747
- className: tw("border-b-[1px] border-muted mx-3 my-4")
8901
+ className: tw("border-b-1 border-muted mx-3 my-4")
8748
8902
  }, props));
8749
8903
  var Group2 = import_react43.default.forwardRef((_a, ref) => {
8750
8904
  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);