@mittwald/flow-design-tokens 0.2.0-alpha.1045 → 0.2.0-alpha.1047

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 (10) hide show
  1. package/dist/css/all-dark.css +30 -30
  2. package/dist/css/all-light.css +30 -30
  3. package/dist/css/base.css +30 -30
  4. package/dist/css-layered/all-dark.css +30 -30
  5. package/dist/css-layered/all-light.css +30 -30
  6. package/dist/css-layered/base.css +30 -30
  7. package/dist/json/all-dark.json +233 -233
  8. package/dist/json/all-light.json +233 -233
  9. package/dist/json/base.json +233 -233
  10. package/package.json +2 -2
package/dist/css/all-dark.css CHANGED
@@ -648,14 +648,14 @@
648
648
  --accordion--border-style: var(--border-style--default);
649
649
  --accordion--padding-x: var(--size-px--s);
650
650
  --accordion--padding-y: var(--size-px--xs);
651
- --align--avatar-text--spacing: var(--size-rem--s);
652
- --align--input-button--spacing: var(--size-px--m);
653
- --align--text-button--spacing: var(--size-rem--xs);
654
- --align--icon-text--spacing: var(--size-rem--s);
655
651
  --column-layout--gap--s: var(--size-px--s);
656
652
  --column-layout--gap--m: var(--size-px--m);
657
653
  --column-layout--gap--l: var(--size-px--l);
658
654
  --column-layout--gap--xl: var(--size-px--xl);
655
+ --combine--avatar-text--spacing: var(--size-rem--s);
656
+ --combine--input-button--spacing: var(--size-px--m);
657
+ --combine--text-button--spacing: var(--size-rem--xs);
658
+ --combine--icon-text--spacing: var(--size-rem--s);
659
659
  --layout-card--padding: var(--size-px--l);
660
660
  --layout-card--padding-mobile: var(--size-px--m);
661
661
  --layout-card--border-style: var(--border-style--default);
@@ -693,9 +693,9 @@
693
693
  --button--pending-icon-color: var(--neutral--color--1000);
694
694
  --button--border-width: var(--border-width--100);
695
695
  --button--corner-radius-s: var(--corner-radius--s);
696
- --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
697
- --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
698
- --button--accent-outline-background-color--default: var(--success-outline-background-color--default);
696
+ --button--success-plain-background-color--default: var(--success-plain-background-color--default);
697
+ --button--success-plain-background-color--disabled: var(--disabled-plain-background-color);
698
+ --button--success-outline-background-color--default: var(--success-outline-background-color--default);
699
699
  --button--primary-plain-background-color--default: var(--primary-plain-background-color--default);
700
700
  --button--primary-plain-background-color--disabled: var(--disabled-plain-background-color);
701
701
  --button--primary-outline-background-color--default: var(--primary-outline-background-color--default);
@@ -1115,29 +1115,29 @@
1115
1115
  --image-cropper--grid-color: var(--light-static--color--400);
1116
1116
  --image-cropper--mask-border-color: var(--light-static--color--800);
1117
1117
  --image-cropper--mask-color: var(--dark-static--color--600);
