@viasat/beam-styles 2.30.0 → 2.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/styles.css CHANGED
@@ -401,7 +401,7 @@
401
401
  --bm-comp-actionlist-color-text: var(--bm-sem-color-text-primary, #ffffff);
402
402
  --bm-comp-actionlist-color-bg-selected: var(
403
403
  --bm-sem-color-surface-selected,
404
- #00414d
404
+ #01262d
405
405
  );
406
406
  --bm-comp-actionlist-color-text-selected: var(
407
407
  --bm-sem-color-text-selected,
@@ -615,6 +615,9 @@
615
615
  display: flex;
616
616
  flex-direction: column;
617
617
  }
618
+ .bm-action-list__group[hidden] {
619
+ display: none;
620
+ }
618
621
  .bm-action-list__group__heading {
619
622
  overflow: hidden;
620
623
  text-overflow: ellipsis;
@@ -1066,7 +1069,7 @@
1066
1069
  --bm-comp-avatar-size-icon-xl: var(--bm-sem-size-icon-lg, 1.5rem);
1067
1070
  --bm-comp-avatar-color-border: var(--bm-sem-color-surface-01, #ffffff);
1068
1071
  --bm-comp-avatar-color-accent-bg: var(
1069
- --bm-utility-color-accent-default,
1072
+ --bm-alias-color-brand-primary-default,
1070
1073
  #00768f
1071
1074
  );
1072
1075
  --bm-comp-avatar-color-accent-fg: var(
@@ -1074,7 +1077,7 @@
1074
1077
  #ffffff
1075
1078
  );
1076
1079
  --bm-comp-avatar-color-neutral-bg: var(
1077
- --bm-utility-color-gray-default,
1080
+ --bm-alias-color-ramp-gray-base,
1078
1081
  #576775
1079
1082
  );
1080
1083
  --bm-comp-avatar-color-neutral-fg: var(
@@ -1082,7 +1085,7 @@
1082
1085
  #ffffff
1083
1086
  );
1084
1087
  --bm-comp-avatar-color-overflow-bg: var(
1085
- --bm-utility-color-gray-subtler,
1088
+ --bm-alias-color-ramp-gray-subtler,
1086
1089
  #dfe7ec
1087
1090
  );
1088
1091
  --bm-comp-avatar-color-overflow-fg: var(--bm-sem-color-text-primary, #141d24);
@@ -1133,7 +1136,7 @@
1133
1136
  --bm-comp-avatar-size-icon-xl: var(--bm-sem-size-icon-lg, 1.5rem);
1134
1137
  --bm-comp-avatar-color-border: var(--bm-sem-color-surface-01, #202e39);
1135
1138
  --bm-comp-avatar-color-accent-bg: var(
1136
- --bm-utility-color-accent-default,
1139
+ --bm-alias-color-brand-primary-default,
1137
1140
  #43bfd6
1138
1141
  );
1139
1142
  --bm-comp-avatar-color-accent-fg: var(
@@ -1141,7 +1144,7 @@
1141
1144
  #141d24
1142
1145
  );
1143
1146
  --bm-comp-avatar-color-neutral-bg: var(
1144
- --bm-utility-color-gray-default,
1147
+ --bm-alias-color-ramp-gray-base,
1145
1148
  #9fafbc
1146
1149
  );
1147
1150
  --bm-comp-avatar-color-neutral-fg: var(
@@ -1149,7 +1152,7 @@
1149
1152
  #141d24
1150
1153
  );
1151
1154
  --bm-comp-avatar-color-overflow-bg: var(
1152
- --bm-utility-color-gray-subtler,
1155
+ --bm-alias-color-ramp-gray-subtler,
1153
1156
  #32424e
1154
1157
  );
1155
1158
  --bm-comp-avatar-color-overflow-fg: var(--bm-sem-color-text-primary, #ffffff);
@@ -1600,11 +1603,11 @@
1600
1603
  rgba(87, 103, 117, 0.4)
1601
1604
  );
1602
1605
  --bm-comp-badge-space-gap: var(--bm-sem-space-25, 0.25rem);
1603
- --bm-comp-badge-space-x: var(--bm-utility-comp-badge-space-x, 0.75rem);
1606
+ --bm-comp-badge-space-x: var(--bm-alias-badge-space-x, 0.75rem);
1604
1607
  --bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);
1605
1608
  --bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);
1606
1609
  --bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);
1607
- --bm-comp-badge-radius: var(--bm-utility-comp-badge-radius, 624.938rem);
1610
+ --bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);
1608
1611
  --bm-comp-badge-border-width: var(--bm-sem-border-width-action, 0.063rem);
1609
1612
  --bm-comp-badge-typo-sm: var(
1610
1613
  --bm-sem-typo-label-xs,
@@ -1876,11 +1879,11 @@
1876
1879
  rgba(209, 218, 224, 0.4)
1877
1880
  );
1878
1881
  --bm-comp-badge-space-gap: var(--bm-sem-space-25, 0.25rem);
1879
- --bm-comp-badge-space-x: var(--bm-utility-comp-badge-space-x, 0.75rem);
1882
+ --bm-comp-badge-space-x: var(--bm-alias-badge-space-x, 0.75rem);
1880
1883
  --bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);
1881
1884
  --bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);
1882
1885
  --bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);
1883
- --bm-comp-badge-radius: var(--bm-utility-comp-badge-radius, 624.938rem);
1886
+ --bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);
1884
1887
  --bm-comp-badge-border-width: var(--bm-sem-border-width-action, 0.063rem);
1885
1888
  --bm-comp-badge-typo-sm: var(
1886
1889
  --bm-sem-typo-label-xs,
@@ -2748,7 +2751,7 @@
2748
2751
  rgba(159, 175, 188, 0.16)
2749
2752
  );
2750
2753
  --bm-comp-spinner-color-indicator: var(
2751
- --bm-utility-color-accent-default,
2754
+ --bm-alias-color-brand-primary-default,
2752
2755
  #00768f
2753
2756
  );
2754
2757
  --bm-comp-spinner-color-indicator-neutral: var(
@@ -2813,7 +2816,7 @@
2813
2816
  rgba(134, 151, 165, 0.16)
2814
2817
  );
2815
2818
  --bm-comp-spinner-color-indicator: var(
2816
- --bm-utility-color-accent-default,
2819
+ --bm-alias-color-brand-primary-default,
2817
2820
  #43bfd6
2818
2821
  );
2819
2822
  --bm-comp-spinner-color-indicator-neutral: var(
@@ -2883,28 +2886,28 @@
2883
2886
  --bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
2884
2887
  --bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
2885
2888
  --bm-comp-btn-color-accent-outline-fg: var(
2886
- --bm-utility-color-accent-default,
2889
+ --bm-sem-color-action-primary,
2887
2890
  #00768f
2888
2891
  );
2889
2892
  --bm-comp-btn-color-accent-outline-border: var(
2890
- --bm-utility-color-accent-default,
2893
+ --bm-sem-color-action-primary,
2891
2894
  #00768f
2892
2895
  );
2893
2896
  --bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
2894
2897
  --bm-comp-btn-color-accent-ghost-fg: var(
2895
- --bm-utility-color-accent-default,
2898
+ --bm-sem-color-action-primary,
2896
2899
  #00768f
2897
2900
  );
2898
2901
  --bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
2899
2902
  --bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
2900
2903
  --bm-comp-btn-color-accent-bare-fg: var(
2901
- --bm-utility-color-accent-default,
2904
+ --bm-sem-color-action-primary,
2902
2905
  #00768f
2903
2906
  );
2904
2907
  --bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
2905
2908
  --bm-comp-btn-color-neutral-filled-bg: var(
2906
- --bm-sem-color-surface-inverse,
2907
- #202e39
2909
+ --bm-sem-color-action-neutral,
2910
+ #141d24
2908
2911
  );
2909
2912
  --bm-comp-btn-color-neutral-filled-fg: var(
2910
2913
  --bm-sem-color-text-primary-inverse,
@@ -2916,22 +2919,22 @@
2916
2919
  );
2917
2920
  --bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
2918
2921
  --bm-comp-btn-color-neutral-outline-fg: var(
2919
- --bm-sem-color-text-primary,
2922
+ --bm-sem-color-action-neutral,
2920
2923
  #141d24
2921
2924
  );
2922
2925
  --bm-comp-btn-color-neutral-outline-border: var(
2923
- --bm-sem-color-border-inverse,
2924
- #465967
2926
+ --bm-sem-color-action-neutral,
2927
+ #141d24
2925
2928
  );
2926
2929
  --bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
2927
2930
  --bm-comp-btn-color-neutral-ghost-fg: var(
2928
- --bm-sem-color-text-primary,
2931
+ --bm-sem-color-action-neutral,
2929
2932
  #141d24
2930
2933
  );
2931
2934
  --bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
2932
2935
  --bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
2933
2936
  --bm-comp-btn-color-neutral-bare-fg: var(
2934
- --bm-sem-color-text-primary,
2937
+ --bm-sem-color-action-neutral,
2935
2938
  #141d24
2936
2939
  );
2937
2940
  --bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
@@ -3000,16 +3003,16 @@
3000
3003
  #ffffff00
3001
3004
  );
3002
3005
  --bm-comp-btn-color-destructive-outline-fg: var(
3003
- --bm-sem-color-text-negative,
3006
+ --bm-sem-color-action-destructive,
3004
3007
  #cc2429
3005
3008
  );
3006
3009
  --bm-comp-btn-color-destructive-outline-border: var(
3007
- --bm-sem-color-border-negative-strong,
3010
+ --bm-sem-color-action-destructive,
3008
3011
  #cc2429
3009
3012
  );
3010
3013
  --bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
3011
3014
  --bm-comp-btn-color-destructive-ghost-fg: var(
3012
- --bm-sem-color-text-negative,
3015
+ --bm-sem-color-action-destructive,
3013
3016
  #cc2429
3014
3017
  );
3015
3018
  --bm-comp-btn-color-destructive-ghost-border: var(
@@ -3018,7 +3021,7 @@
3018
3021
  );
3019
3022
  --bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
3020
3023
  --bm-comp-btn-color-destructive-bare-fg: var(
3021
- --bm-sem-color-text-negative,
3024
+ --bm-sem-color-action-destructive,
3022
3025
  #cc2429
3023
3026
  );
3024
3027
  --bm-comp-btn-color-destructive-bare-border: var(
@@ -3070,21 +3073,18 @@
3070
3073
  --bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
3071
3074
  --bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
3072
3075
  --bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
3073
- --bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, 0.5rem);
3076
+ --bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
3074
3077
  --bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
3075
- --bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, 0.75rem);
3078
+ --bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
3076
3079
  --bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
3077
- --bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);
3080
+ --bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
3078
3081
  --bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
3079
3082
  --bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
3080
3083
  --bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
3081
3084
  --bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
3082
3085
  --bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
3083
- --bm-comp-btn-radius-container: var(
3084
- --bm-utility-comp-btn-radius-container,
3085
- 0.25rem
3086
- );
3087
- --bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, 0.5rem);
3086
+ --bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
3087
+ --bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
3088
3088
  --bm-comp-btn-typo-sm: var(
3089
3089
  --bm-sem-typo-compact-label-sm,
3090
3090
  600 0.875rem/1rem "Source Sans Pro"
@@ -3121,27 +3121,27 @@
3121
3121
  --bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
3122
3122
  --bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
3123
3123
  --bm-comp-btn-color-accent-outline-fg: var(
3124
- --bm-utility-color-accent-default,
3124
+ --bm-sem-color-action-primary,
3125
3125
  #43bfd6
3126
3126
  );
3127
3127
  --bm-comp-btn-color-accent-outline-border: var(
3128
- --bm-utility-color-accent-default,
3128
+ --bm-sem-color-action-primary,
3129
3129
  #43bfd6
3130
3130
  );
3131
3131
  --bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
3132
3132
  --bm-comp-btn-color-accent-ghost-fg: var(
3133
- --bm-utility-color-accent-default,
3133
+ --bm-sem-color-action-primary,
3134
3134
  #43bfd6
3135
3135
  );
3136
3136
  --bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
3137
3137
  --bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
3138
3138
  --bm-comp-btn-color-accent-bare-fg: var(
3139
- --bm-utility-color-accent-default,
3139
+ --bm-sem-color-action-primary,
3140
3140
  #43bfd6
3141
3141
  );
3142
3142
  --bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
3143
3143
  --bm-comp-btn-color-neutral-filled-bg: var(
3144
- --bm-sem-color-surface-inverse,
3144
+ --bm-sem-color-action-neutral,
3145
3145
  #ffffff
3146
3146
  );
3147
3147
  --bm-comp-btn-color-neutral-filled-fg: var(
@@ -3154,22 +3154,22 @@
3154
3154
  );
3155
3155
  --bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
3156
3156
  --bm-comp-btn-color-neutral-outline-fg: var(
3157
- --bm-sem-color-text-primary,
3157
+ --bm-sem-color-action-neutral,
3158
3158
  #ffffff
3159
3159
  );
3160
3160
  --bm-comp-btn-color-neutral-outline-border: var(
3161
- --bm-sem-color-border-inverse,
3162
- #dfe7ec
3161
+ --bm-sem-color-action-neutral,
3162
+ #ffffff
3163
3163
  );
3164
3164
  --bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
3165
3165
  --bm-comp-btn-color-neutral-ghost-fg: var(
3166
- --bm-sem-color-text-primary,
3166
+ --bm-sem-color-action-neutral,
3167
3167
  #ffffff
3168
3168
  );
3169
3169
  --bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
3170
3170
  --bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
3171
3171
  --bm-comp-btn-color-neutral-bare-fg: var(
3172
- --bm-sem-color-text-primary,
3172
+ --bm-sem-color-action-neutral,
3173
3173
  #ffffff
3174
3174
  );
3175
3175
  --bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
@@ -3238,17 +3238,17 @@
3238
3238
  #ffffff00
3239
3239
  );
