@delightui/components 0.1.50 → 0.1.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.d.ts +1 -1
  2. package/dist/cjs/components/atoms/RadioButtonItem/index.d.ts +3 -2
  3. package/dist/cjs/components/atoms/index.d.ts +4 -0
  4. package/dist/cjs/components/molecules/ChipInput/index.d.ts +3 -0
  5. package/dist/cjs/components/molecules/List/components/SortableTrigger.d.ts +2 -1
  6. package/dist/cjs/components/molecules/List/index.d.ts +3 -0
  7. package/dist/cjs/components/molecules/index.d.ts +2 -0
  8. package/dist/cjs/components/organisms/Dropzone/index.d.ts +6 -2
  9. package/dist/cjs/components/organisms/index.d.ts +1 -1
  10. package/dist/cjs/library.css +2221 -1134
  11. package/dist/cjs/library.js +3 -3
  12. package/dist/cjs/library.js.map +1 -1
  13. package/dist/esm/components/atoms/RadioButtonItem/RadioButtonItem.d.ts +1 -1
  14. package/dist/esm/components/atoms/RadioButtonItem/index.d.ts +3 -2
  15. package/dist/esm/components/atoms/index.d.ts +4 -0
  16. package/dist/esm/components/molecules/ChipInput/index.d.ts +3 -0
  17. package/dist/esm/components/molecules/List/components/SortableTrigger.d.ts +2 -1
  18. package/dist/esm/components/molecules/List/index.d.ts +3 -0
  19. package/dist/esm/components/molecules/index.d.ts +2 -0
  20. package/dist/esm/components/organisms/Dropzone/index.d.ts +6 -2
  21. package/dist/esm/components/organisms/index.d.ts +1 -1
  22. package/dist/esm/library.css +2221 -1134
  23. package/dist/esm/library.js +3 -3
  24. package/dist/esm/library.js.map +1 -1
  25. package/dist/index.d.ts +121 -3
  26. package/package.json +1 -1
  27. /package/dist/cjs/components/organisms/Dropzone/components/{DrozoneTrigger.d.ts → DropzoneTrigger.d.ts} +0 -0
  28. /package/dist/esm/components/organisms/Dropzone/components/{DrozoneTrigger.d.ts → DropzoneTrigger.d.ts} +0 -0
package/dist/esm/library.css CHANGED
@@ -495,6 +495,7 @@
495
495
  .ListItem-module_listItem__jYwlh .ListItem-module_leadingIcon__BvSjG > *,
496
496
  .ListItem-module_listItem__jYwlh .ListItem-module_trailingIcon__qgDgt > * {
497
497
  color: var(--list-item-color);
498
+ --icon-fill: var(--list-item-color);
498
499
  }