1118
- --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
1119
- --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
1120
- --button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);
1121
- --button--accent-solid-background-color--disabled: var(--disabled-solid-background-color);
1122
- --button--accent-solid-content-color--default: var(--success-solid-content-color);
1123
- --button--accent-solid-content-color--disabled: var(--disabled-solid-content-color);
1124
- --button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);
1125
- --button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);
1126
- --button--accent-plain-content-color--default: var(--success-plain-content-color);
1127
- --button--accent-plain-content-color--disabled: var(--disabled-plain-content-color);
1128
- --button--accent-soft-background-color--default: var(--success-soft-background-color--default);
1129
- --button--accent-soft-background-color--hover: var(--success-soft-background-color--hover);
1130
- --button--accent-soft-background-color--pressed: var(--success-soft-background-color--pressed);
1131
- --button--accent-soft-background-color--disabled: var(--disabled-soft-background-color);
1132
- --button--accent-soft-content-color--default: var(--success-soft-content-color);
1133
- --button--accent-soft-content-color--disabled: var(--disabled-soft-content-color);
1134
- --button--accent-outline-background-color--hover: var(--success-outline-background-color--hover);
1135
- --button--accent-outline-background-color--pressed: var(--success-outline-background-color--pressed);
1136
- --button--accent-outline-background-color--disabled: var(--disabled-outline-background-color);
1137
- --button--accent-outline-content-color--default: var(--success-outline-content-color);
1138
- --button--accent-outline-content-color--disabled: var(--disabled-outline-content-color);
1139
- --button--accent-outline-border-color--default: var(--success-outline-border-color);
1140
- --button--accent-outline-border-color--disabled: var(--disabled-outline-border-color);
1118
+ --button--success-solid-background-color--default: var(--success-solid-background-color--default);
1119
+ --button--success-solid-background-color--hover: var(--success-solid-background-color--hover);
1120
+ --button--success-solid-background-color--pressed: var(--success-solid-background-color--pressed);
1121
+ --button--success-solid-background-color--disabled: var(--disabled-solid-background-color);
1122
+ --button--success-solid-content-color--default: var(--success-solid-content-color);
1123
+ --button--success-solid-content-color--disabled: var(--disabled-solid-content-color);
1124
+ --button--success-plain-background-color--hover: var(--success-plain-background-color--hover);
1125
+ --button--success-plain-background-color--pressed: var(--success-plain-background-color--pressed);
1126
+ --button--success-plain-content-color--default: var(--success-plain-content-color);
1127
+ --button--success-plain-content-color--disabled: var(--disabled-plain-content-color);
1128
+ --button--success-soft-background-color--default: var(--success-soft-background-color--default);
1129
+ --button--success-soft-background-color--hover: var(--success-soft-background-color--hover);
1130
+ --button--success-soft-background-color--pressed: var(--success-soft-background-color--pressed);
1131
+ --button--success-soft-background-color--disabled: var(--disabled-soft-background-color);
1132
+ --button--success-soft-content-color--default: var(--success-soft-content-color);
1133
+ --button--success-soft-content-color--disabled: var(--disabled-soft-content-color);
1134
+ --button--success-outline-background-color--hover: var(--success-outline-background-color--hover);
1135
+ --button--success-outline-background-color--pressed: var(--success-outline-background-color--pressed);
1136
+ --button--success-outline-background-color--disabled: var(--disabled-outline-background-color);
1137
+ --button--success-outline-content-color--default: var(--success-outline-content-color);
1138
+ --button--success-outline-content-color--disabled: var(--disabled-outline-content-color);
1139
+ --button--success-outline-border-color--default: var(--success-outline-border-color);
1140
+ --button--success-outline-border-color--disabled: var(--disabled-outline-border-color);
1141
1141
  --button--primary-solid-background-color--default: var(--primary-solid-background-color--default);
1142
1142
  --button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);
1143
1143
  --button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);
package/dist/css/all-light.css CHANGED
@@ -648,14 +648,14 @@
648
648
  --accordion--border-style: var(--border-style--default);
649
649
  --accordion--padding-x: var(--size-px--s);
650
650
  --accordion--padding-y: var(--size-px--xs);
651
- --align--avatar-text--spacing: var(--size-rem--s);
652
- --align--input-button--spacing: var(--size-px--m);
653
- --align--text-button--spacing: var(--size-rem--xs);
654
- --align--icon-text--spacing: var(--size-rem--s);
655
651
  --column-layout--gap--s: var(--size-px--s);
656
652
  --column-layout--gap--m: var(--size-px--m);
657
653
  --column-layout--gap--l: var(--size-px--l);
658
654
  --column-layout--gap--xl: var(--size-px--xl);
655
+ --combine--avatar-text--spacing: var(--size-rem--s);
656
+ --combine--input-button--spacing: var(--size-px--m);
657
+ --combine--text-button--spacing: var(--size-rem--xs);
658
+ --combine--icon-text--spacing: var(--size-rem--s);
659
659
  --layout-card--padding: var(--size-px--l);
660
660
  --layout-card--padding-mobile: var(--size-px--m);
661
661
  --layout-card--border-style: var(--border-style--default);
@@ -693,9 +693,9 @@
693
693
  --button--pending-icon-color: var(--neutral--color--1000);
694
694
  --button--border-width: var(--border-width--100);
695
695
  --button--corner-radius-s: var(--corner-radius--s);
696
- --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
697
- --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
698
- --button--accent-outline-background-color--default: var(--success-outline-background-color--default);
696
+ --button--success-plain-background-color--default: var(--success-plain-background-color--default);
697
+ --button--success-plain-background-color--disabled: var(--disabled-plain-background-color);
698
+ --button--success-outline-background-color--default: var(--success-outline-background-color--default);
699
699
  --button--primary-plain-background-color--default: var(--primary-plain-background-color--default);
700
700
  --button--primary-plain-background-color--disabled: var(--disabled-plain-background-color);
701
701
  --button--primary-outline-background-color--default: var(--primary-outline-background-color--default);
@@ -1115,29 +1115,29 @@
1115
1115
  --image-cropper--grid-color: var(--light-static--color--400);
1116
1116
  --image-cropper--mask-border-color: var(--light-static--color--800);
1117
1117
  --image-cropper--mask-color: var(--dark-static--color--600);