3240
3240
  --bm-comp-btn-color-destructive-outline-fg: var(
3241
- --bm-sem-color-text-negative,
3242
- #f67378
3241
+ --bm-sem-color-action-destructive,
3242
+ #cc2429
3243
3243
  );
3244
3244
  --bm-comp-btn-color-destructive-outline-border: var(
3245
- --bm-sem-color-border-negative-strong,
3246
- #f67378
3245
+ --bm-sem-color-action-destructive,
3246
+ #cc2429
3247
3247
  );
3248
3248
  --bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
3249
3249
  --bm-comp-btn-color-destructive-ghost-fg: var(
3250
- --bm-sem-color-text-negative,
3251
- #f67378
3250
+ --bm-sem-color-action-destructive,
3251
+ #cc2429
3252
3252
  );
3253
3253
  --bm-comp-btn-color-destructive-ghost-border: var(
3254
3254
  --bm-sem-color-none,
@@ -3256,8 +3256,8 @@
3256
3256
  );
3257
3257
  --bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
3258
3258
  --bm-comp-btn-color-destructive-bare-fg: var(
3259
- --bm-sem-color-text-negative,
3260
- #f67378
3259
+ --bm-sem-color-action-destructive,
3260
+ #cc2429
3261
3261
  );
3262
3262
  --bm-comp-btn-color-destructive-bare-border: var(
3263
3263
  --bm-sem-color-none,
@@ -3308,21 +3308,18 @@
3308
3308
  --bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
3309
3309
  --bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
3310
3310
  --bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
3311
- --bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, 0.5rem);
3311
+ --bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
3312
3312
  --bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
3313
- --bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, 0.75rem);
3313
+ --bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
3314
3314
  --bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
3315
- --bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);
3315
+ --bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
3316
3316
  --bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
3317
3317
  --bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
3318
3318
  --bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
3319
3319
  --bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
3320
3320
  --bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
3321
- --bm-comp-btn-radius-container: var(
3322
- --bm-utility-comp-btn-radius-container,
3323
- 0.25rem
3324
- );
3325
- --bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, 0.5rem);
3321
+ --bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
3322
+ --bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
3326
3323
  --bm-comp-btn-typo-sm: var(
3327
3324
  --bm-sem-typo-compact-label-sm,
3328
3325
  600 0.875rem/1rem "Source Sans Pro"
@@ -3873,7 +3870,7 @@
3873
3870
  );
3874
3871
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
3875
3872
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
3876
- --bm-utility-color-accent-default,
3873
+ --bm-alias-color-brand-primary-default,
3877
3874
  #00768f
3878
3875
  );
3879
3876
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -3889,7 +3886,7 @@
3889
3886
  #ffffff00
3890
3887
  );
3891
3888
  --bm-comp-input-color-choice-switch-selected-bg: var(
3892
- --bm-utility-color-accent-default,
3889
+ --bm-alias-color-brand-primary-default,
3893
3890
  #00768f
3894
3891
  );
3895
3892
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -3905,11 +3902,11 @@
3905
3902
  #ffffff
3906
3903
  );
3907
3904
  --bm-comp-input-color-choice-radio-selected-border: var(
3908
- --bm-utility-color-accent-default,
3905
+ --bm-alias-color-brand-primary-default,
3909
3906
  #00768f
3910
3907
  );
3911
3908
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
3912
- --bm-utility-color-accent-default,
3909
+ --bm-alias-color-brand-primary-default,
3913
3910
  #00768f
3914
3911
  );
3915
3912
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -4042,7 +4039,7 @@
4042
4039
  );
4043
4040
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
4044
4041
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
4045
- --bm-utility-color-accent-default,
4042
+ --bm-alias-color-brand-primary-default,
4046
4043
  #43bfd6
4047
4044
  );
4048
4045
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -4058,7 +4055,7 @@
4058
4055
  #ffffff00
4059
4056
  );
4060
4057
  --bm-comp-input-color-choice-switch-selected-bg: var(
4061
- --bm-utility-color-accent-default,
4058
+ --bm-alias-color-brand-primary-default,
4062
4059
  #43bfd6
4063
4060
  );
4064
4061
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -4074,11 +4071,11 @@
4074
4071
  #202e39
4075
4072
  );
4076
4073
  --bm-comp-input-color-choice-radio-selected-border: var(
4077
- --bm-utility-color-accent-default,
4074
+ --bm-alias-color-brand-primary-default,
4078
4075
  #43bfd6
4079
4076
  );
4080
4077
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
4081
- --bm-utility-color-accent-default,
4078
+ --bm-alias-color-brand-primary-default,
4082
4079
  #43bfd6
4083
4080
  );
4084
4081
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -4714,7 +4711,7 @@ textarea:focus-visible,
4714
4711
  );
4715
4712
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
4716
4713
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
4717
- --bm-utility-color-accent-default,
4714
+ --bm-alias-color-brand-primary-default,
4718
4715
  #00768f
4719
4716
  );
4720
4717
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -4730,7 +4727,7 @@ textarea:focus-visible,
4730
4727
  #ffffff00
4731
4728
  );
4732
4729
  --bm-comp-input-color-choice-switch-selected-bg: var(
4733
- --bm-utility-color-accent-default,
4730
+ --bm-alias-color-brand-primary-default,
4734
4731
  #00768f
4735
4732
  );
4736
4733
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -4746,11 +4743,11 @@ textarea:focus-visible,
4746
4743
  #ffffff
4747
4744
  );
4748
4745
  --bm-comp-input-color-choice-radio-selected-border: var(
4749
- --bm-utility-color-accent-default,
4746
+ --bm-alias-color-brand-primary-default,
4750
4747
  #00768f
4751
4748
  );
4752
4749
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
4753
- --bm-utility-color-accent-default,
4750
+ --bm-alias-color-brand-primary-default,
4754
4751
  #00768f
4755
4752
  );
4756
4753
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -4883,7 +4880,7 @@ textarea:focus-visible,
4883
4880
  );
4884
4881
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
4885
4882
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
4886
- --bm-utility-color-accent-default,
4883
+ --bm-alias-color-brand-primary-default,
4887
4884
  #43bfd6
4888
4885
  );
4889
4886
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -4899,7 +4896,7 @@ textarea:focus-visible,
4899
4896
  #ffffff00
4900
4897
  );
4901
4898
  --bm-comp-input-color-choice-switch-selected-bg: var(
4902
- --bm-utility-color-accent-default,
4899
+ --bm-alias-color-brand-primary-default,
4903
4900
  #43bfd6
4904
4901
  );
4905
4902
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -4915,11 +4912,11 @@ textarea:focus-visible,
4915
4912
  #202e39
4916
4913
  );
4917
4914
  --bm-comp-input-color-choice-radio-selected-border: var(
4918
- --bm-utility-color-accent-default,
4915
+ --bm-alias-color-brand-primary-default,
4919
4916
  #43bfd6
4920
4917
  );
4921
4918
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
4922
- --bm-utility-color-accent-default,
4919
+ --bm-alias-color-brand-primary-default,
4923
4920
  #43bfd6
4924
4921
  );
4925
4922
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -5142,15 +5139,15 @@ textarea:focus-visible,
5142
5139
  #00768f
5143
5140
  );
5144
5141
  --bm-comp-chip-radius-container: var(
5145
- --bm-utility-comp-chip-radius-container,
5142
+ --bm-alias-chip-radius-container,
5146
5143
  0.25rem
5147
5144
  );
5148
- --bm-comp-chip-radius-focus: var(--bm-utility-comp-chip-radius-focus, 0.5rem);
5145
+ --bm-comp-chip-radius-focus: var(--bm-alias-chip-radius-focus, 0.5rem);
5149
5146
  --bm-comp-chip-border-width: var(--bm-sem-border-width-action, 0.063rem);
5150
- --bm-comp-chip-space-sm-x: var(--bm-utility-comp-chip-space-sm-x, 0.5rem);
5147
+ --bm-comp-chip-space-sm-x: var(--bm-alias-chip-space-sm-x, 0.5rem);
5151
5148
  --bm-comp-chip-space-sm-gap: var(--bm-sem-space-25, 0.25rem);
5152
- --bm-comp-chip-space-md-x: var(--bm-utility-comp-chip-space-md-x, 0.5rem);
5153
- --bm-comp-chip-space-lg-x: var(--bm-utility-comp-chip-space-lg-x, 0.75rem);
5149
+ --bm-comp-chip-space-md-x: var(--bm-alias-chip-space-md-x, 0.5rem);
5150
+ --bm-comp-chip-space-lg-x: var(--bm-alias-chip-space-lg-x, 0.75rem);
5154
5151
  --bm-comp-chip-space-text: var(--bm-sem-space-25, 0.25rem);
5155
5152
  --bm-comp-chip-size-sm-height: var(--bm-sem-size-height-xs, 1.5rem);
5156
5153
  --bm-comp-chip-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
@@ -5190,7 +5187,7 @@ textarea:focus-visible,
5190
5187
  --bm-comp-chip-color-border: var(--bm-sem-color-none, #ffffff00);
5191
5188
  --bm-comp-chip-color-bg-selected: var(
5192
5189
  --bm-sem-color-surface-selected,
5193
- #00414d
5190
+ #01262d
5194
5191
  );
5195
5192
  --bm-comp-chip-color-fg-selected: var(--bm-sem-color-icon-selected, #43bfd6);
5196
5193
  --bm-comp-chip-color-border-selected: var(
@@ -5198,15 +5195,15 @@ textarea:focus-visible,
5198
5195
  #43bfd6
5199
5196
  );
5200
5197
  --bm-comp-chip-radius-container: var(
5201
- --bm-utility-comp-chip-radius-container,
5198
+ --bm-alias-chip-radius-container,
5202
5199
  0.25rem
5203
5200
  );
5204
- --bm-comp-chip-radius-focus: var(--bm-utility-comp-chip-radius-focus, 0.5rem);
5201
+ --bm-comp-chip-radius-focus: var(--bm-alias-chip-radius-focus, 0.5rem);
5205
5202
  --bm-comp-chip-border-width: var(--bm-sem-border-width-action, 0.063rem);
5206
- --bm-comp-chip-space-sm-x: var(--bm-utility-comp-chip-space-sm-x, 0.5rem);
5203
+ --bm-comp-chip-space-sm-x: var(--bm-alias-chip-space-sm-x, 0.5rem);
5207
5204
  --bm-comp-chip-space-sm-gap: var(--bm-sem-space-25, 0.25rem);
5208
- --bm-comp-chip-space-md-x: var(--bm-utility-comp-chip-space-md-x, 0.5rem);
5209
- --bm-comp-chip-space-lg-x: var(--bm-utility-comp-chip-space-lg-x, 0.75rem);
5205
+ --bm-comp-chip-space-md-x: var(--bm-alias-chip-space-md-x, 0.5rem);
5206
+ --bm-comp-chip-space-lg-x: var(--bm-alias-chip-space-lg-x, 0.75rem);
5210
5207
  --bm-comp-chip-space-text: var(--bm-sem-space-25, 0.25rem);
5211
5208
  --bm-comp-chip-size-sm-height: var(--bm-sem-size-height-xs, 1.5rem);
5212
5209
  --bm-comp-chip-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
@@ -5397,15 +5394,15 @@ textarea:focus-visible,
5397
5394
  #00768f
5398
5395
  );
5399
5396
  --bm-comp-chip-radius-container: var(
5400
- --bm-utility-comp-chip-radius-container,
5397
+ --bm-alias-chip-radius-container,
5401
5398
  0.25rem
5402
5399
  );
5403
- --bm-comp-chip-radius-focus: var(--bm-utility-comp-chip-radius-focus, 0.5rem);
5400
+ --bm-comp-chip-radius-focus: var(--bm-alias-chip-radius-focus, 0.5rem);
5404
5401
  --bm-comp-chip-border-width: var(--bm-sem-border-width-action, 0.063rem);
5405
- --bm-comp-chip-space-sm-x: var(--bm-utility-comp-chip-space-sm-x, 0.5rem);
5402
+ --bm-comp-chip-space-sm-x: var(--bm-alias-chip-space-sm-x, 0.5rem);
5406
5403
  --bm-comp-chip-space-sm-gap: var(--bm-sem-space-25, 0.25rem);
5407
- --bm-comp-chip-space-md-x: var(--bm-utility-comp-chip-space-md-x, 0.5rem);
5408
- --bm-comp-chip-space-lg-x: var(--bm-utility-comp-chip-space-lg-x, 0.75rem);
5404
+ --bm-comp-chip-space-md-x: var(--bm-alias-chip-space-md-x, 0.5rem);
5405
+ --bm-comp-chip-space-lg-x: var(--bm-alias-chip-space-lg-x, 0.75rem);
5409
5406
  --bm-comp-chip-space-text: var(--bm-sem-space-25, 0.25rem);
5410
5407
  --bm-comp-chip-size-sm-height: var(--bm-sem-size-height-xs, 1.5rem);
5411
5408
  --bm-comp-chip-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
@@ -5445,7 +5442,7 @@ textarea:focus-visible,
5445
5442
  --bm-comp-chip-color-border: var(--bm-sem-color-none, #ffffff00);
5446
5443
  --bm-comp-chip-color-bg-selected: var(
5447
5444
  --bm-sem-color-surface-selected,
5448
- #00414d
5445
+ #01262d
5449
5446
  );
5450
5447
  --bm-comp-chip-color-fg-selected: var(--bm-sem-color-icon-selected, #43bfd6);
5451
5448
  --bm-comp-chip-color-border-selected: var(
@@ -5453,15 +5450,15 @@ textarea:focus-visible,
5453
5450
  #43bfd6
5454
5451
  );
5455
5452
  --bm-comp-chip-radius-container: var(
5456
- --bm-utility-comp-chip-radius-container,
5453
+ --bm-alias-chip-radius-container,
5457
5454
  0.25rem
5458
5455
  );
5459
- --bm-comp-chip-radius-focus: var(--bm-utility-comp-chip-radius-focus, 0.5rem);
5456
+ --bm-comp-chip-radius-focus: var(--bm-alias-chip-radius-focus, 0.5rem);
5460
5457
  --bm-comp-chip-border-width: var(--bm-sem-border-width-action, 0.063rem);
5461
- --bm-comp-chip-space-sm-x: var(--bm-utility-comp-chip-space-sm-x, 0.5rem);
5458
+ --bm-comp-chip-space-sm-x: var(--bm-alias-chip-space-sm-x, 0.5rem);
5462
5459
  --bm-comp-chip-space-sm-gap: var(--bm-sem-space-25, 0.25rem);
5463
- --bm-comp-chip-space-md-x: var(--bm-utility-comp-chip-space-md-x, 0.5rem);
5464
- --bm-comp-chip-space-lg-x: var(--bm-utility-comp-chip-space-lg-x, 0.75rem);
5460
+ --bm-comp-chip-space-md-x: var(--bm-alias-chip-space-md-x, 0.5rem);
5461
+ --bm-comp-chip-space-lg-x: var(--bm-alias-chip-space-lg-x, 0.75rem);
5465
5462
  --bm-comp-chip-space-text: var(--bm-sem-space-25, 0.25rem);
5466
5463
  --bm-comp-chip-size-sm-height: var(--bm-sem-size-height-xs, 1.5rem);
5467
5464
  --bm-comp-chip-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);
@@ -5513,10 +5510,7 @@ textarea:focus-visible,
5513
5510
  --bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);
5514
5511
  --bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);