499
500
  .ListItem-module_listItem__jYwlh:disabled {
500
501
  cursor: not-allowed;
@@ -3108,6 +3109,9 @@ span.flatpickr-weekday {
3108
3109
  background-color: var(--modal-header-background-color);
3109
3110
  color: var(--modal-header-color);
3110
3111
  }
3112
+ .ModalHeader-module_modalHeader__oHT0h .ModalHeader-module_title__BH1qq {
3113
+ color: var(--modal-header-title-color);
3114
+ }
3111
3115
  .PaginationNumberField-module_root__Yk-8J {
3112
3116
  width: 38px;
3113
3117
  height: 20px;
@@ -3433,6 +3437,294 @@ span.flatpickr-weekday {
3433
3437
  .Option-module_option__EOKym .Option-module_content__jLIAJ {
3434
3438
  width: 100%;
3435
3439
  }
3440
+ .ChipInput-module_popover__wIomV {
3441
+ display: flex;
3442
+ flex-wrap: wrap;
3443
+ align-items: center;
3444
+ }
3445
+
3446
+ .ChipInput-module_chipInput__tCCgW {
3447
+ display: flex;
3448
+ flex-direction: row;
3449
+ flex-wrap: wrap;
3450
+ height: var(--chip-input-height);
3451
+ min-height: var(--chip-input-min-height);
3452
+ max-height: var(--chip-input-max-height);
3453
+ width: var(--chip-input-width);
3454
+ min-width: var(--chip-input-min-width);
3455
+ max-width: var(--chip-input-max-width);
3456
+ padding-top: calc(var(--chip-input-padding-top) - var(--chip-input-border-top-width));
3457
+ padding-bottom: calc(var(--chip-input-padding-bottom) - var(--chip-input-border-bottom-width));
3458
+ padding-left: calc(var(--chip-input-padding-left) - var(--chip-input-border-left-width));
3459
+ padding-right: calc(var(--chip-input-padding-right) - var(--chip-input-border-right-width));
3460
+ row-gap: var(--chip-input-row-gap);
3461
+ -moz-column-gap: var(--chip-input-column-gap);
3462
+ column-gap: var(--chip-input-column-gap);
3463
+ border-bottom-width: var(--chip-input-border-bottom-width);
3464
+ border-left-width: var(--chip-input-border-left-width);
3465
+ border-right-width: var(--chip-input-border-right-width);
3466
+ border-top-width: var(--chip-input-border-top-width);
3467
+ border-style: var(--chip-input-border-style);
3468
+ border-color: var(--chip-input-border-color);
3469
+ border-top-left-radius: var(--chip-input-border-top-left-radius);
3470
+ border-top-right-radius: var(--chip-input-border-top-right-radius);
3471
+ border-bottom-right-radius: var(--chip-input-border-bottom-right-radius);
3472
+ border-bottom-left-radius: var(--chip-input-border-bottom-left-radius);
3473
+ outline-width: var(--chip-input-outline-width);
3474
+ outline-style: var(--chip-input-outline-style);
3475
+ outline-color: var(--chip-input-outline-color);
3476
+ background-color: var(--chip-input-background-color);
3477
+ color: var(--chip-input-color);
3478
+ }
3479
+
3480
+ .ChipInput-module_chipInput__tCCgW .ChipInput-module_chipList__l2ctU {
3481
+ --list-row-gap: var(--chip-input-chip-list-row-gap);
3482
+ --list-column-gap: var(--chip-input-chip-list-column-gap, var(--chip-input-chip-list-row-gap));
3483
+ }
3484
+
3485
+ .ChipInput-module_chipInput__tCCgW .ChipInput-module_chipList__l2ctU > * {
3486
+ display: flex;
3487
+ justify-content: flex-start;
3488
+ align-items: center;
3489
+ }
3490
+
3491
+ .ChipInput-module_chipInput__tCCgW .ChipInput-module_chipList__l2ctU .ChipInput-module_chip__-6re8 {
3492
+ --chip-border-top-left-radius: var(--chip-input-chip-item-border-top-left-radius);
3493
+ --chip-border-top-right-radius: var(--chip-input-chip-item-border-top-right-radius);
3494
+ --chip-border-bottom-left-radius: var(--chip-input-chip-item-border-bottom-left-radius);
3495
+ --chip-border-bottom-right-radius: var(--chip-input-chip-border-bottom-right-radius, var(--chip-input-chip-item-border-bottom-left-radius));
3496
+ --chip-padding-top: var(--chip-input-chip-item-padding-top);
3497
+ --chip-padding-right: var(--chip-input-chip-item-padding-right);
3498
+ --chip-padding-bottom: var(--chip-input-chip-item-padding-bottom);
3499
+ --chip-padding-left: var(--chip-input-chip-item-padding-left);
3500
+ --chip-background-color: var(--chip-input-chip-item-background-color);
3501
+ --chip-row-gap: var(--chip-input-chip-item-row-gap);
3502
+ --chip-column-gap: var(--chip-input-chip-item-column-gap);
3503
+ }
3504
+
3505
+ .ChipInput-module_chipInput__tCCgW .ChipInput-module_input__J979Z {
3506
+ --input-border-top-width: 0px;
3507
+ --input-border-right-width: 0px;
3508
+ --input-border-bottom-width: 0px;
3509
+ --input-border-left-width: 0px;
3510
+ }
3511
+
3512
+ .ChipInput-module_contextMenu__fr18e {
3513
+ --context-menu-border-top-width: var(--chip-input-context-menu-border-top-width);
3514
+ --context-menu-border-right-width: var(--chip-input-context-menu-border-right-width);
3515
+ --context-menu-border-bottom-width: var(--chip-input-context-menu-border-bottom-width);
3516
+ --context-menu-border-left-width: var(--chip-input-context-menu-border-left-width);
3517
+ --context-menu-border-color: var(--chip-input-context-menu-border-color);
3518
+ --context-menu-border-style: var(--chip-input-context-menu-border-style);
3519
+ --context-menu-border-top-left-radius: var(--chip-input-context-menu-border-top-left-radius);
3520
+ --context-menu-border-top-right-radius: var(--chip-input-context-menu-border-top-right-radius);
3521
+ --context-menu-border-bottom-left-radius: var(--chip-input-context-menu-border-bottom-left-radius);
3522
+ --context-menu-border-bottom-right-radius: var(--chip-input-context-menu-border-bottom-right-radius);
3523
+ --context-menu-padding-top: var(--chip-input-context-menu-padding-top);
3524
+ --context-menu-padding-right: var(--chip-input-context-menu-padding-right);
3525
+ --context-menu-padding-bottom: var(--chip-input-context-menu-padding-bottom);
3526
+ --context-menu-padding-left: var(--chip-input-context-menu-padding-left);
3527
+ --context-menu-background-color: var(--chip-input-context-menu-background-color);
3528
+ --context-menu-list-row-gap: var(--chip-input-context-menu-list-row-gap);
3529
+ --context-menu-list-column-gap: var(--chip-input-context-menu-list-column-gap);
3530
+ }
3531
+
3532
+ .ChipInput-module_contextMenu__fr18e .ChipInput-module_checkboxItem__-ZR8h {
3533
+ --checkbox-item-background-color: var(--chip-input-checkbox-item-background-color);
3534
+ --checkbox-item-border-top-left-radius: var(--chip-input-checkbox-item-border-top-left-radius);
3535
+ --checkbox-item-border-top-right-radius: var(--chip-input-checkbox-item-border-top-right-radius);
3536
+ --checkbox-item-border-bottom-left-radius: var(--chip-input-checkbox-item-border-bottom-left-radius);
3537
+ --checkbox-item-border-bottom-right-radius: var(--chip-input-checkbox-item-border-bottom-right-radius);
3538
+ --checkbox-item-padding-left: var(--chip-input-checkbox-item-padding-left);
3539
+ --checkbox-item-padding-right: var(--chip-input-checkbox-item-padding-right);
3540
+ --checkbox-item-padding-top: var(--chip-input-checkbox-item-padding-top);
3541
+ --checkbox-item-padding-bottom: var(--chip-input-checkbox-item-padding-bottom);
3542
+ --checkbox-item-row-gap: var(--chip-input-checkbox-item-row-gap);
3543
+ --checkbox-item-column-gap: var(--chip-input-checkbox-item-column-gap);
3544
+ }
3545
+ .RadioButton-module_radioButton__rJ-J1 {
3546
+ position: relative;
3547
+ display: inline-flex;
3548
+ align-items: center;
3549
+ justify-content: flex-start;
3550
+ gap: var(--radio-button-row-gap) var(--radio-button-column-gap);
3551
+ height: var(--radio-button-height);
3552
+ width: var(--radio-button-width);
3553
+ min-width: var(--radio-button-min-width);
3554
+ min-height: var(--radio-button-min-height);
3555
+ max-width: var(--radio-button-max-width);
3556
+ max-height: var(--radio-button-max-height);
3557
+ cursor: pointer;
3558
+ outline: none;
3559
+ border-top-width: var(--radio-button-border-top-width);
3560
+ border-right-width: var(--radio-button-border-right-width);
3561
+ border-bottom-width: var(--radio-button-border-bottom-width);
3562
+ border-left-width: var(--radio-button-border-left-width);
3563
+ border-style: var(--radio-button-border-style);
3564
+ border-color: var(--radio-button-border-color);
3565
+ border-top-left-radius: var(--radio-button-border-top-left-radius);
3566
+ border-top-right-radius: var(--radio-button-border-top-right-radius);
3567
+ border-bottom-left-radius: var(--radio-button-border-bottom-left-radius);
3568
+ border-bottom-right-radius: var(--radio-button-border-bottom-right-radius);
3569
+ padding-top: var(--radio-button-padding-top);
3570
+ padding-right: var(--radio-button-padding-right);
3571
+ padding-bottom: var(--radio-button-padding-bottom);
3572
+ padding-left: var(--radio-button-padding-left);
3573
+ background-color: var(--radio-button-background-color);
3574
+ color: var(--radio-button-color);
3575
+ font-family: var(--radio-button-font-family);
3576
+ font-size: var(--radio-button-font-size);
3577
+ font-weight: var(--radio-button-font-weight);
3578
+ letter-spacing: var(--radio-button-letter-spacing);
3579
+ line-height: var(--radio-button-line-height);
3580
+ }
3581
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO {
3582
+ position: absolute;
3583
+ opacity: 0;
3584
+ width: 0px;
3585
+ height: 0px;
3586
+ margin: 0;
3587
+ cursor: pointer;
3588
+ }
3589
+ .RadioButton-module_radioButton__rJ-J1.RadioButton-module_disabled__Zorag {
3590
+ cursor: not-allowed;
3591
+ }
3592
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_iconWrapper__4e-9q {
3593
+ position: relative;
3594
+ display: inline-flex;
3595
+ align-items: center;
3596
+ justify-content: center;
3597
+ width: var(--radio-button-ring-wrapper-width);
3598
+ height: var(--radio-button-ring-wrapper-height);
3599
+ border-top-width: 0px;
3600
+ border-top-width: var(--radio-button-ring-wrapper-border-top-width, 0px);
3601
+ border-right-width: 0px;
3602
+ border-right-width: var(--radio-button-ring-wrapper-border-right-width, 0px);
3603
+ border-bottom-width: 0px;
3604
+ border-bottom-width: var(--radio-button-ring-wrapper-border-bottom-width, 0px);
3605
+ border-left-width: 0px;
3606
+ border-left-width: var(--radio-button-ring-wrapper-border-left-width, 0px);
3607
+ border-style: solid;
3608
+ border-style: var(--radio-button-ring-wrapper-border-style, solid);
3609
+ border-color: transparent;
3610
+ border-color: var(--radio-button-ring-wrapper-border-color, transparent);
3611
+ transition: all 0.2s ease-in-out;
3612
+ }
3613
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO {
3614
+ position: relative;
3615
+ display: inline-flex;
3616
+ align-items: center;
3617
+ justify-content: center;
3618
+ width: 100%;
3619
+ width: var(--radio-button-ring-width, 100%);
3620
+ height: 100%;
3621
+ height: var(--radio-button-ring-height, 100%);
3622
+ border-radius: 50%;
3623
+ background-color: var(--radio-button-ring-background-color);
3624
+ transition: all 0.2s ease-in-out;
3625
+ cursor: pointer;
3626
+ }
3627
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO::before {
3628
+ content: "";
3629
+ position: absolute;
3630
+ top: 50%;
3631
+ left: 50%;
3632
+ width: 80%;
3633
+ height: 80%;
3634
+ transform: translate(-50%, -50%);
3635
+ border-top-width: var(--radio-button-ring-border-top-width);
3636
+ border-right-width: var(--radio-button-ring-border-right-width);
3637
+ border-bottom-width: var(--radio-button-ring-border-bottom-width);
3638
+ border-left-width: var(--radio-button-ring-border-left-width);
3639
+ border-style: solid;
3640
+ border-style: var(--radio-button-ring-border-style, solid);
3641
+ border-color: var(--radio-button-ring-border-color);
3642
+ border-radius: 50%;
3643
+ transition: all 0.2s ease-in-out;
3644
+ }
3645
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_radio__BeUQO .RadioButton-module_dot__nQVRU {
3646
+ position: absolute;
3647
+ top: 50%;
3648
+ left: 50%;
3649
+ transform: translate(-50%, -50%) scale(0);
3650
+ width: var(--radio-button-dot-width);
3651
+ height: var(--radio-button-dot-height);
3652
+ background-color: var(--radio-button-dot-background-color);
3653
+ border-radius: 50%;
3654
+ transition: transform 0.2s ease-in-out;
3655
+ }
3656
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:checked + .RadioButton-module_iconWrapper__4e-9q .RadioButton-module_radio__BeUQO {
3657
+ border-color: var(--radio-button-ring-border-color);
3658
+ }
3659
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:checked + .RadioButton-module_iconWrapper__4e-9q .RadioButton-module_radio__BeUQO .RadioButton-module_dot__nQVRU {
3660
+ transform: translate(-50%, -50%) scale(1);
3661
+ background-color: var(--radio-button-dot-background-color);
3662
+ width: var(--radio-button-dot-width);
3663
+ height: var(--radio-button-dot-height);
3664
+ border-radius: 50%;
3665
+ opacity: 1;
3666
+ }
3667
+ .RadioButton-module_radioButton__rJ-J1 .RadioButton-module_input__cI2KO:focus-visible + .RadioButton-module_radio__BeUQO::before {
3668
+ border-color: var(--radio-button-ring-border-color);
3669
+ }
3670
+ .RadioButton-module_radioButton__rJ-J1.RadioButton-module_labelLeft__gsYcf {
3671
+ flex-direction: row-reverse;
3672
+ justify-content: flex-end;
3673
+ }
3674
+ .RadioButton-module_radioButton__rJ-J1.RadioButton-module_labelRight__mo9H8 {
3675
+ flex-direction: row;
3676
+ justify-content: flex-start;
3677
+ }
3678
+ .RadioButtonItem-module_radioButtonItem__YF8qk {
3679
+ position: relative;
3680
+ display: inline-flex;
3681
+ align-items: center;
3682
+ justify-content: flex-start;
3683
+ width: var(--radio-button-item-width);
3684
+ height: var(--radio-button-item-height);
3685
+ min-height: var(--radio-button-item-min-height);
3686
+ min-width: var(--radio-button-item-min-width);
3687
+ cursor: pointer;
3688
+ color: var(--radio-button-item-text-color);
3689
+ font-family: var(--radio-button-item-font-family);
3690
+ font-size: var(--radio-button-item-font-size);
3691
+ font-weight: var(--radio-button-item-font-weight);
3692
+ letter-spacing: var(--radio-button-item-letter-spacing);
3693
+ line-height: var(--radio-button-item-line-height);
3694
+ background-color: var(--radio-button-item-background-color);
3695
+ border-top-width: var(--radio-button-item-top-border-width);
3696
+ border-right-width: var(--radio-button-item-right-border-width);
3697
+ border-bottom-width: var(--radio-button-item-bottom-border-width);
3698
+ border-left-width: var(--radio-button-item-left-border-width);
3699
+ border-style: var(--radio-button-item-border-style);
3700
+ border-color: var(--radio-button-item-border-color);
3701
+ border-top-left-radius: var(--radio-button-item-border-top-left-radius);
3702
+ border-top-right-radius: var(--radio-button-item-border-top-right-radius);
3703
+ border-bottom-left-radius: var(--radio-button-item-border-bottom-left-radius);
3704
+ border-bottom-right-radius: var(--radio-button-item-border-bottom-right-radius);
3705
+ padding-top: var(--radio-button-item-top-padding);
3706
+ padding-right: var(--radio-button-item-right-padding);
3707
+ padding-bottom: var(--radio-button-item-bottom-padding);
3708
+ padding-left: var(--radio-button-item-left-padding);
3709
+ }
3710
+ .RadioButtonItem-module_radioButtonItem__YF8qk.RadioButtonItem-module_disabled__0hvhJ {
3711
+ cursor: not-allowed;
3712
+ }
3713
+ .RadioButtonItem-module_radioButtonItem__YF8qk.RadioButtonItem-module_hasRightButton__4uBKQ {
3714
+ padding-right: 8px;
3715
+ }
3716
+ .RadioButtonItem-module_radioButtonItem__YF8qk .RadioButtonItem-module_rightButton__5BQVK {
3717
+ margin-left: 8px;
3718
+ }
3719
+ .RadioButtonItem-module_radioButtonItem__YF8qk .RadioButtonItem-module_rightButton__5BQVK:disabled {
3720
+ opacity: 0.5;
3721
+ }
3722
+ .RadioButtonItem-module_radioButtonItem__YF8qk [component-variant^=radio-button-selected],
3723
+ .RadioButtonItem-module_radioButtonItem__YF8qk [component-variant^=radio-button-indeterminate] {
3724
+ --radio-button-dot-color: var(--radio-button-item-radio-dot-color);
3725
+ --radio-button-ring-background: var(--radio-button-item-radio-ring-background);
3726
+ --radio-button-ring-border-color: var(--radio-button-item-radio-ring-border-color);
3727
+ }
3436
3728
  .DropzoneContent-module_dropzoneContent__UjfAn {
3437
3729
  width: 100%;
3438
3730
  border-width: 1px;
@@ -4210,19 +4502,26 @@ span.flatpickr-weekday {
4210
4502
  }
4211
4503
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-filled"], [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"] {
4212
4504
  --icon-button-background-color: var(--interactive-surface-primary-default);
4505
+ --icon-button-color: rgb(233, 233, 234);
4213
4506
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4214
4507
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4215
4508
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4216
4509
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4217
- --icon-button-padding-left: var(--spacing-small);
4218
- --icon-button-padding-right: var(--spacing-small);
4219
- --icon-button-padding-top: var(--spacing-small);
4220
- --icon-button-padding-bottom: var(--spacing-small);
4221
- --icon-button-column-gap: var(--spacing-none);
4222
- --icon-button-color: rgb(233, 233, 234)
4510
+ --icon-button-padding-left: var(--spacing-space-4);
4511
+ --icon-button-padding-right: var(--spacing-space-4);
4512
+ --icon-button-padding-top: var(--spacing-space-4);
4513
+ --icon-button-padding-bottom: var(--spacing-space-4);
4514
+ --icon-button-row-gap: var(--spacing-space-1);
4515
+ --icon-button-column-gap: var(--spacing-space-1);
4516
+ --icon-button-font-family: sans-sarif;
4517
+ --icon-button-font-size: initial;
4518
+ --icon-button-font-weight: regular;
4519
+ --icon-button-paragraph-spacing: 0px;
4520
+ --icon-button-paragraph-indent: 0px
4223
4521
  }
4224
4522
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
4225
4523
  --icon-button-background-color: var(--interactive-surface-primary-hover);
4524
+ --icon-button-color: rgb(233, 233, 234);
4226
4525
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4227
4526
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4228
4527
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4232,70 +4531,100 @@ span.flatpickr-weekday {
4232
4531
  --icon-button-border-right-width: 1px;
4233
4532
  --icon-button-border-bottom-width: 1px;
4234
4533
  --icon-button-border-left-width: 1px;
4235
- --icon-button-padding-left: var(--spacing-small);
4236
- --icon-button-padding-right: var(--spacing-small);
4237
- --icon-button-padding-top: var(--spacing-small);
4238
- --icon-button-padding-bottom: var(--spacing-small);
4239
- --icon-button-column-gap: var(--spacing-none);
4240
- --icon-button-color: rgb(233, 233, 234)
4534
+ --icon-button-padding-left: var(--spacing-space-4);
4535
+ --icon-button-padding-right: var(--spacing-space-4);
4536
+ --icon-button-padding-top: var(--spacing-space-4);
4537
+ --icon-button-padding-bottom: var(--spacing-space-4);
4538
+ --icon-button-row-gap: var(--spacing-space-1);
4539
+ --icon-button-column-gap: var(--spacing-space-1);
4540
+ --icon-button-font-family: sans-sarif;
4541
+ --icon-button-font-size: initial;
4542
+ --icon-button-font-weight: regular;
4543
+ --icon-button-paragraph-spacing: 0px;
4544
+ --icon-button-paragraph-indent: 0px
4241
4545
  }
4242
4546
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
4243
4547
  --icon-button-background-color: var(--interactive-surface-primary-hover);
4548
+ --icon-button-color: rgb(233, 233, 234);
4244
4549
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4245
4550
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4246
4551
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4247
4552
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4248
- --icon-button-padding-left: var(--spacing-small);
4249
- --icon-button-padding-right: var(--spacing-small);
4250
- --icon-button-padding-top: var(--spacing-small);
4251
- --icon-button-padding-bottom: var(--spacing-small);
4252
- --icon-button-column-gap: var(--spacing-none);
4253
- --icon-button-color: rgb(233, 233, 234)
4553
+ --icon-button-padding-left: var(--spacing-space-4);
4554
+ --icon-button-padding-right: var(--spacing-space-4);
4555
+ --icon-button-padding-top: var(--spacing-space-4);
4556
+ --icon-button-padding-bottom: var(--spacing-space-4);
4557
+ --icon-button-row-gap: var(--spacing-space-1);
4558
+ --icon-button-column-gap: var(--spacing-space-1);
4559
+ --icon-button-font-family: sans-sarif;
4560
+ --icon-button-font-size: initial;
4561
+ --icon-button-font-weight: regular;
4562
+ --icon-button-paragraph-spacing: 0px;
4563
+ --icon-button-paragraph-indent: 0px
4254
4564
  }
4255
4565
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
4256
4566
  --icon-button-background-color: var(--interactive-surface-primary-pressed);
4567
+ --icon-button-color: rgb(233, 233, 234);
4257
4568
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4258
4569
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4259
4570
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4260
4571
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4261
- --icon-button-padding-left: var(--spacing-small);
4262
- --icon-button-padding-right: var(--spacing-small);
4263
- --icon-button-padding-top: var(--spacing-small);
4264
- --icon-button-padding-bottom: var(--spacing-small);
4265
- --icon-button-column-gap: var(--spacing-none);
4266
- --icon-button-color: rgb(233, 233, 234)
4572
+ --icon-button-padding-left: var(--spacing-space-4);
4573
+ --icon-button-padding-right: var(--spacing-space-4);
4574
+ --icon-button-padding-top: var(--spacing-space-4);
4575
+ --icon-button-padding-bottom: var(--spacing-space-4);
4576
+ --icon-button-row-gap: var(--spacing-space-1);
4577
+ --icon-button-column-gap: var(--spacing-space-1);
4578
+ --icon-button-font-family: sans-sarif;
4579
+ --icon-button-font-size: initial;
4580
+ --icon-button-font-weight: regular;
4581
+ --icon-button-paragraph-spacing: 0px;
4582
+ --icon-button-paragraph-indent: 0px
4267
4583
  }
4268
4584
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-filled"][disabled],
4269
- [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"][disabled],
4270
- [data-theme="light"] [component-variant="icon-button-default-medium-primary-filled"]:disabled,
4271
- [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"]:disabled {
4585
+ [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"][disabled],
4586
+ [data-theme="light"] [component-variant="icon-button-default-medium-primary-filled"]:disabled,
4587
+ [data-theme="dark"] [component-variant="icon-button-default-medium-primary-filled"]:disabled {
4272
4588
  --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
4589
+ --icon-button-color: var(--icon-tertiary);
4273
4590
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4274
4591
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4275
4592
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4276
4593
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4277
- --icon-button-padding-left: var(--spacing-small);
4278
- --icon-button-padding-right: var(--spacing-small);
4279
- --icon-button-padding-top: var(--spacing-small);
4280
- --icon-button-padding-bottom: var(--spacing-small);
4281
- --icon-button-column-gap: var(--spacing-none);
4282
- --icon-button-color: var(--icon-tertiary)
4594
+ --icon-button-padding-left: var(--spacing-space-4);
4595
+ --icon-button-padding-right: var(--spacing-space-4);
4596
+ --icon-button-padding-top: var(--spacing-space-4);
4597
+ --icon-button-padding-bottom: var(--spacing-space-4);
4598
+ --icon-button-row-gap: var(--spacing-space-1);
4599
+ --icon-button-column-gap: var(--spacing-space-1);
4600
+ --icon-button-font-family: sans-sarif;
4601
+ --icon-button-font-size: initial;
4602
+ --icon-button-font-weight: regular;
4603
+ --icon-button-paragraph-spacing: 0px;
4604
+ --icon-button-paragraph-indent: 0px
4283
4605
  }
4284
4606
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-filled"], [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"] {
4285
4607
  --icon-button-background-color: var(--interactive-surface-primary-default);
4608
+ --icon-button-color: rgb(233, 233, 234);
4286
4609
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4287
4610
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4288
4611
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4289
4612
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4290
- --icon-button-padding-left: var(--spacing-small);
4291
- --icon-button-padding-right: var(--spacing-small);
4292
- --icon-button-padding-top: var(--spacing-small);
4293
- --icon-button-padding-bottom: var(--spacing-small);
4294
- --icon-button-column-gap: var(--spacing-none);
4295
- --icon-button-color: rgb(233, 233, 234)
4613
+ --icon-button-padding-left: var(--spacing-space-4);
4614
+ --icon-button-padding-right: var(--spacing-space-4);
4615
+ --icon-button-padding-top: var(--spacing-space-4);
4616
+ --icon-button-padding-bottom: var(--spacing-space-4);
4617
+ --icon-button-row-gap: var(--spacing-space-1);
4618
+ --icon-button-column-gap: var(--spacing-space-1);
4619
+ --icon-button-font-family: sans-sarif;
4620
+ --icon-button-font-size: initial;
4621
+ --icon-button-font-weight: regular;
4622
+ --icon-button-paragraph-spacing: 0px;
4623
+ --icon-button-paragraph-indent: 0px
4296
4624
  }
4297
4625
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
4298
4626
  --icon-button-background-color: var(--interactive-surface-primary-hover);
4627
+ --icon-button-color: rgb(233, 233, 234);
4299
4628
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4300
4629
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4301
4630
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4305,216 +4634,306 @@ span.flatpickr-weekday {
4305
4634
  --icon-button-border-right-width: 1px;
4306
4635
  --icon-button-border-bottom-width: 1px;
4307
4636
  --icon-button-border-left-width: 1px;
4308
- --icon-button-padding-left: var(--spacing-small);
4309
- --icon-button-padding-right: var(--spacing-small);
4310
- --icon-button-padding-top: var(--spacing-small);
4311
- --icon-button-padding-bottom: var(--spacing-small);
4312
- --icon-button-column-gap: var(--spacing-none);
4313
- --icon-button-color: rgb(233, 233, 234)
4637
+ --icon-button-padding-left: var(--spacing-space-4);
4638
+ --icon-button-padding-right: var(--spacing-space-4);
4639
+ --icon-button-padding-top: var(--spacing-space-4);
4640
+ --icon-button-padding-bottom: var(--spacing-space-4);
4641
+ --icon-button-row-gap: var(--spacing-space-1);
4642
+ --icon-button-column-gap: var(--spacing-space-1);
4643
+ --icon-button-font-family: sans-sarif;
4644
+ --icon-button-font-size: initial;
4645
+ --icon-button-font-weight: regular;
4646
+ --icon-button-paragraph-spacing: 0px;
4647
+ --icon-button-paragraph-indent: 0px
4314
4648
  }
4315
4649
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
4316
4650
  --icon-button-background-color: var(--interactive-surface-primary-hover);
4651
+ --icon-button-color: rgb(233, 233, 234);
4317
4652
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4318
4653
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4319
4654
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4320
4655
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4321
- --icon-button-padding-left: var(--spacing-small);
4322
- --icon-button-padding-right: var(--spacing-small);
4323
- --icon-button-padding-top: var(--spacing-small);
4324
- --icon-button-padding-bottom: var(--spacing-small);
4325
- --icon-button-column-gap: var(--spacing-none);
4326
- --icon-button-color: rgb(233, 233, 234)
4656
+ --icon-button-padding-left: var(--spacing-space-4);
4657
+ --icon-button-padding-right: var(--spacing-space-4);
4658
+ --icon-button-padding-top: var(--spacing-space-4);
4659
+ --icon-button-padding-bottom: var(--spacing-space-4);
4660
+ --icon-button-row-gap: var(--spacing-space-1);
4661
+ --icon-button-column-gap: var(--spacing-space-1);
4662
+ --icon-button-font-family: sans-sarif;
4663
+ --icon-button-font-size: initial;
4664
+ --icon-button-font-weight: regular;
4665
+ --icon-button-paragraph-spacing: 0px;
4666
+ --icon-button-paragraph-indent: 0px
4327
4667
  }
4328
4668
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
4329
4669
  --icon-button-background-color: var(--interactive-surface-primary-pressed);
4670
+ --icon-button-color: rgb(233, 233, 234);
4330
4671
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4331
4672
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4332
4673
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4333
4674
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4334
- --icon-button-padding-left: var(--spacing-small);
4335
- --icon-button-padding-right: var(--spacing-small);
4336
- --icon-button-padding-top: var(--spacing-small);
4337
- --icon-button-padding-bottom: var(--spacing-small);
4338
- --icon-button-column-gap: var(--spacing-none);
4339
- --icon-button-color: rgb(233, 233, 234)
4675
+ --icon-button-padding-left: var(--spacing-space-4);
4676
+ --icon-button-padding-right: var(--spacing-space-4);
4677
+ --icon-button-padding-top: var(--spacing-space-4);
4678
+ --icon-button-padding-bottom: var(--spacing-space-4);
4679
+ --icon-button-row-gap: var(--spacing-space-1);
4680
+ --icon-button-column-gap: var(--spacing-space-1);
4681
+ --icon-button-font-family: sans-sarif;
4682
+ --icon-button-font-size: initial;
4683
+ --icon-button-font-weight: regular;
4684
+ --icon-button-paragraph-spacing: 0px;
4685
+ --icon-button-paragraph-indent: 0px
4340
4686
  }
4341
4687
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-filled"][disabled],
4342
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"][disabled],
4343
- [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-filled"]:disabled,
4344
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"]:disabled {
4688
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"][disabled],
4689
+ [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-filled"]:disabled,
4690
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-filled"]:disabled {
4345
4691
  --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
4692
+ --icon-button-color: var(--icon-tertiary);
4346
4693
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4347
4694
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4348
4695
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4349
4696
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4350
- --icon-button-padding-left: var(--spacing-small);
4351
- --icon-button-padding-right: var(--spacing-small);
4352
- --icon-button-padding-top: var(--spacing-small);
4353
- --icon-button-padding-bottom: var(--spacing-small);
4354
- --icon-button-column-gap: var(--spacing-none);
4355
- --icon-button-color: var(--icon-tertiary)
4697
+ --icon-button-padding-left: var(--spacing-space-4);
4698
+ --icon-button-padding-right: var(--spacing-space-4);
4699
+ --icon-button-padding-top: var(--spacing-space-4);
4700
+ --icon-button-padding-bottom: var(--spacing-space-4);
4701
+ --icon-button-row-gap: var(--spacing-space-1);
4702
+ --icon-button-column-gap: var(--spacing-space-1);
4703
+ --icon-button-font-family: sans-sarif;
4704
+ --icon-button-font-size: initial;
4705
+ --icon-button-font-weight: regular;
4706
+ --icon-button-paragraph-spacing: 0px;
4707
+ --icon-button-paragraph-indent: 0px
4356
4708
  }
4357
4709
  [data-theme="light"] [component-variant="icon-button-default-small-primary-filled"], [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"] {
4358
4710
  --icon-button-background-color: var(--interactive-surface-primary-default);
4359
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4360
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4361
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4362
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4363
- --icon-button-padding-left: var(--spacing-extra-small);
4364
- --icon-button-padding-right: var(--spacing-extra-small);
4365
- --icon-button-padding-top: var(--spacing-extra-small);
4366
- --icon-button-padding-bottom: var(--spacing-extra-small);
4367
- --icon-button-column-gap: var(--spacing-none);
4368
- --icon-button-color: rgb(233, 233, 234)
4711
+ --icon-button-color: rgb(233, 233, 234);
4712
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4713
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4714
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4715
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4716
+ --icon-button-padding-left: var(--spacing-space-3);
4717
+ --icon-button-padding-right: var(--spacing-space-3);
4718
+ --icon-button-padding-top: var(--spacing-space-3);
4719
+ --icon-button-padding-bottom: var(--spacing-space-3);
4720
+ --icon-button-row-gap: var(--spacing-space-1);
4721
+ --icon-button-column-gap: var(--spacing-space-1);
4722
+ --icon-button-font-family: sans-sarif;
4723
+ --icon-button-font-size: initial;
4724
+ --icon-button-font-weight: regular;
4725
+ --icon-button-paragraph-spacing: 0px;
4726
+ --icon-button-paragraph-indent: 0px
4369
4727
  }
4370
4728
  [data-theme="light"] [component-variant="icon-button-default-small-primary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
4371
4729
  --icon-button-background-color: var(--interactive-surface-primary-hover);
4372
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4373
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4374
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4375
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4730
+ --icon-button-color: rgb(233, 233, 234);
4731
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4732
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4733
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4734
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4376
4735
  --icon-button-border-color: var(--border-border-grey-1);
4377
4736
  --icon-button-border-top-width: 1px;
4378
4737
  --icon-button-border-right-width: 1px;
4379
4738
  --icon-button-border-bottom-width: 1px;
4380
4739
  --icon-button-border-left-width: 1px;
4381
- --icon-button-padding-left: var(--spacing-extra-small);
4382
- --icon-button-padding-right: var(--spacing-extra-small);
4383
- --icon-button-padding-top: var(--spacing-extra-small);
4384
- --icon-button-padding-bottom: var(--spacing-extra-small);
4385
- --icon-button-column-gap: var(--spacing-none);
4386
- --icon-button-color: rgb(233, 233, 234)
4740
+ --icon-button-padding-left: var(--spacing-space-3);
4741
+ --icon-button-padding-right: var(--spacing-space-3);
4742
+ --icon-button-padding-top: var(--spacing-space-3);
4743
+ --icon-button-padding-bottom: var(--spacing-space-3);
4744
+ --icon-button-row-gap: var(--spacing-space-1);
4745
+ --icon-button-column-gap: var(--spacing-space-1);
4746
+ --icon-button-font-family: sans-sarif;
4747
+ --icon-button-font-size: initial;
4748
+ --icon-button-font-weight: regular;
4749
+ --icon-button-paragraph-spacing: 0px;
4750
+ --icon-button-paragraph-indent: 0px
4387
4751
  }
4388
4752
  [data-theme="light"] [component-variant="icon-button-default-small-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
4389
4753
  --icon-button-background-color: var(--interactive-surface-primary-hover);
4390
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4391
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4392
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4393
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4394
- --icon-button-padding-left: var(--spacing-extra-small);
4395
- --icon-button-padding-right: var(--spacing-extra-small);
4396
- --icon-button-padding-top: var(--spacing-extra-small);
4397
- --icon-button-padding-bottom: var(--spacing-extra-small);
4398
- --icon-button-column-gap: var(--spacing-none);
4399
- --icon-button-color: rgb(233, 233, 234)
4754
+ --icon-button-color: rgb(233, 233, 234);
4755
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4756
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4757
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4758
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4759
+ --icon-button-padding-left: var(--spacing-space-3);
4760
+ --icon-button-padding-right: var(--spacing-space-3);
4761
+ --icon-button-padding-top: var(--spacing-space-3);
4762
+ --icon-button-padding-bottom: var(--spacing-space-3);
4763
+ --icon-button-row-gap: var(--spacing-space-1);
4764
+ --icon-button-column-gap: var(--spacing-space-1);
4765
+ --icon-button-font-family: sans-sarif;
4766
+ --icon-button-font-size: initial;
4767
+ --icon-button-font-weight: regular;
4768
+ --icon-button-paragraph-spacing: 0px;
4769
+ --icon-button-paragraph-indent: 0px
4400
4770
  }
4401
4771
  [data-theme="light"] [component-variant="icon-button-default-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"]:active:not(:disabled):not([disabled]) {
4402
4772
  --icon-button-background-color: var(--interactive-surface-primary-pressed);
4403
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4404
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4405
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4406
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4407
- --icon-button-padding-left: var(--spacing-extra-small);
4408
- --icon-button-padding-right: var(--spacing-extra-small);
4409
- --icon-button-padding-top: var(--spacing-extra-small);
4410
- --icon-button-padding-bottom: var(--spacing-extra-small);
4411
- --icon-button-column-gap: var(--spacing-none);
4412
- --icon-button-color: rgb(233, 233, 234)
4773
+ --icon-button-color: rgb(233, 233, 234);
4774
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4775
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4776
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4777
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4778
+ --icon-button-padding-left: var(--spacing-space-3);
4779
+ --icon-button-padding-right: var(--spacing-space-3);
4780
+ --icon-button-padding-top: var(--spacing-space-3);
4781
+ --icon-button-padding-bottom: var(--spacing-space-3);
4782
+ --icon-button-row-gap: var(--spacing-space-1);
4783
+ --icon-button-column-gap: var(--spacing-space-1);
4784
+ --icon-button-font-family: sans-sarif;
4785
+ --icon-button-font-size: initial;
4786
+ --icon-button-font-weight: regular;
4787
+ --icon-button-paragraph-spacing: 0px;
4788
+ --icon-button-paragraph-indent: 0px
4413
4789
  }
4414
4790
  [data-theme="light"] [component-variant="icon-button-default-small-primary-filled"][disabled],
4415
- [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"][disabled],
4416
- [data-theme="light"] [component-variant="icon-button-default-small-primary-filled"]:disabled,
4417
- [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"]:disabled {
4791
+ [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"][disabled],
4792
+ [data-theme="light"] [component-variant="icon-button-default-small-primary-filled"]:disabled,
4793
+ [data-theme="dark"] [component-variant="icon-button-default-small-primary-filled"]:disabled {
4418
4794
  --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
4419
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4420
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4421
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4422
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4423
- --icon-button-padding-left: var(--spacing-extra-small);
4424
- --icon-button-padding-right: var(--spacing-extra-small);
4425
- --icon-button-padding-top: var(--spacing-extra-small);
4426
- --icon-button-padding-bottom: var(--spacing-extra-small);
4427
- --icon-button-column-gap: var(--spacing-none);
4428
- --icon-button-color: var(--icon-tertiary)
4795
+ --icon-button-color: var(--icon-tertiary);
4796
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4797
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4798
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4799
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4800
+ --icon-button-padding-left: var(--spacing-space-3);
4801
+ --icon-button-padding-right: var(--spacing-space-3);
4802
+ --icon-button-padding-top: var(--spacing-space-3);
4803
+ --icon-button-padding-bottom: var(--spacing-space-3);
4804
+ --icon-button-row-gap: var(--spacing-space-1);
4805
+ --icon-button-column-gap: var(--spacing-space-1);
4806
+ --icon-button-font-family: sans-sarif;
4807
+ --icon-button-font-size: initial;
4808
+ --icon-button-font-weight: regular;
4809
+ --icon-button-paragraph-spacing: 0px;
4810
+ --icon-button-paragraph-indent: 0px
4429
4811
  }
4430
4812
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-filled"], [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"] {
4431
4813
  --icon-button-background-color: var(--interactive-surface-primary-default);
4432
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4433
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4434
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4435
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4436
- --icon-button-padding-left: var(--spacing-extra-small);
4437
- --icon-button-padding-right: var(--spacing-extra-small);
4438
- --icon-button-padding-top: var(--spacing-extra-small);
4439
- --icon-button-padding-bottom: var(--spacing-extra-small);
4440
- --icon-button-column-gap: var(--spacing-none);
4441
- --icon-button-color: rgb(233, 233, 234)
4814
+ --icon-button-color: rgb(233, 233, 234);
4815
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4816
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4817
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4818
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4819
+ --icon-button-padding-left: var(--spacing-space-3);
4820
+ --icon-button-padding-right: var(--spacing-space-3);
4821
+ --icon-button-padding-top: var(--spacing-space-3);
4822
+ --icon-button-padding-bottom: var(--spacing-space-3);
4823
+ --icon-button-row-gap: var(--spacing-space-1);
4824
+ --icon-button-column-gap: var(--spacing-space-1);
4825
+ --icon-button-font-family: sans-sarif;
4826
+ --icon-button-font-size: initial;
4827
+ --icon-button-font-weight: regular;
4828
+ --icon-button-paragraph-spacing: 0px;
4829
+ --icon-button-paragraph-indent: 0px
4442
4830
  }
4443
4831
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
4444
4832
  --icon-button-background-color: var(--interactive-surface-primary-hover);
4445
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4446
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4447
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4448
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4833
+ --icon-button-color: rgb(233, 233, 234);
4834
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4835
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4836
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4837
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4449
4838
  --icon-button-border-color: var(--border-border-grey-1);
4450
4839
  --icon-button-border-top-width: 1px;
4451
4840
  --icon-button-border-right-width: 1px;
4452
4841
  --icon-button-border-bottom-width: 1px;
4453
4842
  --icon-button-border-left-width: 1px;
4454
- --icon-button-padding-left: var(--spacing-extra-small);
4455
- --icon-button-padding-right: var(--spacing-extra-small);
4456
- --icon-button-padding-top: var(--spacing-extra-small);
4457
- --icon-button-padding-bottom: var(--spacing-extra-small);
4458
- --icon-button-column-gap: var(--spacing-none);
4459
- --icon-button-color: rgb(233, 233, 234)
4843
+ --icon-button-padding-left: var(--spacing-space-3);
4844
+ --icon-button-padding-right: var(--spacing-space-3);
4845
+ --icon-button-padding-top: var(--spacing-space-3);
4846
+ --icon-button-padding-bottom: var(--spacing-space-3);
4847
+ --icon-button-row-gap: var(--spacing-space-1);
4848
+ --icon-button-column-gap: var(--spacing-space-1);
4849
+ --icon-button-font-family: sans-sarif;
4850
+ --icon-button-font-size: initial;
4851
+ --icon-button-font-weight: regular;
4852
+ --icon-button-paragraph-spacing: 0px;
4853
+ --icon-button-paragraph-indent: 0px
4460
4854
  }
4461
4855
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-filled"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
4462
4856
  --icon-button-background-color: var(--interactive-surface-primary-hover);
4463
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4464
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4465
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4466
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4467
- --icon-button-padding-left: var(--spacing-extra-small);
4468
- --icon-button-padding-right: var(--spacing-extra-small);
4469
- --icon-button-padding-top: var(--spacing-extra-small);
4470
- --icon-button-padding-bottom: var(--spacing-extra-small);
4471
- --icon-button-column-gap: var(--spacing-none);
4472
- --icon-button-color: rgb(233, 233, 234)
4857
+ --icon-button-color: rgb(233, 233, 234);
4858
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4859
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4860
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4861
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4862
+ --icon-button-padding-left: var(--spacing-space-3);
4863
+ --icon-button-padding-right: var(--spacing-space-3);
4864
+ --icon-button-padding-top: var(--spacing-space-3);
4865
+ --icon-button-padding-bottom: var(--spacing-space-3);
4866
+ --icon-button-row-gap: var(--spacing-space-1);
4867
+ --icon-button-column-gap: var(--spacing-space-1);
4868
+ --icon-button-font-family: sans-sarif;
4869
+ --icon-button-font-size: initial;
4870
+ --icon-button-font-weight: regular;
4871
+ --icon-button-paragraph-spacing: 0px;
4872
+ --icon-button-paragraph-indent: 0px
4473
4873
  }
4474
4874
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-primary-filled"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"]:active:not(:disabled):not([disabled]) {
4475
4875
  --icon-button-background-color: var(--interactive-surface-primary-pressed);
4476
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4477
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4478
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4479
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4480
- --icon-button-padding-left: var(--spacing-extra-small);
4481
- --icon-button-padding-right: var(--spacing-extra-small);
4482
- --icon-button-padding-top: var(--spacing-extra-small);
4483
- --icon-button-padding-bottom: var(--spacing-extra-small);
4484
- --icon-button-column-gap: var(--spacing-none);
4485
- --icon-button-color: rgb(233, 233, 234)
4876
+ --icon-button-color: rgb(233, 233, 234);
4877
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4878
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4879
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4880
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4881
+ --icon-button-padding-left: var(--spacing-space-3);
4882
+ --icon-button-padding-right: var(--spacing-space-3);
4883
+ --icon-button-padding-top: var(--spacing-space-3);
4884
+ --icon-button-padding-bottom: var(--spacing-space-3);
4885
+ --icon-button-row-gap: var(--spacing-space-1);
4886
+ --icon-button-column-gap: var(--spacing-space-1);
4887
+ --icon-button-font-family: sans-sarif;
4888
+ --icon-button-font-size: initial;
4889
+ --icon-button-font-weight: regular;
4890
+ --icon-button-paragraph-spacing: 0px;
4891
+ --icon-button-paragraph-indent: 0px
4486
4892
  }
4487
4893
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-filled"][disabled],
4488
- [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"][disabled],
4489
- [data-theme="light"] [component-variant="icon-button-inverse-small-primary-filled"]:disabled,
4490
- [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"]:disabled {
4894
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"][disabled],
4895
+ [data-theme="light"] [component-variant="icon-button-inverse-small-primary-filled"]:disabled,
4896
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-filled"]:disabled {
4491
4897
  --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
4492
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
4493
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
4494
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
4495
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
4496
- --icon-button-padding-left: var(--spacing-extra-small);
4497
- --icon-button-padding-right: var(--spacing-extra-small);
4498
- --icon-button-padding-top: var(--spacing-extra-small);
4499
- --icon-button-padding-bottom: var(--spacing-extra-small);
4500
- --icon-button-column-gap: var(--spacing-none);
4501
- --icon-button-color: var(--icon-tertiary)
4898
+ --icon-button-color: var(--icon-tertiary);
4899
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
4900
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
4901
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
4902
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
4903
+ --icon-button-padding-left: var(--spacing-space-3);
4904
+ --icon-button-padding-right: var(--spacing-space-3);
4905
+ --icon-button-padding-top: var(--spacing-space-3);
4906
+ --icon-button-padding-bottom: var(--spacing-space-3);
4907
+ --icon-button-row-gap: var(--spacing-space-1);
4908
+ --icon-button-column-gap: var(--spacing-space-1);
4909
+ --icon-button-font-family: sans-sarif;
4910
+ --icon-button-font-size: initial;
4911
+ --icon-button-font-weight: regular;
4912
+ --icon-button-paragraph-spacing: 0px;
4913
+ --icon-button-paragraph-indent: 0px
4502
4914
  }
4503
4915
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-filled"], [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"] {
4504
4916
  --icon-button-background-color: var(--interactive-surface-secondary-default);
4917
+ --icon-button-color: var(--icon-primary);
4505
4918
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4506
4919
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4507
4920
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4508
4921
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4509
- --icon-button-padding-left: var(--spacing-small);
4510
- --icon-button-padding-right: var(--spacing-small);
4511
- --icon-button-padding-top: var(--spacing-small);
4512
- --icon-button-padding-bottom: var(--spacing-small);
4513
- --icon-button-column-gap: var(--spacing-none);
4514
- --icon-button-color: var(--icon-primary)
4922
+ --icon-button-padding-left: var(--spacing-space-4);
4923
+ --icon-button-padding-right: var(--spacing-space-4);
4924
+ --icon-button-padding-top: var(--spacing-space-4);
4925
+ --icon-button-padding-bottom: var(--spacing-space-4);
4926
+ --icon-button-row-gap: var(--spacing-space-1);
4927
+ --icon-button-column-gap: var(--spacing-space-1);
4928
+ --icon-button-font-family: sans-sarif;
4929
+ --icon-button-font-size: initial;
4930
+ --icon-button-font-weight: regular;
4931
+ --icon-button-paragraph-spacing: 0px;
4932
+ --icon-button-paragraph-indent: 0px
4515
4933
  }
4516
4934
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
4517
4935
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
4936
+ --icon-button-color: var(--icon-primary);
4518
4937
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4519
4938
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4520
4939
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4524,70 +4943,100 @@ span.flatpickr-weekday {
4524
4943
  --icon-button-border-right-width: 1px;
4525
4944
  --icon-button-border-bottom-width: 1px;
4526
4945
  --icon-button-border-left-width: 1px;
4527
- --icon-button-padding-left: var(--spacing-small);
4528
- --icon-button-padding-right: var(--spacing-small);
4529
- --icon-button-padding-top: var(--spacing-small);
4530
- --icon-button-padding-bottom: var(--spacing-small);
4531
- --icon-button-column-gap: var(--spacing-none);
4532
- --icon-button-color: var(--icon-primary)
4946
+ --icon-button-padding-left: var(--spacing-space-4);
4947
+ --icon-button-padding-right: var(--spacing-space-4);
4948
+ --icon-button-padding-top: var(--spacing-space-4);
4949
+ --icon-button-padding-bottom: var(--spacing-space-4);
4950
+ --icon-button-row-gap: var(--spacing-space-1);
4951
+ --icon-button-column-gap: var(--spacing-space-1);
4952
+ --icon-button-font-family: sans-sarif;
4953
+ --icon-button-font-size: initial;
4954
+ --icon-button-font-weight: regular;
4955
+ --icon-button-paragraph-spacing: 0px;
4956
+ --icon-button-paragraph-indent: 0px
4533
4957
  }
4534
4958
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
4535
4959
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
4960
+ --icon-button-color: var(--icon-primary);
4536
4961
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4537
4962
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4538
4963
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4539
4964
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4540
- --icon-button-padding-left: var(--spacing-small);
4541
- --icon-button-padding-right: var(--spacing-small);
4542
- --icon-button-padding-top: var(--spacing-small);
4543
- --icon-button-padding-bottom: var(--spacing-small);
4544
- --icon-button-column-gap: var(--spacing-none);
4545
- --icon-button-color: var(--icon-primary)
4965
+ --icon-button-padding-left: var(--spacing-space-4);
4966
+ --icon-button-padding-right: var(--spacing-space-4);
4967
+ --icon-button-padding-top: var(--spacing-space-4);
4968
+ --icon-button-padding-bottom: var(--spacing-space-4);
4969
+ --icon-button-row-gap: var(--spacing-space-1);
4970
+ --icon-button-column-gap: var(--spacing-space-1);
4971
+ --icon-button-font-family: sans-sarif;
4972
+ --icon-button-font-size: initial;
4973
+ --icon-button-font-weight: regular;
4974
+ --icon-button-paragraph-spacing: 0px;
4975
+ --icon-button-paragraph-indent: 0px
4546
4976
  }