1118
- --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
1119
- --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
1120
- --button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);
1121
- --button--accent-solid-background-color--disabled: var(--disabled-solid-background-color);
1122
- --button--accent-solid-content-color--default: var(--success-solid-content-color);
1123
- --button--accent-solid-content-color--disabled: var(--disabled-solid-content-color);
1124
- --button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);
1125
- --button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);
1126
- --button--accent-plain-content-color--default: var(--success-plain-content-color);
1127
- --button--accent-plain-content-color--disabled: var(--disabled-plain-content-color);
1128
- --button--accent-soft-background-color--default: var(--success-soft-background-color--default);
1129
- --button--accent-soft-background-color--hover: var(--success-soft-background-color--hover);
1130
- --button--accent-soft-background-color--pressed: var(--success-soft-background-color--pressed);
1131
- --button--accent-soft-background-color--disabled: var(--disabled-soft-background-color);
1132
- --button--accent-soft-content-color--default: var(--success-soft-content-color);
1133
- --button--accent-soft-content-color--disabled: var(--disabled-soft-content-color);
1134
- --button--accent-outline-background-color--hover: var(--success-outline-background-color--hover);
1135
- --button--accent-outline-background-color--pressed: var(--success-outline-background-color--pressed);
1136
- --button--accent-outline-background-color--disabled: var(--disabled-outline-background-color);
1137
- --button--accent-outline-content-color--default: var(--success-outline-content-color);
1138
- --button--accent-outline-content-color--disabled: var(--disabled-outline-content-color);
1139
- --button--accent-outline-border-color--default: var(--success-outline-border-color);
1140
- --button--accent-outline-border-color--disabled: var(--disabled-outline-border-color);
1118
+ --button--success-solid-background-color--default: var(--success-solid-background-color--default);
1119
+ --button--success-solid-background-color--hover: var(--success-solid-background-color--hover);
1120
+ --button--success-solid-background-color--pressed: var(--success-solid-background-color--pressed);
1121
+ --button--success-solid-background-color--disabled: var(--disabled-solid-background-color);
1122
+ --button--success-solid-content-color--default: var(--success-solid-content-color);
1123
+ --button--success-solid-content-color--disabled: var(--disabled-solid-content-color);
1124
+ --button--success-plain-background-color--hover: var(--success-plain-background-color--hover);
1125
+ --button--success-plain-background-color--pressed: var(--success-plain-background-color--pressed);
1126
+ --button--success-plain-content-color--default: var(--success-plain-content-color);
1127
+ --button--success-plain-content-color--disabled: var(--disabled-plain-content-color);
1128
+ --button--success-soft-background-color--default: var(--success-soft-background-color--default);
1129
+ --button--success-soft-background-color--hover: var(--success-soft-background-color--hover);
1130
+ --button--success-soft-background-color--pressed: var(--success-soft-background-color--pressed);
1131
+ --button--success-soft-background-color--disabled: var(--disabled-soft-background-color);
1132
+ --button--success-soft-content-color--default: var(--success-soft-content-color);
1133
+ --button--success-soft-content-color--disabled: var(--disabled-soft-content-color);
1134
+ --button--success-outline-background-color--hover: var(--success-outline-background-color--hover);
1135
+ --button--success-outline-background-color--pressed: var(--success-outline-background-color--pressed);
1136
+ --button--success-outline-background-color--disabled: var(--disabled-outline-background-color);
1137
+ --button--success-outline-content-color--default: var(--success-outline-content-color);
1138
+ --button--success-outline-content-color--disabled: var(--disabled-outline-content-color);
1139
+ --button--success-outline-border-color--default: var(--success-outline-border-color);
1140
+ --button--success-outline-border-color--disabled: var(--disabled-outline-border-color);
1141
1141
  --button--primary-solid-background-color--default: var(--primary-solid-background-color--default);
1142
1142
  --button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);
1143
1143
  --button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);
package/dist/css/base.css CHANGED
@@ -491,14 +491,14 @@
491
491
  --accordion--border-style: var(--border-style--default);
492
492
  --accordion--padding-x: var(--size-px--s);
493
493
  --accordion--padding-y: var(--size-px--xs);
494
- --align--avatar-text--spacing: var(--size-rem--s);
495
- --align--input-button--spacing: var(--size-px--m);
496
- --align--text-button--spacing: var(--size-rem--xs);
497
- --align--icon-text--spacing: var(--size-rem--s);
498
494
  --column-layout--gap--s: var(--size-px--s);
499
495
  --column-layout--gap--m: var(--size-px--m);
500
496
  --column-layout--gap--l: var(--size-px--l);
501
497
  --column-layout--gap--xl: var(--size-px--xl);
498
+ --combine--avatar-text--spacing: var(--size-rem--s);
499
+ --combine--input-button--spacing: var(--size-px--m);
500
+ --combine--text-button--spacing: var(--size-rem--xs);
501
+ --combine--icon-text--spacing: var(--size-rem--s);
502
502
  --layout-card--padding: var(--size-px--l);