5515
5512
  --bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);
5516
- --bm-comp-close-btn-radius: var(
5517
- --bm-utility-comp-btn-radius-container,
5518
- 0.25rem
5519
- );
5513
+ --bm-comp-close-btn-radius: var(--bm-alias-action-radius-container, 0.25rem);
5520
5514
  }
5521
5515
 
5522
5516
  :host,
@@ -5539,10 +5533,7 @@ textarea:focus-visible,
5539
5533
  --bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);
5540
5534
  --bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);
5541
5535
  --bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);
5542
- --bm-comp-close-btn-radius: var(
5543
- --bm-utility-comp-btn-radius-container,
5544
- 0.25rem
5545
- );
5536
+ --bm-comp-close-btn-radius: var(--bm-alias-action-radius-container, 0.25rem);
5546
5537
  }
5547
5538
 
5548
5539
  .bm-close-button {
@@ -5647,7 +5638,515 @@ textarea:focus-visible,
5647
5638
  );
5648
5639
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
5649
5640
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
5650
- --bm-utility-color-accent-default,
5641
+ --bm-alias-color-brand-primary-default,
5642
+ #00768f
5643
+ );
5644
+ --bm-comp-input-color-choice-checkbox-selected-icon: var(
5645
+ --bm-sem-color-icon-primary-inverse,
5646
+ #ffffff
5647
+ );
5648
+ --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
5649
+ --bm-sem-color-surface-negative-strong,
5650
+ #cc2429
5651
+ );
5652
+ --bm-comp-input-color-choice-checkbox-selected-border: var(
5653
+ --bm-sem-color-none,
5654
+ #ffffff00
5655
+ );
5656
+ --bm-comp-input-color-choice-switch-selected-bg: var(
5657
+ --bm-alias-color-brand-primary-default,
5658
+ #00768f
5659
+ );
5660
+ --bm-comp-input-color-choice-switch-selected-icon: var(
5661
+ --bm-sem-color-icon-primary-inverse,
5662
+ #ffffff
5663
+ );
5664
+ --bm-comp-input-color-choice-switch-selected-border: var(
5665
+ --bm-sem-color-none,
5666
+ #ffffff00
5667
+ );
5668
+ --bm-comp-input-color-choice-radio-selected-bg: var(
5669
+ --bm-sem-color-surface-01,
5670
+ #ffffff
5671
+ );
5672
+ --bm-comp-input-color-choice-radio-selected-border: var(
5673
+ --bm-alias-color-brand-primary-default,
5674
+ #00768f
5675
+ );
5676
+ --bm-comp-input-color-choice-radio-selected-inner-circle: var(
5677
+ --bm-alias-color-brand-primary-default,
5678
+ #00768f
5679
+ );
5680
+ --bm-comp-input-color-choice-radio-selected-bg-error: var(
5681
+ --bm-sem-color-surface-01,
5682
+ #ffffff
5683
+ );
5684
+ --bm-comp-input-color-choice-radio-selected-border-error: var(
5685
+ --bm-sem-color-surface-negative-strong,
5686
+ #cc2429
5687
+ );
5688
+ --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
5689
+ --bm-sem-color-surface-negative-strong,
5690
+ #cc2429
5691
+ );
5692
+ --bm-comp-input-typo-default: var(
5693
+ --bm-sem-typo-compact-body-md,
5694
+ 400 1rem/1.25rem "Source Sans Pro"
5695
+ );
5696
+ --bm-comp-input-typo-character-count: var(
5697
+ --bm-sem-typo-body-sm,
5698
+ 400 0.875rem/1.25rem "Source Sans Pro"
5699
+ );
5700
+ --bm-comp-input-typo-label-choice: var(
5701
+ --bm-sem-typo-body-md,
5702
+ 400 1rem/1.5rem "Source Sans Pro"
5703
+ );
5704
+ --bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);
5705
+ --bm-comp-input-space-field-y: var(--bm-sem-space-50, 0.5rem);
5706
+ --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
5707
+ --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
5708
+ --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
5709
+ --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
5710
+ --bm-comp-input-space-choice-nudge: var(
5711
+ --bm-primitive-dimension-12,
5712
+ 0.125rem
5713
+ );
5714
+ --bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);
5715
+ --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
5716
+ --bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);
5717
+ --bm-comp-input-size-field-text-area-height: var(
5718
+ --bm-primitive-dimension-475,
5719
+ 4.75rem
5720
+ );
5721
+ --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
5722
+ --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
5723
+ --bm-comp-input-size-choice-radio-inside: var(
5724
+ --bm-primitive-dimension-50,
5725
+ 0.5rem
5726
+ );
5727
+ --bm-comp-input-size-choice-switch-height: var(
5728
+ --bm-sem-size-icon-md,
5729
+ 1.25rem
5730
+ );
5731
+ --bm-comp-input-size-choice-switch-width: var(
5732
+ --bm-primitive-dimension-250,
5733
+ 2.5rem
5734
+ );
5735
+ --bm-comp-input-size-choice-switch-knob: var(
5736
+ --bm-primitive-dimension-87,
5737
+ 0.875rem
5738
+ );
5739
+ --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
5740
+ --bm-comp-input-radius-choice-checkbox: var(
5741
+ --bm-sem-radius-input-sm,
5742
+ 0.125rem
5743
+ );
5744
+ --bm-comp-input-radius-choice-radio: var(
5745
+ --bm-sem-radius-input-lg,
5746
+ 624.938rem
5747
+ );
5748
+ --bm-comp-input-radius-choice-switch: var(
5749
+ --bm-sem-radius-input-lg,
5750
+ 624.938rem
5751
+ );
5752
+ --bm-comp-input-border-width-field-default: var(
5753
+ --bm-sem-border-width-input,
5754
+ 0.063rem
5755
+ );
5756
+ --bm-comp-input-border-width-field-error: var(
5757
+ --bm-sem-border-width-lg,
5758
+ 0.125rem
5759
+ );
5760
+ --bm-comp-input-border-width-choice: var(
5761
+ --bm-sem-border-width-input,
5762
+ 0.063rem
5763
+ );
5764
+ --bm-comp-input-shadow-field: var(
5765
+ --bm-sem-shadow-none,
5766
+ 0 0 0 0 rgb(0, 0, 0, 0)
5767
+ );
5768
+ }
5769
+
5770
+ :host,
5771
+ .bm-dark,
5772
+ .bm-light .bm-inverse,
5773
+ .bm-light.bm-inverse,
5774
+ [data-bm-theme~=bm-light] .bm-inverse,
5775
+ [data-bm-theme~=bm-light].bm-inverse,
5776
+ .bm-enterprise,
5777
+ .bm-consumer,
5778
+ [data-bm-theme~=bm-dark] {
5779
+ --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);
5780
+ --bm-comp-input-color-bg-disabled: var(
5781
+ --bm-sem-color-surface-highlight,
5782
+ rgba(134, 151, 165, 0.16)
5783
+ );
5784
+ --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);
5785
+ --bm-comp-input-color-border-error: var(
5786
+ --bm-sem-color-border-negative-strong,
5787
+ #f67378
5788
+ );
5789
+ --bm-comp-input-color-border-disabled: rgba(159, 175, 188, 0.4);
5790
+ --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);
5791
+ --bm-comp-input-color-text-placeholder: var(
5792
+ --bm-sem-color-text-secondary,
5793
+ #c3cdd5
5794
+ );
5795
+ --bm-comp-input-color-text-disabled: var(
5796
+ --bm-sem-color-text-disabled,
5797
+ rgba(195, 205, 213, 0.4)
5798
+ );
5799
+ --bm-comp-input-color-icon-disabled: var(
5800
+ --bm-sem-color-text-disabled,
5801
+ rgba(195, 205, 213, 0.4)
5802
+ );
5803
+ --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);
5804
+ --bm-comp-input-color-icon-error: var(
5805
+ --bm-sem-color-icon-negative-strong,
5806
+ #f67378
5807
+ );
5808
+ --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
5809
+ --bm-comp-input-color-choice-checkbox-selected-bg: var(
5810
+ --bm-alias-color-brand-primary-default,
5811
+ #43bfd6
5812
+ );
5813
+ --bm-comp-input-color-choice-checkbox-selected-icon: var(
5814
+ --bm-sem-color-icon-primary-inverse,
5815
+ #141d24
5816
+ );
5817
+ --bm-comp-input-color-choice-checkbox-selected-bg-error: var(
5818
+ --bm-sem-color-surface-negative-strong,
5819
+ #f67378
5820
+ );
5821
+ --bm-comp-input-color-choice-checkbox-selected-border: var(
5822
+ --bm-sem-color-none,
5823
+ #ffffff00
5824
+ );
5825
+ --bm-comp-input-color-choice-switch-selected-bg: var(
5826
+ --bm-alias-color-brand-primary-default,
5827
+ #43bfd6
5828
+ );
5829
+ --bm-comp-input-color-choice-switch-selected-icon: var(
5830
+ --bm-sem-color-icon-primary-inverse,
5831
+ #141d24
5832
+ );
5833
+ --bm-comp-input-color-choice-switch-selected-border: var(
5834
+ --bm-sem-color-none,
5835
+ #ffffff00
5836
+ );
5837
+ --bm-comp-input-color-choice-radio-selected-bg: var(
5838
+ --bm-sem-color-surface-01,
5839
+ #202e39
5840
+ );
5841
+ --bm-comp-input-color-choice-radio-selected-border: var(
5842
+ --bm-alias-color-brand-primary-default,
5843
+ #43bfd6
5844
+ );
5845
+ --bm-comp-input-color-choice-radio-selected-inner-circle: var(
5846
+ --bm-alias-color-brand-primary-default,
5847
+ #43bfd6
5848
+ );
5849
+ --bm-comp-input-color-choice-radio-selected-bg-error: var(
5850
+ --bm-sem-color-surface-01,
5851
+ #202e39
5852
+ );
5853
+ --bm-comp-input-color-choice-radio-selected-border-error: var(
5854
+ --bm-sem-color-surface-negative-strong,
5855
+ #f67378
5856
+ );
5857
+ --bm-comp-input-color-choice-radio-selected-inner-circle-error: var(
5858
+ --bm-sem-color-surface-negative-strong,
5859
+ #f67378
5860
+ );
5861
+ --bm-comp-input-typo-default: var(
5862
+ --bm-sem-typo-compact-body-md,
5863
+ 400 1rem/1.25rem "Source Sans Pro"
5864
+ );
5865
+ --bm-comp-input-typo-character-count: var(
5866
+ --bm-sem-typo-body-sm,
5867
+ 400 0.875rem/1.25rem "Source Sans Pro"
5868
+ );
5869
+ --bm-comp-input-typo-label-choice: var(
5870
+ --bm-sem-typo-body-md,
5871
+ 400 1rem/1.5rem "Source Sans Pro"
5872
+ );
5873
+ --bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);
5874
+ --bm-comp-input-space-field-y: var(--bm-sem-space-50, 0.5rem);
5875
+ --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
5876
+ --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
5877
+ --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
5878
+ --bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);
5879
+ --bm-comp-input-space-choice-nudge: var(
5880
+ --bm-primitive-dimension-12,
5881
+ 0.125rem
5882
+ );
5883
+ --bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);
5884
+ --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
5885
+ --bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);
5886
+ --bm-comp-input-size-field-text-area-height: var(
5887
+ --bm-primitive-dimension-475,
5888
+ 4.75rem
5889
+ );
5890
+ --bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);
5891
+ --bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);
5892
+ --bm-comp-input-size-choice-radio-inside: var(
5893
+ --bm-primitive-dimension-50,
5894
+ 0.5rem
5895
+ );
5896
+ --bm-comp-input-size-choice-switch-height: var(
5897
+ --bm-sem-size-icon-md,
5898
+ 1.25rem
5899
+ );
5900
+ --bm-comp-input-size-choice-switch-width: var(
5901
+ --bm-primitive-dimension-250,
5902
+ 2.5rem
5903
+ );
5904
+ --bm-comp-input-size-choice-switch-knob: var(
5905
+ --bm-primitive-dimension-87,
5906
+ 0.875rem
5907
+ );
5908
+ --bm-comp-input-radius-field: var(--bm-sem-radius-input-md, 0.25rem);
5909
+ --bm-comp-input-radius-choice-checkbox: var(
5910
+ --bm-sem-radius-input-sm,
5911
+ 0.125rem
5912
+ );
5913
+ --bm-comp-input-radius-choice-radio: var(
5914
+ --bm-sem-radius-input-lg,
5915
+ 624.938rem
5916
+ );
5917
+ --bm-comp-input-radius-choice-switch: var(
5918
+ --bm-sem-radius-input-lg,
5919
+ 624.938rem
5920
+ );
5921
+ --bm-comp-input-border-width-field-default: var(
5922
+ --bm-sem-border-width-input,
5923
+ 0.063rem
5924
+ );
5925
+ --bm-comp-input-border-width-field-error: var(
5926
+ --bm-sem-border-width-lg,
5927
+ 0.125rem
5928
+ );
5929
+ --bm-comp-input-border-width-choice: var(
5930
+ --bm-sem-border-width-input,
5931
+ 0.063rem
5932
+ );
5933
+ --bm-comp-input-shadow-field: var(
5934
+ --bm-sem-shadow-none,
5935
+ 0 0 0 0 rgb(0, 0, 0, 0)
5936
+ );
5937
+ }
5938
+
5939
+ .bm-combobox {
5940
+ --bm-label-cursor: pointer;
5941
+ max-width: var(--bm-comp-input-size-field-width);
5942
+ position: relative;
5943
+ --bm-label-space-bottom: var(--bm-comp-label-space-bottom);
5944
+ --bm-helper-text-space-top: var(--bm-comp-helper-text-space-top);
5945
+ }
5946
+ .bm-combobox--disabled {
5947
+ --bm-label-cursor: not-allowed;
5948
+ --bm-label-pointer-events: auto;
5949
+ --bm-text-field-cursor: not-allowed;
5950
+ --bm-text-field-input-cursor: not-allowed;
5951
+ }
5952
+ .bm-combobox--fluid {
5953
+ max-width: 100%;
5954
+ }
5955
+ .bm-combobox--autocomplete .bm-combobox__field {
5956
+ --bm-text-field-input-cursor: text;
5957
+ }
5958
+ .bm-combobox--disabled, .bm-combobox--disabled .bm-combobox__field {
5959
+ --bm-text-field-cursor: not-allowed;
5960
+ --bm-text-field-input-cursor: not-allowed;
5961
+ }
5962
+ .bm-combobox--multiple:not(.bm-combobox--autocomplete):not(.bm-combobox--empty) .bm-combobox__field__input {
5963
+ display: none;
5964
+ }
5965
+ .bm-combobox:not(.bm-combobox--autocomplete) .bm-combobox__field::selection {
5966
+ background-color: transparent;
5967
+ }
5968
+ .bm-combobox__field {
5969
+ display: flex;
5970
+ flex-direction: row;
5971
+ align-items: flex-start;
5972
+ position: relative;
5973
+ cursor: var(--bm-text-field-cursor, pointer);
5974
+ user-select: none;
5975
+ font: var(--bm-comp-input-typo-default);
5976
+ min-height: var(--bm-comp-input-size-field-md-height);
5977
+ gap: var(--bm-comp-input-space-field-gap);
5978
+ --bm-comp-icon-color: var(--bm-comp-input-color-icon);
5979
+ --bm-comp-icon-size: var(--bm-comp-input-size-field-icon);
5980
+ }
5981
+ .bm-combobox__field__chevron {
5982
+ position: absolute;
5983
+ cursor: var(--bm-text-field-cursor, pointer);
5984
+ width: var(--bm-comp-icon-size);
5985
+ height: var(--bm-comp-icon-size);
5986
+ -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
5987
+ -webkit-mask-size: 0.625rem 0.3125rem;
5988
+ -webkit-mask-position: center;
5989
+ -webkit-mask-repeat: no-repeat;
5990
+ mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
5991
+ mask-size: 0.625rem 0.3125rem;
5992
+ mask-position: center;
5993
+ mask-repeat: no-repeat;
5994
+ background-color: var(--bm-comp-input-color-icon);
5995
+ inset-inline-end: calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - 0.625rem) / 2);
5996
+ inset-block-start: calc(var(--bm-comp-input-size-field-md-height) / 2 - var(--bm-comp-icon-size) / 2);
5997
+ transition: transform 0.2s ease;
5998
+ }
5999
+ .bm-combobox--dropdown-open .bm-combobox__field__chevron {
6000
+ transform: rotate(180deg) translateY(var(--bm-comp-input-border-width-field-default));
6001
+ }
6002
+ .bm-combobox__field__before, .bm-combobox__field__chips, .bm-combobox__field__input, .bm-combobox__field__after {
6003
+ display: flex;
6004
+ align-items: center;
6005
+ flex: 0 0 auto;
6006
+ gap: var(--bm-comp-input-space-field-gap);
6007
+ min-height: calc(var(--bm-comp-input-size-field-md-height) - 2 * var(--bm-comp-input-border-width-field-default) - 2 * var(--bm-comp-input-space-field-y));
6008
+ line-height: calc(var(--bm-comp-input-size-field-md-height) - 2 * var(--bm-comp-input-border-width-field-default) - 2 * var(--bm-comp-input-space-field-y));
6009
+ }
6010
+ .bm-combobox__field__input {
6011
+ background: transparent;
6012
+ min-height: calc(var(--bm-comp-input-size-field-md-height) - 2 * var(--bm-comp-input-space-field-y));
6013
+ line-height: calc(var(--bm-comp-input-size-field-md-height) - 2 * var(--bm-comp-input-space-field-y));
6014
+ }
6015
+ .bm-combobox__field__input::placeholder {
6016
+ color: var(--bm-comp-input-color-text-placeholder);
6017
+ }
6018
+ .bm-combobox__field__content-before, .bm-combobox__field__content-after {
6019
+ display: flex;
6020
+ align-items: center;
6021
+ justify-content: center;
6022
+ gap: var(--bm-comp-input-space-field-gap);
6023
+ color: var(--bm-comp-input-color-text-placeholder);
6024
+ }
6025
+ .bm-combobox__field__content-before, .bm-combobox__field__content-after {
6026
+ display: flex;
6027
+ align-items: center;
6028
+ justify-content: center;
6029
+ gap: var(--bm-comp-input-space-field-gap);
6030
+ color: var(--bm-comp-input-color-text-placeholder);
6031
+ }
6032
+ .bm-combobox__field__chips {
6033
+ flex: 1;
6034
+ gap: var(--bm-sem-space-25);
6035
+ flex-wrap: wrap;
6036
+ margin-block: calc(-1 * var(--bm-comp-input-border-width-field-default));
6037
+ }
6038
+ .bm-combobox__field__input {
6039
+ flex: 1;
6040
+ cursor: var(--bm-text-field-input-cursor, pointer);
6041
+ text-overflow: ellipsis;
6042
+ border: 0;
6043
+ outline: 0;
6044
+ margin: 0;
6045
+ padding: 0;
6046
+ font: var(--bm-comp-input-typo-default);
6047
+ width: 100%;
6048
+ min-width: 3rem;
6049
+ }
6050
+ .bm-combobox--error .bm-combobox__field__chevron {
6051
+ background-color: var(--bm-comp-input-color-icon);
6052
+ }
6053
+ .bm-combobox--error .bm-combobox__field {
6054
+ color: var(--bm-comp-input-color-text);
6055
+ border-color: var(--bm-comp-input-color-border-error);
6056
+ background-color: var(--bm-comp-input-color-bg);
6057
+ outline-offset: calc(0px - var(--bm-comp-input-border-width-field-error));
6058
+ outline: var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error);
6059
+ }
6060
+ .bm-combobox--read-only .bm-combobox__field__chevron {
6061
+ background-color: var(--bm-comp-input-color-icon-disabled);
6062
+ }
6063
+ .bm-combobox--read-only .bm-combobox__field {
6064
+ color: var(--bm-comp-input-color-text);
6065
+ border-color: var(--bm-comp-input-color-border-disabled);
6066
+ background-color: var(--bm-comp-input-color-bg-disabled);
6067
+ }
6068
+ .bm-combobox--disabled .bm-combobox__field__chevron {
6069
+ background-color: var(--bm-comp-input-color-icon-disabled);
6070
+ }
6071
+ .bm-combobox--disabled .bm-combobox__field {
6072
+ color: var(--bm-comp-input-color-text-disabled);
6073
+ border-color: var(--bm-comp-input-color-border-disabled);
6074
+ background-color: var(--bm-comp-input-color-bg-disabled);
6075
+ }
6076
+ .bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input {
6077
+ color: var(--bm-comp-input-color-text-disabled);
6078
+ }
6079
+ .bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input::placeholder {
6080
+ color: var(--bm-comp-input-color-text-disabled);
6081
+ }
6082
+ .bm-combobox__field {
6083
+ border: var(--bm-comp-input-border-width-field-default) solid var(--bm-comp-input-color-border);
6084
+ border-radius: var(--bm-comp-input-radius-field);
6085
+ cursor: var(--bm-text-field-input-cursor, pointer);
6086
+ box-shadow: var(--bm-comp-input-shadow-field);
6087
+ background-color: var(--bm-comp-input-color-bg);
6088
+ transform: translate3d(var(--bm-sem-space-0), var(--bm-sem-space-0), var(--bm-sem-space-0));
6089
+ padding-block: var(--bm-comp-input-space-field-y);
6090
+ padding-inline: var(--bm-comp-input-space-field-x) calc(
6091
+ 0.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-comp-input-space-field-x)
6092
+ );
6093
+ min-height: var(--bm-comp-input-size-field-md-height);
6094
+ }
6095
+ .bm-combobox__field:focus-within {
6096
+ outline-offset: calc(0px - var(--bm-sem-size-focus-offset));
6097
+ outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
6098
+ }
6099
+ .bm-combobox__dropdown {
6100
+ padding: var(--bm-sem-space-50) var(--bm-sem-space-100) !important;
6101
+ max-height: calc(
6102
+ var(--bm-combobox-dropdown-max-items, 8) * var(--bm-comp-actionlist-size-height) +
6103
+ 2 * var(--bm-sem-space-50)
6104
+ );
6105
+ overflow-y: auto;
6106
+ }
6107
+
6108
+ :root,
6109
+ :host,
6110
+ .bm-light,
6111
+ .bm-dark .bm-inverse,
6112
+ .bm-dark.bm-inverse,
6113
+ [data-bm-theme~=bm-dark] .bm-inverse,
6114
+ [data-bm-theme~=bm-dark].bm-inverse,
6115
+ .bm-enterprise,
6116
+ .bm-consumer,
6117
+ [data-bm-theme~=bm-light] {
6118
+ --bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
6119
+ --bm-comp-input-color-bg-disabled: var(
6120
+ --bm-sem-color-surface-highlight,
6121
+ rgba(159, 175, 188, 0.16)
6122
+ );
6123
+ --bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
6124
+ --bm-comp-input-color-border-error: var(
6125
+ --bm-sem-color-border-negative-strong,
6126
+ #cc2429
6127
+ );
6128
+ --bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
6129
+ --bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
6130
+ --bm-comp-input-color-text-placeholder: var(
6131
+ --bm-sem-color-text-secondary,
6132
+ #576775
6133
+ );
6134
+ --bm-comp-input-color-text-disabled: var(
6135
+ --bm-sem-color-text-disabled,
6136
+ rgba(87, 103, 117, 0.4)
6137
+ );
6138
+ --bm-comp-input-color-icon-disabled: var(
6139
+ --bm-sem-color-text-disabled,
6140
+ rgba(87, 103, 117, 0.4)
6141
+ );
6142
+ --bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
6143
+ --bm-comp-input-color-icon-error: var(
6144
+ --bm-sem-color-icon-negative-strong,
6145
+ #cc2429
6146
+ );
6147
+ --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
6148
+ --bm-comp-input-color-choice-checkbox-selected-bg: var(
6149
+ --bm-alias-color-brand-primary-default,
5651
6150
  #00768f
5652
6151
  );
5653
6152
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -5663,7 +6162,7 @@ textarea:focus-visible,
5663
6162
  #ffffff00
5664
6163
  );