4547
4977
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
4548
4978
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
4979
+ --icon-button-color: var(--icon-primary);
4549
4980
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4550
4981
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4551
4982
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4552
4983
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4553
- --icon-button-padding-left: var(--spacing-small);
4554
- --icon-button-padding-right: var(--spacing-small);
4555
- --icon-button-padding-top: var(--spacing-small);
4556
- --icon-button-padding-bottom: var(--spacing-small);
4557
- --icon-button-column-gap: var(--spacing-none);
4558
- --icon-button-color: var(--icon-primary)
4984
+ --icon-button-padding-left: var(--spacing-space-4);
4985
+ --icon-button-padding-right: var(--spacing-space-4);
4986
+ --icon-button-padding-top: var(--spacing-space-4);
4987
+ --icon-button-padding-bottom: var(--spacing-space-4);
4988
+ --icon-button-row-gap: var(--spacing-space-1);
4989
+ --icon-button-column-gap: var(--spacing-space-1);
4990
+ --icon-button-font-family: sans-sarif;
4991
+ --icon-button-font-size: initial;
4992
+ --icon-button-font-weight: regular;
4993
+ --icon-button-paragraph-spacing: 0px;
4994
+ --icon-button-paragraph-indent: 0px
4559
4995
  }
4560
4996
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-filled"][disabled],
4561
- [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"][disabled],
4562
- [data-theme="light"] [component-variant="icon-button-default-medium-secondary-filled"]:disabled,
4563
- [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"]:disabled {
4997
+ [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"][disabled],
4998
+ [data-theme="light"] [component-variant="icon-button-default-medium-secondary-filled"]:disabled,
4999
+ [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-filled"]:disabled {
4564
5000
  --icon-button-background-color: rgb(56, 58, 68);
5001
+ --icon-button-color: rgb(153, 154, 159);
4565
5002
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4566
5003
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4567
5004
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4568
5005
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4569
- --icon-button-padding-left: var(--spacing-small);
4570
- --icon-button-padding-right: var(--spacing-small);
4571
- --icon-button-padding-top: var(--spacing-small);
4572
- --icon-button-padding-bottom: var(--spacing-small);
4573
- --icon-button-column-gap: var(--spacing-none);
4574
- --icon-button-color: rgb(153, 154, 159)
5006
+ --icon-button-padding-left: var(--spacing-space-4);
5007
+ --icon-button-padding-right: var(--spacing-space-4);
5008
+ --icon-button-padding-top: var(--spacing-space-4);
5009
+ --icon-button-padding-bottom: var(--spacing-space-4);
5010
+ --icon-button-row-gap: var(--spacing-space-1);
5011
+ --icon-button-column-gap: var(--spacing-space-1);
5012
+ --icon-button-font-family: sans-sarif;
5013
+ --icon-button-font-size: initial;
5014
+ --icon-button-font-weight: regular;
5015
+ --icon-button-paragraph-spacing: 0px;
5016
+ --icon-button-paragraph-indent: 0px
4575
5017
  }
4576
5018
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-filled"], [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"] {
4577
5019
  --icon-button-background-color: var(--interactive-surface-secondary-default);
5020
+ --icon-button-color: var(--icon-primary);
4578
5021
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4579
5022
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4580
5023
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4581
5024
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4582
- --icon-button-padding-left: var(--spacing-small);
4583
- --icon-button-padding-right: var(--spacing-small);
4584
- --icon-button-padding-top: var(--spacing-small);
4585
- --icon-button-padding-bottom: var(--spacing-small);
4586
- --icon-button-column-gap: var(--spacing-none);
4587
- --icon-button-color: var(--icon-primary)
5025
+ --icon-button-padding-left: var(--spacing-space-4);
5026
+ --icon-button-padding-right: var(--spacing-space-4);
5027
+ --icon-button-padding-top: var(--spacing-space-4);
5028
+ --icon-button-padding-bottom: var(--spacing-space-4);
5029
+ --icon-button-row-gap: var(--spacing-space-1);
5030
+ --icon-button-column-gap: var(--spacing-space-1);
5031
+ --icon-button-font-family: sans-sarif;
5032
+ --icon-button-font-size: initial;
5033
+ --icon-button-font-weight: regular;
5034
+ --icon-button-paragraph-spacing: 0px;
5035
+ --icon-button-paragraph-indent: 0px
4588
5036
  }
4589
5037
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
4590
5038
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5039
+ --icon-button-color: var(--icon-primary);
4591
5040
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4592
5041
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4593
5042
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4597,57 +5046,81 @@ span.flatpickr-weekday {
4597
5046
  --icon-button-border-right-width: 1px;
4598
5047
  --icon-button-border-bottom-width: 1px;
4599
5048
  --icon-button-border-left-width: 1px;
4600
- --icon-button-padding-left: var(--spacing-small);
4601
- --icon-button-padding-right: var(--spacing-small);
4602
- --icon-button-padding-top: var(--spacing-small);
4603
- --icon-button-padding-bottom: var(--spacing-small);
4604
- --icon-button-column-gap: var(--spacing-none);
4605
- --icon-button-color: var(--icon-primary)
5049
+ --icon-button-padding-left: var(--spacing-space-4);
5050
+ --icon-button-padding-right: var(--spacing-space-4);
5051
+ --icon-button-padding-top: var(--spacing-space-4);
5052
+ --icon-button-padding-bottom: var(--spacing-space-4);
5053
+ --icon-button-row-gap: var(--spacing-space-1);
5054
+ --icon-button-column-gap: var(--spacing-space-1);
5055
+ --icon-button-font-family: sans-sarif;
5056
+ --icon-button-font-size: initial;
5057
+ --icon-button-font-weight: regular;
5058
+ --icon-button-paragraph-spacing: 0px;
5059
+ --icon-button-paragraph-indent: 0px
4606
5060
  }
4607
5061
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
4608
5062
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5063
+ --icon-button-color: var(--icon-primary);
4609
5064
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4610
5065
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4611
5066
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4612
5067
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4613
- --icon-button-padding-left: var(--spacing-small);
4614
- --icon-button-padding-right: var(--spacing-small);
4615
- --icon-button-padding-top: var(--spacing-small);
4616
- --icon-button-padding-bottom: var(--spacing-small);
4617
- --icon-button-column-gap: var(--spacing-none);
4618
- --icon-button-color: var(--icon-primary)
5068
+ --icon-button-padding-left: var(--spacing-space-4);
5069
+ --icon-button-padding-right: var(--spacing-space-4);
5070
+ --icon-button-padding-top: var(--spacing-space-4);
5071
+ --icon-button-padding-bottom: var(--spacing-space-4);
5072
+ --icon-button-row-gap: var(--spacing-space-1);
5073
+ --icon-button-column-gap: var(--spacing-space-1);
5074
+ --icon-button-font-family: sans-sarif;
5075
+ --icon-button-font-size: initial;
5076
+ --icon-button-font-weight: regular;
5077
+ --icon-button-paragraph-spacing: 0px;
5078
+ --icon-button-paragraph-indent: 0px
4619
5079
  }
4620
5080
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
4621
5081
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5082
+ --icon-button-color: var(--icon-primary);
4622
5083
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4623
5084
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4624
5085
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4625
5086
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4626
- --icon-button-padding-left: var(--spacing-small);
4627
- --icon-button-padding-right: var(--spacing-small);
4628
- --icon-button-padding-top: var(--spacing-small);
4629
- --icon-button-padding-bottom: var(--spacing-small);
4630
- --icon-button-column-gap: var(--spacing-none);
4631
- --icon-button-color: var(--icon-primary)
5087
+ --icon-button-padding-left: var(--spacing-space-4);
5088
+ --icon-button-padding-right: var(--spacing-space-4);
5089
+ --icon-button-padding-top: var(--spacing-space-4);
5090
+ --icon-button-padding-bottom: var(--spacing-space-4);
5091
+ --icon-button-row-gap: var(--spacing-space-1);
5092
+ --icon-button-column-gap: var(--spacing-space-1);
5093
+ --icon-button-font-family: sans-sarif;
5094
+ --icon-button-font-size: initial;
5095
+ --icon-button-font-weight: regular;
5096
+ --icon-button-paragraph-spacing: 0px;
5097
+ --icon-button-paragraph-indent: 0px
4632
5098
  }
4633
5099
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-filled"][disabled],
4634
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"][disabled],
4635
- [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-filled"]:disabled,
4636
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"]:disabled {
5100
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"][disabled],
5101
+ [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-filled"]:disabled,
5102
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-filled"]:disabled {
4637
5103
  --icon-button-background-color: rgb(56, 58, 68);
5104
+ --icon-button-color: rgb(153, 154, 159);
4638
5105
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4639
5106
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4640
5107
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4641
5108
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4642
- --icon-button-padding-left: var(--spacing-small);
4643
- --icon-button-padding-right: var(--spacing-small);
4644
- --icon-button-padding-top: var(--spacing-small);
4645
- --icon-button-padding-bottom: var(--spacing-small);
4646
- --icon-button-column-gap: var(--spacing-none);
4647
- --icon-button-color: rgb(153, 154, 159)
5109
+ --icon-button-padding-left: var(--spacing-space-4);
5110
+ --icon-button-padding-right: var(--spacing-space-4);
5111
+ --icon-button-padding-top: var(--spacing-space-4);
5112
+ --icon-button-padding-bottom: var(--spacing-space-4);
5113
+ --icon-button-row-gap: var(--spacing-space-1);
5114
+ --icon-button-column-gap: var(--spacing-space-1);
5115
+ --icon-button-font-family: sans-sarif;
5116
+ --icon-button-font-size: initial;
5117
+ --icon-button-font-weight: regular;
5118
+ --icon-button-paragraph-spacing: 0px;
5119
+ --icon-button-paragraph-indent: 0px
4648
5120
  }
4649
5121
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
4650
5122
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5123
+ --icon-button-color: var(--icon-primary);
4651
5124
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4652
5125
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4653
5126
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4657,14 +5130,20 @@ span.flatpickr-weekday {
4657
5130
  --icon-button-border-right-width: 1px;
4658
5131
  --icon-button-border-bottom-width: 1px;
4659
5132
  --icon-button-border-left-width: 1px;
4660
- --icon-button-padding-left: var(--spacing-small);
4661
- --icon-button-padding-right: var(--spacing-small);
4662
- --icon-button-padding-top: var(--spacing-small);
4663
- --icon-button-padding-bottom: var(--spacing-small);
4664
- --icon-button-column-gap: var(--spacing-none);
4665
- --icon-button-color: var(--icon-primary)
5133
+ --icon-button-padding-left: var(--spacing-space-4);
5134
+ --icon-button-padding-right: var(--spacing-space-4);
5135
+ --icon-button-padding-top: var(--spacing-space-4);
5136
+ --icon-button-padding-bottom: var(--spacing-space-4);
5137
+ --icon-button-row-gap: var(--spacing-space-1);
5138
+ --icon-button-column-gap: var(--spacing-space-1);
5139
+ --icon-button-font-family: sans-sarif;
5140
+ --icon-button-font-size: initial;
5141
+ --icon-button-font-weight: regular;
5142
+ --icon-button-paragraph-spacing: 0px;
5143
+ --icon-button-paragraph-indent: 0px
4666
5144
  }
4667
5145
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-outlined"], [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"] {
5146
+ --icon-button-color: var(--icon-primary);
4668
5147
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4669
5148
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4670
5149
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4674,57 +5153,81 @@ span.flatpickr-weekday {
4674
5153
  --icon-button-border-right-width: 1px;
4675
5154
  --icon-button-border-bottom-width: 1px;
4676
5155
  --icon-button-border-left-width: 1px;
4677
- --icon-button-padding-left: var(--spacing-small);
4678
- --icon-button-padding-right: var(--spacing-small);
4679
- --icon-button-padding-top: var(--spacing-small);
4680
- --icon-button-padding-bottom: var(--spacing-small);
4681
- --icon-button-column-gap: var(--spacing-none);
4682
- --icon-button-color: var(--icon-primary)
5156
+ --icon-button-padding-left: var(--spacing-space-4);
5157
+ --icon-button-padding-right: var(--spacing-space-4);
5158
+ --icon-button-padding-top: var(--spacing-space-4);
5159
+ --icon-button-padding-bottom: var(--spacing-space-4);
5160
+ --icon-button-row-gap: var(--spacing-space-1);
5161
+ --icon-button-column-gap: var(--spacing-space-1);
5162
+ --icon-button-font-family: sans-sarif;
5163
+ --icon-button-font-size: initial;
5164
+ --icon-button-font-weight: regular;
5165
+ --icon-button-paragraph-spacing: 0px;
5166
+ --icon-button-paragraph-indent: 0px
4683
5167
  }
4684
5168
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
4685
5169
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5170
+ --icon-button-color: var(--icon-primary);
4686
5171
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4687
5172
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4688
5173
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4689
5174
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4690
- --icon-button-padding-left: var(--spacing-small);
4691
- --icon-button-padding-right: var(--spacing-small);
4692
- --icon-button-padding-top: var(--spacing-small);
4693
- --icon-button-padding-bottom: var(--spacing-small);
4694
- --icon-button-column-gap: var(--spacing-none);
4695
- --icon-button-color: var(--icon-primary)
5175
+ --icon-button-padding-left: var(--spacing-space-4);
5176
+ --icon-button-padding-right: var(--spacing-space-4);
5177
+ --icon-button-padding-top: var(--spacing-space-4);
5178
+ --icon-button-padding-bottom: var(--spacing-space-4);
5179
+ --icon-button-row-gap: var(--spacing-space-1);
5180
+ --icon-button-column-gap: var(--spacing-space-1);
5181
+ --icon-button-font-family: sans-sarif;
5182
+ --icon-button-font-size: initial;
5183
+ --icon-button-font-weight: regular;
5184
+ --icon-button-paragraph-spacing: 0px;
5185
+ --icon-button-paragraph-indent: 0px
4696
5186
  }