503
503
  --layout-card--padding-mobile: var(--size-px--m);
504
504
  --layout-card--border-style: var(--border-style--default);
@@ -536,9 +536,9 @@
536
536
  --button--pending-icon-color: var(--neutral--color--1000);
537
537
  --button--border-width: var(--border-width--100);
538
538
  --button--corner-radius-s: var(--corner-radius--s);
539
- --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
540
- --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
541
- --button--accent-outline-background-color--default: var(--success-outline-background-color--default);
539
+ --button--success-plain-background-color--default: var(--success-plain-background-color--default);
540
+ --button--success-plain-background-color--disabled: var(--disabled-plain-background-color);
541
+ --button--success-outline-background-color--default: var(--success-outline-background-color--default);
542
542
  --button--primary-plain-background-color--default: var(--primary-plain-background-color--default);
543
543
  --button--primary-plain-background-color--disabled: var(--disabled-plain-background-color);
544
544
  --button--primary-outline-background-color--default: var(--primary-outline-background-color--default);
@@ -958,29 +958,29 @@
958
958
  --image-cropper--grid-color: var(--light-static--color--400);
959
959
  --image-cropper--mask-border-color: var(--light-static--color--800);
960
960
  --image-cropper--mask-color: var(--dark-static--color--600);
961
- --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
962
- --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
963
- --button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);
964
- --button--accent-solid-background-color--disabled: var(--disabled-solid-background-color);
965
- --button--accent-solid-content-color--default: var(--success-solid-content-color);
966
- --button--accent-solid-content-color--disabled: var(--disabled-solid-content-color);
967
- --button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);
968
- --button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);
969
- --button--accent-plain-content-color--default: var(--success-plain-content-color);
970
- --button--accent-plain-content-color--disabled: var(--disabled-plain-content-color);
971
- --button--accent-soft-background-color--default: var(--success-soft-background-color--default);
972
- --button--accent-soft-background-color--hover: var(--success-soft-background-color--hover);
973
- --button--accent-soft-background-color--pressed: var(--success-soft-background-color--pressed);
974
- --button--accent-soft-background-color--disabled: var(--disabled-soft-background-color);
975
- --button--accent-soft-content-color--default: var(--success-soft-content-color);
976
- --button--accent-soft-content-color--disabled: var(--disabled-soft-content-color);
977
- --button--accent-outline-background-color--hover: var(--success-outline-background-color--hover);
978
- --button--accent-outline-background-color--pressed: var(--success-outline-background-color--pressed);
979
- --button--accent-outline-background-color--disabled: var(--disabled-outline-background-color);
980
- --button--accent-outline-content-color--default: var(--success-outline-content-color);
981
- --button--accent-outline-content-color--disabled: var(--disabled-outline-content-color);
982
- --button--accent-outline-border-color--default: var(--success-outline-border-color);
983
- --button--accent-outline-border-color--disabled: var(--disabled-outline-border-color);
961
+ --button--success-solid-background-color--default: var(--success-solid-background-color--default);
962
+ --button--success-solid-background-color--hover: var(--success-solid-background-color--hover);
963
+ --button--success-solid-background-color--pressed: var(--success-solid-background-color--pressed);
964
+ --button--success-solid-background-color--disabled: var(--disabled-solid-background-color);
965
+ --button--success-solid-content-color--default: var(--success-solid-content-color);
966
+ --button--success-solid-content-color--disabled: var(--disabled-solid-content-color);
967
+ --button--success-plain-background-color--hover: var(--success-plain-background-color--hover);
968
+ --button--success-plain-background-color--pressed: var(--success-plain-background-color--pressed);
969
+ --button--success-plain-content-color--default: var(--success-plain-content-color);
970
+ --button--success-plain-content-color--disabled: var(--disabled-plain-content-color);
971
+ --button--success-soft-background-color--default: var(--success-soft-background-color--default);
972
+ --button--success-soft-background-color--hover: var(--success-soft-background-color--hover);
973
+ --button--success-soft-background-color--pressed: var(--success-soft-background-color--pressed);
974
+ --button--success-soft-background-color--disabled: var(--disabled-soft-background-color);
975
+ --button--success-soft-content-color--default: var(--success-soft-content-color);
976
+ --button--success-soft-content-color--disabled: var(--disabled-soft-content-color);
977
+ --button--success-outline-background-color--hover: var(--success-outline-background-color--hover);
978
+ --button--success-outline-background-color--pressed: var(--success-outline-background-color--pressed);
979
+ --button--success-outline-background-color--disabled: var(--disabled-outline-background-color);
980
+ --button--success-outline-content-color--default: var(--success-outline-content-color);
981
+ --button--success-outline-content-color--disabled: var(--disabled-outline-content-color);
982
+ --button--success-outline-border-color--default: var(--success-outline-border-color);
983
+ --button--success-outline-border-color--disabled: var(--disabled-outline-border-color);
984
984
  --button--primary-solid-background-color--default: var(--primary-solid-background-color--default);