5665
6164
  --bm-comp-input-color-choice-switch-selected-bg: var(
5666
- --bm-utility-color-accent-default,
6165
+ --bm-alias-color-brand-primary-default,
5667
6166
  #00768f
5668
6167
  );
5669
6168
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -5679,11 +6178,11 @@ textarea:focus-visible,
5679
6178
  #ffffff
5680
6179
  );
5681
6180
  --bm-comp-input-color-choice-radio-selected-border: var(
5682
- --bm-utility-color-accent-default,
6181
+ --bm-alias-color-brand-primary-default,
5683
6182
  #00768f
5684
6183
  );
5685
6184
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
5686
- --bm-utility-color-accent-default,
6185
+ --bm-alias-color-brand-primary-default,
5687
6186
  #00768f
5688
6187
  );
5689
6188
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -5816,7 +6315,7 @@ textarea:focus-visible,
5816
6315
  );
5817
6316
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
5818
6317
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
5819
- --bm-utility-color-accent-default,
6318
+ --bm-alias-color-brand-primary-default,
5820
6319
  #43bfd6
5821
6320
  );
5822
6321
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -5832,7 +6331,7 @@ textarea:focus-visible,
5832
6331
  #ffffff00
5833
6332
  );
5834
6333
  --bm-comp-input-color-choice-switch-selected-bg: var(
5835
- --bm-utility-color-accent-default,
6334
+ --bm-alias-color-brand-primary-default,
5836
6335
  #43bfd6
5837
6336
  );
5838
6337
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -5848,11 +6347,11 @@ textarea:focus-visible,
5848
6347
  #202e39
5849
6348
  );
5850
6349
  --bm-comp-input-color-choice-radio-selected-border: var(
5851
- --bm-utility-color-accent-default,
6350
+ --bm-alias-color-brand-primary-default,
5852
6351
  #43bfd6
5853
6352
  );
5854
6353
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
5855
- --bm-utility-color-accent-default,
6354
+ --bm-alias-color-brand-primary-default,
5856
6355
  #43bfd6
5857
6356
  );
5858
6357
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -5945,173 +6444,106 @@ textarea:focus-visible,
5945
6444
  );
5946
6445
  }
5947
6446
 