4697
5187
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-outlined"][disabled],
4698
- [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"][disabled],
4699
- [data-theme="light"] [component-variant="icon-button-default-medium-secondary-outlined"]:disabled,
4700
- [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"]:disabled {
5188
+ [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"][disabled],
5189
+ [data-theme="light"] [component-variant="icon-button-default-medium-secondary-outlined"]:disabled,
5190
+ [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"]:disabled {
4701
5191
  --icon-button-background-color: var(--interactive-surface-secondary-disabled);
5192
+ --icon-button-color: var(--icon-tertiary);
4702
5193
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4703
5194
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4704
5195
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4705
5196
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4706
- --icon-button-padding-left: var(--spacing-small);
4707
- --icon-button-padding-right: var(--spacing-small);
4708
- --icon-button-padding-top: var(--spacing-small);
4709
- --icon-button-padding-bottom: var(--spacing-small);
4710
- --icon-button-column-gap: var(--spacing-none);
4711
- --icon-button-color: var(--icon-tertiary)
5197
+ --icon-button-padding-left: var(--spacing-space-4);
5198
+ --icon-button-padding-right: var(--spacing-space-4);
5199
+ --icon-button-padding-top: var(--spacing-space-4);
5200
+ --icon-button-padding-bottom: var(--spacing-space-4);
5201
+ --icon-button-row-gap: var(--spacing-space-1);
5202
+ --icon-button-column-gap: var(--spacing-space-1);
5203
+ --icon-button-font-family: sans-sarif;
5204
+ --icon-button-font-size: initial;
5205
+ --icon-button-font-weight: regular;
5206
+ --icon-button-paragraph-spacing: 0px;
5207
+ --icon-button-paragraph-indent: 0px
4712
5208
  }
4713
5209
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
4714
5210
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5211
+ --icon-button-color: var(--icon-primary);
4715
5212
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4716
5213
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4717
5214
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4718
5215
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4719
- --icon-button-padding-left: var(--spacing-small);
4720
- --icon-button-padding-right: var(--spacing-small);
4721
- --icon-button-padding-top: var(--spacing-small);
4722
- --icon-button-padding-bottom: var(--spacing-small);
4723
- --icon-button-column-gap: var(--spacing-none);
4724
- --icon-button-color: var(--icon-primary)
5216
+ --icon-button-padding-left: var(--spacing-space-4);
5217
+ --icon-button-padding-right: var(--spacing-space-4);
5218
+ --icon-button-padding-top: var(--spacing-space-4);
5219
+ --icon-button-padding-bottom: var(--spacing-space-4);
5220
+ --icon-button-row-gap: var(--spacing-space-1);
5221
+ --icon-button-column-gap: var(--spacing-space-1);
5222
+ --icon-button-font-family: sans-sarif;
5223
+ --icon-button-font-size: initial;
5224
+ --icon-button-font-weight: regular;
5225
+ --icon-button-paragraph-spacing: 0px;
5226
+ --icon-button-paragraph-indent: 0px
4725
5227
  }
4726
5228
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
4727
5229
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5230
+ --icon-button-color: var(--icon-primary);
4728
5231
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4729
5232
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4730
5233
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4734,14 +5237,20 @@ span.flatpickr-weekday {
4734
5237
  --icon-button-border-right-width: 1px;
4735
5238
  --icon-button-border-bottom-width: 1px;
4736
5239
  --icon-button-border-left-width: 1px;
4737
- --icon-button-padding-left: var(--spacing-small);
4738
- --icon-button-padding-right: var(--spacing-small);
4739
- --icon-button-padding-top: var(--spacing-small);
4740
- --icon-button-padding-bottom: var(--spacing-small);
4741
- --icon-button-column-gap: var(--spacing-none);
4742
- --icon-button-color: var(--icon-primary)
5240
+ --icon-button-padding-left: var(--spacing-space-4);
5241
+ --icon-button-padding-right: var(--spacing-space-4);
5242
+ --icon-button-padding-top: var(--spacing-space-4);
5243
+ --icon-button-padding-bottom: var(--spacing-space-4);
5244
+ --icon-button-row-gap: var(--spacing-space-1);
5245
+ --icon-button-column-gap: var(--spacing-space-1);
5246
+ --icon-button-font-family: sans-sarif;
5247
+ --icon-button-font-size: initial;
5248
+ --icon-button-font-weight: regular;
5249
+ --icon-button-paragraph-spacing: 0px;
5250
+ --icon-button-paragraph-indent: 0px
4743
5251
  }
4744
5252
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-outlined"], [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"] {
5253
+ --icon-button-color: var(--icon-inverse);
4745
5254
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4746
5255
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4747
5256
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4751,57 +5260,81 @@ span.flatpickr-weekday {
4751
5260
  --icon-button-border-right-width: 1px;
4752
5261
  --icon-button-border-bottom-width: 1px;
4753
5262
  --icon-button-border-left-width: 1px;
4754
- --icon-button-padding-left: var(--spacing-small);
4755
- --icon-button-padding-right: var(--spacing-small);
4756
- --icon-button-padding-top: var(--spacing-small);
4757
- --icon-button-padding-bottom: var(--spacing-small);
4758
- --icon-button-column-gap: var(--spacing-none);
4759
- --icon-button-color: var(--icon-inverse)
5263
+ --icon-button-padding-left: var(--spacing-space-4);
5264
+ --icon-button-padding-right: var(--spacing-space-4);
5265
+ --icon-button-padding-top: var(--spacing-space-4);
5266
+ --icon-button-padding-bottom: var(--spacing-space-4);
5267
+ --icon-button-row-gap: var(--spacing-space-1);
5268
+ --icon-button-column-gap: var(--spacing-space-1);
5269
+ --icon-button-font-family: sans-sarif;
5270
+ --icon-button-font-size: initial;
5271
+ --icon-button-font-weight: regular;
5272
+ --icon-button-paragraph-spacing: 0px;
5273
+ --icon-button-paragraph-indent: 0px
4760
5274
  }
4761
5275
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
4762
5276
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5277
+ --icon-button-color: var(--icon-primary);
4763
5278
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4764
5279
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4765
5280
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4766
5281
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4767
- --icon-button-padding-left: var(--spacing-small);
4768
- --icon-button-padding-right: var(--spacing-small);
4769
- --icon-button-padding-top: var(--spacing-small);
4770
- --icon-button-padding-bottom: var(--spacing-small);
4771
- --icon-button-column-gap: var(--spacing-none);
4772
- --icon-button-color: var(--icon-primary)
5282
+ --icon-button-padding-left: var(--spacing-space-4);
5283
+ --icon-button-padding-right: var(--spacing-space-4);
5284
+ --icon-button-padding-top: var(--spacing-space-4);
5285
+ --icon-button-padding-bottom: var(--spacing-space-4);
5286
+ --icon-button-row-gap: var(--spacing-space-1);
5287
+ --icon-button-column-gap: var(--spacing-space-1);
5288
+ --icon-button-font-family: sans-sarif;
5289
+ --icon-button-font-size: initial;
5290
+ --icon-button-font-weight: regular;
5291
+ --icon-button-paragraph-spacing: 0px;
5292
+ --icon-button-paragraph-indent: 0px
4773
5293
  }
4774
5294
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-outlined"][disabled],
4775
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"][disabled],
4776
- [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:disabled,
4777
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:disabled {
5295
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"][disabled],
5296
+ [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:disabled,
5297
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:disabled {
4778
5298
  --icon-button-background-color: var(--interactive-surface-secondary-disabled);
5299
+ --icon-button-color: var(--icon-tertiary);
4779
5300
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4780
5301
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4781
5302
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4782
5303
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4783
- --icon-button-padding-left: var(--spacing-small);
4784
- --icon-button-padding-right: var(--spacing-small);
4785
- --icon-button-padding-top: var(--spacing-small);
4786
- --icon-button-padding-bottom: var(--spacing-small);
4787
- --icon-button-column-gap: var(--spacing-none);
4788
- --icon-button-color: var(--icon-tertiary)
5304
+ --icon-button-padding-left: var(--spacing-space-4);
5305
+ --icon-button-padding-right: var(--spacing-space-4);
5306
+ --icon-button-padding-top: var(--spacing-space-4);
5307
+ --icon-button-padding-bottom: var(--spacing-space-4);
5308
+ --icon-button-row-gap: var(--spacing-space-1);
5309
+ --icon-button-column-gap: var(--spacing-space-1);
5310
+ --icon-button-font-family: sans-sarif;
5311
+ --icon-button-font-size: initial;
5312
+ --icon-button-font-weight: regular;
5313
+ --icon-button-paragraph-spacing: 0px;
5314
+ --icon-button-paragraph-indent: 0px
4789
5315
  }
4790
5316
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
4791
5317
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5318
+ --icon-button-color: var(--icon-primary);
4792
5319
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4793
5320
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4794
5321
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4795
5322
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4796
- --icon-button-padding-left: var(--spacing-small);
4797
- --icon-button-padding-right: var(--spacing-small);
4798
- --icon-button-padding-top: var(--spacing-small);
4799
- --icon-button-padding-bottom: var(--spacing-small);
4800
- --icon-button-column-gap: var(--spacing-none);
4801
- --icon-button-color: var(--icon-primary)
5323
+ --icon-button-padding-left: var(--spacing-space-4);
5324
+ --icon-button-padding-right: var(--spacing-space-4);
5325
+ --icon-button-padding-top: var(--spacing-space-4);
5326
+ --icon-button-padding-bottom: var(--spacing-space-4);
5327
+ --icon-button-row-gap: var(--spacing-space-1);
5328
+ --icon-button-column-gap: var(--spacing-space-1);
5329
+ --icon-button-font-family: sans-sarif;
5330
+ --icon-button-font-size: initial;
5331
+ --icon-button-font-weight: regular;
5332
+ --icon-button-paragraph-spacing: 0px;
5333
+ --icon-button-paragraph-indent: 0px
4802
5334
  }
4803
5335
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
4804
5336
  --icon-button-background-color: var(--interactive-surface-primary-hover);
5337
+ --icon-button-color: var(--icon-primary);
4805
5338
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4806
5339
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4807
5340
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4811,14 +5344,20 @@ span.flatpickr-weekday {
4811
5344
  --icon-button-border-right-width: 1px;
4812
5345
  --icon-button-border-bottom-width: 1px;
4813
5346
  --icon-button-border-left-width: 1px;
4814
- --icon-button-padding-left: var(--spacing-small);
4815
- --icon-button-padding-right: var(--spacing-small);
4816
- --icon-button-padding-top: var(--spacing-small);
4817
- --icon-button-padding-bottom: var(--spacing-small);
4818
- --icon-button-column-gap: var(--spacing-none);
4819
- --icon-button-color: var(--icon-primary)
5347
+ --icon-button-padding-left: var(--spacing-space-4);
5348
+ --icon-button-padding-right: var(--spacing-space-4);
5349
+ --icon-button-padding-top: var(--spacing-space-4);
5350
+ --icon-button-padding-bottom: var(--spacing-space-4);
5351
+ --icon-button-row-gap: var(--spacing-space-1);
5352
+ --icon-button-column-gap: var(--spacing-space-1);
5353
+ --icon-button-font-family: sans-sarif;
5354
+ --icon-button-font-size: initial;
5355
+ --icon-button-font-weight: regular;
5356
+ --icon-button-paragraph-spacing: 0px;
5357
+ --icon-button-paragraph-indent: 0px
4820
5358
  }
4821
5359
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-outlined"], [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"] {
5360
+ --icon-button-color: rgb(233, 233, 234);
4822
5361
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4823
5362
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4824
5363
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4828,57 +5367,81 @@ span.flatpickr-weekday {
4828
5367
  --icon-button-border-right-width: 1px;
4829
5368
  --icon-button-border-bottom-width: 1px;
4830
5369
  --icon-button-border-left-width: 1px;
4831
- --icon-button-padding-left: var(--spacing-small);
4832
- --icon-button-padding-right: var(--spacing-small);
4833
- --icon-button-padding-top: var(--spacing-small);
4834
- --icon-button-padding-bottom: var(--spacing-small);
4835
- --icon-button-column-gap: var(--spacing-none);
4836
- --icon-button-color: rgb(233, 233, 234)
5370
+ --icon-button-padding-left: var(--spacing-space-4);
5371
+ --icon-button-padding-right: var(--spacing-space-4);
5372
+ --icon-button-padding-top: var(--spacing-space-4);
5373
+ --icon-button-padding-bottom: var(--spacing-space-4);
5374
+ --icon-button-row-gap: var(--spacing-space-1);
5375
+ --icon-button-column-gap: var(--spacing-space-1);
5376
+ --icon-button-font-family: sans-sarif;
5377
+ --icon-button-font-size: initial;
5378
+ --icon-button-font-weight: regular;
5379
+ --icon-button-paragraph-spacing: 0px;
5380
+ --icon-button-paragraph-indent: 0px
4837
5381
  }
4838
5382
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
4839
5383
  --icon-button-background-color: var(--interactive-surface-primary-pressed);
5384
+ --icon-button-color: var(--icon-primary);
4840
5385
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4841
5386
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4842
5387
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4843
5388
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4844
- --icon-button-padding-left: var(--spacing-small);
4845
- --icon-button-padding-right: var(--spacing-small);
4846
- --icon-button-padding-top: var(--spacing-small);
4847
- --icon-button-padding-bottom: var(--spacing-small);
4848
- --icon-button-column-gap: var(--spacing-none);
4849
- --icon-button-color: var(--icon-primary)
5389
+ --icon-button-padding-left: var(--spacing-space-4);
5390
+ --icon-button-padding-right: var(--spacing-space-4);
5391
+ --icon-button-padding-top: var(--spacing-space-4);
5392
+ --icon-button-padding-bottom: var(--spacing-space-4);
5393
+ --icon-button-row-gap: var(--spacing-space-1);
5394
+ --icon-button-column-gap: var(--spacing-space-1);
5395
+ --icon-button-font-family: sans-sarif;
5396
+ --icon-button-font-size: initial;
5397
+ --icon-button-font-weight: regular;
5398
+ --icon-button-paragraph-spacing: 0px;
5399
+ --icon-button-paragraph-indent: 0px
4850
5400
  }
4851
5401
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-outlined"][disabled],
4852
- [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"][disabled],
4853
- [data-theme="light"] [component-variant="icon-button-default-medium-primary-outlined"]:disabled,
4854
- [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"]:disabled {
5402
+ [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"][disabled],
5403
+ [data-theme="light"] [component-variant="icon-button-default-medium-primary-outlined"]:disabled,
5404
+ [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"]:disabled {
4855
5405
  --icon-button-background-color: rgb(56, 58, 68);
5406
+ --icon-button-color: var(--icon-tertiary);
4856
5407
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4857
5408
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4858
5409
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4859
5410
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4860
- --icon-button-padding-left: var(--spacing-small);
4861
- --icon-button-padding-right: var(--spacing-small);
4862
- --icon-button-padding-top: var(--spacing-small);
4863
- --icon-button-padding-bottom: var(--spacing-small);
4864
- --icon-button-column-gap: var(--spacing-none);
4865
- --icon-button-color: var(--icon-tertiary)
5411
+ --icon-button-padding-left: var(--spacing-space-4);
5412
+ --icon-button-padding-right: var(--spacing-space-4);
5413
+ --icon-button-padding-top: var(--spacing-space-4);
5414
+ --icon-button-padding-bottom: var(--spacing-space-4);
5415
+ --icon-button-row-gap: var(--spacing-space-1);
5416
+ --icon-button-column-gap: var(--spacing-space-1);
5417
+ --icon-button-font-family: sans-sarif;
5418
+ --icon-button-font-size: initial;
5419
+ --icon-button-font-weight: regular;
5420
+ --icon-button-paragraph-spacing: 0px;
5421
+ --icon-button-paragraph-indent: 0px
4866
5422
  }
4867
5423
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
4868
5424
  --icon-button-background-color: var(--interactive-surface-primary-hover);
5425
+ --icon-button-color: var(--icon-primary);
4869
5426
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4870
5427
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4871
5428
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4872
5429
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4873
- --icon-button-padding-left: var(--spacing-small);
4874
- --icon-button-padding-right: var(--spacing-small);
4875
- --icon-button-padding-top: var(--spacing-small);
4876
- --icon-button-padding-bottom: var(--spacing-small);
4877
- --icon-button-column-gap: var(--spacing-none);
4878
- --icon-button-color: var(--icon-primary)
5430
+ --icon-button-padding-left: var(--spacing-space-4);
5431
+ --icon-button-padding-right: var(--spacing-space-4);
5432
+ --icon-button-padding-top: var(--spacing-space-4);
5433
+ --icon-button-padding-bottom: var(--spacing-space-4);
5434
+ --icon-button-row-gap: var(--spacing-space-1);
5435
+ --icon-button-column-gap: var(--spacing-space-1);
5436
+ --icon-button-font-family: sans-sarif;
5437
+ --icon-button-font-size: initial;
5438
+ --icon-button-font-weight: regular;
5439
+ --icon-button-paragraph-spacing: 0px;
5440
+ --icon-button-paragraph-indent: 0px
4879
5441
  }
4880
5442
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
4881
5443
  --icon-button-background-color: var(--interactive-surface-primary-hover);
5444
+ --icon-button-color: var(--icon-primary);
4882
5445
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4883
5446
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4884
5447
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4888,14 +5451,20 @@ span.flatpickr-weekday {
4888
5451
  --icon-button-border-right-width: 1px;
4889
5452
  --icon-button-border-bottom-width: 1px;
4890
5453
  --icon-button-border-left-width: 1px;
4891
- --icon-button-padding-left: var(--spacing-small);
4892
- --icon-button-padding-right: var(--spacing-small);
4893
- --icon-button-padding-top: var(--spacing-small);
4894
- --icon-button-padding-bottom: var(--spacing-small);
4895
- --icon-button-column-gap: var(--spacing-none);
4896
- --icon-button-color: var(--icon-primary)
5454
+ --icon-button-padding-left: var(--spacing-space-4);
5455
+ --icon-button-padding-right: var(--spacing-space-4);
5456
+ --icon-button-padding-top: var(--spacing-space-4);
5457
+ --icon-button-padding-bottom: var(--spacing-space-4);
5458
+ --icon-button-row-gap: var(--spacing-space-1);
5459
+ --icon-button-column-gap: var(--spacing-space-1);
5460
+ --icon-button-font-family: sans-sarif;
5461
+ --icon-button-font-size: initial;
5462
+ --icon-button-font-weight: regular;
5463
+ --icon-button-paragraph-spacing: 0px;
5464
+ --icon-button-paragraph-indent: 0px
4897
5465
  }
4898
5466
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-outlined"], [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"] {
5467
+ --icon-button-color: var(--icon-inverse);
4899
5468
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4900
5469
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4901
5470
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4905,57 +5474,81 @@ span.flatpickr-weekday {
4905
5474
  --icon-button-border-right-width: 1px;
4906
5475
  --icon-button-border-bottom-width: 1px;
4907
5476
  --icon-button-border-left-width: 1px;
4908
- --icon-button-padding-left: var(--spacing-small);
4909
- --icon-button-padding-right: var(--spacing-small);
4910
- --icon-button-padding-top: var(--spacing-small);
4911
- --icon-button-padding-bottom: var(--spacing-small);
4912
- --icon-button-column-gap: var(--spacing-none);
4913
- --icon-button-color: var(--icon-inverse)
5477
+ --icon-button-padding-left: var(--spacing-space-4);
5478
+ --icon-button-padding-right: var(--spacing-space-4);
5479
+ --icon-button-padding-top: var(--spacing-space-4);
5480
+ --icon-button-padding-bottom: var(--spacing-space-4);
5481
+ --icon-button-row-gap: var(--spacing-space-1);
5482
+ --icon-button-column-gap: var(--spacing-space-1);
5483
+ --icon-button-font-family: sans-sarif;
5484
+ --icon-button-font-size: initial;
5485
+ --icon-button-font-weight: regular;
5486
+ --icon-button-paragraph-spacing: 0px;
5487
+ --icon-button-paragraph-indent: 0px
4914
5488
  }
4915
5489
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
4916
5490
  --icon-button-background-color: var(--interactive-surface-primary-pressed);
5491
+ --icon-button-color: var(--icon-primary);
4917
5492
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4918
5493
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4919
5494
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4920
5495
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4921
- --icon-button-padding-left: var(--spacing-small);
4922
- --icon-button-padding-right: var(--spacing-small);
4923
- --icon-button-padding-top: var(--spacing-small);
4924
- --icon-button-padding-bottom: var(--spacing-small);
4925
- --icon-button-column-gap: var(--spacing-none);
4926
- --icon-button-color: var(--icon-primary)
5496
+ --icon-button-padding-left: var(--spacing-space-4);
5497
+ --icon-button-padding-right: var(--spacing-space-4);
5498
+ --icon-button-padding-top: var(--spacing-space-4);
5499
+ --icon-button-padding-bottom: var(--spacing-space-4);
5500
+ --icon-button-row-gap: var(--spacing-space-1);
5501
+ --icon-button-column-gap: var(--spacing-space-1);
5502
+ --icon-button-font-family: sans-sarif;
5503
+ --icon-button-font-size: initial;
5504
+ --icon-button-font-weight: regular;
5505
+ --icon-button-paragraph-spacing: 0px;
5506
+ --icon-button-paragraph-indent: 0px
4927
5507
  }
4928
5508
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-outlined"][disabled],
4929
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"][disabled],
4930
- [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-outlined"]:disabled,
4931
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"]:disabled {
5509
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"][disabled],
5510
+ [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-outlined"]:disabled,
5511
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"]:disabled {
4932
5512
  --icon-button-background-color: rgb(56, 58, 68);
5513
+ --icon-button-color: var(--icon-tertiary);
4933
5514
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4934
5515
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4935
5516
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4936
5517
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4937
- --icon-button-padding-left: var(--spacing-small);
4938
- --icon-button-padding-right: var(--spacing-small);
4939
- --icon-button-padding-top: var(--spacing-small);
4940
- --icon-button-padding-bottom: var(--spacing-small);
4941
- --icon-button-column-gap: var(--spacing-none);
4942
- --icon-button-color: var(--icon-tertiary)
5518
+ --icon-button-padding-left: var(--spacing-space-4);
5519
+ --icon-button-padding-right: var(--spacing-space-4);
5520
+ --icon-button-padding-top: var(--spacing-space-4);
5521
+ --icon-button-padding-bottom: var(--spacing-space-4);
5522
+ --icon-button-row-gap: var(--spacing-space-1);
5523
+ --icon-button-column-gap: var(--spacing-space-1);
5524
+ --icon-button-font-family: sans-sarif;
5525
+ --icon-button-font-size: initial;
5526
+ --icon-button-font-weight: regular;
5527
+ --icon-button-paragraph-spacing: 0px;
5528
+ --icon-button-paragraph-indent: 0px
4943
5529
  }
4944
5530
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
4945
5531
  --icon-button-background-color: var(--interactive-surface-primary-hover);
5532
+ --icon-button-color: var(--icon-primary);
4946
5533
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4947
5534
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4948
5535
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4949
5536
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4950
- --icon-button-padding-left: var(--spacing-small);
4951
- --icon-button-padding-right: var(--spacing-small);
4952
- --icon-button-padding-top: var(--spacing-small);
4953
- --icon-button-padding-bottom: var(--spacing-small);
4954
- --icon-button-column-gap: var(--spacing-none);
4955
- --icon-button-color: var(--icon-primary)
5537
+ --icon-button-padding-left: var(--spacing-space-4);
5538
+ --icon-button-padding-right: var(--spacing-space-4);
5539
+ --icon-button-padding-top: var(--spacing-space-4);
5540
+ --icon-button-padding-bottom: var(--spacing-space-4);
5541
+ --icon-button-row-gap: var(--spacing-space-1);
5542
+ --icon-button-column-gap: var(--spacing-space-1);
5543
+ --icon-button-font-family: sans-sarif;
5544
+ --icon-button-font-size: initial;
5545
+ --icon-button-font-weight: regular;
5546
+ --icon-button-paragraph-spacing: 0px;
5547
+ --icon-button-paragraph-indent: 0px
4956
5548
  }
4957
5549
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
4958
5550
  --icon-button-background-color: var(--interactive-surface-ghost-pressed);
5551
+ --icon-button-color: var(--icon-primary);
4959
5552
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4960
5553
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4961
5554
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -4965,70 +5558,100 @@ span.flatpickr-weekday {
4965
5558
  --icon-button-border-right-width: 1px;
4966
5559
  --icon-button-border-bottom-width: 1px;
4967
5560
  --icon-button-border-left-width: 1px;
4968
- --icon-button-padding-left: var(--spacing-small);
4969
- --icon-button-padding-right: var(--spacing-small);
4970
- --icon-button-padding-top: var(--spacing-small);
4971
- --icon-button-padding-bottom: var(--spacing-small);
4972
- --icon-button-column-gap: var(--spacing-none);
4973
- --icon-button-color: var(--icon-primary)
5561
+ --icon-button-padding-left: var(--spacing-space-4);
5562
+ --icon-button-padding-right: var(--spacing-space-4);
5563
+ --icon-button-padding-top: var(--spacing-space-4);
5564
+ --icon-button-padding-bottom: var(--spacing-space-4);
5565
+ --icon-button-row-gap: var(--spacing-space-1);
5566
+ --icon-button-column-gap: var(--spacing-space-1);
5567
+ --icon-button-font-family: sans-sarif;
5568
+ --icon-button-font-size: initial;
5569
+ --icon-button-font-weight: regular;
5570
+ --icon-button-paragraph-spacing: 0px;
5571
+ --icon-button-paragraph-indent: 0px
4974
5572
  }
4975
5573
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-ghost"], [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"] {
4976
5574
  --icon-button-background-color: var(--interactive-surface-ghost-default);
5575
+ --icon-button-color: var(--icon-primary);
4977
5576
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4978
5577
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4979
5578
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4980
5579
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4981
- --icon-button-padding-left: var(--spacing-small);
4982
- --icon-button-padding-right: var(--spacing-small);
4983
- --icon-button-padding-top: var(--spacing-small);
4984
- --icon-button-padding-bottom: var(--spacing-small);
4985
- --icon-button-column-gap: var(--spacing-none);
4986
- --icon-button-color: var(--icon-primary)
5580
+ --icon-button-padding-left: var(--spacing-space-4);
5581
+ --icon-button-padding-right: var(--spacing-space-4);
5582
+ --icon-button-padding-top: var(--spacing-space-4);
5583
+ --icon-button-padding-bottom: var(--spacing-space-4);
5584
+ --icon-button-row-gap: var(--spacing-space-1);
5585
+ --icon-button-column-gap: var(--spacing-space-1);
5586
+ --icon-button-font-family: sans-sarif;
5587
+ --icon-button-font-size: initial;
5588
+ --icon-button-font-weight: regular;
5589
+ --icon-button-paragraph-spacing: 0px;
5590
+ --icon-button-paragraph-indent: 0px
4987
5591
  }
4988
5592
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
4989
5593
  --icon-button-background-color: var(--interactive-surface-ghost-pressed);
5594
+ --icon-button-color: var(--icon-primary);
4990
5595
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
4991
5596
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
4992
5597
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
4993
5598
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
4994
- --icon-button-padding-left: var(--spacing-small);
4995
- --icon-button-padding-right: var(--spacing-small);
4996
- --icon-button-padding-top: var(--spacing-small);
4997
- --icon-button-padding-bottom: var(--spacing-small);
4998
- --icon-button-column-gap: var(--spacing-none);
4999
- --icon-button-color: var(--icon-primary)
5599
+ --icon-button-padding-left: var(--spacing-space-4);
5600
+ --icon-button-padding-right: var(--spacing-space-4);
5601
+ --icon-button-padding-top: var(--spacing-space-4);
5602
+ --icon-button-padding-bottom: var(--spacing-space-4);
5603
+ --icon-button-row-gap: var(--spacing-space-1);
5604
+ --icon-button-column-gap: var(--spacing-space-1);
5605
+ --icon-button-font-family: sans-sarif;
5606
+ --icon-button-font-size: initial;
5607
+ --icon-button-font-weight: regular;
5608
+ --icon-button-paragraph-spacing: 0px;
5609
+ --icon-button-paragraph-indent: 0px
5000
5610
  }
5001
5611
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-ghost"][disabled],
5002
- [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"][disabled],
5003
- [data-theme="light"] [component-variant="icon-button-default-medium-secondary-ghost"]:disabled,
5004
- [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"]:disabled {
5612
+ [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"][disabled],
5613
+ [data-theme="light"] [component-variant="icon-button-default-medium-secondary-ghost"]:disabled,
5614
+ [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"]:disabled {
5005
5615
  --icon-button-background-color: var(--interactive-surface-ghost-disabled);
5616
+ --icon-button-color: var(--colours-grey-50);
5006
5617
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5007
5618
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5008
5619
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5009
5620
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5010
- --icon-button-padding-left: var(--spacing-small);
5011
- --icon-button-padding-right: var(--spacing-small);
5012
- --icon-button-padding-top: var(--spacing-small);
5013
- --icon-button-padding-bottom: var(--spacing-small);
5014
- --icon-button-column-gap: var(--spacing-none);
5015
- --icon-button-color: var(--colours-grey-50)
5621
+ --icon-button-padding-left: var(--spacing-space-4);
5622
+ --icon-button-padding-right: var(--spacing-space-4);
5623
+ --icon-button-padding-top: var(--spacing-space-4);
5624
+ --icon-button-padding-bottom: var(--spacing-space-4);
5625
+ --icon-button-row-gap: var(--spacing-space-1);
5626
+ --icon-button-column-gap: var(--spacing-space-1);
5627
+ --icon-button-font-family: sans-sarif;
5628
+ --icon-button-font-size: initial;
5629
+ --icon-button-font-weight: regular;
5630
+ --icon-button-paragraph-spacing: 0px;
5631
+ --icon-button-paragraph-indent: 0px
5016
5632
  }
5017
5633
  [data-theme="light"] [component-variant="icon-button-default-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
5018
5634
  --icon-button-background-color: var(--interactive-surface-ghost-hover);
5635
+ --icon-button-color: var(--icon-primary);
5019
5636
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5020
5637
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5021
5638
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5022
5639
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5023
- --icon-button-padding-left: var(--spacing-small);
5024
- --icon-button-padding-right: var(--spacing-small);
5025
- --icon-button-padding-top: var(--spacing-small);
5026
- --icon-button-padding-bottom: var(--spacing-small);
5027
- --icon-button-column-gap: var(--spacing-none);
5028
- --icon-button-color: var(--icon-primary)
5640
+ --icon-button-padding-left: var(--spacing-space-4);
5641
+ --icon-button-padding-right: var(--spacing-space-4);
5642
+ --icon-button-padding-top: var(--spacing-space-4);
5643
+ --icon-button-padding-bottom: var(--spacing-space-4);
5644
+ --icon-button-row-gap: var(--spacing-space-1);
5645
+ --icon-button-column-gap: var(--spacing-space-1);
5646
+ --icon-button-font-family: sans-sarif;
5647
+ --icon-button-font-size: initial;
5648
+ --icon-button-font-weight: regular;
5649
+ --icon-button-paragraph-spacing: 0px;
5650
+ --icon-button-paragraph-indent: 0px
5029
5651
  }
5030
5652
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
5031
5653
  --icon-button-background-color: var(--interactive-surface-ghost-pressed);
5654
+ --icon-button-color: var(--icon-primary);
5032
5655
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5033
5656
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5034
5657
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -5038,70 +5661,100 @@ span.flatpickr-weekday {
5038
5661
  --icon-button-border-right-width: 1px;
5039
5662
  --icon-button-border-bottom-width: 1px;
5040
5663
  --icon-button-border-left-width: 1px;
5041
- --icon-button-padding-left: var(--spacing-small);
5042
- --icon-button-padding-right: var(--spacing-small);
5043
- --icon-button-padding-top: var(--spacing-small);
5044
- --icon-button-padding-bottom: var(--spacing-small);
5045
- --icon-button-column-gap: var(--spacing-none);
5046
- --icon-button-color: var(--icon-primary)
5664
+ --icon-button-padding-left: var(--spacing-space-4);
5665
+ --icon-button-padding-right: var(--spacing-space-4);
5666
+ --icon-button-padding-top: var(--spacing-space-4);
5667
+ --icon-button-padding-bottom: var(--spacing-space-4);
5668
+ --icon-button-row-gap: var(--spacing-space-1);
5669
+ --icon-button-column-gap: var(--spacing-space-1);
5670
+ --icon-button-font-family: sans-sarif;
5671
+ --icon-button-font-size: initial;
5672
+ --icon-button-font-weight: regular;
5673
+ --icon-button-paragraph-spacing: 0px;
5674
+ --icon-button-paragraph-indent: 0px
5047
5675
  }
5048
5676
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-ghost"], [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"] {
5049
5677
  --icon-button-background-color: var(--interactive-surface-ghost-default);
5678
+ --icon-button-color: var(--icon-inverse);
5050
5679
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5051
5680
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5052
5681
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5053
5682
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5054
- --icon-button-padding-left: var(--spacing-small);
5055
- --icon-button-padding-right: var(--spacing-small);
5056
- --icon-button-padding-top: var(--spacing-small);
5057
- --icon-button-padding-bottom: var(--spacing-small);
5058
- --icon-button-column-gap: var(--spacing-none);
5059
- --icon-button-color: var(--icon-inverse)
5683
+ --icon-button-padding-left: var(--spacing-space-4);
5684
+ --icon-button-padding-right: var(--spacing-space-4);
5685
+ --icon-button-padding-top: var(--spacing-space-4);
5686
+ --icon-button-padding-bottom: var(--spacing-space-4);
5687
+ --icon-button-row-gap: var(--spacing-space-1);
5688
+ --icon-button-column-gap: var(--spacing-space-1);
5689
+ --icon-button-font-family: sans-sarif;
5690
+ --icon-button-font-size: initial;
5691
+ --icon-button-font-weight: regular;
5692
+ --icon-button-paragraph-spacing: 0px;
5693
+ --icon-button-paragraph-indent: 0px
5060
5694
  }
5061
5695
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
5062
5696
  --icon-button-background-color: var(--interactive-surface-ghost-pressed);
5697
+ --icon-button-color: var(--icon-primary);
5063
5698
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5064
5699
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5065
5700
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5066
5701
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5067
- --icon-button-padding-left: var(--spacing-small);
5068
- --icon-button-padding-right: var(--spacing-small);
5069
- --icon-button-padding-top: var(--spacing-small);
5070
- --icon-button-padding-bottom: var(--spacing-small);
5071
- --icon-button-column-gap: var(--spacing-none);
5072
- --icon-button-color: var(--icon-primary)
5702
+ --icon-button-padding-left: var(--spacing-space-4);
5703
+ --icon-button-padding-right: var(--spacing-space-4);
5704
+ --icon-button-padding-top: var(--spacing-space-4);
5705
+ --icon-button-padding-bottom: var(--spacing-space-4);
5706
+ --icon-button-row-gap: var(--spacing-space-1);
5707
+ --icon-button-column-gap: var(--spacing-space-1);
5708
+ --icon-button-font-family: sans-sarif;
5709
+ --icon-button-font-size: initial;
5710
+ --icon-button-font-weight: regular;
5711
+ --icon-button-paragraph-spacing: 0px;
5712
+ --icon-button-paragraph-indent: 0px
5073
5713
  }
5074
5714
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-ghost"][disabled],
5075
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"][disabled],
5076
- [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:disabled,
5077
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:disabled {
5715
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"][disabled],
5716
+ [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:disabled,
5717
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:disabled {
5078
5718
  --icon-button-background-color: var(--interactive-surface-ghost-disabled);
5719
+ --icon-button-color: var(--colours-grey-50);
5079
5720
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5080
5721
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5081
5722
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5082
5723
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5083
- --icon-button-padding-left: var(--spacing-small);
5084
- --icon-button-padding-right: var(--spacing-small);
5085
- --icon-button-padding-top: var(--spacing-small);
5086
- --icon-button-padding-bottom: var(--spacing-small);
5087
- --icon-button-column-gap: var(--spacing-none);
5088
- --icon-button-color: var(--colours-grey-50)
5724
+ --icon-button-padding-left: var(--spacing-space-4);
5725
+ --icon-button-padding-right: var(--spacing-space-4);
5726
+ --icon-button-padding-top: var(--spacing-space-4);
5727
+ --icon-button-padding-bottom: var(--spacing-space-4);
5728
+ --icon-button-row-gap: var(--spacing-space-1);
5729
+ --icon-button-column-gap: var(--spacing-space-1);
5730
+ --icon-button-font-family: sans-sarif;
5731
+ --icon-button-font-size: initial;
5732
+ --icon-button-font-weight: regular;
5733
+ --icon-button-paragraph-spacing: 0px;
5734
+ --icon-button-paragraph-indent: 0px
5089
5735
  }
5090
5736
  [data-theme="light"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
5091
5737
  --icon-button-background-color: var(--interactive-surface-ghost-hover);
5738
+ --icon-button-color: var(--icon-primary);
5092
5739
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5093
5740
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5094
5741
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5095
5742
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5096
- --icon-button-padding-left: var(--spacing-small);
5097
- --icon-button-padding-right: var(--spacing-small);
5098
- --icon-button-padding-top: var(--spacing-small);
5099
- --icon-button-padding-bottom: var(--spacing-small);
5100
- --icon-button-column-gap: var(--spacing-none);
5101
- --icon-button-color: var(--icon-primary)
5743
+ --icon-button-padding-left: var(--spacing-space-4);
5744
+ --icon-button-padding-right: var(--spacing-space-4);
5745
+ --icon-button-padding-top: var(--spacing-space-4);
5746
+ --icon-button-padding-bottom: var(--spacing-space-4);
5747
+ --icon-button-row-gap: var(--spacing-space-1);
5748
+ --icon-button-column-gap: var(--spacing-space-1);
5749
+ --icon-button-font-family: sans-sarif;
5750
+ --icon-button-font-size: initial;
5751
+ --icon-button-font-weight: regular;
5752
+ --icon-button-paragraph-spacing: 0px;
5753
+ --icon-button-paragraph-indent: 0px
5102
5754
  }
5103
5755
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
5104
5756
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5757
+ --icon-button-color: var(--icon-primary);
5105
5758
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5106
5759
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5107
5760
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -5111,69 +5764,99 @@ span.flatpickr-weekday {
5111
5764
  --icon-button-border-right-width: 1px;
5112
5765
  --icon-button-border-bottom-width: 1px;
5113
5766
  --icon-button-border-left-width: 1px;
5114
- --icon-button-padding-left: var(--spacing-small);
5115
- --icon-button-padding-right: var(--spacing-small);
5116
- --icon-button-padding-top: var(--spacing-small);
5117
- --icon-button-padding-bottom: var(--spacing-small);
5118
- --icon-button-column-gap: var(--spacing-none);
5119
- --icon-button-color: var(--icon-primary)
5767
+ --icon-button-padding-left: var(--spacing-space-4);
5768
+ --icon-button-padding-right: var(--spacing-space-4);
5769
+ --icon-button-padding-top: var(--spacing-space-4);
5770
+ --icon-button-padding-bottom: var(--spacing-space-4);
5771
+ --icon-button-row-gap: var(--spacing-space-1);
5772
+ --icon-button-column-gap: var(--spacing-space-1);
5773
+ --icon-button-font-family: sans-sarif;
5774
+ --icon-button-font-size: initial;
5775
+ --icon-button-font-weight: regular;
5776
+ --icon-button-paragraph-spacing: 0px;
5777
+ --icon-button-paragraph-indent: 0px
5120
5778
  }
5121
5779
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-ghost"], [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"] {
5780
+ --icon-button-color: var(--icon-primary);
5122
5781
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5123
5782
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5124
5783
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5125
5784
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5126
- --icon-button-padding-left: var(--spacing-small);
5127
- --icon-button-padding-right: var(--spacing-small);
5128
- --icon-button-padding-top: var(--spacing-small);
5129
- --icon-button-padding-bottom: var(--spacing-small);
5130
- --icon-button-column-gap: var(--spacing-none);
5131
- --icon-button-color: var(--icon-primary)
5785
+ --icon-button-padding-left: var(--spacing-space-4);
5786
+ --icon-button-padding-right: var(--spacing-space-4);
5787
+ --icon-button-padding-top: var(--spacing-space-4);
5788
+ --icon-button-padding-bottom: var(--spacing-space-4);
5789
+ --icon-button-row-gap: var(--spacing-space-1);
5790
+ --icon-button-column-gap: var(--spacing-space-1);
5791
+ --icon-button-font-family: sans-sarif;
5792
+ --icon-button-font-size: initial;
5793
+ --icon-button-font-weight: regular;
5794
+ --icon-button-paragraph-spacing: 0px;
5795
+ --icon-button-paragraph-indent: 0px
5132
5796
  }
5133
5797
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-medium-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
5134
5798
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5799
+ --icon-button-color: var(--icon-primary);
5135
5800
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5136
5801
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5137
5802
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5138
5803
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5139
- --icon-button-padding-left: var(--spacing-small);
5140
- --icon-button-padding-right: var(--spacing-small);
5141
- --icon-button-padding-top: var(--spacing-small);
5142
- --icon-button-padding-bottom: var(--spacing-small);
5143
- --icon-button-column-gap: var(--spacing-none);
5144
- --icon-button-color: var(--icon-primary)
5804
+ --icon-button-padding-left: var(--spacing-space-4);
5805
+ --icon-button-padding-right: var(--spacing-space-4);
5806
+ --icon-button-padding-top: var(--spacing-space-4);
5807
+ --icon-button-padding-bottom: var(--spacing-space-4);
5808
+ --icon-button-row-gap: var(--spacing-space-1);
5809
+ --icon-button-column-gap: var(--spacing-space-1);
5810
+ --icon-button-font-family: sans-sarif;
5811
+ --icon-button-font-size: initial;
5812
+ --icon-button-font-weight: regular;
5813
+ --icon-button-paragraph-spacing: 0px;
5814
+ --icon-button-paragraph-indent: 0px
5145
5815
  }
5146
5816
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-ghost"][disabled],
5147
- [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"][disabled],
5148
- [data-theme="light"] [component-variant="icon-button-default-medium-primary-ghost"]:disabled,
5149
- [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"]:disabled {
5817
+ [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"][disabled],
5818
+ [data-theme="light"] [component-variant="icon-button-default-medium-primary-ghost"]:disabled,
5819
+ [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"]:disabled {
5150
5820
  --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
5821
+ --icon-button-color: var(--colours-grey-50);
5151
5822
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5152
5823
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5153
5824
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5154
5825
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5155
- --icon-button-padding-left: var(--spacing-small);
5156
- --icon-button-padding-right: var(--spacing-small);
5157
- --icon-button-padding-top: var(--spacing-small);
5158
- --icon-button-padding-bottom: var(--spacing-small);
5159
- --icon-button-column-gap: var(--spacing-none);
5160
- --icon-button-color: var(--colours-grey-50)
5826
+ --icon-button-padding-left: var(--spacing-space-4);
5827
+ --icon-button-padding-right: var(--spacing-space-4);
5828
+ --icon-button-padding-top: var(--spacing-space-4);
5829
+ --icon-button-padding-bottom: var(--spacing-space-4);
5830
+ --icon-button-row-gap: var(--spacing-space-1);
5831
+ --icon-button-column-gap: var(--spacing-space-1);
5832
+ --icon-button-font-family: sans-sarif;
5833
+ --icon-button-font-size: initial;
5834
+ --icon-button-font-weight: regular;
5835
+ --icon-button-paragraph-spacing: 0px;
5836
+ --icon-button-paragraph-indent: 0px
5161
5837
  }
5162
5838
  [data-theme="light"] [component-variant="icon-button-default-medium-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
5163
5839
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5840
+ --icon-button-color: var(--icon-primary);
5164
5841
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5165
5842
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5166
5843
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5167
5844
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5168
- --icon-button-padding-left: var(--spacing-small);
5169
- --icon-button-padding-right: var(--spacing-small);
5170
- --icon-button-padding-top: var(--spacing-small);
5171
- --icon-button-padding-bottom: var(--spacing-small);
5172
- --icon-button-column-gap: var(--spacing-none);
5173
- --icon-button-color: var(--icon-primary)
5845
+ --icon-button-padding-left: var(--spacing-space-4);
5846
+ --icon-button-padding-right: var(--spacing-space-4);
5847
+ --icon-button-padding-top: var(--spacing-space-4);
5848
+ --icon-button-padding-bottom: var(--spacing-space-4);
5849
+ --icon-button-row-gap: var(--spacing-space-1);
5850
+ --icon-button-column-gap: var(--spacing-space-1);
5851
+ --icon-button-font-family: sans-sarif;
5852
+ --icon-button-font-size: initial;
5853
+ --icon-button-font-weight: regular;
5854
+ --icon-button-paragraph-spacing: 0px;
5855
+ --icon-button-paragraph-indent: 0px
5174
5856
  }
5175
5857
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
5176
5858
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5859
+ --icon-button-color: var(--icon-primary);
5177
5860
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5178
5861
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5179
5862
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
@@ -5183,810 +5866,1139 @@ span.flatpickr-weekday {
5183
5866
  --icon-button-border-right-width: 1px;
5184
5867
  --icon-button-border-bottom-width: 1px;
5185
5868
  --icon-button-border-left-width: 1px;
5186
- --icon-button-padding-left: var(--spacing-small);
5187
- --icon-button-padding-right: var(--spacing-small);
5188
- --icon-button-padding-top: var(--spacing-small);
5189
- --icon-button-padding-bottom: var(--spacing-small);
5190
- --icon-button-column-gap: var(--spacing-none);
5191
- --icon-button-color: var(--icon-primary)
5869
+ --icon-button-padding-left: var(--spacing-space-4);
5870
+ --icon-button-padding-right: var(--spacing-space-4);
5871
+ --icon-button-padding-top: var(--spacing-space-4);
5872
+ --icon-button-padding-bottom: var(--spacing-space-4);
5873
+ --icon-button-row-gap: var(--spacing-space-1);
5874
+ --icon-button-column-gap: var(--spacing-space-1);
5875
+ --icon-button-font-family: sans-sarif;
5876
+ --icon-button-font-size: initial;
5877
+ --icon-button-font-weight: regular;
5878
+ --icon-button-paragraph-spacing: 0px;
5879
+ --icon-button-paragraph-indent: 0px
5192
5880
  }
5193
5881
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-ghost"], [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"] {
5882
+ --icon-button-color: var(--icon-inverse);
5194
5883
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5195
5884
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5196
5885
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5197
5886
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5198
- --icon-button-padding-left: var(--spacing-small);
5199
- --icon-button-padding-right: var(--spacing-small);
5200
- --icon-button-padding-top: var(--spacing-small);
5201
- --icon-button-padding-bottom: var(--spacing-small);
5202
- --icon-button-column-gap: var(--spacing-none);
5203
- --icon-button-color: var(--icon-inverse)
5887
+ --icon-button-padding-left: var(--spacing-space-4);
5888
+ --icon-button-padding-right: var(--spacing-space-4);
5889
+ --icon-button-padding-top: var(--spacing-space-4);
5890
+ --icon-button-padding-bottom: var(--spacing-space-4);
5891
+ --icon-button-row-gap: var(--spacing-space-1);
5892
+ --icon-button-column-gap: var(--spacing-space-1);
5893
+ --icon-button-font-family: sans-sarif;
5894
+ --icon-button-font-size: initial;
5895
+ --icon-button-font-weight: regular;
5896
+ --icon-button-paragraph-spacing: 0px;
5897
+ --icon-button-paragraph-indent: 0px
5204
5898
  }
5205
5899
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
5206
5900
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5901
+ --icon-button-color: var(--icon-primary);
5207
5902
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5208
5903
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5209
5904
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5210
5905
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5211
- --icon-button-padding-left: var(--spacing-small);
5212
- --icon-button-padding-right: var(--spacing-small);
5213
- --icon-button-padding-top: var(--spacing-small);
5214
- --icon-button-padding-bottom: var(--spacing-small);
5215
- --icon-button-column-gap: var(--spacing-none);
5216
- --icon-button-color: var(--icon-primary)
5906
+ --icon-button-padding-left: var(--spacing-space-4);
5907
+ --icon-button-padding-right: var(--spacing-space-4);
5908
+ --icon-button-padding-top: var(--spacing-space-4);
5909
+ --icon-button-padding-bottom: var(--spacing-space-4);
5910
+ --icon-button-row-gap: var(--spacing-space-1);
5911
+ --icon-button-column-gap: var(--spacing-space-1);
5912
+ --icon-button-font-family: sans-sarif;
5913
+ --icon-button-font-size: initial;
5914
+ --icon-button-font-weight: regular;
5915
+ --icon-button-paragraph-spacing: 0px;
5916
+ --icon-button-paragraph-indent: 0px
5217
5917
  }
5218
5918
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-ghost"][disabled],
5219
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"][disabled],
5220
- [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-ghost"]:disabled,
5221
- [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"]:disabled {
5919
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"][disabled],
5920
+ [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-ghost"]:disabled,
5921
+ [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"]:disabled {
5222
5922
  --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
5923
+ --icon-button-color: var(--colours-grey-50);
5223
5924
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5224
5925
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5225
5926
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5226
5927
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5227
- --icon-button-padding-left: var(--spacing-small);
5228
- --icon-button-padding-right: var(--spacing-small);
5229
- --icon-button-padding-top: var(--spacing-small);
5230
- --icon-button-padding-bottom: var(--spacing-small);
5231
- --icon-button-column-gap: var(--spacing-none);
5232
- --icon-button-color: var(--colours-grey-50)
5928
+ --icon-button-padding-left: var(--spacing-space-4);
5929
+ --icon-button-padding-right: var(--spacing-space-4);
5930
+ --icon-button-padding-top: var(--spacing-space-4);
5931
+ --icon-button-padding-bottom: var(--spacing-space-4);
5932
+ --icon-button-row-gap: var(--spacing-space-1);
5933
+ --icon-button-column-gap: var(--spacing-space-1);
5934
+ --icon-button-font-family: sans-sarif;
5935
+ --icon-button-font-size: initial;
5936
+ --icon-button-font-weight: regular;
5937
+ --icon-button-paragraph-spacing: 0px;
5938
+ --icon-button-paragraph-indent: 0px
5233
5939
  }
5234
5940
  [data-theme="light"] [component-variant="icon-button-inverse-medium-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
5235
5941
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5942
+ --icon-button-color: var(--icon-primary);
5236
5943
  --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
5237
5944
  --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
5238
5945
  --icon-button-border-bottom-left-radius: var(--corner-radius-extra-small);
5239
5946
  --icon-button-border-bottom-right-radius: var(--corner-radius-extra-small);
5240
- --icon-button-padding-left: var(--spacing-small);
5241
- --icon-button-padding-right: var(--spacing-small);
5242
- --icon-button-padding-top: var(--spacing-small);
5243
- --icon-button-padding-bottom: var(--spacing-small);
5244
- --icon-button-column-gap: var(--spacing-none);
5245
- --icon-button-color: var(--icon-primary)
5947
+ --icon-button-padding-left: var(--spacing-space-4);
5948
+ --icon-button-padding-right: var(--spacing-space-4);
5949
+ --icon-button-padding-top: var(--spacing-space-4);
5950
+ --icon-button-padding-bottom: var(--spacing-space-4);
5951
+ --icon-button-row-gap: var(--spacing-space-1);
5952
+ --icon-button-column-gap: var(--spacing-space-1);
5953
+ --icon-button-font-family: sans-sarif;
5954
+ --icon-button-font-size: initial;
5955
+ --icon-button-font-weight: regular;
5956
+ --icon-button-paragraph-spacing: 0px;
5957
+ --icon-button-paragraph-indent: 0px
5246
5958
  }
5247
5959
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-filled"], [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"] {
5248
5960
  --icon-button-background-color: var(--interactive-surface-secondary-default);
5249
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5250
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5251
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5252
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5253
- --icon-button-padding-left: var(--spacing-extra-small);
5254
- --icon-button-padding-right: var(--spacing-extra-small);
5255
- --icon-button-padding-top: var(--spacing-extra-small);
5256
- --icon-button-padding-bottom: var(--spacing-extra-small);
5257
- --icon-button-column-gap: var(--spacing-none);
5258
- --icon-button-color: var(--icon-primary)
5961
+ --icon-button-color: var(--icon-primary);
5962
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
5963
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
5964
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
5965
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5966
+ --icon-button-padding-left: var(--spacing-space-3);
5967
+ --icon-button-padding-right: var(--spacing-space-3);
5968
+ --icon-button-padding-top: var(--spacing-space-3);
5969
+ --icon-button-padding-bottom: var(--spacing-space-3);
5970
+ --icon-button-row-gap: var(--spacing-space-1);
5971
+ --icon-button-column-gap: var(--spacing-space-1);
5972
+ --icon-button-font-family: sans-sarif;
5973
+ --icon-button-font-size: initial;
5974
+ --icon-button-font-weight: regular;
5975
+ --icon-button-paragraph-spacing: 0px;
5976
+ --icon-button-paragraph-indent: 0px
5259
5977
  }
5260
5978
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
5261
5979
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5262
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5263
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5264
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5265
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5980
+ --icon-button-color: var(--icon-primary);
5981
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
5982
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
5983
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
5984
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5266
5985
  --icon-button-border-color: var(--border-border-grey-1);
5267
5986
  --icon-button-border-top-width: 1px;
5268
5987
  --icon-button-border-right-width: 1px;
5269
5988
  --icon-button-border-bottom-width: 1px;
5270
5989
  --icon-button-border-left-width: 1px;
5271
- --icon-button-padding-left: var(--spacing-extra-small);
5272
- --icon-button-padding-right: var(--spacing-extra-small);
5273
- --icon-button-padding-top: var(--spacing-extra-small);
5274
- --icon-button-padding-bottom: var(--spacing-extra-small);
5275
- --icon-button-column-gap: var(--spacing-none);
5276
- --icon-button-color: var(--icon-primary)
5990
+ --icon-button-padding-left: var(--spacing-space-3);
5991
+ --icon-button-padding-right: var(--spacing-space-3);
5992
+ --icon-button-padding-top: var(--spacing-space-3);
5993
+ --icon-button-padding-bottom: var(--spacing-space-3);
5994
+ --icon-button-row-gap: var(--spacing-space-1);
5995
+ --icon-button-column-gap: var(--spacing-space-1);
5996
+ --icon-button-font-family: sans-sarif;
5997
+ --icon-button-font-size: initial;
5998
+ --icon-button-font-weight: regular;
5999
+ --icon-button-paragraph-spacing: 0px;
6000
+ --icon-button-paragraph-indent: 0px
5277
6001
  }
5278
6002
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
5279
6003
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5280
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5281
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5282
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5283
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5284
- --icon-button-padding-left: var(--spacing-extra-small);
5285
- --icon-button-padding-right: var(--spacing-extra-small);
5286
- --icon-button-padding-top: var(--spacing-extra-small);
5287
- --icon-button-padding-bottom: var(--spacing-extra-small);
5288
- --icon-button-column-gap: var(--spacing-none);
5289
- --icon-button-color: var(--icon-primary)
6004
+ --icon-button-color: var(--icon-primary);
6005
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6006
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6007
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6008
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6009
+ --icon-button-padding-left: var(--spacing-space-3);
6010
+ --icon-button-padding-right: var(--spacing-space-3);
6011
+ --icon-button-padding-top: var(--spacing-space-3);
6012
+ --icon-button-padding-bottom: var(--spacing-space-3);
6013
+ --icon-button-row-gap: var(--spacing-space-1);
6014
+ --icon-button-column-gap: var(--spacing-space-1);
6015
+ --icon-button-font-family: sans-sarif;
6016
+ --icon-button-font-size: initial;
6017
+ --icon-button-font-weight: regular;
6018
+ --icon-button-paragraph-spacing: 0px;
6019
+ --icon-button-paragraph-indent: 0px
5290
6020
  }
5291
6021
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
5292
6022
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5293
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5294
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5295
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5296
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5297
- --icon-button-padding-left: var(--spacing-extra-small);
5298
- --icon-button-padding-right: var(--spacing-extra-small);
5299
- --icon-button-padding-top: var(--spacing-extra-small);
5300
- --icon-button-padding-bottom: var(--spacing-extra-small);
5301
- --icon-button-column-gap: var(--spacing-none);
5302
- --icon-button-color: var(--icon-primary)
6023
+ --icon-button-color: var(--icon-primary);
6024
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6025
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6026
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6027
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6028
+ --icon-button-padding-left: var(--spacing-space-3);
6029
+ --icon-button-padding-right: var(--spacing-space-3);
6030
+ --icon-button-padding-top: var(--spacing-space-3);
6031
+ --icon-button-padding-bottom: var(--spacing-space-3);
6032
+ --icon-button-row-gap: var(--spacing-space-1);
6033
+ --icon-button-column-gap: var(--spacing-space-1);
6034
+ --icon-button-font-family: sans-sarif;
6035
+ --icon-button-font-size: initial;
6036
+ --icon-button-font-weight: regular;
6037
+ --icon-button-paragraph-spacing: 0px;
6038
+ --icon-button-paragraph-indent: 0px
5303
6039
  }
5304
6040
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-filled"][disabled],
5305
- [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"][disabled],
5306
- [data-theme="light"] [component-variant="icon-button-default-small-secondary-filled"]:disabled,
5307
- [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"]:disabled {
6041
+ [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"][disabled],
6042
+ [data-theme="light"] [component-variant="icon-button-default-small-secondary-filled"]:disabled,
6043
+ [data-theme="dark"] [component-variant="icon-button-default-small-secondary-filled"]:disabled {
5308
6044
  --icon-button-background-color: rgb(56, 58, 68);
5309
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5310
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5311
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5312
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5313
- --icon-button-padding-left: var(--spacing-extra-small);
5314
- --icon-button-padding-right: var(--spacing-extra-small);
5315
- --icon-button-padding-top: var(--spacing-extra-small);
5316
- --icon-button-padding-bottom: var(--spacing-extra-small);
5317
- --icon-button-column-gap: var(--spacing-none);
5318
- --icon-button-color: rgb(153, 154, 159)
6045
+ --icon-button-color: rgb(153, 154, 159);
6046
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6047
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6048
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6049
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6050
+ --icon-button-padding-left: var(--spacing-space-3);
6051
+ --icon-button-padding-right: var(--spacing-space-3);
6052
+ --icon-button-padding-top: var(--spacing-space-3);
6053
+ --icon-button-padding-bottom: var(--spacing-space-3);
6054
+ --icon-button-row-gap: var(--spacing-space-1);
6055
+ --icon-button-column-gap: var(--spacing-space-1);
6056
+ --icon-button-font-family: sans-sarif;
6057
+ --icon-button-font-size: initial;
6058
+ --icon-button-font-weight: regular;
6059
+ --icon-button-paragraph-spacing: 0px;
6060
+ --icon-button-paragraph-indent: 0px
5319
6061
  }
5320
6062
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-filled"], [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"] {
5321
6063
  --icon-button-background-color: var(--interactive-surface-secondary-default);
5322
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5323
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5324
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5325
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5326
- --icon-button-padding-left: var(--spacing-extra-small);
5327
- --icon-button-padding-right: var(--spacing-extra-small);
5328
- --icon-button-padding-top: var(--spacing-extra-small);
5329
- --icon-button-padding-bottom: var(--spacing-extra-small);
5330
- --icon-button-column-gap: var(--spacing-none);
5331
- --icon-button-color: var(--icon-primary)
6064
+ --icon-button-color: var(--icon-primary);
6065
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6066
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6067
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6068
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6069
+ --icon-button-padding-left: var(--spacing-space-3);
6070
+ --icon-button-padding-right: var(--spacing-space-3);
6071
+ --icon-button-padding-top: var(--spacing-space-3);
6072
+ --icon-button-padding-bottom: var(--spacing-space-3);
6073
+ --icon-button-row-gap: var(--spacing-space-1);
6074
+ --icon-button-column-gap: var(--spacing-space-1);
6075
+ --icon-button-font-family: sans-sarif;
6076
+ --icon-button-font-size: initial;
6077
+ --icon-button-font-weight: regular;
6078
+ --icon-button-paragraph-spacing: 0px;
6079
+ --icon-button-paragraph-indent: 0px
5332
6080
  }
5333
6081
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
5334
6082
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5335
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5336
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5337
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5338
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6083
+ --icon-button-color: var(--icon-primary);
6084
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6085
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6086
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6087
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5339
6088
  --icon-button-border-color: var(--border-border-grey-1);
5340
6089
  --icon-button-border-top-width: 1px;
5341
6090
  --icon-button-border-right-width: 1px;
5342
6091
  --icon-button-border-bottom-width: 1px;
5343
6092
  --icon-button-border-left-width: 1px;
5344
- --icon-button-padding-left: var(--spacing-extra-small);
5345
- --icon-button-padding-right: var(--spacing-extra-small);
5346
- --icon-button-padding-top: var(--spacing-extra-small);
5347
- --icon-button-padding-bottom: var(--spacing-extra-small);
5348
- --icon-button-column-gap: var(--spacing-none);
5349
- --icon-button-color: var(--icon-primary)
6093
+ --icon-button-padding-left: var(--spacing-space-3);
6094
+ --icon-button-padding-right: var(--spacing-space-3);
6095
+ --icon-button-padding-top: var(--spacing-space-3);
6096
+ --icon-button-padding-bottom: var(--spacing-space-3);
6097
+ --icon-button-row-gap: var(--spacing-space-1);
6098
+ --icon-button-column-gap: var(--spacing-space-1);
6099
+ --icon-button-font-family: sans-sarif;
6100
+ --icon-button-font-size: initial;
6101
+ --icon-button-font-weight: regular;
6102
+ --icon-button-paragraph-spacing: 0px;
6103
+ --icon-button-paragraph-indent: 0px
5350
6104
  }
5351
6105
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-filled"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
5352
6106
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5353
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5354
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5355
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5356
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5357
- --icon-button-padding-left: var(--spacing-extra-small);
5358
- --icon-button-padding-right: var(--spacing-extra-small);
5359
- --icon-button-padding-top: var(--spacing-extra-small);
5360
- --icon-button-padding-bottom: var(--spacing-extra-small);
5361
- --icon-button-column-gap: var(--spacing-none);
5362
- --icon-button-color: var(--icon-primary)
6107
+ --icon-button-color: var(--icon-primary);
6108
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6109
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6110
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6111
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6112
+ --icon-button-padding-left: var(--spacing-space-3);
6113
+ --icon-button-padding-right: var(--spacing-space-3);
6114
+ --icon-button-padding-top: var(--spacing-space-3);
6115
+ --icon-button-padding-bottom: var(--spacing-space-3);
6116
+ --icon-button-row-gap: var(--spacing-space-1);
6117
+ --icon-button-column-gap: var(--spacing-space-1);
6118
+ --icon-button-font-family: sans-sarif;
6119
+ --icon-button-font-size: initial;
6120
+ --icon-button-font-weight: regular;
6121
+ --icon-button-paragraph-spacing: 0px;
6122
+ --icon-button-paragraph-indent: 0px
5363
6123
  }
5364
6124
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-filled"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
5365
6125
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5366
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5367
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5368
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5369
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5370
- --icon-button-padding-left: var(--spacing-extra-small);
5371
- --icon-button-padding-right: var(--spacing-extra-small);
5372
- --icon-button-padding-top: var(--spacing-extra-small);
5373
- --icon-button-padding-bottom: var(--spacing-extra-small);
5374
- --icon-button-column-gap: var(--spacing-none);
5375
- --icon-button-color: var(--icon-primary)
6126
+ --icon-button-color: var(--icon-primary);
6127
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6128
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6129
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6130
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6131
+ --icon-button-padding-left: var(--spacing-space-3);
6132
+ --icon-button-padding-right: var(--spacing-space-3);
6133
+ --icon-button-padding-top: var(--spacing-space-3);
6134
+ --icon-button-padding-bottom: var(--spacing-space-3);
6135
+ --icon-button-row-gap: var(--spacing-space-1);
6136
+ --icon-button-column-gap: var(--spacing-space-1);
6137
+ --icon-button-font-family: sans-sarif;
6138
+ --icon-button-font-size: initial;
6139
+ --icon-button-font-weight: regular;
6140
+ --icon-button-paragraph-spacing: 0px;
6141
+ --icon-button-paragraph-indent: 0px
5376
6142
  }
5377
6143
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-filled"][disabled],
5378
- [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"][disabled],
5379
- [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-filled"]:disabled,
5380
- [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"]:disabled {
6144
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"][disabled],
6145
+ [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-filled"]:disabled,
6146
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-filled"]:disabled {
5381
6147
  --icon-button-background-color: rgb(56, 58, 68);
5382
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5383
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5384
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5385
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5386
- --icon-button-padding-left: var(--spacing-extra-small);
5387
- --icon-button-padding-right: var(--spacing-extra-small);
5388
- --icon-button-padding-top: var(--spacing-extra-small);
5389
- --icon-button-padding-bottom: var(--spacing-extra-small);
5390
- --icon-button-column-gap: var(--spacing-none);
5391
- --icon-button-color: rgb(153, 154, 159)
6148
+ --icon-button-color: rgb(153, 154, 159);
6149
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6150
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6151
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6152
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6153
+ --icon-button-padding-left: var(--spacing-space-3);
6154
+ --icon-button-padding-right: var(--spacing-space-3);
6155
+ --icon-button-padding-top: var(--spacing-space-3);
6156
+ --icon-button-padding-bottom: var(--spacing-space-3);
6157
+ --icon-button-row-gap: var(--spacing-space-1);
6158
+ --icon-button-column-gap: var(--spacing-space-1);
6159
+ --icon-button-font-family: sans-sarif;
6160
+ --icon-button-font-size: initial;
6161
+ --icon-button-font-weight: regular;
6162
+ --icon-button-paragraph-spacing: 0px;
6163
+ --icon-button-paragraph-indent: 0px
5392
6164
  }
5393
6165
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
5394
6166
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5395
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5396
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5397
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5398
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6167
+ --icon-button-color: var(--icon-primary);
6168
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6169
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6170
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6171
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5399
6172
  --icon-button-border-color: var(--border-border-grey-1);
5400
6173
  --icon-button-border-top-width: 1px;
5401
6174
  --icon-button-border-right-width: 1px;
5402
6175
  --icon-button-border-bottom-width: 1px;
5403
6176
  --icon-button-border-left-width: 1px;
5404
- --icon-button-padding-left: var(--spacing-extra-small);
5405
- --icon-button-padding-right: var(--spacing-extra-small);
5406
- --icon-button-padding-top: var(--spacing-extra-small);
5407
- --icon-button-padding-bottom: var(--spacing-extra-small);
5408
- --icon-button-column-gap: var(--spacing-none);
5409
- --icon-button-color: var(--icon-primary)
6177
+ --icon-button-padding-left: var(--spacing-space-3);
6178
+ --icon-button-padding-right: var(--spacing-space-3);
6179
+ --icon-button-padding-top: var(--spacing-space-3);
6180
+ --icon-button-padding-bottom: var(--spacing-space-3);
6181
+ --icon-button-row-gap: var(--spacing-space-1);
6182
+ --icon-button-column-gap: var(--spacing-space-1);
6183
+ --icon-button-font-family: sans-sarif;
6184
+ --icon-button-font-size: initial;
6185
+ --icon-button-font-weight: regular;
6186
+ --icon-button-paragraph-spacing: 0px;
6187
+ --icon-button-paragraph-indent: 0px
5410
6188
  }
5411
6189
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-outlined"], [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"] {
5412
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5413
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5414
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5415
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6190
+ --icon-button-color: var(--icon-primary);
6191
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6192
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6193
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6194
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5416
6195
  --icon-button-border-color: var(--border-border-grey-3);
5417
6196
  --icon-button-border-top-width: 1px;
5418
6197
  --icon-button-border-right-width: 1px;
5419
6198
  --icon-button-border-bottom-width: 1px;
5420
6199
  --icon-button-border-left-width: 1px;
5421
- --icon-button-padding-left: var(--spacing-extra-small);
5422
- --icon-button-padding-right: var(--spacing-extra-small);
5423
- --icon-button-padding-top: var(--spacing-extra-small);
5424
- --icon-button-padding-bottom: var(--spacing-extra-small);
5425
- --icon-button-column-gap: var(--spacing-none);
5426
- --icon-button-color: var(--icon-primary)
6200
+ --icon-button-padding-left: var(--spacing-space-3);
6201
+ --icon-button-padding-right: var(--spacing-space-3);
6202
+ --icon-button-padding-top: var(--spacing-space-3);
6203
+ --icon-button-padding-bottom: var(--spacing-space-3);
6204
+ --icon-button-row-gap: var(--spacing-space-1);
6205
+ --icon-button-column-gap: var(--spacing-space-1);
6206
+ --icon-button-font-family: sans-sarif;
6207
+ --icon-button-font-size: initial;
6208
+ --icon-button-font-weight: regular;
6209
+ --icon-button-paragraph-spacing: 0px;
6210
+ --icon-button-paragraph-indent: 0px
5427
6211
  }
5428
6212
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
5429
6213
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5430
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5431
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5432
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5433
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5434
- --icon-button-padding-left: var(--spacing-extra-small);
5435
- --icon-button-padding-right: var(--spacing-extra-small);
5436
- --icon-button-padding-top: var(--spacing-extra-small);
5437
- --icon-button-padding-bottom: var(--spacing-extra-small);
5438
- --icon-button-column-gap: var(--spacing-none);
5439
- --icon-button-color: var(--icon-primary)
6214
+ --icon-button-color: var(--icon-primary);
6215
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6216
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6217
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6218
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6219
+ --icon-button-padding-left: var(--spacing-space-3);
6220
+ --icon-button-padding-right: var(--spacing-space-3);
6221
+ --icon-button-padding-top: var(--spacing-space-3);
6222
+ --icon-button-padding-bottom: var(--spacing-space-3);
6223
+ --icon-button-row-gap: var(--spacing-space-1);
6224
+ --icon-button-column-gap: var(--spacing-space-1);
6225
+ --icon-button-font-family: sans-sarif;
6226
+ --icon-button-font-size: initial;
6227
+ --icon-button-font-weight: regular;
6228
+ --icon-button-paragraph-spacing: 0px;
6229
+ --icon-button-paragraph-indent: 0px
5440
6230
  }
5441
6231
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-outlined"][disabled],
5442
- [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"][disabled],
5443
- [data-theme="light"] [component-variant="icon-button-default-small-secondary-outlined"]:disabled,
5444
- [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"]:disabled {
6232
+ [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"][disabled],
6233
+ [data-theme="light"] [component-variant="icon-button-default-small-secondary-outlined"]:disabled,
6234
+ [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"]:disabled {
5445
6235
  --icon-button-background-color: var(--interactive-surface-secondary-disabled);
5446
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5447
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5448
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5449
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5450
- --icon-button-padding-left: var(--spacing-extra-small);
5451
- --icon-button-padding-right: var(--spacing-extra-small);
5452
- --icon-button-padding-top: var(--spacing-extra-small);
5453
- --icon-button-padding-bottom: var(--spacing-extra-small);
5454
- --icon-button-column-gap: var(--spacing-none);
5455
- --icon-button-color: var(--icon-tertiary)
6236
+ --icon-button-color: var(--icon-tertiary);
6237
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6238
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6239
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6240
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6241
+ --icon-button-padding-left: var(--spacing-space-3);
6242
+ --icon-button-padding-right: var(--spacing-space-3);
6243
+ --icon-button-padding-top: var(--spacing-space-3);
6244
+ --icon-button-padding-bottom: var(--spacing-space-3);
6245
+ --icon-button-row-gap: var(--spacing-space-1);
6246
+ --icon-button-column-gap: var(--spacing-space-1);
6247
+ --icon-button-font-family: sans-sarif;
6248
+ --icon-button-font-size: initial;
6249
+ --icon-button-font-weight: regular;
6250
+ --icon-button-paragraph-spacing: 0px;
6251
+ --icon-button-paragraph-indent: 0px
5456
6252
  }
5457
6253
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
5458
6254
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5459
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5460
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5461
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5462
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5463
- --icon-button-padding-left: var(--spacing-extra-small);
5464
- --icon-button-padding-right: var(--spacing-extra-small);
5465
- --icon-button-padding-top: var(--spacing-extra-small);
5466
- --icon-button-padding-bottom: var(--spacing-extra-small);
5467
- --icon-button-column-gap: var(--spacing-none);
5468
- --icon-button-color: var(--icon-primary)
6255
+ --icon-button-color: var(--icon-primary);
6256
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6257
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6258
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6259
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6260
+ --icon-button-padding-left: var(--spacing-space-3);
6261
+ --icon-button-padding-right: var(--spacing-space-3);
6262
+ --icon-button-padding-top: var(--spacing-space-3);
6263
+ --icon-button-padding-bottom: var(--spacing-space-3);
6264
+ --icon-button-row-gap: var(--spacing-space-1);
6265
+ --icon-button-column-gap: var(--spacing-space-1);
6266
+ --icon-button-font-family: sans-sarif;
6267
+ --icon-button-font-size: initial;
6268
+ --icon-button-font-weight: regular;
6269
+ --icon-button-paragraph-spacing: 0px;
6270
+ --icon-button-paragraph-indent: 0px
5469
6271
  }
5470
6272
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
5471
6273
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5472
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5473
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5474
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5475
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6274
+ --icon-button-color: var(--icon-primary);
6275
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6276
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6277
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6278
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5476
6279
  --icon-button-border-color: var(--border-border-grey-1);
5477
6280
  --icon-button-border-top-width: 1px;
5478
6281
  --icon-button-border-right-width: 1px;
5479
6282
  --icon-button-border-bottom-width: 1px;
5480
6283
  --icon-button-border-left-width: 1px;
5481
- --icon-button-padding-left: var(--spacing-extra-small);
5482
- --icon-button-padding-right: var(--spacing-extra-small);
5483
- --icon-button-padding-top: var(--spacing-extra-small);
5484
- --icon-button-padding-bottom: var(--spacing-extra-small);
5485
- --icon-button-column-gap: var(--spacing-none);
5486
- --icon-button-color: var(--icon-primary)
6284
+ --icon-button-padding-left: var(--spacing-space-3);
6285
+ --icon-button-padding-right: var(--spacing-space-3);
6286
+ --icon-button-padding-top: var(--spacing-space-3);
6287
+ --icon-button-padding-bottom: var(--spacing-space-3);
6288
+ --icon-button-row-gap: var(--spacing-space-1);
6289
+ --icon-button-column-gap: var(--spacing-space-1);
6290
+ --icon-button-font-family: sans-sarif;
6291
+ --icon-button-font-size: initial;
6292
+ --icon-button-font-weight: regular;
6293
+ --icon-button-paragraph-spacing: 0px;
6294
+ --icon-button-paragraph-indent: 0px
5487
6295
  }
5488
6296
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-outlined"], [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"] {
5489
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5490
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5491
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5492
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6297
+ --icon-button-color: var(--icon-inverse);
6298
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6299
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6300
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6301
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5493
6302
  --icon-button-border-color: var(--border-border-grey-3);
5494
6303
  --icon-button-border-top-width: 1px;
5495
6304
  --icon-button-border-right-width: 1px;
5496
6305
  --icon-button-border-bottom-width: 1px;
5497
6306
  --icon-button-border-left-width: 1px;
5498
- --icon-button-padding-left: var(--spacing-extra-small);
5499
- --icon-button-padding-right: var(--spacing-extra-small);
5500
- --icon-button-padding-top: var(--spacing-extra-small);
5501
- --icon-button-padding-bottom: var(--spacing-extra-small);
5502
- --icon-button-column-gap: var(--spacing-none);
5503
- --icon-button-color: var(--icon-inverse)
6307
+ --icon-button-padding-left: var(--spacing-space-3);
6308
+ --icon-button-padding-right: var(--spacing-space-3);
6309
+ --icon-button-padding-top: var(--spacing-space-3);
6310
+ --icon-button-padding-bottom: var(--spacing-space-3);
6311
+ --icon-button-row-gap: var(--spacing-space-1);
6312
+ --icon-button-column-gap: var(--spacing-space-1);
6313
+ --icon-button-font-family: sans-sarif;
6314
+ --icon-button-font-size: initial;
6315
+ --icon-button-font-weight: regular;
6316
+ --icon-button-paragraph-spacing: 0px;
6317
+ --icon-button-paragraph-indent: 0px
5504
6318
  }
5505
6319
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-outlined"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
5506
6320
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5507
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5508
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5509
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5510
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5511
- --icon-button-padding-left: var(--spacing-extra-small);
5512
- --icon-button-padding-right: var(--spacing-extra-small);
5513
- --icon-button-padding-top: var(--spacing-extra-small);
5514
- --icon-button-padding-bottom: var(--spacing-extra-small);
5515
- --icon-button-column-gap: var(--spacing-none);
5516
- --icon-button-color: var(--icon-primary)
6321
+ --icon-button-color: var(--icon-primary);
6322
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6323
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6324
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6325
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6326
+ --icon-button-padding-left: var(--spacing-space-3);
6327
+ --icon-button-padding-right: var(--spacing-space-3);
6328
+ --icon-button-padding-top: var(--spacing-space-3);
6329
+ --icon-button-padding-bottom: var(--spacing-space-3);
6330
+ --icon-button-row-gap: var(--spacing-space-1);
6331
+ --icon-button-column-gap: var(--spacing-space-1);
6332
+ --icon-button-font-family: sans-sarif;
6333
+ --icon-button-font-size: initial;
6334
+ --icon-button-font-weight: regular;
6335
+ --icon-button-paragraph-spacing: 0px;
6336
+ --icon-button-paragraph-indent: 0px
5517
6337
  }
5518
6338
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-outlined"][disabled],
5519
- [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"][disabled],
5520
- [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-outlined"]:disabled,
5521
- [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"]:disabled {
6339
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"][disabled],
6340
+ [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-outlined"]:disabled,
6341
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"]:disabled {
5522
6342
  --icon-button-background-color: var(--interactive-surface-secondary-disabled);
5523
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5524
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5525
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5526
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5527
- --icon-button-padding-left: var(--spacing-extra-small);
5528
- --icon-button-padding-right: var(--spacing-extra-small);
5529
- --icon-button-padding-top: var(--spacing-extra-small);
5530
- --icon-button-padding-bottom: var(--spacing-extra-small);
5531
- --icon-button-column-gap: var(--spacing-none);
5532
- --icon-button-color: var(--icon-tertiary)
6343
+ --icon-button-color: var(--icon-tertiary);
6344
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6345
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6346
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6347
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6348
+ --icon-button-padding-left: var(--spacing-space-3);
6349
+ --icon-button-padding-right: var(--spacing-space-3);
6350
+ --icon-button-padding-top: var(--spacing-space-3);
6351
+ --icon-button-padding-bottom: var(--spacing-space-3);
6352
+ --icon-button-row-gap: var(--spacing-space-1);
6353
+ --icon-button-column-gap: var(--spacing-space-1);
6354
+ --icon-button-font-family: sans-sarif;
6355
+ --icon-button-font-size: initial;
6356
+ --icon-button-font-weight: regular;
6357
+ --icon-button-paragraph-spacing: 0px;
6358
+ --icon-button-paragraph-indent: 0px
5533
6359
  }
5534
6360
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
5535
6361
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5536
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5537
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5538
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5539
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5540
- --icon-button-padding-left: var(--spacing-extra-small);
5541
- --icon-button-padding-right: var(--spacing-extra-small);
5542
- --icon-button-padding-top: var(--spacing-extra-small);
5543
- --icon-button-padding-bottom: var(--spacing-extra-small);
5544
- --icon-button-column-gap: var(--spacing-none);
5545
- --icon-button-color: var(--icon-primary)
6362
+ --icon-button-color: var(--icon-primary);
6363
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6364
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6365
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6366
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6367
+ --icon-button-padding-left: var(--spacing-space-3);
6368
+ --icon-button-padding-right: var(--spacing-space-3);
6369
+ --icon-button-padding-top: var(--spacing-space-3);
6370
+ --icon-button-padding-bottom: var(--spacing-space-3);
6371
+ --icon-button-row-gap: var(--spacing-space-1);
6372
+ --icon-button-column-gap: var(--spacing-space-1);
6373
+ --icon-button-font-family: sans-sarif;
6374
+ --icon-button-font-size: initial;
6375
+ --icon-button-font-weight: regular;
6376
+ --icon-button-paragraph-spacing: 0px;
6377
+ --icon-button-paragraph-indent: 0px
5546
6378
  }
5547
6379
  [data-theme="light"] [component-variant="icon-button-default-small-primary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
5548
6380
  --icon-button-background-color: var(--interactive-surface-primary-hover);
5549
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5550
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5551
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5552
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6381
+ --icon-button-color: var(--icon-primary);
6382
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6383
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6384
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6385
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5553
6386
  --icon-button-border-color: var(--border-border-grey-1);
5554
6387
  --icon-button-border-top-width: 1px;
5555
6388
  --icon-button-border-right-width: 1px;
5556
6389
  --icon-button-border-bottom-width: 1px;
5557
6390
  --icon-button-border-left-width: 1px;
5558
- --icon-button-padding-left: var(--spacing-extra-small);
5559
- --icon-button-padding-right: var(--spacing-extra-small);
5560
- --icon-button-padding-top: var(--spacing-extra-small);
5561
- --icon-button-padding-bottom: var(--spacing-extra-small);
5562
- --icon-button-column-gap: var(--spacing-none);
5563
- --icon-button-color: var(--icon-primary)
6391
+ --icon-button-padding-left: var(--spacing-space-3);
6392
+ --icon-button-padding-right: var(--spacing-space-3);
6393
+ --icon-button-padding-top: var(--spacing-space-3);
6394
+ --icon-button-padding-bottom: var(--spacing-space-3);
6395
+ --icon-button-row-gap: var(--spacing-space-1);
6396
+ --icon-button-column-gap: var(--spacing-space-1);
6397
+ --icon-button-font-family: sans-sarif;
6398
+ --icon-button-font-size: initial;
6399
+ --icon-button-font-weight: regular;
6400
+ --icon-button-paragraph-spacing: 0px;
6401
+ --icon-button-paragraph-indent: 0px
5564
6402
  }
5565
6403
  [data-theme="light"] [component-variant="icon-button-default-small-primary-outlined"], [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"] {
5566
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5567
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5568
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5569
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6404
+ --icon-button-color: rgb(233, 233, 234);
6405
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6406
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6407
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6408
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5570
6409
  --icon-button-border-color: var(--border-primary);
5571
6410
  --icon-button-border-top-width: 1px;
5572
6411
  --icon-button-border-right-width: 1px;
5573
6412
  --icon-button-border-bottom-width: 1px;
5574
6413
  --icon-button-border-left-width: 1px;
5575
- --icon-button-padding-left: var(--spacing-extra-small);
5576
- --icon-button-padding-right: var(--spacing-extra-small);
5577
- --icon-button-padding-top: var(--spacing-extra-small);
5578
- --icon-button-padding-bottom: var(--spacing-extra-small);
5579
- --icon-button-column-gap: var(--spacing-none);
5580
- --icon-button-color: rgb(233, 233, 234)
6414
+ --icon-button-padding-left: var(--spacing-space-3);
6415
+ --icon-button-padding-right: var(--spacing-space-3);
6416
+ --icon-button-padding-top: var(--spacing-space-3);
6417
+ --icon-button-padding-bottom: var(--spacing-space-3);
6418
+ --icon-button-row-gap: var(--spacing-space-1);
6419
+ --icon-button-column-gap: var(--spacing-space-1);
6420
+ --icon-button-font-family: sans-sarif;
6421
+ --icon-button-font-size: initial;
6422
+ --icon-button-font-weight: regular;
6423
+ --icon-button-paragraph-spacing: 0px;
6424
+ --icon-button-paragraph-indent: 0px
5581
6425
  }
5582
6426
  [data-theme="light"] [component-variant="icon-button-default-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
5583
6427
  --icon-button-background-color: var(--interactive-surface-primary-pressed);
5584
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5585
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5586
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5587
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5588
- --icon-button-padding-left: var(--spacing-extra-small);
5589
- --icon-button-padding-right: var(--spacing-extra-small);
5590
- --icon-button-padding-top: var(--spacing-extra-small);
5591
- --icon-button-padding-bottom: var(--spacing-extra-small);
5592
- --icon-button-column-gap: var(--spacing-none);
5593
- --icon-button-color: var(--icon-primary)
6428
+ --icon-button-color: var(--icon-primary);
6429
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6430
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6431
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6432
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6433
+ --icon-button-padding-left: var(--spacing-space-3);
6434
+ --icon-button-padding-right: var(--spacing-space-3);
6435
+ --icon-button-padding-top: var(--spacing-space-3);
6436
+ --icon-button-padding-bottom: var(--spacing-space-3);
6437
+ --icon-button-row-gap: var(--spacing-space-1);
6438
+ --icon-button-column-gap: var(--spacing-space-1);
6439
+ --icon-button-font-family: sans-sarif;
6440
+ --icon-button-font-size: initial;
6441
+ --icon-button-font-weight: regular;
6442
+ --icon-button-paragraph-spacing: 0px;
6443
+ --icon-button-paragraph-indent: 0px
5594
6444
  }
5595
6445
  [data-theme="light"] [component-variant="icon-button-default-small-primary-outlined"][disabled],
5596
- [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"][disabled],
5597
- [data-theme="light"] [component-variant="icon-button-default-small-primary-outlined"]:disabled,
5598
- [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"]:disabled {
6446
+ [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"][disabled],
6447
+ [data-theme="light"] [component-variant="icon-button-default-small-primary-outlined"]:disabled,
6448
+ [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"]:disabled {
5599
6449
  --icon-button-background-color: rgb(56, 58, 68);
5600
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5601
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5602
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5603
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5604
- --icon-button-padding-left: var(--spacing-extra-small);
5605
- --icon-button-padding-right: var(--spacing-extra-small);
5606
- --icon-button-padding-top: var(--spacing-extra-small);
5607
- --icon-button-padding-bottom: var(--spacing-extra-small);
5608
- --icon-button-column-gap: var(--spacing-none);
5609
- --icon-button-color: rgb(153, 154, 159)
6450
+ --icon-button-color: rgb(153, 154, 159);
6451
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6452
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6453
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6454
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6455
+ --icon-button-padding-left: var(--spacing-space-3);
6456
+ --icon-button-padding-right: var(--spacing-space-3);
6457
+ --icon-button-padding-top: var(--spacing-space-3);
6458
+ --icon-button-padding-bottom: var(--spacing-space-3);
6459
+ --icon-button-row-gap: var(--spacing-space-1);
6460
+ --icon-button-column-gap: var(--spacing-space-1);
6461
+ --icon-button-font-family: sans-sarif;
6462
+ --icon-button-font-size: initial;
6463
+ --icon-button-font-weight: regular;
6464
+ --icon-button-paragraph-spacing: 0px;
6465
+ --icon-button-paragraph-indent: 0px
5610
6466
  }
5611
6467
  [data-theme="light"] [component-variant="icon-button-default-small-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
5612
6468
  --icon-button-background-color: var(--interactive-surface-primary-hover);
5613
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5614
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5615
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5616
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5617
- --icon-button-padding-left: var(--spacing-extra-small);
5618
- --icon-button-padding-right: var(--spacing-extra-small);
5619
- --icon-button-padding-top: var(--spacing-extra-small);
5620
- --icon-button-padding-bottom: var(--spacing-extra-small);
5621
- --icon-button-column-gap: var(--spacing-none);
5622
- --icon-button-color: var(--icon-primary)
6469
+ --icon-button-color: var(--icon-primary);
6470
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6471
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6472
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6473
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6474
+ --icon-button-padding-left: var(--spacing-space-3);
6475
+ --icon-button-padding-right: var(--spacing-space-3);
6476
+ --icon-button-padding-top: var(--spacing-space-3);
6477
+ --icon-button-padding-bottom: var(--spacing-space-3);
6478
+ --icon-button-row-gap: var(--spacing-space-1);
6479
+ --icon-button-column-gap: var(--spacing-space-1);
6480
+ --icon-button-font-family: sans-sarif;
6481
+ --icon-button-font-size: initial;
6482
+ --icon-button-font-weight: regular;
6483
+ --icon-button-paragraph-spacing: 0px;
6484
+ --icon-button-paragraph-indent: 0px
5623
6485
  }
5624
6486
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
5625
6487
  --icon-button-background-color: var(--interactive-surface-primary-hover);
5626
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5627
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5628
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5629
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6488
+ --icon-button-color: var(--icon-primary);
6489
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6490
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6491
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6492
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5630
6493
  --icon-button-border-color: var(--border-border-grey-1);
5631
6494
  --icon-button-border-top-width: 1px;
5632
6495
  --icon-button-border-right-width: 1px;
5633
6496
  --icon-button-border-bottom-width: 1px;
5634
6497
  --icon-button-border-left-width: 1px;
5635
- --icon-button-padding-left: var(--spacing-extra-small);
5636
- --icon-button-padding-right: var(--spacing-extra-small);
5637
- --icon-button-padding-top: var(--spacing-extra-small);
5638
- --icon-button-padding-bottom: var(--spacing-extra-small);
5639
- --icon-button-column-gap: var(--spacing-none);
5640
- --icon-button-color: var(--icon-primary)
6498
+ --icon-button-padding-left: var(--spacing-space-3);
6499
+ --icon-button-padding-right: var(--spacing-space-3);
6500
+ --icon-button-padding-top: var(--spacing-space-3);
6501
+ --icon-button-padding-bottom: var(--spacing-space-3);
6502
+ --icon-button-row-gap: var(--spacing-space-1);
6503
+ --icon-button-column-gap: var(--spacing-space-1);
6504
+ --icon-button-font-family: sans-sarif;
6505
+ --icon-button-font-size: initial;
6506
+ --icon-button-font-weight: regular;
6507
+ --icon-button-paragraph-spacing: 0px;
6508
+ --icon-button-paragraph-indent: 0px
5641
6509
  }
5642
6510
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-outlined"], [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"] {
5643
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5644
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5645
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5646
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6511
+ --icon-button-color: var(--icon-inverse);
6512
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6513
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6514
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6515
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5647
6516
  --icon-button-border-color: var(--border-primary);
5648
6517
  --icon-button-border-top-width: 1px;
5649
6518
  --icon-button-border-right-width: 1px;
5650
6519
  --icon-button-border-bottom-width: 1px;
5651
6520
  --icon-button-border-left-width: 1px;
5652
- --icon-button-padding-left: var(--spacing-extra-small);
5653
- --icon-button-padding-right: var(--spacing-extra-small);
5654
- --icon-button-padding-top: var(--spacing-extra-small);
5655
- --icon-button-padding-bottom: var(--spacing-extra-small);
5656
- --icon-button-column-gap: var(--spacing-none);
5657
- --icon-button-color: var(--icon-inverse)
6521
+ --icon-button-padding-left: var(--spacing-space-3);
6522
+ --icon-button-padding-right: var(--spacing-space-3);
6523
+ --icon-button-padding-top: var(--spacing-space-3);
6524
+ --icon-button-padding-bottom: var(--spacing-space-3);
6525
+ --icon-button-row-gap: var(--spacing-space-1);
6526
+ --icon-button-column-gap: var(--spacing-space-1);
6527
+ --icon-button-font-family: sans-sarif;
6528
+ --icon-button-font-size: initial;
6529
+ --icon-button-font-weight: regular;
6530
+ --icon-button-paragraph-spacing: 0px;
6531
+ --icon-button-paragraph-indent: 0px
5658
6532
  }
5659
6533
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-primary-outlined"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
5660
6534
  --icon-button-background-color: var(--interactive-surface-primary-pressed);
5661
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5662
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5663
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5664
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5665
- --icon-button-padding-left: var(--spacing-extra-small);
5666
- --icon-button-padding-right: var(--spacing-extra-small);
5667
- --icon-button-padding-top: var(--spacing-extra-small);
5668
- --icon-button-padding-bottom: var(--spacing-extra-small);
5669
- --icon-button-column-gap: var(--spacing-none);
5670
- --icon-button-color: var(--icon-primary)
6535
+ --icon-button-color: var(--icon-primary);
6536
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6537
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6538
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6539
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6540
+ --icon-button-padding-left: var(--spacing-space-3);
6541
+ --icon-button-padding-right: var(--spacing-space-3);
6542
+ --icon-button-padding-top: var(--spacing-space-3);
6543
+ --icon-button-padding-bottom: var(--spacing-space-3);
6544
+ --icon-button-row-gap: var(--spacing-space-1);
6545
+ --icon-button-column-gap: var(--spacing-space-1);
6546
+ --icon-button-font-family: sans-sarif;
6547
+ --icon-button-font-size: initial;
6548
+ --icon-button-font-weight: regular;
6549
+ --icon-button-paragraph-spacing: 0px;
6550
+ --icon-button-paragraph-indent: 0px
5671
6551
  }
5672
6552
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-outlined"][disabled],
5673
- [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"][disabled],
5674
- [data-theme="light"] [component-variant="icon-button-inverse-small-primary-outlined"]:disabled,
5675
- [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"]:disabled {
6553
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"][disabled],
6554
+ [data-theme="light"] [component-variant="icon-button-inverse-small-primary-outlined"]:disabled,
6555
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"]:disabled {
5676
6556
  --icon-button-background-color: rgb(56, 58, 68);
5677
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5678
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5679
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5680
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5681
- --icon-button-padding-left: var(--spacing-extra-small);
5682
- --icon-button-padding-right: var(--spacing-extra-small);
5683
- --icon-button-padding-top: var(--spacing-extra-small);
5684
- --icon-button-padding-bottom: var(--spacing-extra-small);
5685
- --icon-button-column-gap: var(--spacing-none);
5686
- --icon-button-color: rgb(153, 154, 159)
6557
+ --icon-button-color: rgb(153, 154, 159);
6558
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6559
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6560
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6561
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6562
+ --icon-button-padding-left: var(--spacing-space-3);
6563
+ --icon-button-padding-right: var(--spacing-space-3);
6564
+ --icon-button-padding-top: var(--spacing-space-3);
6565
+ --icon-button-padding-bottom: var(--spacing-space-3);
6566
+ --icon-button-row-gap: var(--spacing-space-1);
6567
+ --icon-button-column-gap: var(--spacing-space-1);
6568
+ --icon-button-font-family: sans-sarif;
6569
+ --icon-button-font-size: initial;
6570
+ --icon-button-font-weight: regular;
6571
+ --icon-button-paragraph-spacing: 0px;
6572
+ --icon-button-paragraph-indent: 0px
5687
6573
  }
5688
6574
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-outlined"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
5689
6575
  --icon-button-background-color: var(--interactive-surface-primary-hover);
5690
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5691
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5692
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5693
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5694
- --icon-button-padding-left: var(--spacing-extra-small);
5695
- --icon-button-padding-right: var(--spacing-extra-small);
5696
- --icon-button-padding-top: var(--spacing-extra-small);
5697
- --icon-button-padding-bottom: var(--spacing-extra-small);
5698
- --icon-button-column-gap: var(--spacing-none);
5699
- --icon-button-color: var(--icon-primary)
6576
+ --icon-button-color: var(--icon-primary);
6577
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6578
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6579
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6580
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6581
+ --icon-button-padding-left: var(--spacing-space-3);
6582
+ --icon-button-padding-right: var(--spacing-space-3);
6583
+ --icon-button-padding-top: var(--spacing-space-3);
6584
+ --icon-button-padding-bottom: var(--spacing-space-3);
6585
+ --icon-button-row-gap: var(--spacing-space-1);
6586
+ --icon-button-column-gap: var(--spacing-space-1);
6587
+ --icon-button-font-family: sans-sarif;
6588
+ --icon-button-font-size: initial;
6589
+ --icon-button-font-weight: regular;
6590
+ --icon-button-paragraph-spacing: 0px;
6591
+ --icon-button-paragraph-indent: 0px
5700
6592
  }
5701
6593
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
5702
6594
  --icon-button-background-color: var(--interactive-surface-ghost-pressed);
5703
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5704
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5705
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5706
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6595
+ --icon-button-color: var(--icon-primary);
6596
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6597
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6598
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6599
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5707
6600
  --icon-button-border-color: var(--border-border-grey-1);
5708
6601
  --icon-button-border-top-width: 1px;
5709
6602
  --icon-button-border-right-width: 1px;
5710
6603
  --icon-button-border-bottom-width: 1px;
5711
6604
  --icon-button-border-left-width: 1px;
5712
- --icon-button-padding-left: var(--spacing-extra-small);
5713
- --icon-button-padding-right: var(--spacing-extra-small);
5714
- --icon-button-padding-top: var(--spacing-extra-small);
5715
- --icon-button-padding-bottom: var(--spacing-extra-small);
5716
- --icon-button-column-gap: var(--spacing-none);
5717
- --icon-button-color: var(--icon-primary)
6605
+ --icon-button-padding-left: var(--spacing-space-3);
6606
+ --icon-button-padding-right: var(--spacing-space-3);
6607
+ --icon-button-padding-top: var(--spacing-space-3);
6608
+ --icon-button-padding-bottom: var(--spacing-space-3);
6609
+ --icon-button-row-gap: var(--spacing-space-1);
6610
+ --icon-button-column-gap: var(--spacing-space-1);
6611
+ --icon-button-font-family: sans-sarif;
6612
+ --icon-button-font-size: initial;
6613
+ --icon-button-font-weight: regular;
6614
+ --icon-button-paragraph-spacing: 0px;
6615
+ --icon-button-paragraph-indent: 0px
5718
6616
  }
5719
6617
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
5720
6618
  --icon-button-background-color: var(--interactive-surface-ghost-pressed);
5721
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5722
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5723
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5724
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5725
- --icon-button-padding-left: var(--spacing-extra-small);
5726
- --icon-button-padding-right: var(--spacing-extra-small);
5727
- --icon-button-padding-top: var(--spacing-extra-small);
5728
- --icon-button-padding-bottom: var(--spacing-extra-small);
5729
- --icon-button-column-gap: var(--spacing-none);
5730
- --icon-button-color: var(--icon-primary)
6619
+ --icon-button-color: var(--icon-primary);
6620
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6621
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6622
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6623
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6624
+ --icon-button-padding-left: var(--spacing-space-3);
6625
+ --icon-button-padding-right: var(--spacing-space-3);
6626
+ --icon-button-padding-top: var(--spacing-space-3);
6627
+ --icon-button-padding-bottom: var(--spacing-space-3);
6628
+ --icon-button-row-gap: var(--spacing-space-1);
6629
+ --icon-button-column-gap: var(--spacing-space-1);
6630
+ --icon-button-font-family: sans-sarif;
6631
+ --icon-button-font-size: initial;
6632
+ --icon-button-font-weight: regular;
6633
+ --icon-button-paragraph-spacing: 0px;
6634
+ --icon-button-paragraph-indent: 0px
5731
6635
  }
5732
6636
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-ghost"][disabled],
5733
- [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"][disabled],
5734
- [data-theme="light"] [component-variant="icon-button-default-small-secondary-ghost"]:disabled,
5735
- [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"]:disabled {
6637
+ [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"][disabled],
6638
+ [data-theme="light"] [component-variant="icon-button-default-small-secondary-ghost"]:disabled,
6639
+ [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"]:disabled {
5736
6640
  --icon-button-background-color: var(--interactive-surface-ghost-disabled);
5737
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5738
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5739
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5740
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5741
- --icon-button-padding-left: var(--spacing-extra-small);
5742
- --icon-button-padding-right: var(--spacing-extra-small);
5743
- --icon-button-padding-top: var(--spacing-extra-small);
5744
- --icon-button-padding-bottom: var(--spacing-extra-small);
5745
- --icon-button-column-gap: var(--spacing-none);
5746
- --icon-button-color: var(--icon-tertiary)
6641
+ --icon-button-color: var(--icon-tertiary);
6642
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6643
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6644
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6645
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6646
+ --icon-button-padding-left: var(--spacing-space-3);
6647
+ --icon-button-padding-right: var(--spacing-space-3);
6648
+ --icon-button-padding-top: var(--spacing-space-3);
6649
+ --icon-button-padding-bottom: var(--spacing-space-3);
6650
+ --icon-button-row-gap: var(--spacing-space-1);
6651
+ --icon-button-column-gap: var(--spacing-space-1);
6652
+ --icon-button-font-family: sans-sarif;
6653
+ --icon-button-font-size: initial;
6654
+ --icon-button-font-weight: regular;
6655
+ --icon-button-paragraph-spacing: 0px;
6656
+ --icon-button-paragraph-indent: 0px
5747
6657
  }
5748
6658
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-ghost"], [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"] {
5749
6659
  --icon-button-background-color: var(--interactive-surface-ghost-default);
5750
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5751
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5752
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5753
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5754
- --icon-button-padding-left: var(--spacing-extra-small);
5755
- --icon-button-padding-right: var(--spacing-extra-small);
5756
- --icon-button-padding-top: var(--spacing-extra-small);
5757
- --icon-button-padding-bottom: var(--spacing-extra-small);
5758
- --icon-button-column-gap: var(--spacing-none);
5759
- --icon-button-color: var(--icon-primary)
6660
+ --icon-button-color: var(--icon-primary);
6661
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6662
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6663
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6664
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6665
+ --icon-button-padding-left: var(--spacing-space-3);
6666
+ --icon-button-padding-right: var(--spacing-space-3);
6667
+ --icon-button-padding-top: var(--spacing-space-3);
6668
+ --icon-button-padding-bottom: var(--spacing-space-3);
6669
+ --icon-button-row-gap: var(--spacing-space-1);
6670
+ --icon-button-column-gap: var(--spacing-space-1);
6671
+ --icon-button-font-family: sans-sarif;
6672
+ --icon-button-font-size: initial;
6673
+ --icon-button-font-weight: regular;
6674
+ --icon-button-paragraph-spacing: 0px;
6675
+ --icon-button-paragraph-indent: 0px
5760
6676
  }
5761
6677
  [data-theme="light"] [component-variant="icon-button-default-small-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
5762
6678
  --icon-button-background-color: var(--interactive-surface-ghost-hover);
5763
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5764
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5765
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5766
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5767
- --icon-button-padding-left: var(--spacing-extra-small);
5768
- --icon-button-padding-right: var(--spacing-extra-small);
5769
- --icon-button-padding-top: var(--spacing-extra-small);
5770
- --icon-button-padding-bottom: var(--spacing-extra-small);
5771
- --icon-button-column-gap: var(--spacing-none);
5772
- --icon-button-color: var(--icon-primary)
6679
+ --icon-button-color: var(--icon-primary);
6680
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6681
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6682
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6683
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6684
+ --icon-button-padding-left: var(--spacing-space-3);
6685
+ --icon-button-padding-right: var(--spacing-space-3);
6686
+ --icon-button-padding-top: var(--spacing-space-3);
6687
+ --icon-button-padding-bottom: var(--spacing-space-3);
6688
+ --icon-button-row-gap: var(--spacing-space-1);
6689
+ --icon-button-column-gap: var(--spacing-space-1);
6690
+ --icon-button-font-family: sans-sarif;
6691
+ --icon-button-font-size: initial;
6692
+ --icon-button-font-weight: regular;
6693
+ --icon-button-paragraph-spacing: 0px;
6694
+ --icon-button-paragraph-indent: 0px
5773
6695
  }
5774
6696
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
5775
6697
  --icon-button-background-color: var(--interactive-surface-ghost-pressed);
5776
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5777
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5778
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5779
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6698
+ --icon-button-color: var(--icon-primary);
6699
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6700
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6701
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6702
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5780
6703
  --icon-button-border-color: var(--border-border-grey-1);
5781
6704
  --icon-button-border-top-width: 1px;
5782
6705
  --icon-button-border-right-width: 1px;
5783
6706
  --icon-button-border-bottom-width: 1px;
5784
6707
  --icon-button-border-left-width: 1px;
5785
- --icon-button-padding-left: var(--spacing-extra-small);
5786
- --icon-button-padding-right: var(--spacing-extra-small);
5787
- --icon-button-padding-top: var(--spacing-extra-small);
5788
- --icon-button-padding-bottom: var(--spacing-extra-small);
5789
- --icon-button-column-gap: var(--spacing-none);
5790
- --icon-button-color: var(--icon-primary)
6708
+ --icon-button-padding-left: var(--spacing-space-3);
6709
+ --icon-button-padding-right: var(--spacing-space-3);
6710
+ --icon-button-padding-top: var(--spacing-space-3);
6711
+ --icon-button-padding-bottom: var(--spacing-space-3);
6712
+ --icon-button-row-gap: var(--spacing-space-1);
6713
+ --icon-button-column-gap: var(--spacing-space-1);
6714
+ --icon-button-font-family: sans-sarif;
6715
+ --icon-button-font-size: initial;
6716
+ --icon-button-font-weight: regular;
6717
+ --icon-button-paragraph-spacing: 0px;
6718
+ --icon-button-paragraph-indent: 0px
5791
6719
  }
5792
6720
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-ghost"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
5793
6721
  --icon-button-background-color: var(--interactive-surface-ghost-pressed);
5794
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5795
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5796
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5797
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5798
- --icon-button-padding-left: var(--spacing-extra-small);
5799
- --icon-button-padding-right: var(--spacing-extra-small);
5800
- --icon-button-padding-top: var(--spacing-extra-small);
5801
- --icon-button-padding-bottom: var(--spacing-extra-small);
5802
- --icon-button-column-gap: var(--spacing-none);
5803
- --icon-button-color: var(--icon-primary)
6722
+ --icon-button-color: var(--icon-primary);
6723
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6724
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6725
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6726
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6727
+ --icon-button-padding-left: var(--spacing-space-3);
6728
+ --icon-button-padding-right: var(--spacing-space-3);
6729
+ --icon-button-padding-top: var(--spacing-space-3);
6730
+ --icon-button-padding-bottom: var(--spacing-space-3);
6731
+ --icon-button-row-gap: var(--spacing-space-1);
6732
+ --icon-button-column-gap: var(--spacing-space-1);
6733
+ --icon-button-font-family: sans-sarif;
6734
+ --icon-button-font-size: initial;
6735
+ --icon-button-font-weight: regular;
6736
+ --icon-button-paragraph-spacing: 0px;
6737
+ --icon-button-paragraph-indent: 0px
5804
6738
  }
5805
6739
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-ghost"][disabled],
5806
- [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"][disabled],
5807
- [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-ghost"]:disabled,
5808
- [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"]:disabled {
6740
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"][disabled],
6741
+ [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-ghost"]:disabled,
6742
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"]:disabled {
5809
6743
  --icon-button-background-color: var(--interactive-surface-ghost-disabled);
5810
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5811
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5812
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5813
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5814
- --icon-button-padding-left: var(--spacing-extra-small);
5815
- --icon-button-padding-right: var(--spacing-extra-small);
5816
- --icon-button-padding-top: var(--spacing-extra-small);
5817
- --icon-button-padding-bottom: var(--spacing-extra-small);
5818
- --icon-button-column-gap: var(--spacing-none);
5819
- --icon-button-color: var(--icon-tertiary)
6744
+ --icon-button-color: var(--icon-tertiary);
6745
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6746
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6747
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6748
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6749
+ --icon-button-padding-left: var(--spacing-space-3);
6750
+ --icon-button-padding-right: var(--spacing-space-3);
6751
+ --icon-button-padding-top: var(--spacing-space-3);
6752
+ --icon-button-padding-bottom: var(--spacing-space-3);
6753
+ --icon-button-row-gap: var(--spacing-space-1);
6754
+ --icon-button-column-gap: var(--spacing-space-1);
6755
+ --icon-button-font-family: sans-sarif;
6756
+ --icon-button-font-size: initial;
6757
+ --icon-button-font-weight: regular;
6758
+ --icon-button-paragraph-spacing: 0px;
6759
+ --icon-button-paragraph-indent: 0px
5820
6760
  }
5821
6761
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-ghost"], [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"] {
5822
6762
  --icon-button-background-color: var(--interactive-surface-ghost-default);
5823
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5824
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5825
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5826
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5827
- --icon-button-padding-left: var(--spacing-extra-small);
5828
- --icon-button-padding-right: var(--spacing-extra-small);
5829
- --icon-button-padding-top: var(--spacing-extra-small);
5830
- --icon-button-padding-bottom: var(--spacing-extra-small);
5831
- --icon-button-column-gap: var(--spacing-none);
5832
- --icon-button-color: var(--icon-inverse)
6763
+ --icon-button-color: var(--icon-inverse);
6764
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6765
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6766
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6767
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6768
+ --icon-button-padding-left: var(--spacing-space-3);
6769
+ --icon-button-padding-right: var(--spacing-space-3);
6770
+ --icon-button-padding-top: var(--spacing-space-3);
6771
+ --icon-button-padding-bottom: var(--spacing-space-3);
6772
+ --icon-button-row-gap: var(--spacing-space-1);
6773
+ --icon-button-column-gap: var(--spacing-space-1);
6774
+ --icon-button-font-family: sans-sarif;
6775
+ --icon-button-font-size: initial;
6776
+ --icon-button-font-weight: regular;
6777
+ --icon-button-paragraph-spacing: 0px;
6778
+ --icon-button-paragraph-indent: 0px
5833
6779
  }
5834
6780
  [data-theme="light"] [component-variant="icon-button-inverse-small-secondary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
5835
6781
  --icon-button-background-color: var(--interactive-surface-ghost-hover);
5836
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5837
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5838
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5839
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5840
- --icon-button-padding-left: var(--spacing-extra-small);
5841
- --icon-button-padding-right: var(--spacing-extra-small);
5842
- --icon-button-padding-top: var(--spacing-extra-small);
5843
- --icon-button-padding-bottom: var(--spacing-extra-small);
5844
- --icon-button-column-gap: var(--spacing-none);
5845
- --icon-button-color: var(--icon-primary)
6782
+ --icon-button-color: var(--icon-primary);
6783
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6784
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6785
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6786
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6787
+ --icon-button-padding-left: var(--spacing-space-3);
6788
+ --icon-button-padding-right: var(--spacing-space-3);
6789
+ --icon-button-padding-top: var(--spacing-space-3);
6790
+ --icon-button-padding-bottom: var(--spacing-space-3);
6791
+ --icon-button-row-gap: var(--spacing-space-1);
6792
+ --icon-button-column-gap: var(--spacing-space-1);
6793
+ --icon-button-font-family: sans-sarif;
6794
+ --icon-button-font-size: initial;
6795
+ --icon-button-font-weight: regular;
6796
+ --icon-button-paragraph-spacing: 0px;
6797
+ --icon-button-paragraph-indent: 0px
5846
6798
  }
5847
6799
  [data-theme="light"] [component-variant="icon-button-default-small-primary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
5848
6800
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5849
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5850
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5851
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5852
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6801
+ --icon-button-color: var(--icon-primary);
6802
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6803
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6804
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6805
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5853
6806
  --icon-button-border-color: var(--border-border-grey-1);
5854
6807
  --icon-button-border-top-width: 1px;
5855
6808
  --icon-button-border-right-width: 1px;
5856
6809
  --icon-button-border-bottom-width: 1px;
5857
6810
  --icon-button-border-left-width: 1px;
5858
- --icon-button-padding-left: var(--spacing-extra-small);
5859
- --icon-button-padding-right: var(--spacing-extra-small);
5860
- --icon-button-padding-top: var(--spacing-extra-small);
5861
- --icon-button-padding-bottom: var(--spacing-extra-small);
5862
- --icon-button-column-gap: var(--spacing-none);
5863
- --icon-button-color: var(--icon-primary)
6811
+ --icon-button-padding-left: var(--spacing-space-3);
6812
+ --icon-button-padding-right: var(--spacing-space-3);
6813
+ --icon-button-padding-top: var(--spacing-space-3);
6814
+ --icon-button-padding-bottom: var(--spacing-space-3);
6815
+ --icon-button-row-gap: var(--spacing-space-1);
6816
+ --icon-button-column-gap: var(--spacing-space-1);
6817
+ --icon-button-font-family: sans-sarif;
6818
+ --icon-button-font-size: initial;
6819
+ --icon-button-font-weight: regular;
6820
+ --icon-button-paragraph-spacing: 0px;
6821
+ --icon-button-paragraph-indent: 0px
5864
6822
  }
5865
6823
  [data-theme="light"] [component-variant="icon-button-default-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-default-small-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
5866
6824
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5867
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5868
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5869
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5870
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5871
- --icon-button-padding-left: var(--spacing-extra-small);
5872
- --icon-button-padding-right: var(--spacing-extra-small);
5873
- --icon-button-padding-top: var(--spacing-extra-small);
5874
- --icon-button-padding-bottom: var(--spacing-extra-small);
5875
- --icon-button-column-gap: var(--spacing-none);
5876
- --icon-button-color: var(--icon-primary)
6825
+ --icon-button-color: var(--icon-primary);
6826
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6827
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6828
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6829
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6830
+ --icon-button-padding-left: var(--spacing-space-3);
6831
+ --icon-button-padding-right: var(--spacing-space-3);
6832
+ --icon-button-padding-top: var(--spacing-space-3);
6833
+ --icon-button-padding-bottom: var(--spacing-space-3);
6834
+ --icon-button-row-gap: var(--spacing-space-1);
6835
+ --icon-button-column-gap: var(--spacing-space-1);
6836
+ --icon-button-font-family: sans-sarif;
6837
+ --icon-button-font-size: initial;
6838
+ --icon-button-font-weight: regular;
6839
+ --icon-button-paragraph-spacing: 0px;
6840
+ --icon-button-paragraph-indent: 0px
5877
6841
  }
5878
6842
  [data-theme="light"] [component-variant="icon-button-default-small-primary-ghost"][disabled],
5879
- [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"][disabled],
5880
- [data-theme="light"] [component-variant="icon-button-default-small-primary-ghost"]:disabled,
5881
- [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"]:disabled {
6843
+ [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"][disabled],
6844
+ [data-theme="light"] [component-variant="icon-button-default-small-primary-ghost"]:disabled,
6845
+ [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"]:disabled {
5882
6846
  --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
5883
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5884
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5885
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5886
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5887
- --icon-button-padding-left: var(--spacing-extra-small);
5888
- --icon-button-padding-right: var(--spacing-extra-small);
5889
- --icon-button-padding-top: var(--spacing-extra-small);
5890
- --icon-button-padding-bottom: var(--spacing-extra-small);
5891
- --icon-button-column-gap: var(--spacing-none);
5892
- --icon-button-color: var(--icon-tertiary)
6847
+ --icon-button-color: var(--icon-tertiary);
6848
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6849
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6850
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6851
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6852
+ --icon-button-padding-left: var(--spacing-space-3);
6853
+ --icon-button-padding-right: var(--spacing-space-3);
6854
+ --icon-button-padding-top: var(--spacing-space-3);
6855
+ --icon-button-padding-bottom: var(--spacing-space-3);
6856
+ --icon-button-row-gap: var(--spacing-space-1);
6857
+ --icon-button-column-gap: var(--spacing-space-1);
6858
+ --icon-button-font-family: sans-sarif;
6859
+ --icon-button-font-size: initial;
6860
+ --icon-button-font-weight: regular;
6861
+ --icon-button-paragraph-spacing: 0px;
6862
+ --icon-button-paragraph-indent: 0px
5893
6863
  }
5894
6864
  [data-theme="light"] [component-variant="icon-button-default-small-primary-ghost"], [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"] {
5895
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5896
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5897
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5898
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5899
- --icon-button-padding-left: var(--spacing-extra-small);
5900
- --icon-button-padding-right: var(--spacing-extra-small);
5901
- --icon-button-padding-top: var(--spacing-extra-small);
5902
- --icon-button-padding-bottom: var(--spacing-extra-small);
5903
- --icon-button-column-gap: var(--spacing-none);
5904
- --icon-button-color: var(--icon-primary)
6865
+ --icon-button-color: var(--icon-primary);
6866
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6867
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6868
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6869
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6870
+ --icon-button-padding-left: var(--spacing-space-3);
6871
+ --icon-button-padding-right: var(--spacing-space-3);
6872
+ --icon-button-padding-top: var(--spacing-space-3);
6873
+ --icon-button-padding-bottom: var(--spacing-space-3);
6874
+ --icon-button-row-gap: var(--spacing-space-1);
6875
+ --icon-button-column-gap: var(--spacing-space-1);
6876
+ --icon-button-font-family: sans-sarif;
6877
+ --icon-button-font-size: initial;
6878
+ --icon-button-font-weight: regular;
6879
+ --icon-button-paragraph-spacing: 0px;
6880
+ --icon-button-paragraph-indent: 0px
5905
6881
  }
5906
6882
  [data-theme="light"] [component-variant="icon-button-default-small-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-default-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
5907
6883
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5908
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5909
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5910
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5911
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5912
- --icon-button-padding-left: var(--spacing-extra-small);
5913
- --icon-button-padding-right: var(--spacing-extra-small);
5914
- --icon-button-padding-top: var(--spacing-extra-small);
5915
- --icon-button-padding-bottom: var(--spacing-extra-small);
5916
- --icon-button-column-gap: var(--spacing-none);
5917
- --icon-button-color: var(--icon-primary)
6884
+ --icon-button-color: var(--icon-primary);
6885
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6886
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6887
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6888
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6889
+ --icon-button-padding-left: var(--spacing-space-3);
6890
+ --icon-button-padding-right: var(--spacing-space-3);
6891
+ --icon-button-padding-top: var(--spacing-space-3);
6892
+ --icon-button-padding-bottom: var(--spacing-space-3);
6893
+ --icon-button-row-gap: var(--spacing-space-1);
6894
+ --icon-button-column-gap: var(--spacing-space-1);
6895
+ --icon-button-font-family: sans-sarif;
6896
+ --icon-button-font-size: initial;
6897
+ --icon-button-font-weight: regular;
6898
+ --icon-button-paragraph-spacing: 0px;
6899
+ --icon-button-paragraph-indent: 0px
5918
6900
  }
5919
6901
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
5920
6902
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5921
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5922
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5923
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5924
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
6903
+ --icon-button-color: var(--icon-primary);
6904
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6905
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6906
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6907
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
5925
6908
  --icon-button-border-color: var(--border-border-grey-1);
5926
6909
  --icon-button-border-top-width: 1px;
5927
6910
  --icon-button-border-right-width: 1px;
5928
6911
  --icon-button-border-bottom-width: 1px;
5929
6912
  --icon-button-border-left-width: 1px;
5930
- --icon-button-padding-left: var(--spacing-extra-small);
5931
- --icon-button-padding-right: var(--spacing-extra-small);
5932
- --icon-button-padding-top: var(--spacing-extra-small);
5933
- --icon-button-padding-bottom: var(--spacing-extra-small);
5934
- --icon-button-column-gap: var(--spacing-none);
5935
- --icon-button-color: var(--icon-primary)
6913
+ --icon-button-padding-left: var(--spacing-space-3);
6914
+ --icon-button-padding-right: var(--spacing-space-3);
6915
+ --icon-button-padding-top: var(--spacing-space-3);
6916
+ --icon-button-padding-bottom: var(--spacing-space-3);
6917
+ --icon-button-row-gap: var(--spacing-space-1);
6918
+ --icon-button-column-gap: var(--spacing-space-1);
6919
+ --icon-button-font-family: sans-sarif;
6920
+ --icon-button-font-size: initial;
6921
+ --icon-button-font-weight: regular;
6922
+ --icon-button-paragraph-spacing: 0px;
6923
+ --icon-button-paragraph-indent: 0px
5936
6924
  }
5937
6925
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="icon-button-inverse-small-primary-ghost"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
5938
6926
  --icon-button-background-color: var(--interactive-surface-secondary-pressed);
5939
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5940
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5941
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5942
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5943
- --icon-button-padding-left: var(--spacing-extra-small);
5944
- --icon-button-padding-right: var(--spacing-extra-small);
5945
- --icon-button-padding-top: var(--spacing-extra-small);
5946
- --icon-button-padding-bottom: var(--spacing-extra-small);
5947
- --icon-button-column-gap: var(--spacing-none);
5948
- --icon-button-color: var(--icon-primary)
6927
+ --icon-button-color: var(--icon-primary);
6928
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6929
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6930
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6931
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6932
+ --icon-button-padding-left: var(--spacing-space-3);
6933
+ --icon-button-padding-right: var(--spacing-space-3);
6934
+ --icon-button-padding-top: var(--spacing-space-3);
6935
+ --icon-button-padding-bottom: var(--spacing-space-3);
6936
+ --icon-button-row-gap: var(--spacing-space-1);
6937
+ --icon-button-column-gap: var(--spacing-space-1);
6938
+ --icon-button-font-family: sans-sarif;
6939
+ --icon-button-font-size: initial;
6940
+ --icon-button-font-weight: regular;
6941
+ --icon-button-paragraph-spacing: 0px;
6942
+ --icon-button-paragraph-indent: 0px
5949
6943
  }
5950
6944
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-ghost"][disabled],
5951
- [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"][disabled],
5952
- [data-theme="light"] [component-variant="icon-button-inverse-small-primary-ghost"]:disabled,
5953
- [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"]:disabled {
6945
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"][disabled],
6946
+ [data-theme="light"] [component-variant="icon-button-inverse-small-primary-ghost"]:disabled,
6947
+ [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"]:disabled {
5954
6948
  --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
5955
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5956
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5957
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5958
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5959
- --icon-button-padding-left: var(--spacing-extra-small);
5960
- --icon-button-padding-right: var(--spacing-extra-small);
5961
- --icon-button-padding-top: var(--spacing-extra-small);
5962
- --icon-button-padding-bottom: var(--spacing-extra-small);
5963
- --icon-button-column-gap: var(--spacing-none);
5964
- --icon-button-color: var(--icon-tertiary)
6949
+ --icon-button-color: var(--icon-tertiary);
6950
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6951
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6952
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6953
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6954
+ --icon-button-padding-left: var(--spacing-space-3);
6955
+ --icon-button-padding-right: var(--spacing-space-3);
6956
+ --icon-button-padding-top: var(--spacing-space-3);
6957
+ --icon-button-padding-bottom: var(--spacing-space-3);
6958
+ --icon-button-row-gap: var(--spacing-space-1);
6959
+ --icon-button-column-gap: var(--spacing-space-1);
6960
+ --icon-button-font-family: sans-sarif;
6961
+ --icon-button-font-size: initial;
6962
+ --icon-button-font-weight: regular;
6963
+ --icon-button-paragraph-spacing: 0px;
6964
+ --icon-button-paragraph-indent: 0px
5965
6965
  }
5966
6966
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-ghost"], [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"] {
5967
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5968
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5969
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5970
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5971
- --icon-button-padding-left: var(--spacing-extra-small);
5972
- --icon-button-padding-right: var(--spacing-extra-small);
5973
- --icon-button-padding-top: var(--spacing-extra-small);
5974
- --icon-button-padding-bottom: var(--spacing-extra-small);
5975
- --icon-button-column-gap: var(--spacing-none);
5976
- --icon-button-color: var(--icon-inverse)
6967
+ --icon-button-color: var(--icon-inverse);
6968
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6969
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6970
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6971
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6972
+ --icon-button-padding-left: var(--spacing-space-3);
6973
+ --icon-button-padding-right: var(--spacing-space-3);
6974
+ --icon-button-padding-top: var(--spacing-space-3);
6975
+ --icon-button-padding-bottom: var(--spacing-space-3);
6976
+ --icon-button-row-gap: var(--spacing-space-1);
6977
+ --icon-button-column-gap: var(--spacing-space-1);
6978
+ --icon-button-font-family: sans-sarif;
6979
+ --icon-button-font-size: initial;
6980
+ --icon-button-font-weight: regular;
6981
+ --icon-button-paragraph-spacing: 0px;
6982
+ --icon-button-paragraph-indent: 0px
5977
6983
  }
5978
6984
  [data-theme="light"] [component-variant="icon-button-inverse-small-primary-ghost"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="icon-button-inverse-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
5979
6985
  --icon-button-background-color: var(--interactive-surface-secondary-hover);
5980
- --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
5981
- --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
5982
- --icon-button-border-bottom-left-radius: var(--spacing-extra-extra-small);
5983
- --icon-button-border-bottom-right-radius: var(--spacing-extra-extra-small);
5984
- --icon-button-padding-left: var(--spacing-extra-small);
5985
- --icon-button-padding-right: var(--spacing-extra-small);
5986
- --icon-button-padding-top: var(--spacing-extra-small);
5987
- --icon-button-padding-bottom: var(--spacing-extra-small);
5988
- --icon-button-column-gap: var(--spacing-none);
5989
- --icon-button-color: var(--icon-primary)
6986
+ --icon-button-color: var(--icon-primary);
6987
+ --icon-button-border-top-left-radius: var(--spacing-space-2);
6988
+ --icon-button-border-top-right-radius: var(--spacing-space-2);
6989
+ --icon-button-border-bottom-left-radius: var(--spacing-space-2);
6990
+ --icon-button-border-bottom-right-radius: var(--spacing-space-2);
6991
+ --icon-button-padding-left: var(--spacing-space-3);
6992
+ --icon-button-padding-right: var(--spacing-space-3);
6993
+ --icon-button-padding-top: var(--spacing-space-3);
6994
+ --icon-button-padding-bottom: var(--spacing-space-3);
6995
+ --icon-button-row-gap: var(--spacing-space-1);
6996
+ --icon-button-column-gap: var(--spacing-space-1);
6997
+ --icon-button-font-family: sans-sarif;
6998
+ --icon-button-font-size: initial;
6999
+ --icon-button-font-weight: regular;
7000
+ --icon-button-paragraph-spacing: 0px;
7001
+ --icon-button-paragraph-indent: 0px
5990
7002
  }
5991
7003
  [data-theme='dark'] [component-variant^="chip-"], [data-theme='light'] [component-variant^="chip-"] {
5992
7004
  --chip-opacity: 1;
@@ -14238,8 +15250,7 @@ span.flatpickr-weekday {
14238
15250
  --modal-header-paragraph-indent:
14239
15251
  }
14240
15252
  [data-theme='custom'] [component-variant="modal-header-default"], [data-theme='dark'] [component-variant="modal-header-default"], [data-theme='light'] [component-variant="modal-header-default"] {
14241
- --modal-header-height: 40px;
14242
- --modal-header-width: 363px;
15253
+ --modal-header-width: 100%;
14243
15254
  --modal-header-border-color: rgb(56, 58, 68);
14244
15255
  --modal-header-border-bottom-width: 1px;
14245
15256
  --modal-header-padding-left: var(--spacing-space-6);
@@ -14255,6 +15266,16 @@ span.flatpickr-weekday {
14255
15266
  --modal-header-paragraph-spacing: 0px;
14256
15267
  --modal-header-paragraph-indent: 0px
14257
15268
  }
15269
+ [data-theme='custom'] [component-variant="modal-header-default"], [data-theme='dark'] [component-variant="modal-header-default"], [data-theme='light'] [component-variant="modal-header-default"] {
15270
+ --modal-header-title-width: 100%;
15271
+ --modal-header-title-color: var(--text-primary);
15272
+ --modal-header-title-font-family: var(--font-family-title);
15273
+ --modal-header-title-font-size: var(--font-size-heading-heading-3);
15274
+ --modal-header-title-font-weight: var(--font-weight-medium);
15275
+ --modal-header-title-line-height: var(--line-height-heading-heading-3);
15276
+ --modal-header-title-paragraph-spacing: 0px;
15277
+ --modal-header-title-paragraph-indent: 0px
15278
+ }
14258
15279
  [data-theme="light"] [component-variant^="popover-"], [data-theme="dark"] [component-variant^="popover-"] {
14259
15280
  --popover-opacity: 1;
14260
15281
  --popover-height: auto;
@@ -14366,15 +15387,25 @@ span.flatpickr-weekday {
14366
15387
  --list-paragraph-indent:
14367
15388
  }
14368
15389
  [data-theme="light"] [component-variant="list-vertical"], [data-theme="dark"] [component-variant="list-vertical"] {
14369
- --list-width: 135px;
14370
- --list-row-gap: 4px;
14371
- --list-column-gap: var(--spacing-extra-small)
15390
+ --list-row-gap: var(--spacing-space-3);
15391
+ --list-column-gap: var(--spacing-space-3);
15392
+ --list-font-family: var(--font-family-body);
15393
+ --list-font-size: var(--font-size-body-small);
15394
+ --list-font-weight: var(--font-weight-medium);
15395
+ --list-line-height: var(--line-height-body-small);
15396
+ --list-paragraph-spacing: 0px;
15397
+ --list-paragraph-indent: 0px
14372
15398
  }
14373
15399
  [data-theme="light"] [component-variant="list-horizontal"], [data-theme="dark"] [component-variant="list-horizontal"] {
14374
- --list-width: 691px;
14375
- --list-row-gap: 4px;
14376
- --list-column-gap: var(--spacing-extra-small)
14377
- }
15400
+ --list-row-gap: var(--spacing-space-3);
15401
+ --list-column-gap: var(--spacing-space-3);
15402
+ --list-font-family: var(--font-family-body);
15403
+ --list-font-size: var(--font-size-body-small);
15404
+ --list-font-weight: var(--font-weight-medium);
15405
+ --list-line-height: var(--line-height-body-small);
15406
+ --list-paragraph-spacing: 0px;
15407
+ --list-paragraph-indent: 0px
15408
+ }
14378
15409
  [data-theme="light"] [component-variant^="list-item-"], [data-theme="dark"] [component-variant^="list-item-"] {
14379
15410
  --list-item-opacity: 1;
14380
15411
  --list-item-height: auto;
@@ -14416,123 +15447,114 @@ span.flatpickr-weekday {
14416
15447
  }
14417
15448
  [data-theme="light"] [component-variant="list-item-default"], [data-theme="dark"] [component-variant="list-item-default"] {
14418
15449
  --list-item-width: 100%;
14419
- --list-item-background-color: rgb(34, 36, 47);
14420
- --list-item-border-top-left-radius: 4px;
14421
- --list-item-border-top-right-radius: 4px;
14422
- --list-item-border-bottom-left-radius: 4px;
14423
- --list-item-border-bottom-right-radius: 4px;
14424
- --list-item-padding-left: 8px;
14425
- --list-item-padding-right: 8px;
14426
- --list-item-padding-top: 8px;
14427
- --list-item-padding-bottom: 8px;
14428
- --list-item-row-gap: 4px;
14429
- --list-item-column-gap: 4px;
14430
- --list-item-font-family: sans-sarif;
14431
- --list-item-font-size: initial;
14432
- --list-item-font-weight: regular;
15450
+ --list-item-background-color: var(--interactive-surface-secondary-default);
15451
+ --list-item-color: var(--text-primary);
15452
+ --list-item-border-top-left-radius: var(--corner-radius-extra-small);
15453
+ --list-item-border-top-right-radius: var(--corner-radius-extra-small);
15454
+ --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
15455
+ --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
15456
+ --list-item-padding-left: var(--spacing-space-5);
15457
+ --list-item-padding-right: var(--spacing-space-5);
15458
+ --list-item-padding-top: var(--spacing-space-5);
15459
+ --list-item-padding-bottom: var(--spacing-space-5);
15460
+ --list-item-row-gap: var(--spacing-space-3);
15461
+ --list-item-column-gap: var(--spacing-space-3);
15462
+ --list-item-font-family: var(--font-family-body);
15463
+ --list-item-font-size: var(--font-size-body-small);
15464
+ --list-item-font-weight: var(--font-weight-regular);
15465
+ --list-item-line-height: var(--line-height-body-small);
14433
15466
  --list-item-paragraph-spacing: 0px;
14434
15467
  --list-item-paragraph-indent: 0px
14435
15468
  }
14436
15469
  [data-theme="light"] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]) {
14437
15470
  --list-item-width: 100%;
14438
- --list-item-background-color: rgb(56, 58, 68);
14439
- --list-item-border-top-left-radius: 4px;
14440
- --list-item-border-top-right-radius: 4px;
14441
- --list-item-border-bottom-left-radius: 4px;
14442
- --list-item-border-bottom-right-radius: 4px;
14443
- --list-item-padding-left: 8px;
14444
- --list-item-padding-right: 8px;
14445
- --list-item-padding-top: 8px;
14446
- --list-item-padding-bottom: 8px;
14447
- --list-item-row-gap: 4px;
14448
- --list-item-column-gap: 4px;
14449
- --list-item-font-family: sans-sarif;
14450
- --list-item-font-size: initial;
14451
- --list-item-font-weight: regular;
15471
+ --list-item-background-color: var(--interactive-surface-secondary-hover);
15472
+ --list-item-color: var(--text-primary);
15473
+ --list-item-border-top-left-radius: var(--corner-radius-extra-small);
15474
+ --list-item-border-top-right-radius: var(--corner-radius-extra-small);
15475
+ --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
15476
+ --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
15477
+ --list-item-padding-left: var(--spacing-space-5);
15478
+ --list-item-padding-right: var(--spacing-space-5);
15479
+ --list-item-padding-top: var(--spacing-space-5);
15480
+ --list-item-padding-bottom: var(--spacing-space-5);
15481
+ --list-item-row-gap: var(--spacing-space-3);
15482
+ --list-item-column-gap: var(--spacing-space-3);
15483
+ --list-item-font-family: var(--font-family-body);
15484
+ --list-item-font-size: var(--font-size-body-small);
15485
+ --list-item-font-weight: var(--font-weight-regular);
15486
+ --list-item-line-height: var(--line-height-body-small);
14452
15487
  --list-item-paragraph-spacing: 0px;
14453
15488
  --list-item-paragraph-indent: 0px
14454
15489
  }
14455
15490
  [data-theme="light"] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="list-item-default"][active]:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="list-item-default"]:active:not(:disabled):not([disabled]) {
14456
15491
  --list-item-width: 100%;
14457
- --list-item-background-color: rgb(78, 80, 89);
14458
- --list-item-border-top-left-radius: 4px;
14459
- --list-item-border-top-right-radius: 4px;
14460
- --list-item-border-bottom-left-radius: 4px;
14461
- --list-item-border-bottom-right-radius: 4px;
14462
- --list-item-padding-left: 8px;
14463
- --list-item-padding-right: 8px;
14464
- --list-item-padding-top: 8px;
14465
- --list-item-padding-bottom: 8px;
14466
- --list-item-row-gap: 4px;
14467
- --list-item-column-gap: 4px;
14468
- --list-item-font-family: sans-sarif;
14469
- --list-item-font-size: initial;
14470
- --list-item-font-weight: regular;
15492
+ --list-item-background-color: var(--interactive-surface-secondary-pressed);
15493
+ --list-item-color: var(--text-primary);
15494
+ --list-item-border-top-left-radius: var(--corner-radius-extra-small);
15495
+ --list-item-border-top-right-radius: var(--corner-radius-extra-small);
15496
+ --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
15497
+ --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
15498
+ --list-item-padding-left: var(--spacing-space-5);
15499
+ --list-item-padding-right: var(--spacing-space-5);
15500
+ --list-item-padding-top: var(--spacing-space-5);
15501
+ --list-item-padding-bottom: var(--spacing-space-5);
15502
+ --list-item-row-gap: var(--spacing-space-3);
15503
+ --list-item-column-gap: var(--spacing-space-3);
15504
+ --list-item-font-family: var(--font-family-body);
15505
+ --list-item-font-size: var(--font-size-body-small);
15506
+ --list-item-font-weight: var(--font-weight-regular);
15507
+ --list-item-line-height: var(--line-height-body-small);
14471
15508
  --list-item-paragraph-spacing: 0px;
14472
15509
  --list-item-paragraph-indent: 0px
14473
15510
  }
14474
15511
  [data-theme="light"] [component-variant="list-item-default"]:focus-within:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="list-item-default"]:focus-within:not(:disabled):not([disabled]), [data-theme="light"] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]) {
14475
15512
  --list-item-width: 100%;
14476
- --list-item-background-color: rgb(56, 58, 68);
14477
- --list-item-border-top-left-radius: 4px;
14478
- --list-item-border-top-right-radius: 4px;
14479
- --list-item-border-bottom-left-radius: 4px;
14480
- --list-item-border-bottom-right-radius: 4px;
14481
- --list-item-border-color: rgb(186, 187, 191);
15513
+ --list-item-background-color: var(--interactive-surface-secondary-hover);
15514
+ --list-item-color: var(--text-primary);
15515
+ --list-item-border-top-left-radius: var(--corner-radius-extra-small);
15516
+ --list-item-border-top-right-radius: var(--corner-radius-extra-small);
15517
+ --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
15518
+ --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
15519
+ --list-item-border-color: var(--border-border-grey-1);
14482
15520
  --list-item-border-top-width: 1px;
14483
15521
  --list-item-border-right-width: 1px;
14484
15522
  --list-item-border-bottom-width: 1px;
14485
15523
  --list-item-border-left-width: 1px;
14486
- --list-item-padding-left: 8px;
14487
- --list-item-padding-right: 8px;
14488
- --list-item-padding-top: 8px;
14489
- --list-item-padding-bottom: 8px;
14490
- --list-item-row-gap: 4px;
14491
- --list-item-column-gap: 4px;
14492
- --list-item-font-family: sans-sarif;
14493
- --list-item-font-size: initial;
14494
- --list-item-font-weight: regular;
15524
+ --list-item-padding-left: var(--spacing-space-5);
15525
+ --list-item-padding-right: var(--spacing-space-5);
15526
+ --list-item-padding-top: var(--spacing-space-5);
15527
+ --list-item-padding-bottom: var(--spacing-space-5);
15528
+ --list-item-row-gap: var(--spacing-space-3);
15529
+ --list-item-column-gap: var(--spacing-space-3);
15530
+ --list-item-font-family: var(--font-family-body);
15531
+ --list-item-font-size: var(--font-size-body-small);
15532
+ --list-item-font-weight: var(--font-weight-regular);
15533
+ --list-item-line-height: var(--line-height-body-small);
14495
15534
  --list-item-paragraph-spacing: 0px;
14496
15535
  --list-item-paragraph-indent: 0px
14497
15536
  }
14498
15537
  [data-theme="light"] [component-variant="list-item-default"][disabled],
14499
- [data-theme="dark"] [component-variant="list-item-default"][disabled],
14500
- [data-theme="light"] [component-variant="list-item-default"]:disabled,
14501
- [data-theme="dark"] [component-variant="list-item-default"]:disabled {
14502
- --list-item-width: 100%;
14503
- --list-item-background-color: rgb(56, 58, 68);
14504
- --list-item-border-top-left-radius: 4px;
14505
- --list-item-border-top-right-radius: 4px;
14506
- --list-item-border-bottom-left-radius: 4px;
14507
- --list-item-border-bottom-right-radius: 4px;
14508
- --list-item-padding-left: 8px;
14509
- --list-item-padding-right: 8px;
14510
- --list-item-padding-top: 8px;
14511
- --list-item-padding-bottom: 8px;
14512
- --list-item-row-gap: 4px;
14513
- --list-item-column-gap: 4px;
14514
- --list-item-font-family: sans-sarif;
14515
- --list-item-font-size: initial;
14516
- --list-item-font-weight: regular;
14517
- --list-item-paragraph-spacing: 0px;
14518
- --list-item-paragraph-indent: 0px
14519
- }
14520
- [data-theme="light"] [component-variant="list-item-default"]:checked:not(:disabled):not([disabled]), [data-theme="dark"] [component-variant="list-item-default"]:checked:not(:disabled):not([disabled]) {
15538
+ [data-theme="dark"] [component-variant="list-item-default"][disabled],
15539
+ [data-theme="light"] [component-variant="list-item-default"]:disabled,
15540
+ [data-theme="dark"] [component-variant="list-item-default"]:disabled {
14521
15541
  --list-item-width: 100%;
14522
- --list-item-background-color: rgb(34, 36, 47);
14523
- --list-item-border-top-left-radius: 4px;
14524
- --list-item-border-top-right-radius: 4px;
14525
- --list-item-border-bottom-left-radius: 4px;
14526
- --list-item-border-bottom-right-radius: 4px;
14527
- --list-item-padding-left: 8px;
14528
- --list-item-padding-right: 8px;
14529
- --list-item-padding-top: 8px;
14530
- --list-item-padding-bottom: 8px;
14531
- --list-item-row-gap: 4px;
14532
- --list-item-column-gap: 4px;
14533
- --list-item-font-family: sans-sarif;
14534
- --list-item-font-size: initial;
14535
- --list-item-font-weight: regular;
15542
+ --list-item-background-color: var(--interactive-surface-secondary-disabled);
15543
+ --list-item-color: var(--text-tertiary);
15544
+ --list-item-border-top-left-radius: var(--corner-radius-extra-small);
15545
+ --list-item-border-top-right-radius: var(--corner-radius-extra-small);
15546
+ --list-item-border-bottom-left-radius: var(--corner-radius-extra-small);
15547
+ --list-item-border-bottom-right-radius: var(--corner-radius-extra-small);
15548
+ --list-item-padding-left: var(--spacing-space-5);
15549
+ --list-item-padding-right: var(--spacing-space-5);
15550
+ --list-item-padding-top: var(--spacing-space-5);
15551
+ --list-item-padding-bottom: var(--spacing-space-5);
15552
+ --list-item-row-gap: var(--spacing-space-3);
15553
+ --list-item-column-gap: var(--spacing-space-3);
15554
+ --list-item-font-family: var(--font-family-body);
15555
+ --list-item-font-size: var(--font-size-body-small);
15556
+ --list-item-font-weight: var(--font-weight-regular);
15557
+ --list-item-line-height: var(--line-height-body-small);
14536
15558
  --list-item-paragraph-spacing: 0px;
14537
15559
  --list-item-paragraph-indent: 0px
14538
15560
  }
@@ -21818,6 +22840,71 @@ span.flatpickr-weekday {
21818
22840
  --pagination-forward-button-column-gap: var(--spacing-space-1);
21819
22841
  --pagination-forward-button-background-color: var(--interactive-surface-ghost-disabled)
21820
22842
  }
22843
+ [data-theme='dark'] [component-variant^="context-menu-"], [data-theme='light'] [component-variant^="context-menu-"] {
22844
+ --context-menu-opacity: 1;
22845
+ --context-menu-height: auto;
22846
+ --context-menu-min-height: auto;
22847
+ --context-menu-max-height: none;
22848
+ --context-menu-width: auto;
22849
+ --context-menu-min-width: auto;
22850
+ --context-menu-max-width: none;
22851
+ --context-menu-background-color: transparent;
22852
+ --context-menu-fill: currentcolor;
22853
+ --context-menu-border-top-left-radius: 0px;
22854
+ --context-menu-border-top-right-radius: 0px;
22855
+ --context-menu-border-bottom-left-radius: 0px;
22856
+ --context-menu-border-bottom-right-radius: 0px;
22857
+ --context-menu-border-color: transparent;
22858
+ --context-menu-border-style: solid;
22859
+ --context-menu-border-gap: normal;
22860
+ --context-menu-border-dash: none;
22861
+ --context-menu-border-top-width: 0px;
22862
+ --context-menu-border-right-width: 0px;
22863
+ --context-menu-border-bottom-width: 0px;
22864
+ --context-menu-border-left-width: 0px;
22865
+ --context-menu-outline-color: auto;
22866
+ --context-menu-outline-style: solid;
22867
+ --context-menu-outline-width: 0px;
22868
+ --context-menu-padding-left: 0px;
22869
+ --context-menu-padding-right: 0px;
22870
+ --context-menu-padding-top: 0px;
22871
+ --context-menu-padding-bottom: 0px;
22872
+ --context-menu-row-gap: 0px;
22873
+ --context-menu-column-gap: 0px;
22874
+ --context-menu-font-family: sans-serif;
22875
+ --context-menu-font-size: medium;
22876
+ --context-menu-color: currentcolor;
22877
+ --context-menu-letter-spacing: normal;
22878
+ --context-menu-line-height: normal;
22879
+ --context-menu-paragraph-spacing: ;
22880
+ --context-menu-paragraph-indent:
22881
+ }
22882
+ [data-theme='dark'] [component-variant="context-menu-default"], [data-theme='light'] [component-variant="context-menu-default"] {
22883
+ --context-menu-width: 100%;
22884
+ --context-menu-background-color: var(--surface-background-4);
22885
+ --context-menu-color: var(--text-primary);
22886
+ --context-menu-border-top-left-radius: var(--corner-radius-extra-small);
22887
+ --context-menu-border-top-right-radius: var(--corner-radius-extra-small);
22888
+ --context-menu-border-bottom-left-radius: var(--corner-radius-extra-small);
22889
+ --context-menu-border-bottom-right-radius: var(--corner-radius-extra-small);
22890
+ --context-menu-border-color: var(--border-border-grey-3);
22891
+ --context-menu-border-top-width: 1px;
22892
+ --context-menu-border-right-width: 1px;
22893
+ --context-menu-border-bottom-width: 1px;
22894
+ --context-menu-border-left-width: 1px;
22895
+ --context-menu-padding-left: var(--spacing-space-5);
22896
+ --context-menu-padding-right: var(--spacing-space-5);
22897
+ --context-menu-padding-top: var(--spacing-space-5);
22898
+ --context-menu-padding-bottom: var(--spacing-space-5);
22899
+ --context-menu-row-gap: var(--spacing-space-3);
22900
+ --context-menu-column-gap: var(--spacing-space-3);
22901
+ --context-menu-font-family: var(--font-family-body);
22902
+ --context-menu-font-size: var(--font-size-body-small);
22903
+ --context-menu-font-weight: var(--font-weight-regular);
22904
+ --context-menu-line-height: var(--line-height-body-small);
22905
+ --context-menu-paragraph-spacing: 0px;
22906
+ --context-menu-paragraph-indent: 0px
22907
+ }
21821
22908
  /* override the theme variables here */
21822
22909
  [data-theme="light"],
21823
22910
  [data-theme="dark"] {