985
985
  --button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);
986
986
  --button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);
package/dist/css-layered/all-dark.css CHANGED
@@ -649,14 +649,14 @@
649
649
  --accordion--border-style: var(--border-style--default);
650
650
  --accordion--padding-x: var(--size-px--s);
651
651
  --accordion--padding-y: var(--size-px--xs);
652
- --align--avatar-text--spacing: var(--size-rem--s);
653
- --align--input-button--spacing: var(--size-px--m);
654
- --align--text-button--spacing: var(--size-rem--xs);
655
- --align--icon-text--spacing: var(--size-rem--s);
656
652
  --column-layout--gap--s: var(--size-px--s);
657
653
  --column-layout--gap--m: var(--size-px--m);
658
654
  --column-layout--gap--l: var(--size-px--l);
659
655
  --column-layout--gap--xl: var(--size-px--xl);
656
+ --combine--avatar-text--spacing: var(--size-rem--s);
657
+ --combine--input-button--spacing: var(--size-px--m);
658
+ --combine--text-button--spacing: var(--size-rem--xs);
659
+ --combine--icon-text--spacing: var(--size-rem--s);
660
660
  --layout-card--padding: var(--size-px--l);
661
661
  --layout-card--padding-mobile: var(--size-px--m);
662
662
  --layout-card--border-style: var(--border-style--default);
@@ -694,9 +694,9 @@
694
694
  --button--pending-icon-color: var(--neutral--color--1000);
695
695
  --button--border-width: var(--border-width--100);
696
696
  --button--corner-radius-s: var(--corner-radius--s);
697
- --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
698
- --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
699
- --button--accent-outline-background-color--default: var(--success-outline-background-color--default);
697
+ --button--success-plain-background-color--default: var(--success-plain-background-color--default);
698
+ --button--success-plain-background-color--disabled: var(--disabled-plain-background-color);
699
+ --button--success-outline-background-color--default: var(--success-outline-background-color--default);
700
700
  --button--primary-plain-background-color--default: var(--primary-plain-background-color--default);
701
701
  --button--primary-plain-background-color--disabled: var(--disabled-plain-background-color);
702
702
  --button--primary-outline-background-color--default: var(--primary-outline-background-color--default);
@@ -1116,29 +1116,29 @@
1116
1116
  --image-cropper--grid-color: var(--light-static--color--400);
1117
1117
  --image-cropper--mask-border-color: var(--light-static--color--800);
1118
1118
  --image-cropper--mask-color: var(--dark-static--color--600);
1119
- --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
1120
- --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
1121
- --button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);
1122
- --button--accent-solid-background-color--disabled: var(--disabled-solid-background-color);
1123
- --button--accent-solid-content-color--default: var(--success-solid-content-color);
1124
- --button--accent-solid-content-color--disabled: var(--disabled-solid-content-color);
1125
- --button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);
1126
- --button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);
1127
- --button--accent-plain-content-color--default: var(--success-plain-content-color);
1128
- --button--accent-plain-content-color--disabled: var(--disabled-plain-content-color);
1129
- --button--accent-soft-background-color--default: var(--success-soft-background-color--default);
1130
- --button--accent-soft-background-color--hover: var(--success-soft-background-color--hover);
1131
- --button--accent-soft-background-color--pressed: var(--success-soft-background-color--pressed);
1132
- --button--accent-soft-background-color--disabled: var(--disabled-soft-background-color);
1133
- --button--accent-soft-content-color--default: var(--success-soft-content-color);
1134
- --button--accent-soft-content-color--disabled: var(--disabled-soft-content-color);
1135
- --button--accent-outline-background-color--hover: var(--success-outline-background-color--hover);
1136
- --button--accent-outline-background-color--pressed: var(--success-outline-background-color--pressed);
1137
- --button--accent-outline-background-color--disabled: var(--disabled-outline-background-color);
1138
- --button--accent-outline-content-color--default: var(--success-outline-content-color);
1139
- --button--accent-outline-content-color--disabled: var(--disabled-outline-content-color);
1140
- --button--accent-outline-border-color--default: var(--success-outline-border-color);
1141
- --button--accent-outline-border-color--disabled: var(--disabled-outline-border-color);
1119
+ --button--success-solid-background-color--default: var(--success-solid-background-color--default);
1120
+ --button--success-solid-background-color--hover: var(--success-solid-background-color--hover);
1121
+ --button--success-solid-background-color--pressed: var(--success-solid-background-color--pressed);
1122
+ --button--success-solid-background-color--disabled: var(--disabled-solid-background-color);
1123
+ --button--success-solid-content-color--default: var(--success-solid-content-color);
1124
+ --button--success-solid-content-color--disabled: var(--disabled-solid-content-color);
1125
+ --button--success-plain-background-color--hover: var(--success-plain-background-color--hover);
1126
+ --button--success-plain-background-color--pressed: var(--success-plain-background-color--pressed);
1127
+ --button--success-plain-content-color--default: var(--success-plain-content-color);
1128
+ --button--success-plain-content-color--disabled: var(--disabled-plain-content-color);
1129
+ --button--success-soft-background-color--default: var(--success-soft-background-color--default);
1130
+ --button--success-soft-background-color--hover: var(--success-soft-background-color--hover);
1131
+ --button--success-soft-background-color--pressed: var(--success-soft-background-color--pressed);
1132
+ --button--success-soft-background-color--disabled: var(--disabled-soft-background-color);
1133
+ --button--success-soft-content-color--default: var(--success-soft-content-color);
1134
+ --button--success-soft-content-color--disabled: var(--disabled-soft-content-color);
1135
+ --button--success-outline-background-color--hover: var(--success-outline-background-color--hover);
1136
+ --button--success-outline-background-color--pressed: var(--success-outline-background-color--pressed);
1137
+ --button--success-outline-background-color--disabled: var(--disabled-outline-background-color);
1138
+ --button--success-outline-content-color--default: var(--success-outline-content-color);
1139
+ --button--success-outline-content-color--disabled: var(--disabled-outline-content-color);
1140
+ --button--success-outline-border-color--default: var(--success-outline-border-color);
1141
+ --button--success-outline-border-color--disabled: var(--disabled-outline-border-color);
1142
1142
  --button--primary-solid-background-color--default: var(--primary-solid-background-color--default);