5948
- .bm-combobox {
6447
+ .bm-date-field {
5949
6448
  --bm-label-cursor: pointer;
5950
6449
  max-width: var(--bm-comp-input-size-field-width);
5951
- position: relative;
5952
6450
  --bm-label-space-bottom: var(--bm-comp-label-space-bottom);
5953
6451
  --bm-helper-text-space-top: var(--bm-comp-helper-text-space-top);
5954
6452
  }
5955
- .bm-combobox--disabled {
6453
+ .bm-date-field--disabled {
5956
6454
  --bm-label-cursor: not-allowed;
5957
6455
  --bm-label-pointer-events: auto;
5958
6456
  --bm-text-field-cursor: not-allowed;
5959
6457
  --bm-text-field-input-cursor: not-allowed;
5960
6458
  }
5961
- .bm-combobox--fluid {
5962
- max-width: 100%;
5963
- }
5964
- .bm-combobox--autocomplete .bm-combobox__field {
5965
- --bm-text-field-input-cursor: text;
5966
- }
5967
- .bm-combobox--disabled, .bm-combobox--disabled .bm-combobox__field {
5968
- --bm-text-field-cursor: not-allowed;
5969
- --bm-text-field-input-cursor: not-allowed;
5970
- }
5971
- .bm-combobox--multiple:not(.bm-combobox--autocomplete):not(.bm-combobox--empty) .bm-combobox__field__input {
5972
- display: none;
5973
- }
5974
- .bm-combobox:not(.bm-combobox--autocomplete) .bm-combobox__field::selection {
5975
- background-color: transparent;
5976
- }
5977
- .bm-combobox__field {
5978
- display: flex;
5979
- flex-direction: row;
5980
- align-items: flex-start;
5981
- position: relative;
5982
- cursor: var(--bm-text-field-cursor, pointer);
5983
- user-select: none;
5984
- font: var(--bm-comp-input-typo-default);
5985
- min-height: var(--bm-comp-input-size-field-md-height);
5986
- gap: var(--bm-comp-input-space-field-gap);
5987
- --bm-comp-icon-color: var(--bm-comp-input-color-icon);
5988
- --bm-comp-icon-size: var(--bm-comp-input-size-field-icon);
5989
- }
5990
- .bm-combobox__field__chevron {
5991
- position: absolute;
5992
- cursor: var(--bm-text-field-cursor, pointer);
5993
- width: var(--bm-comp-icon-size);
5994
- height: var(--bm-comp-icon-size);
5995
- -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
5996
- -webkit-mask-size: 0.625rem 0.3125rem;
5997
- -webkit-mask-position: center;
5998
- -webkit-mask-repeat: no-repeat;
5999
- mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
6000
- mask-size: 0.625rem 0.3125rem;
6001
- mask-position: center;
6002
- mask-repeat: no-repeat;
6003
- background-color: var(--bm-comp-input-color-icon);
6004
- inset-inline-end: calc(var(--bm-comp-input-space-field-x) - (var(--bm-comp-icon-size) - 0.625rem) / 2);
6005
- inset-block-start: calc(var(--bm-comp-input-size-field-md-height) / 2 - var(--bm-comp-icon-size) / 2);
6006
- transition: transform 0.2s ease;
6007
- }
6008
- .bm-combobox--dropdown-open .bm-combobox__field__chevron {
6009
- transform: rotate(180deg) translateY(var(--bm-comp-input-border-width-field-default));
6010
- }
6011
- .bm-combobox__field__before, .bm-combobox__field__chips, .bm-combobox__field__input, .bm-combobox__field__after {
6012
- display: flex;
6013
- align-items: center;
6014
- flex: 0 0 auto;
6015
- gap: var(--bm-comp-input-space-field-gap);
6016
- min-height: calc(var(--bm-comp-input-size-field-md-height) - 2 * var(--bm-comp-input-border-width-field-default) - 2 * var(--bm-comp-input-space-field-y));
6017
- line-height: calc(var(--bm-comp-input-size-field-md-height) - 2 * var(--bm-comp-input-border-width-field-default) - 2 * var(--bm-comp-input-space-field-y));
6018
- }
6019
- .bm-combobox__field__input {
6020
- background: transparent;
6021
- min-height: calc(var(--bm-comp-input-size-field-md-height) - 2 * var(--bm-comp-input-space-field-y));
6022
- line-height: calc(var(--bm-comp-input-size-field-md-height) - 2 * var(--bm-comp-input-space-field-y));
6023
- }
6024
- .bm-combobox__field__input::placeholder {
6025
- color: var(--bm-comp-input-color-text-placeholder);
6026
- }
6027
- .bm-combobox__field__content-before, .bm-combobox__field__content-after {
6028
- display: flex;
6029
- align-items: center;
6030
- justify-content: center;
6031
- gap: var(--bm-comp-input-space-field-gap);
6032
- color: var(--bm-comp-input-color-text-placeholder);
6033
- }
6034
- .bm-combobox__field__content-before, .bm-combobox__field__content-after {
6035
- display: flex;
6036
- align-items: center;
6037
- justify-content: center;
6038
- gap: var(--bm-comp-input-space-field-gap);
6039
- color: var(--bm-comp-input-color-text-placeholder);
6040
- }
6041
- .bm-combobox__field__chips {
6042
- flex: 1;
6043
- gap: var(--bm-sem-space-25);
6044
- flex-wrap: wrap;
6045
- margin-block: calc(-1 * var(--bm-comp-input-border-width-field-default));
6046
- }
6047
- .bm-combobox__field__input {
6048
- flex: 1;
6049
- cursor: var(--bm-text-field-input-cursor, pointer);
6050
- text-overflow: ellipsis;
6051
- border: 0;
6052
- outline: 0;
6053
- margin: 0;
6054
- padding: 0;
6055
- font: var(--bm-comp-input-typo-default);
6056
- width: 100%;
6057
- min-width: 3rem;
6058
- }
6059
- .bm-combobox--error .bm-combobox__field__chevron {
6060
- background-color: var(--bm-comp-input-color-icon);
6061
- }
6062
- .bm-combobox--error .bm-combobox__field {
6063
- color: var(--bm-comp-input-color-text);
6459
+ .bm-date-field--error .bm-date-field__field {
6064
6460
  border-color: var(--bm-comp-input-color-border-error);
6065
6461
  background-color: var(--bm-comp-input-color-bg);
6066
6462
  outline-offset: calc(0px - var(--bm-comp-input-border-width-field-error));
6067
6463
  outline: var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error);
6068
6464
  }
6069
- .bm-combobox--read-only .bm-combobox__field__chevron {
6070
- background-color: var(--bm-comp-input-color-icon-disabled);
6071
- }
6072
- .bm-combobox--read-only .bm-combobox__field {
6465
+ .bm-date-field--error .bm-date-field__field .bm-date-field__segment {
6073
6466
  color: var(--bm-comp-input-color-text);
6467
+ }
6468
+ .bm-date-field--error .bm-date-field__field .bm-date-field__segment[data-placeholder=true] {
6469
+ color: var(--bm-comp-input-color-text-placeholder);
6470
+ }
6471
+ .bm-date-field--read-only .bm-date-field__field {
6074
6472
  border-color: var(--bm-comp-input-color-border-disabled);
6075
6473
  background-color: var(--bm-comp-input-color-bg-disabled);
6076
6474
  }
6077
- .bm-combobox--disabled .bm-combobox__field__chevron {
6078
- background-color: var(--bm-comp-input-color-icon-disabled);
6475
+ .bm-date-field--read-only .bm-date-field__field .bm-date-field__segment {
6476
+ color: var(--bm-comp-input-color-text);
6079
6477
  }
6080
- .bm-combobox--disabled .bm-combobox__field {
6081
- color: var(--bm-comp-input-color-text-disabled);
6478
+ .bm-date-field--read-only .bm-date-field__field .bm-date-field__segment[data-placeholder=true] {
6479
+ color: var(--bm-comp-input-color-text-placeholder);
6480
+ }
6481
+ .bm-date-field--disabled .bm-date-field__field {
6082
6482
  border-color: var(--bm-comp-input-color-border-disabled);
6083
6483
  background-color: var(--bm-comp-input-color-bg-disabled);
6084
6484
  }
6085
- .bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input {
6485
+ .bm-date-field--disabled .bm-date-field__field .bm-date-field__segment {
6086
6486
  color: var(--bm-comp-input-color-text-disabled);
6087
6487
  }
6088
- .bm-combobox--disabled .bm-combobox__field .bm-combobox__field__input::placeholder {
6488
+ .bm-date-field--disabled .bm-date-field__field .bm-date-field__segment[data-placeholder=true] {
6089
6489
  color: var(--bm-comp-input-color-text-disabled);
6090
6490
  }
6091
- .bm-combobox__field {
6092
- border: var(--bm-comp-input-border-width-field-default) solid var(--bm-comp-input-color-border);
6491
+ .bm-date-field--fluid {
6492
+ max-width: 100%;
6493
+ }
6494
+ .bm-date-field__field {
6495
+ display: flex;
6496
+ flex-wrap: nowrap;
6497
+ align-items: center;
6498
+ box-sizing: border-box;
6499
+ position: relative;
6500
+ border-style: solid;
6501
+ border-color: var(--bm-comp-input-color-border);
6093
6502
  border-radius: var(--bm-comp-input-radius-field);
6094
- cursor: var(--bm-text-field-input-cursor, pointer);
6503
+ border-width: var(--bm-comp-input-border-width-field-default);
6504
+ gap: var(--bm-comp-input-space-field-gap);
6095
6505
  box-shadow: var(--bm-comp-input-shadow-field);
6096
6506
  background-color: var(--bm-comp-input-color-bg);
6097
- transform: translate3d(var(--bm-sem-space-0), var(--bm-sem-space-0), var(--bm-sem-space-0));
6507
+ height: var(--bm-comp-input-size-field-md-height);
6098
6508
  padding-block: var(--bm-comp-input-space-field-y);
6099
- padding-inline: var(--bm-comp-input-space-field-x) calc(
6100
- 0.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-comp-input-space-field-x)
6101
- );
6102
- min-height: var(--bm-comp-input-size-field-md-height);
6509
+ padding-inline: var(--bm-comp-input-space-field-x);
6103
6510
  }
6104
- .bm-combobox__field:focus-within {
6511
+ .bm-date-field__field:focus-within {
6105
6512
  outline-offset: calc(0px - var(--bm-sem-size-focus-offset));
6106
6513
  outline: var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);
6107
6514
  }
6108
- .bm-combobox__dropdown {
6109
- padding: var(--bm-sem-space-50) var(--bm-sem-space-100) !important;
6110
- max-height: calc(
6111
- var(--bm-combobox-dropdown-max-items, 8) * var(--bm-comp-actionlist-size-height) +
6112
- 2 * var(--bm-sem-space-50)
6113
- );
6114
- overflow-y: auto;
6515
+ .bm-date-field__field .bm-date-field__segments {
6516
+ display: inline-flex;
6517
+ align-items: baseline;
6518
+ color: var(--bm-comp-input-color-text);
6519
+ font: var(--bm-comp-input-typo-default);
6520
+ font-variant-numeric: tabular-nums;
6521
+ gap: var(--bm-sem-space-12);
6522
+ }
6523
+ .bm-date-field__field .bm-date-field__segment {
6524
+ display: inline-block;
6525
+ box-sizing: border-box;
6526
+ min-inline-size: 2ch;
6527
+ text-align: center;
6528
+ outline: none;
6529
+ border-bottom: var(--bm-sem-border-width-focus) solid transparent;
6530
+ }
6531
+ .bm-date-field__field .bm-date-field__segment[data-segment=year] {
6532
+ min-inline-size: 4ch;
6533
+ }
6534
+ .bm-date-field__field .bm-date-field__segment[data-placeholder=true] {
6535
+ color: var(--bm-comp-input-color-text-placeholder);
6536
+ }
6537
+ .bm-date-field__field .bm-date-field__segment[data-active=true], .bm-date-field__field .bm-date-field__segment:focus-visible {
6538
+ border-bottom-color: var(--bm-sem-color-border-focus);
6539
+ }
6540
+ .bm-date-field__field .bm-date-field__segment::selection {
6541
+ background-color: var(--bm-sem-color-surface-info-primary);
6542
+ }
6543
+ .bm-date-field__field .bm-date-field__separator {
6544
+ color: var(--bm-comp-input-color-text);
6545
+ font: var(--bm-comp-input-typo-default);
6546
+ user-select: none;
6115
6547
  }
6116
6548
 
6117
6549
  :root,
@@ -6286,6 +6718,19 @@ textarea:focus-visible,
6286
6718
  display: flex;
6287
6719
  flex-direction: column;
6288
6720
  max-height: 100%;
6721
+ opacity: 0;
6722
+ transform: scale(0.85);
6723
+ transition: opacity 0.25s cubic-bezier(0.8, 0, 0.78, 1), transform 0.25s cubic-bezier(0.8, 0, 0.78, 1);
6724
+ }
6725
+ .bm-dialog[data-status=open] {
6726
+ opacity: 1;
6727
+ transform: scale(1);
6728
+ transition-timing-function: cubic-bezier(0, 0, 0, 1);
6729
+ }
6730
+ @media (prefers-reduced-motion: reduce) {
6731
+ .bm-dialog {
6732
+ transition: none;
6733
+ }
6289
6734
  }
6290
6735
  .bm-dialog--sm {
6291
6736
  width: var(--bm-comp-dialog-size-sm);
@@ -6303,6 +6748,15 @@ textarea:focus-visible,
6303
6748
  width: var(--bm-comp-dialog-size-xl);
6304
6749
  max-width: var(--bm-comp-dialog-size-xl);
6305
6750
  }
6751
+ .bm-dialog--full {
6752
+ width: 100%;
6753
+ height: 100%;
6754
+ max-width: none;
6755
+ max-height: none;
6756
+ }
6757
+ .bm-dialog--full .bm-dialog__body {
6758
+ flex: 1;
6759
+ }
6306
6760
 
6307
6761
  .bm-dialog__header {
6308
6762
  font: var(--bm-comp-dialog-typo-heading);
@@ -6705,7 +7159,7 @@ textarea:focus-visible,
6705
7159
  );
6706
7160
  --bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #576775);
6707
7161
  --bm-comp-empty-state-color-icon: var(
6708
- --bm-utility-color-accent-default,
7162
+ --bm-alias-color-brand-primary-default,
6709
7163
  #00768f
6710
7164
  );
6711
7165
  --bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);
@@ -6738,7 +7192,7 @@ textarea:focus-visible,
6738
7192
  );
6739
7193
  --bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);
6740
7194
  --bm-comp-empty-state-color-icon: var(
6741
- --bm-utility-color-accent-default,
7195
+ --bm-alias-color-brand-primary-default,
6742
7196
  #43bfd6
6743
7197
  );
6744
7198
  --bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);
@@ -6829,15 +7283,15 @@ textarea:focus-visible,
6829
7283
  #8697a5
6830
7284
  );
6831
7285
  --bm-comp-file-upload-color-dropzone-bg-drag: var(
6832
- --bm-utility-color-accent-subtlest,
7286
+ --bm-sem-color-surface-selected,
6833
7287
  #e9fcff
6834
7288
  );
6835
7289
  --bm-comp-file-upload-color-dropzone-border-drag: var(
6836
- --bm-utility-color-accent-default,
7290
+ --bm-alias-color-brand-primary-default,
6837
7291
  #00768f
6838
7292
  );
6839
7293
  --bm-comp-file-upload-color-dropzone-icon-drag: var(
6840
- --bm-utility-color-accent-default,
7294
+ --bm-alias-color-brand-primary-default,
6841
7295
  #00768f
6842
7296
  );
6843
7297
  --bm-comp-file-upload-color-file-bg: var(
@@ -6936,15 +7390,15 @@ textarea:focus-visible,
6936
7390
  #9fafbc
6937
7391
  );
6938
7392
  --bm-comp-file-upload-color-dropzone-bg-drag: var(
6939
- --bm-utility-color-accent-subtlest,
7393
+ --bm-sem-color-surface-selected,
6940
7394
  #01262d
6941
7395
  );
6942
7396
  --bm-comp-file-upload-color-dropzone-border-drag: var(
6943
- --bm-utility-color-accent-default,
7397
+ --bm-alias-color-brand-primary-default,
6944
7398
  #43bfd6
6945
7399
  );
6946
7400
  --bm-comp-file-upload-color-dropzone-icon-drag: var(
6947
- --bm-utility-color-accent-default,
7401
+ --bm-alias-color-brand-primary-default,
6948
7402
  #43bfd6
6949
7403
  );
6950
7404
  --bm-comp-file-upload-color-file-bg: var(
@@ -7273,6 +7727,23 @@ textarea:focus-visible,
7273
7727
  .bm-floatingui__overlay--transparent {
7274
7728
  background: transparent;
7275
7729
  }
7730
+ .bm-floatingui__overlay:has(.bm-dialog) {
7731
+ background-color: transparent;
7732
+ transition: background-color 0.25s cubic-bezier(0.33, 0, 0.67, 1);
7733
+ }
7734
+ @media (prefers-reduced-motion: reduce) {
7735
+ .bm-floatingui__overlay:has(.bm-dialog) {
7736
+ transition: none;
7737
+ }
7738
+ }
7739
+ .bm-floatingui__overlay:has(.bm-dialog[data-status=open]) {
7740
+ background-color: var(--bm-comp-dialog-color-overlay);
7741
+ }
7742
+ .bm-floatingui__overlay:has(.bm-panel--contained) {
7743
+ position: absolute !important;
7744
+ inset: 0;
7745
+ overflow: clip !important;
7746
+ }
7276
7747
 
7277
7748
  :root,
7278
7749
  :host,
@@ -7295,7 +7766,7 @@ textarea:focus-visible,
7295
7766
  #141d24
7296
7767
  );
7297
7768
  --bm-comp-header-color-nav-item-indicator: var(
7298
- --bm-utility-color-accent-default,
7769
+ --bm-sem-color-icon-selected,
7299
7770
  #00768f
7300
7771
  );
7301
7772
  --bm-comp-header-space-x: var(--bm-sem-space-100, 1rem);
@@ -7347,7 +7818,7 @@ textarea:focus-visible,
7347
7818
  #ffffff
7348
7819
  );
7349
7820
  --bm-comp-header-color-nav-item-indicator: var(
7350
- --bm-utility-color-accent-default,
7821
+ --bm-sem-color-icon-selected,
7351
7822
  #43bfd6
7352
7823
  );
7353
7824
  --bm-comp-header-space-x: var(--bm-sem-space-100, 1rem);
@@ -7776,7 +8247,7 @@ textarea:focus-visible,
7776
8247
  );