1143
1143
  --button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);
1144
1144
  --button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);
package/dist/css-layered/all-light.css CHANGED
@@ -649,14 +649,14 @@
649
649
  --accordion--border-style: var(--border-style--default);
650
650
  --accordion--padding-x: var(--size-px--s);
651
651
  --accordion--padding-y: var(--size-px--xs);
652
- --align--avatar-text--spacing: var(--size-rem--s);
653
- --align--input-button--spacing: var(--size-px--m);
654
- --align--text-button--spacing: var(--size-rem--xs);
655
- --align--icon-text--spacing: var(--size-rem--s);
656
652
  --column-layout--gap--s: var(--size-px--s);
657
653
  --column-layout--gap--m: var(--size-px--m);
658
654
  --column-layout--gap--l: var(--size-px--l);
659
655
  --column-layout--gap--xl: var(--size-px--xl);
656
+ --combine--avatar-text--spacing: var(--size-rem--s);
657
+ --combine--input-button--spacing: var(--size-px--m);
658
+ --combine--text-button--spacing: var(--size-rem--xs);
659
+ --combine--icon-text--spacing: var(--size-rem--s);
660
660
  --layout-card--padding: var(--size-px--l);
661
661
  --layout-card--padding-mobile: var(--size-px--m);
662
662
  --layout-card--border-style: var(--border-style--default);
@@ -694,9 +694,9 @@
694
694
  --button--pending-icon-color: var(--neutral--color--1000);
695
695
  --button--border-width: var(--border-width--100);
696
696
  --button--corner-radius-s: var(--corner-radius--s);
697
- --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
698
- --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
699
- --button--accent-outline-background-color--default: var(--success-outline-background-color--default);
697
+ --button--success-plain-background-color--default: var(--success-plain-background-color--default);
698
+ --button--success-plain-background-color--disabled: var(--disabled-plain-background-color);
699
+ --button--success-outline-background-color--default: var(--success-outline-background-color--default);
700
700
  --button--primary-plain-background-color--default: var(--primary-plain-background-color--default);
701
701
  --button--primary-plain-background-color--disabled: var(--disabled-plain-background-color);
702
702
  --button--primary-outline-background-color--default: var(--primary-outline-background-color--default);
@@ -1116,29 +1116,29 @@
1116
1116
  --image-cropper--grid-color: var(--light-static--color--400);
1117
1117
  --image-cropper--mask-border-color: var(--light-static--color--800);
1118
1118
  --image-cropper--mask-color: var(--dark-static--color--600);