7777
8248
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
7778
8249
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
7779
- --bm-utility-color-accent-default,
8250
+ --bm-alias-color-brand-primary-default,
7780
8251
  #00768f
7781
8252
  );
7782
8253
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -7792,7 +8263,7 @@ textarea:focus-visible,
7792
8263
  #ffffff00
7793
8264
  );
7794
8265
  --bm-comp-input-color-choice-switch-selected-bg: var(
7795
- --bm-utility-color-accent-default,
8266
+ --bm-alias-color-brand-primary-default,
7796
8267
  #00768f
7797
8268
  );
7798
8269
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -7808,11 +8279,11 @@ textarea:focus-visible,
7808
8279
  #ffffff
7809
8280
  );
7810
8281
  --bm-comp-input-color-choice-radio-selected-border: var(
7811
- --bm-utility-color-accent-default,
8282
+ --bm-alias-color-brand-primary-default,
7812
8283
  #00768f
7813
8284
  );
7814
8285
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
7815
- --bm-utility-color-accent-default,
8286
+ --bm-alias-color-brand-primary-default,
7816
8287
  #00768f
7817
8288
  );
7818
8289
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -7945,7 +8416,7 @@ textarea:focus-visible,
7945
8416
  );
7946
8417
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
7947
8418
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
7948
- --bm-utility-color-accent-default,
8419
+ --bm-alias-color-brand-primary-default,
7949
8420
  #43bfd6
7950
8421
  );
7951
8422
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -7961,7 +8432,7 @@ textarea:focus-visible,
7961
8432
  #ffffff00
7962
8433
  );
7963
8434
  --bm-comp-input-color-choice-switch-selected-bg: var(
7964
- --bm-utility-color-accent-default,
8435
+ --bm-alias-color-brand-primary-default,
7965
8436
  #43bfd6
7966
8437
  );
7967
8438
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -7977,11 +8448,11 @@ textarea:focus-visible,
7977
8448
  #202e39
7978
8449
  );
7979
8450
  --bm-comp-input-color-choice-radio-selected-border: var(
7980
- --bm-utility-color-accent-default,
8451
+ --bm-alias-color-brand-primary-default,
7981
8452
  #43bfd6
7982
8453
  );
7983
8454
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
7984
- --bm-utility-color-accent-default,
8455
+ --bm-alias-color-brand-primary-default,
7985
8456
  #43bfd6
7986
8457
  );
7987
8458
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -8235,15 +8706,15 @@ textarea:focus-visible,
8235
8706
  400 1.25rem/2rem "Source Sans Pro"
8236
8707
  );
8237
8708
  --bm-comp-link-color-primary-enabled: var(
8238
- --bm-sem-color-link-primary,
8709
+ --bm-sem-color-action-primary,
8239
8710
  #00768f
8240
8711
  );
8241
8712
  --bm-comp-link-color-primary-hover: var(
8242
- --bm-utility-color-accent-strong,
8713
+ --bm-sem-color-action-primary-hover,
8243
8714
  #005b75
8244
8715
  );
8245
8716
  --bm-comp-link-color-primary-active: var(
8246
- --bm-utility-color-accent-stronger,
8717
+ --bm-sem-color-action-primary-active,
8247
8718
  #00414d
8248
8719
  );
8249
8720
  --bm-comp-link-color-secondary-enabled: var(
@@ -8291,16 +8762,16 @@ textarea:focus-visible,
8291
8762
  400 1.25rem/2rem "Source Sans Pro"
8292
8763
  );
8293
8764
  --bm-comp-link-color-primary-enabled: var(
8294
- --bm-sem-color-link-primary,
8765
+ --bm-sem-color-action-primary,
8295
8766
  #43bfd6
8296
8767
  );
8297
8768
  --bm-comp-link-color-primary-hover: var(
8298
- --bm-utility-color-accent-strong,
8299
- #b2e7f0
8769
+ --bm-sem-color-action-primary-hover,
8770
+ #8cd8e6
8300
8771
  );
8301
8772
  --bm-comp-link-color-primary-active: var(
8302
- --bm-utility-color-accent-stronger,
8303
- #d7f4f9
8773
+ --bm-sem-color-action-primary-active,
8774
+ #b2e7f0
8304
8775
  );
8305
8776
  --bm-comp-link-color-secondary-enabled: var(
8306
8777
  --bm-sem-color-link-secondary,
@@ -8838,7 +9309,7 @@ textarea:focus-visible,
8838
9309
  );
8839
9310
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
8840
9311
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
8841
- --bm-utility-color-accent-default,
9312
+ --bm-alias-color-brand-primary-default,
8842
9313
  #00768f
8843
9314
  );
8844
9315
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -8854,7 +9325,7 @@ textarea:focus-visible,
8854
9325
  #ffffff00
8855
9326
  );
8856
9327
  --bm-comp-input-color-choice-switch-selected-bg: var(
8857
- --bm-utility-color-accent-default,
9328
+ --bm-alias-color-brand-primary-default,
8858
9329
  #00768f
8859
9330
  );
8860
9331
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -8870,11 +9341,11 @@ textarea:focus-visible,
8870
9341
  #ffffff
8871
9342
  );
8872
9343
  --bm-comp-input-color-choice-radio-selected-border: var(
8873
- --bm-utility-color-accent-default,
9344
+ --bm-alias-color-brand-primary-default,
8874
9345
  #00768f
8875
9346
  );
8876
9347
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
8877
- --bm-utility-color-accent-default,
9348
+ --bm-alias-color-brand-primary-default,
8878
9349
  #00768f
8879
9350
  );
8880
9351
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -9007,7 +9478,7 @@ textarea:focus-visible,
9007
9478
  );
9008
9479
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
9009
9480
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
9010
- --bm-utility-color-accent-default,
9481
+ --bm-alias-color-brand-primary-default,
9011
9482
  #43bfd6
9012
9483
  );
9013
9484
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -9023,7 +9494,7 @@ textarea:focus-visible,
9023
9494
  #ffffff00
9024
9495
  );
9025
9496
  --bm-comp-input-color-choice-switch-selected-bg: var(
9026
- --bm-utility-color-accent-default,
9497
+ --bm-alias-color-brand-primary-default,
9027
9498
  #43bfd6
9028
9499
  );
9029
9500
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -9039,11 +9510,11 @@ textarea:focus-visible,
9039
9510
  #202e39
9040
9511
  );
9041
9512
  --bm-comp-input-color-choice-radio-selected-border: var(
9042
- --bm-utility-color-accent-default,
9513
+ --bm-alias-color-brand-primary-default,
9043
9514
  #43bfd6
9044
9515
  );
9045
9516
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
9046
- --bm-utility-color-accent-default,
9517
+ --bm-alias-color-brand-primary-default,
9047
9518
  #43bfd6
9048
9519
  );
9049
9520
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -9512,7 +9983,7 @@ textarea:focus-visible,
9512
9983
  --bm-comp-pagination-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);
9513
9984
  --bm-comp-pagination-color-bg-selected: var(
9514
9985
  --bm-sem-color-surface-selected,
9515
- #00414d
9986
+ #01262d
9516
9987
  );
9517
9988
  --bm-comp-pagination-color-fg-selected: var(
9518
9989
  --bm-sem-color-text-selected,
@@ -9710,7 +10181,7 @@ textarea:focus-visible,
9710
10181
  .bm-consumer,
9711
10182
  [data-bm-theme~=bm-light] {
9712
10183
  --bm-comp-progress-bar-color-indicator-default: var(
9713
- --bm-utility-color-accent-default,
10184
+ --bm-alias-color-brand-primary-default,
9714
10185
  #00768f
9715
10186
  );
9716
10187
  --bm-comp-progress-bar-color-indicator-success: var(
@@ -9754,7 +10225,7 @@ textarea:focus-visible,
9754
10225
  .bm-consumer,
9755
10226
  [data-bm-theme~=bm-dark] {
9756
10227
  --bm-comp-progress-bar-color-indicator-default: var(
9757
- --bm-utility-color-accent-default,
10228
+ --bm-alias-color-brand-primary-default,
9758
10229
  #43bfd6
9759
10230
  );
9760
10231
  --bm-comp-progress-bar-color-indicator-success: var(
@@ -9892,7 +10363,7 @@ textarea:focus-visible,
9892
10363
  );
9893
10364
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
9894
10365
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
9895
- --bm-utility-color-accent-default,
10366
+ --bm-alias-color-brand-primary-default,
9896
10367
  #00768f
9897
10368
  );
9898
10369
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -9908,7 +10379,7 @@ textarea:focus-visible,
9908
10379
  #ffffff00
9909
10380
  );
9910
10381
  --bm-comp-input-color-choice-switch-selected-bg: var(
9911
- --bm-utility-color-accent-default,
10382
+ --bm-alias-color-brand-primary-default,
9912
10383
  #00768f
9913
10384
  );
9914
10385
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -9924,11 +10395,11 @@ textarea:focus-visible,
9924
10395
  #ffffff
9925
10396
  );
9926
10397
  --bm-comp-input-color-choice-radio-selected-border: var(
9927
- --bm-utility-color-accent-default,
10398
+ --bm-alias-color-brand-primary-default,
9928
10399
  #00768f
9929
10400
  );
9930
10401
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
9931
- --bm-utility-color-accent-default,
10402
+ --bm-alias-color-brand-primary-default,
9932
10403
  #00768f
9933
10404
  );
9934
10405
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -10061,7 +10532,7 @@ textarea:focus-visible,
10061
10532
  );
10062
10533
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
10063
10534
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
10064
- --bm-utility-color-accent-default,
10535
+ --bm-alias-color-brand-primary-default,
10065
10536
  #43bfd6
10066
10537
  );
10067
10538
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -10077,7 +10548,7 @@ textarea:focus-visible,
10077
10548
  #ffffff00
10078
10549
  );
10079
10550
  --bm-comp-input-color-choice-switch-selected-bg: var(
10080
- --bm-utility-color-accent-default,
10551
+ --bm-alias-color-brand-primary-default,
10081
10552
  #43bfd6
10082
10553
  );
10083
10554
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -10093,11 +10564,11 @@ textarea:focus-visible,
10093
10564
  #202e39
10094
10565
  );
10095
10566
  --bm-comp-input-color-choice-radio-selected-border: var(
10096
- --bm-utility-color-accent-default,
10567
+ --bm-alias-color-brand-primary-default,
10097
10568
  #43bfd6
10098
10569
  );
10099
10570
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
10100
- --bm-utility-color-accent-default,
10571
+ --bm-alias-color-brand-primary-default,
10101
10572
  #43bfd6
10102
10573
  );
10103
10574
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -10323,7 +10794,7 @@ textarea:focus-visible,
10323
10794
  );
10324
10795
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
10325
10796
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
10326
- --bm-utility-color-accent-default,
10797
+ --bm-alias-color-brand-primary-default,
10327
10798
  #00768f
10328
10799
  );
10329
10800
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -10339,7 +10810,7 @@ textarea:focus-visible,
10339
10810
  #ffffff00
10340
10811
  );
10341
10812
  --bm-comp-input-color-choice-switch-selected-bg: var(
10342
- --bm-utility-color-accent-default,
10813
+ --bm-alias-color-brand-primary-default,
10343
10814
  #00768f
10344
10815
  );
10345
10816
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -10355,11 +10826,11 @@ textarea:focus-visible,
10355
10826
  #ffffff
10356
10827
  );
10357
10828
  --bm-comp-input-color-choice-radio-selected-border: var(
10358
- --bm-utility-color-accent-default,
10829
+ --bm-alias-color-brand-primary-default,
10359
10830
  #00768f
10360
10831
  );
10361
10832
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
10362
- --bm-utility-color-accent-default,
10833
+ --bm-alias-color-brand-primary-default,
10363
10834
  #00768f
10364
10835
  );
10365
10836
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -10492,7 +10963,7 @@ textarea:focus-visible,
10492
10963
  );
10493
10964
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
10494
10965
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
10495
- --bm-utility-color-accent-default,
10966
+ --bm-alias-color-brand-primary-default,
10496
10967
  #43bfd6
10497
10968
  );
10498
10969
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -10508,7 +10979,7 @@ textarea:focus-visible,
10508
10979
  #ffffff00
10509
10980
  );
10510
10981
  --bm-comp-input-color-choice-switch-selected-bg: var(
10511
- --bm-utility-color-accent-default,
10982
+ --bm-alias-color-brand-primary-default,
10512
10983
  #43bfd6
10513
10984
  );
10514
10985
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -10524,11 +10995,11 @@ textarea:focus-visible,
10524
10995
  #202e39
10525
10996
  );
10526
10997
  --bm-comp-input-color-choice-radio-selected-border: var(
10527
- --bm-utility-color-accent-default,
10998
+ --bm-alias-color-brand-primary-default,
10528
10999
  #43bfd6
10529
11000
  );
10530
11001
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
10531
- --bm-utility-color-accent-default,
11002
+ --bm-alias-color-brand-primary-default,
10532
11003
  #43bfd6
10533
11004
  );
10534
11005
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -10846,28 +11317,28 @@ textarea:focus-visible,
10846
11317
  --bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
10847
11318
  --bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
10848
11319
  --bm-comp-btn-color-accent-outline-fg: var(
10849
- --bm-utility-color-accent-default,
11320
+ --bm-sem-color-action-primary,
10850
11321
  #00768f
10851
11322
  );
10852
11323
  --bm-comp-btn-color-accent-outline-border: var(
10853
- --bm-utility-color-accent-default,
11324
+ --bm-sem-color-action-primary,
10854
11325
  #00768f
10855
11326
  );
10856
11327
  --bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
10857
11328
  --bm-comp-btn-color-accent-ghost-fg: var(
10858
- --bm-utility-color-accent-default,
11329
+ --bm-sem-color-action-primary,
10859
11330
  #00768f
10860
11331
  );
10861
11332
  --bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
10862
11333
  --bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
10863
11334
  --bm-comp-btn-color-accent-bare-fg: var(
10864
- --bm-utility-color-accent-default,
11335
+ --bm-sem-color-action-primary,
10865
11336
  #00768f
10866
11337
  );
10867
11338
  --bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
10868
11339
  --bm-comp-btn-color-neutral-filled-bg: var(
10869
- --bm-sem-color-surface-inverse,
10870
- #202e39
11340
+ --bm-sem-color-action-neutral,
11341
+ #141d24
10871
11342
  );
10872
11343
  --bm-comp-btn-color-neutral-filled-fg: var(
10873
11344
  --bm-sem-color-text-primary-inverse,
@@ -10879,22 +11350,22 @@ textarea:focus-visible,
10879
11350
  );
10880
11351
  --bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
10881
11352
  --bm-comp-btn-color-neutral-outline-fg: var(
10882
- --bm-sem-color-text-primary,
11353
+ --bm-sem-color-action-neutral,
10883
11354
  #141d24
10884
11355
  );
10885
11356
  --bm-comp-btn-color-neutral-outline-border: var(
10886
- --bm-sem-color-border-inverse,
10887
- #465967
11357
+ --bm-sem-color-action-neutral,
11358
+ #141d24
10888
11359
  );
10889
11360
  --bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
10890
11361
  --bm-comp-btn-color-neutral-ghost-fg: var(
10891
- --bm-sem-color-text-primary,
11362
+ --bm-sem-color-action-neutral,
10892
11363
  #141d24
10893
11364
  );
10894
11365
  --bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
10895
11366
  --bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
10896
11367
  --bm-comp-btn-color-neutral-bare-fg: var(
10897
- --bm-sem-color-text-primary,
11368
+ --bm-sem-color-action-neutral,
10898
11369
  #141d24
10899
11370
  );
10900
11371
  --bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
@@ -10963,16 +11434,16 @@ textarea:focus-visible,
10963
11434
  #ffffff00
10964
11435
  );
10965
11436
  --bm-comp-btn-color-destructive-outline-fg: var(
10966
- --bm-sem-color-text-negative,
11437
+ --bm-sem-color-action-destructive,
10967
11438
  #cc2429
10968
11439
  );
10969
11440
  --bm-comp-btn-color-destructive-outline-border: var(
10970
- --bm-sem-color-border-negative-strong,
11441
+ --bm-sem-color-action-destructive,
10971
11442
  #cc2429
10972
11443
  );
10973
11444
  --bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
10974
11445
  --bm-comp-btn-color-destructive-ghost-fg: var(
10975
- --bm-sem-color-text-negative,
11446
+ --bm-sem-color-action-destructive,
10976
11447
  #cc2429
10977
11448
  );
10978
11449
  --bm-comp-btn-color-destructive-ghost-border: var(
@@ -10981,7 +11452,7 @@ textarea:focus-visible,
10981
11452
  );
10982
11453
  --bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
10983
11454
  --bm-comp-btn-color-destructive-bare-fg: var(
10984
- --bm-sem-color-text-negative,
11455
+ --bm-sem-color-action-destructive,
10985
11456
  #cc2429
10986
11457
  );
10987
11458
  --bm-comp-btn-color-destructive-bare-border: var(
@@ -11033,21 +11504,18 @@ textarea:focus-visible,
11033
11504
  --bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
11034
11505
  --bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
11035
11506
  --bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
11036
- --bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, 0.5rem);
11507
+ --bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
11037
11508
  --bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
11038
- --bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, 0.75rem);
11509
+ --bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
11039
11510
  --bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
11040
- --bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);
11511
+ --bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
11041
11512
  --bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
11042
11513
  --bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
11043
11514
  --bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
11044
11515
  --bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
11045
11516
  --bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
11046
- --bm-comp-btn-radius-container: var(
11047
- --bm-utility-comp-btn-radius-container,
11048
- 0.25rem
11049
- );
11050
- --bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, 0.5rem);
11517
+ --bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
11518
+ --bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
11051
11519
  --bm-comp-btn-typo-sm: var(
11052
11520
  --bm-sem-typo-compact-label-sm,
11053
11521
  600 0.875rem/1rem "Source Sans Pro"
@@ -11084,27 +11552,27 @@ textarea:focus-visible,
11084
11552
  --bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
11085
11553
  --bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
11086
11554
  --bm-comp-btn-color-accent-outline-fg: var(
11087
- --bm-utility-color-accent-default,
11555
+ --bm-sem-color-action-primary,
11088
11556
  #43bfd6
11089
11557
  );
11090
11558
  --bm-comp-btn-color-accent-outline-border: var(
11091
- --bm-utility-color-accent-default,
11559
+ --bm-sem-color-action-primary,
11092
11560
  #43bfd6
11093
11561
  );
11094
11562
  --bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
11095
11563
  --bm-comp-btn-color-accent-ghost-fg: var(
11096
- --bm-utility-color-accent-default,
11564
+ --bm-sem-color-action-primary,
11097
11565
  #43bfd6
11098
11566
  );
11099
11567
  --bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
11100
11568
  --bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
11101
11569
  --bm-comp-btn-color-accent-bare-fg: var(
11102
- --bm-utility-color-accent-default,
11570
+ --bm-sem-color-action-primary,
11103
11571
  #43bfd6
11104
11572
  );
11105
11573
  --bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
11106
11574
  --bm-comp-btn-color-neutral-filled-bg: var(
11107
- --bm-sem-color-surface-inverse,
11575
+ --bm-sem-color-action-neutral,
11108
11576
  #ffffff
11109
11577
  );
11110
11578
  --bm-comp-btn-color-neutral-filled-fg: var(
@@ -11117,22 +11585,22 @@ textarea:focus-visible,
11117
11585
  );
11118
11586
  --bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
11119
11587
  --bm-comp-btn-color-neutral-outline-fg: var(
11120
- --bm-sem-color-text-primary,
11588
+ --bm-sem-color-action-neutral,
11121
11589
  #ffffff
11122
11590
  );
11123
11591
  --bm-comp-btn-color-neutral-outline-border: var(
11124
- --bm-sem-color-border-inverse,
11125
- #dfe7ec
11592
+ --bm-sem-color-action-neutral,
11593
+ #ffffff
11126
11594
  );
11127
11595
  --bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
11128
11596
  --bm-comp-btn-color-neutral-ghost-fg: var(
11129
- --bm-sem-color-text-primary,
11597
+ --bm-sem-color-action-neutral,
11130
11598
  #ffffff
11131
11599
  );
11132
11600
  --bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
11133
11601
  --bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
11134
11602
  --bm-comp-btn-color-neutral-bare-fg: var(
11135
- --bm-sem-color-text-primary,
11603
+ --bm-sem-color-action-neutral,
11136
11604
  #ffffff
11137
11605
  );
11138
11606
  --bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
@@ -11201,17 +11669,17 @@ textarea:focus-visible,
11201
11669
  #ffffff00
11202
11670
  );
11203
11671
  --bm-comp-btn-color-destructive-outline-fg: var(
11204
- --bm-sem-color-text-negative,
11205
- #f67378
11672
+ --bm-sem-color-action-destructive,
11673
+ #cc2429
11206
11674
  );
11207
11675
  --bm-comp-btn-color-destructive-outline-border: var(
11208
- --bm-sem-color-border-negative-strong,
11209
- #f67378
11676
+ --bm-sem-color-action-destructive,
11677
+ #cc2429
11210
11678
  );
11211
11679
  --bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
11212
11680
  --bm-comp-btn-color-destructive-ghost-fg: var(
11213
- --bm-sem-color-text-negative,
11214
- #f67378
11681
+ --bm-sem-color-action-destructive,
11682
+ #cc2429
11215
11683
  );
11216
11684
  --bm-comp-btn-color-destructive-ghost-border: var(
11217
11685
  --bm-sem-color-none,
@@ -11219,8 +11687,8 @@ textarea:focus-visible,
11219
11687
  );
11220
11688
  --bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
11221
11689
  --bm-comp-btn-color-destructive-bare-fg: var(
11222
- --bm-sem-color-text-negative,
11223
- #f67378
11690
+ --bm-sem-color-action-destructive,
11691
+ #cc2429
11224
11692
  );
11225
11693
  --bm-comp-btn-color-destructive-bare-border: var(
11226
11694
  --bm-sem-color-none,
@@ -11271,21 +11739,18 @@ textarea:focus-visible,
11271
11739
  --bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
11272
11740
  --bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
11273
11741
  --bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
11274
- --bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, 0.5rem);
11742
+ --bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
11275
11743
  --bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
11276
- --bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, 0.75rem);
11744
+ --bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
11277
11745
  --bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
11278
- --bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);
11746
+ --bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
11279
11747
  --bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
11280
11748
  --bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
11281
11749
  --bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
11282
11750
  --bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
11283
11751
  --bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