1119
- --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
1120
- --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
1121
- --button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);
1122
- --button--accent-solid-background-color--disabled: var(--disabled-solid-background-color);
1123
- --button--accent-solid-content-color--default: var(--success-solid-content-color);
1124
- --button--accent-solid-content-color--disabled: var(--disabled-solid-content-color);
1125
- --button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);
1126
- --button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);
1127
- --button--accent-plain-content-color--default: var(--success-plain-content-color);
1128
- --button--accent-plain-content-color--disabled: var(--disabled-plain-content-color);
1129
- --button--accent-soft-background-color--default: var(--success-soft-background-color--default);
1130
- --button--accent-soft-background-color--hover: var(--success-soft-background-color--hover);
1131
- --button--accent-soft-background-color--pressed: var(--success-soft-background-color--pressed);
1132
- --button--accent-soft-background-color--disabled: var(--disabled-soft-background-color);
1133
- --button--accent-soft-content-color--default: var(--success-soft-content-color);
1134
- --button--accent-soft-content-color--disabled: var(--disabled-soft-content-color);
1135
- --button--accent-outline-background-color--hover: var(--success-outline-background-color--hover);
1136
- --button--accent-outline-background-color--pressed: var(--success-outline-background-color--pressed);
1137
- --button--accent-outline-background-color--disabled: var(--disabled-outline-background-color);
1138
- --button--accent-outline-content-color--default: var(--success-outline-content-color);
1139
- --button--accent-outline-content-color--disabled: var(--disabled-outline-content-color);
1140
- --button--accent-outline-border-color--default: var(--success-outline-border-color);
1141
- --button--accent-outline-border-color--disabled: var(--disabled-outline-border-color);
1119
+ --button--success-solid-background-color--default: var(--success-solid-background-color--default);
1120
+ --button--success-solid-background-color--hover: var(--success-solid-background-color--hover);
1121
+ --button--success-solid-background-color--pressed: var(--success-solid-background-color--pressed);
1122
+ --button--success-solid-background-color--disabled: var(--disabled-solid-background-color);
1123
+ --button--success-solid-content-color--default: var(--success-solid-content-color);
1124
+ --button--success-solid-content-color--disabled: var(--disabled-solid-content-color);
1125
+ --button--success-plain-background-color--hover: var(--success-plain-background-color--hover);
1126
+ --button--success-plain-background-color--pressed: var(--success-plain-background-color--pressed);
1127
+ --button--success-plain-content-color--default: var(--success-plain-content-color);
1128
+ --button--success-plain-content-color--disabled: var(--disabled-plain-content-color);
1129
+ --button--success-soft-background-color--default: var(--success-soft-background-color--default);
1130
+ --button--success-soft-background-color--hover: var(--success-soft-background-color--hover);
1131
+ --button--success-soft-background-color--pressed: var(--success-soft-background-color--pressed);
1132
+ --button--success-soft-background-color--disabled: var(--disabled-soft-background-color);
1133
+ --button--success-soft-content-color--default: var(--success-soft-content-color);
1134
+ --button--success-soft-content-color--disabled: var(--disabled-soft-content-color);
1135
+ --button--success-outline-background-color--hover: var(--success-outline-background-color--hover);
1136
+ --button--success-outline-background-color--pressed: var(--success-outline-background-color--pressed);
1137
+ --button--success-outline-background-color--disabled: var(--disabled-outline-background-color);
1138
+ --button--success-outline-content-color--default: var(--success-outline-content-color);
1139
+ --button--success-outline-content-color--disabled: var(--disabled-outline-content-color);
1140
+ --button--success-outline-border-color--default: var(--success-outline-border-color);
1141
+ --button--success-outline-border-color--disabled: var(--disabled-outline-border-color);
1142
1142
  --button--primary-solid-background-color--default: var(--primary-solid-background-color--default);
1143
1143
  --button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);
1144
1144
  --button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);
package/dist/css-layered/base.css CHANGED
@@ -492,14 +492,14 @@
492
492
  --accordion--border-style: var(--border-style--default);
493
493
  --accordion--padding-x: var(--size-px--s);
494
494
  --accordion--padding-y: var(--size-px--xs);
495
- --align--avatar-text--spacing: var(--size-rem--s);
496
- --align--input-button--spacing: var(--size-px--m);
497
- --align--text-button--spacing: var(--size-rem--xs);
498
- --align--icon-text--spacing: var(--size-rem--s);
499
495
  --column-layout--gap--s: var(--size-px--s);
500
496
  --column-layout--gap--m: var(--size-px--m);
501
497
  --column-layout--gap--l: var(--size-px--l);
502
498
  --column-layout--gap--xl: var(--size-px--xl);
499
+ --combine--avatar-text--spacing: var(--size-rem--s);
500
+ --combine--input-button--spacing: var(--size-px--m);
501
+ --combine--text-button--spacing: var(--size-rem--xs);
502
+ --combine--icon-text--spacing: var(--size-rem--s);
503
503
  --layout-card--padding: var(--size-px--l);
504
504
  --layout-card--padding-mobile: var(--size-px--m);
505
505
  --layout-card--border-style: var(--border-style--default);
@@ -537,9 +537,9 @@
537
537
  --button--pending-icon-color: var(--neutral--color--1000);
538
538
  --button--border-width: var(--border-width--100);
539
539
  --button--corner-radius-s: var(--corner-radius--s);
540
- --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
541
- --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
542
- --button--accent-outline-background-color--default: var(--success-outline-background-color--default);
540
+ --button--success-plain-background-color--default: var(--success-plain-background-color--default);
541
+ --button--success-plain-background-color--disabled: var(--disabled-plain-background-color);
542
+ --button--success-outline-background-color--default: var(--success-outline-background-color--default);
543
543
  --button--primary-plain-background-color--default: var(--primary-plain-background-color--default);
544
544
  --button--primary-plain-background-color--disabled: var(--disabled-plain-background-color);
545
545
  --button--primary-outline-background-color--default: var(--primary-outline-background-color--default);
@@ -959,29 +959,29 @@
959
959
  --image-cropper--grid-color: var(--light-static--color--400);
960
960
  --image-cropper--mask-border-color: var(--light-static--color--800);
961
961
  --image-cropper--mask-color: var(--dark-static--color--600);
962
- --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
963
- --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
964
- --button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);
965
- --button--accent-solid-background-color--disabled: var(--disabled-solid-background-color);
966
- --button--accent-solid-content-color--default: var(--success-solid-content-color);
967
- --button--accent-solid-content-color--disabled: var(--disabled-solid-content-color);
968
- --button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);
969
- --button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);
970
- --button--accent-plain-content-color--default: var(--success-plain-content-color);
971
- --button--accent-plain-content-color--disabled: var(--disabled-plain-content-color);
972
- --button--accent-soft-background-color--default: var(--success-soft-background-color--default);
973
- --button--accent-soft-background-color--hover: var(--success-soft-background-color--hover);
974
- --button--accent-soft-background-color--pressed: var(--success-soft-background-color--pressed);
975
- --button--accent-soft-background-color--disabled: var(--disabled-soft-background-color);
976
- --button--accent-soft-content-color--default: var(--success-soft-content-color);
977
- --button--accent-soft-content-color--disabled: var(--disabled-soft-content-color);
978
- --button--accent-outline-background-color--hover: var(--success-outline-background-color--hover);
979
- --button--accent-outline-background-color--pressed: var(--success-outline-background-color--pressed);
980
- --button--accent-outline-background-color--disabled: var(--disabled-outline-background-color);
981
- --button--accent-outline-content-color--default: var(--success-outline-content-color);
982
- --button--accent-outline-content-color--disabled: var(--disabled-outline-content-color);
983
- --button--accent-outline-border-color--default: var(--success-outline-border-color);
984
- --button--accent-outline-border-color--disabled: var(--disabled-outline-border-color);
962
+ --button--success-solid-background-color--default: var(--success-solid-background-color--default);
963
+ --button--success-solid-background-color--hover: var(--success-solid-background-color--hover);
964
+ --button--success-solid-background-color--pressed: var(--success-solid-background-color--pressed);
965
+ --button--success-solid-background-color--disabled: var(--disabled-solid-background-color);
966
+ --button--success-solid-content-color--default: var(--success-solid-content-color);
967
+ --button--success-solid-content-color--disabled: var(--disabled-solid-content-color);
968
+ --button--success-plain-background-color--hover: var(--success-plain-background-color--hover);
969
+ --button--success-plain-background-color--pressed: var(--success-plain-background-color--pressed);
970
+ --button--success-plain-content-color--default: var(--success-plain-content-color);
971
+ --button--success-plain-content-color--disabled: var(--disabled-plain-content-color);
972
+ --button--success-soft-background-color--default: var(--success-soft-background-color--default);
973
+ --button--success-soft-background-color--hover: var(--success-soft-background-color--hover);
974
+ --button--success-soft-background-color--pressed: var(--success-soft-background-color--pressed);
975
+ --button--success-soft-background-color--disabled: var(--disabled-soft-background-color);
976
+ --button--success-soft-content-color--default: var(--success-soft-content-color);
977
+ --button--success-soft-content-color--disabled: var(--disabled-soft-content-color);
978
+ --button--success-outline-background-color--hover: var(--success-outline-background-color--hover);
979
+ --button--success-outline-background-color--pressed: var(--success-outline-background-color--pressed);
980
+ --button--success-outline-background-color--disabled: var(--disabled-outline-background-color);
981
+ --button--success-outline-content-color--default: var(--success-outline-content-color);
982
+ --button--success-outline-content-color--disabled: var(--disabled-outline-content-color);
983
+ --button--success-outline-border-color--default: var(--success-outline-border-color);
984
+ --button--success-outline-border-color--disabled: var(--disabled-outline-border-color);
985
985
  --button--primary-solid-background-color--default: var(--primary-solid-background-color--default);
986
986
  --button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);
987
987
  --button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);