11284
- --bm-comp-btn-radius-container: var(
11285
- --bm-utility-comp-btn-radius-container,
11286
- 0.25rem
11287
- );
11288
- --bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, 0.5rem);
11752
+ --bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
11753
+ --bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
11289
11754
  --bm-comp-btn-typo-sm: var(
11290
11755
  --bm-sem-typo-compact-label-sm,
11291
11756
  600 0.875rem/1rem "Source Sans Pro"
@@ -11842,16 +12307,16 @@ textarea:focus-visible,
11842
12307
  [data-bm-theme~=bm-light] {
11843
12308
  --bm-comp-slider-color-track-bg: var(--bm-sem-color-border-02, #d1dae0);
11844
12309
  --bm-comp-slider-color-track-bg-filled: var(
11845
- --bm-utility-color-accent-default,
12310
+ --bm-alias-color-brand-primary-default,
11846
12311
  #00768f
11847
12312
  );
11848
12313
  --bm-comp-slider-color-handle-bg: var(--bm-sem-color-surface-01, #ffffff);
11849
12314
  --bm-comp-slider-color-handle-border: var(
11850
- --bm-utility-color-accent-default,
12315
+ --bm-alias-color-brand-primary-default,
11851
12316
  #00768f
11852
12317
  );
11853
12318
  --bm-comp-slider-color-endpoint: var(
11854
- --bm-utility-color-accent-default,
12319
+ --bm-alias-color-brand-primary-default,
11855
12320
  #00768f
11856
12321
  );
11857
12322
  --bm-comp-slider-color-values: var(--bm-sem-color-text-primary, #141d24);
@@ -11886,16 +12351,16 @@ textarea:focus-visible,
11886
12351
  [data-bm-theme~=bm-dark] {
11887
12352
  --bm-comp-slider-color-track-bg: var(--bm-sem-color-border-02, #465967);
11888
12353
  --bm-comp-slider-color-track-bg-filled: var(
11889
- --bm-utility-color-accent-default,
12354
+ --bm-alias-color-brand-primary-default,
11890
12355
  #43bfd6
11891
12356
  );
11892
12357
  --bm-comp-slider-color-handle-bg: var(--bm-sem-color-surface-01, #202e39);
11893
12358
  --bm-comp-slider-color-handle-border: var(
11894
- --bm-utility-color-accent-default,
12359
+ --bm-alias-color-brand-primary-default,
11895
12360
  #43bfd6
11896
12361
  );
11897
12362
  --bm-comp-slider-color-endpoint: var(
11898
- --bm-utility-color-accent-default,
12363
+ --bm-alias-color-brand-primary-default,
11899
12364
  #43bfd6
11900
12365
  );
11901
12366
  --bm-comp-slider-color-values: var(--bm-sem-color-text-primary, #ffffff);
@@ -12034,7 +12499,7 @@ textarea:focus-visible,
12034
12499
  transition: transform 0.05s cubic-bezier(0, 0.33, 0, 0.76);
12035
12500
  }
12036
12501
  .bm-slider__thumb:focus-visible {
12037
- outline-color: var(--bm-utility-color-accent-default);
12502
+ outline-color: var(--bm-alias-color-ramp-accent-base);
12038
12503
  box-shadow: 0 0 0 var(--bm-sem-border-width-focus) var(--bm-sem-color-surface-01), 0 0 0 calc(var(--bm-sem-border-width-focus) + var(--bm-sem-border-width-focus)) var(--bm-sem-color-border-focus);
12039
12504
  }
12040
12505
  .bm-slider__thumb-container:active {
@@ -12308,15 +12773,15 @@ textarea:focus-visible,
12308
12773
  #576775
12309
12774
  );
12310
12775
  --bm-comp-stepper-color-current-bg: var(
12311
- --bm-utility-color-accent-subtlest,
12776
+ --bm-sem-color-surface-selected,
12312
12777
  #e9fcff
12313
12778
  );
12314
12779
  --bm-comp-stepper-color-current-fg: var(
12315
- --bm-utility-color-accent-default,
12780
+ --bm-sem-color-text-selected,
12316
12781
  #00768f
12317
12782
  );
12318
12783
  --bm-comp-stepper-color-current-border: var(
12319
- --bm-utility-color-accent-default,
12784
+ --bm-sem-color-border-selected,
12320
12785
  #00768f
12321
12786
  );
12322
12787
  --bm-comp-stepper-color-current-heading: var(
@@ -12324,7 +12789,7 @@ textarea:focus-visible,
12324
12789
  #141d24
12325
12790
  );
12326
12791
  --bm-comp-stepper-color-complete-bg: var(
12327
- --bm-utility-color-accent-default,
12792
+ --bm-alias-color-brand-primary-default,
12328
12793
  #00768f
12329
12794
  );
12330
12795
  --bm-comp-stepper-color-complete-fg: var(
@@ -12355,7 +12820,7 @@ textarea:focus-visible,
12355
12820
  --bm-comp-stepper-color-body: var(--bm-sem-color-text-secondary, #576775);
12356
12821
  --bm-comp-stepper-color-line: var(--bm-sem-color-border-02, #d1dae0);
12357
12822
  --bm-comp-stepper-color-line-complete: var(
12358
- --bm-utility-color-accent-default,
12823
+ --bm-alias-color-brand-primary-default,
12359
12824
  #00768f
12360
12825
  );
12361
12826
  --bm-comp-stepper-size-sm-container: var(--bm-primitive-dimension-100, 1rem);
@@ -12437,15 +12902,15 @@ textarea:focus-visible,
12437
12902
  #c3cdd5
12438
12903
  );
12439
12904
  --bm-comp-stepper-color-current-bg: var(
12440
- --bm-utility-color-accent-subtlest,
12905
+ --bm-sem-color-surface-selected,
12441
12906
  #01262d
12442
12907
  );
12443
12908
  --bm-comp-stepper-color-current-fg: var(
12444
- --bm-utility-color-accent-default,
12909
+ --bm-sem-color-text-selected,
12445
12910
  #43bfd6
12446
12911
  );
12447
12912
  --bm-comp-stepper-color-current-border: var(
12448
- --bm-utility-color-accent-default,
12913
+ --bm-sem-color-border-selected,
12449
12914
  #43bfd6
12450
12915
  );
12451
12916
  --bm-comp-stepper-color-current-heading: var(
@@ -12453,7 +12918,7 @@ textarea:focus-visible,
12453
12918
  #ffffff
12454
12919
  );
12455
12920
  --bm-comp-stepper-color-complete-bg: var(
12456
- --bm-utility-color-accent-default,
12921
+ --bm-alias-color-brand-primary-default,
12457
12922
  #43bfd6
12458
12923
  );
12459
12924
  --bm-comp-stepper-color-complete-fg: var(
@@ -12484,7 +12949,7 @@ textarea:focus-visible,
12484
12949
  --bm-comp-stepper-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);
12485
12950
  --bm-comp-stepper-color-line: var(--bm-sem-color-border-02, #465967);
12486
12951
  --bm-comp-stepper-color-line-complete: var(
12487
- --bm-utility-color-accent-default,
12952
+ --bm-alias-color-brand-primary-default,
12488
12953
  #43bfd6
12489
12954
  );
12490
12955
  --bm-comp-stepper-size-sm-container: var(--bm-primitive-dimension-100, 1rem);
@@ -12775,7 +13240,7 @@ textarea:focus-visible,
12775
13240
  );
12776
13241
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
12777
13242
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
12778
- --bm-utility-color-accent-default,
13243
+ --bm-alias-color-brand-primary-default,
12779
13244
  #00768f
12780
13245
  );
12781
13246
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -12791,7 +13256,7 @@ textarea:focus-visible,
12791
13256
  #ffffff00
12792
13257
  );
12793
13258
  --bm-comp-input-color-choice-switch-selected-bg: var(
12794
- --bm-utility-color-accent-default,
13259
+ --bm-alias-color-brand-primary-default,
12795
13260
  #00768f
12796
13261
  );
12797
13262
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -12807,11 +13272,11 @@ textarea:focus-visible,
12807
13272
  #ffffff
12808
13273
  );
12809
13274
  --bm-comp-input-color-choice-radio-selected-border: var(
12810
- --bm-utility-color-accent-default,
13275
+ --bm-alias-color-brand-primary-default,
12811
13276
  #00768f
12812
13277
  );
12813
13278
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
12814
- --bm-utility-color-accent-default,
13279
+ --bm-alias-color-brand-primary-default,
12815
13280
  #00768f
12816
13281
  );
12817
13282
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -12944,7 +13409,7 @@ textarea:focus-visible,
12944
13409
  );
12945
13410
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
12946
13411
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
12947
- --bm-utility-color-accent-default,
13412
+ --bm-alias-color-brand-primary-default,
12948
13413
  #43bfd6
12949
13414
  );
12950
13415
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -12960,7 +13425,7 @@ textarea:focus-visible,
12960
13425
  #ffffff00
12961
13426
  );
12962
13427
  --bm-comp-input-color-choice-switch-selected-bg: var(
12963
- --bm-utility-color-accent-default,
13428
+ --bm-alias-color-brand-primary-default,
12964
13429
  #43bfd6
12965
13430
  );
12966
13431
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -12976,11 +13441,11 @@ textarea:focus-visible,
12976
13441
  #202e39
12977
13442
  );
12978
13443
  --bm-comp-input-color-choice-radio-selected-border: var(
12979
- --bm-utility-color-accent-default,
13444
+ --bm-alias-color-brand-primary-default,
12980
13445
  #43bfd6
12981
13446
  );
12982
13447
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
12983
- --bm-utility-color-accent-default,
13448
+ --bm-alias-color-brand-primary-default,
12984
13449
  #43bfd6
12985
13450
  );
12986
13451
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -14130,7 +14595,7 @@ textarea:focus-visible,
14130
14595
  );
14131
14596
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
14132
14597
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
14133
- --bm-utility-color-accent-default,
14598
+ --bm-alias-color-brand-primary-default,
14134
14599
  #00768f
14135
14600
  );
14136
14601
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -14146,7 +14611,7 @@ textarea:focus-visible,
14146
14611
  #ffffff00
14147
14612
  );
14148
14613
  --bm-comp-input-color-choice-switch-selected-bg: var(
14149
- --bm-utility-color-accent-default,
14614
+ --bm-alias-color-brand-primary-default,
14150
14615
  #00768f
14151
14616
  );
14152
14617
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -14162,11 +14627,11 @@ textarea:focus-visible,
14162
14627
  #ffffff
14163
14628
  );
14164
14629
  --bm-comp-input-color-choice-radio-selected-border: var(
14165
- --bm-utility-color-accent-default,
14630
+ --bm-alias-color-brand-primary-default,
14166
14631
  #00768f
14167
14632
  );
14168
14633
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
14169
- --bm-utility-color-accent-default,
14634
+ --bm-alias-color-brand-primary-default,
14170
14635
  #00768f
14171
14636
  );
14172
14637
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -14299,7 +14764,7 @@ textarea:focus-visible,
14299
14764
  );
14300
14765
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
14301
14766
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
14302
- --bm-utility-color-accent-default,
14767
+ --bm-alias-color-brand-primary-default,
14303
14768
  #43bfd6
14304
14769
  );
14305
14770
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -14315,7 +14780,7 @@ textarea:focus-visible,
14315
14780
  #ffffff00
14316
14781
  );
14317
14782
  --bm-comp-input-color-choice-switch-selected-bg: var(
14318
- --bm-utility-color-accent-default,
14783
+ --bm-alias-color-brand-primary-default,
14319
14784
  #43bfd6
14320
14785
  );
14321
14786
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -14331,11 +14796,11 @@ textarea:focus-visible,
14331
14796
  #202e39
14332
14797
  );
14333
14798
  --bm-comp-input-color-choice-radio-selected-border: var(
14334
- --bm-utility-color-accent-default,
14799
+ --bm-alias-color-brand-primary-default,
14335
14800
  #43bfd6
14336
14801
  );
14337
14802
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
14338
- --bm-utility-color-accent-default,
14803
+ --bm-alias-color-brand-primary-default,
14339
14804
  #43bfd6
14340
14805
  );
14341
14806
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -14602,7 +15067,7 @@ textarea:focus-visible,
14602
15067
  );
14603
15068
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
14604
15069
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
14605
- --bm-utility-color-accent-default,
15070
+ --bm-alias-color-brand-primary-default,
14606
15071
  #00768f
14607
15072
  );
14608
15073
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -14618,7 +15083,7 @@ textarea:focus-visible,
14618
15083
  #ffffff00
14619
15084
  );
14620
15085
  --bm-comp-input-color-choice-switch-selected-bg: var(
14621
- --bm-utility-color-accent-default,
15086
+ --bm-alias-color-brand-primary-default,
14622
15087
  #00768f
14623
15088
  );
14624
15089
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -14634,11 +15099,11 @@ textarea:focus-visible,
14634
15099
  #ffffff
14635
15100
  );
14636
15101
  --bm-comp-input-color-choice-radio-selected-border: var(
14637
- --bm-utility-color-accent-default,
15102
+ --bm-alias-color-brand-primary-default,
14638
15103
  #00768f
14639
15104
  );
14640
15105
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
14641
- --bm-utility-color-accent-default,
15106
+ --bm-alias-color-brand-primary-default,
14642
15107
  #00768f
14643
15108
  );
14644
15109
  --bm-comp-input-color-choice-radio-selected-bg-error: var(
@@ -14771,7 +15236,7 @@ textarea:focus-visible,
14771
15236
  );
14772
15237
  --bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
14773
15238
  --bm-comp-input-color-choice-checkbox-selected-bg: var(
14774
- --bm-utility-color-accent-default,
15239
+ --bm-alias-color-brand-primary-default,
14775
15240
  #43bfd6
14776
15241
  );
14777
15242
  --bm-comp-input-color-choice-checkbox-selected-icon: var(
@@ -14787,7 +15252,7 @@ textarea:focus-visible,
14787
15252
  #ffffff00
14788
15253
  );
14789
15254
  --bm-comp-input-color-choice-switch-selected-bg: var(
14790
- --bm-utility-color-accent-default,
15255
+ --bm-alias-color-brand-primary-default,
14791
15256
  #43bfd6
14792
15257
  );
14793
15258
  --bm-comp-input-color-choice-switch-selected-icon: var(
@@ -14803,11 +15268,11 @@ textarea:focus-visible,
14803
15268
  #202e39
14804
15269
  );
14805
15270
  --bm-comp-input-color-choice-radio-selected-border: var(
14806
- --bm-utility-color-accent-default,
15271
+ --bm-alias-color-brand-primary-default,
14807
15272
  #43bfd6
14808
15273
  );
14809
15274
  --bm-comp-input-color-choice-radio-selected-inner-circle: var(
14810
- --bm-utility-color-accent-default,
15275
+ --bm-alias-color-brand-primary-default,
14811
15276
  #43bfd6
14812
15277
  );
14813
15278
  --bm-comp-input-color-choice-radio-selected-bg-error: var(