@viasat/beam-styles 2.29.1 → 2.36.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/components/actionList.module.scss +4 -0
- package/components/dateField.module.scss +146 -0
- package/components/floatingui.module.scss +11 -0
- package/components/index.scss +1 -0
- package/components/panel.module.scss +45 -27
- package/components/slider.module.scss +1 -1
- package/package.json +1 -1
- package/styles.css +828 -397
- package/styles.css.map +1 -1
- package/styles.min.css +9 -9
- package/styles.min.css.map +1 -1
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
|
-
#
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2889
|
+
--bm-sem-color-action-primary,
|
|
2887
2890
|
#00768f
|
|
2888
2891
|
);
|
|
2889
2892
|
--bm-comp-btn-color-accent-outline-border: var(
|
|
2890
|
-
--bm-
|
|
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-
|
|
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-
|
|
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-
|
|
2907
|
-
#
|
|
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-
|
|
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-
|
|
2924
|
-
#
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
3124
|
+
--bm-sem-color-action-primary,
|
|
3125
3125
|
#43bfd6
|
|
3126
3126
|
);
|
|
3127
3127
|
--bm-comp-btn-color-accent-outline-border: var(
|
|
3128
|
-
--bm-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3162
|
-
#
|
|
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-
|
|
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-
|
|
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-
|
|
3242
|
-
#
|
|
3241
|
+
--bm-sem-color-action-destructive,
|
|
3242
|
+
#cc2429
|
|
3243
3243
|
);
|
|
3244
3244
|
--bm-comp-btn-color-destructive-outline-border: var(
|
|
3245
|
-
--bm-sem-color-
|
|
3246
|
-
#
|
|
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-
|
|
3251
|
-
#
|
|
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-
|
|
3260
|
-
#
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
5142
|
+
--bm-alias-chip-radius-container,
|
|
5146
5143
|
0.25rem
|
|
5147
5144
|
);
|
|
5148
|
-
--bm-comp-chip-radius-focus: var(--bm-
|
|
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-
|
|
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-
|
|
5153
|
-
--bm-comp-chip-space-lg-x: var(--bm-
|
|
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
|
-
#
|
|
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-
|
|
5198
|
+
--bm-alias-chip-radius-container,
|
|
5202
5199
|
0.25rem
|
|
5203
5200
|
);
|
|
5204
|
-
--bm-comp-chip-radius-focus: var(--bm-
|
|
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-
|
|
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-
|
|
5209
|
-
--bm-comp-chip-space-lg-x: var(--bm-
|
|
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-
|
|
5397
|
+
--bm-alias-chip-radius-container,
|
|
5401
5398
|
0.25rem
|
|
5402
5399
|
);
|
|
5403
|
-
--bm-comp-chip-radius-focus: var(--bm-
|
|
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-
|
|
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-
|
|
5408
|
-
--bm-comp-chip-space-lg-x: var(--bm-
|
|
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
|
-
#
|
|
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-
|
|
5453
|
+
--bm-alias-chip-radius-container,
|
|
5457
5454
|
0.25rem
|
|
5458
5455
|
);
|
|
5459
|
-
--bm-comp-chip-radius-focus: var(--bm-
|
|
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-
|
|
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-
|
|
5464
|
-
--bm-comp-chip-space-lg-x: var(--bm-
|
|
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 {
|
|
@@ -5597,13 +5588,521 @@ textarea:focus-visible,
|
|
|
5597
5588
|
height: calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-y) * 2);
|
|
5598
5589
|
width: calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-x) * 2);
|
|
5599
5590
|
}
|
|
5600
|
-
.bm-close-button--xl .bm-close-button__icon {
|
|
5601
|
-
height: var(--bm-comp-close-btn-size-xl);
|
|
5602
|
-
width: var(--bm-comp-close-btn-size-xl);
|
|
5591
|
+
.bm-close-button--xl .bm-close-button__icon {
|
|
5592
|
+
height: var(--bm-comp-close-btn-size-xl);
|
|
5593
|
+
width: var(--bm-comp-close-btn-size-xl);
|
|
5594
|
+
}
|
|
5595
|
+
.bm-close-button:disabled {
|
|
5596
|
+
cursor: not-allowed;
|
|
5597
|
+
opacity: var(--bm-sem-opacity-disabled);
|
|
5598
|
+
}
|
|
5599
|
+
|
|
5600
|
+
:root,
|
|
5601
|
+
:host,
|
|
5602
|
+
.bm-light,
|
|
5603
|
+
.bm-dark .bm-inverse,
|
|
5604
|
+
.bm-dark.bm-inverse,
|
|
5605
|
+
[data-bm-theme~=bm-dark] .bm-inverse,
|
|
5606
|
+
[data-bm-theme~=bm-dark].bm-inverse,
|
|
5607
|
+
.bm-enterprise,
|
|
5608
|
+
.bm-consumer,
|
|
5609
|
+
[data-bm-theme~=bm-light] {
|
|
5610
|
+
--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);
|
|
5611
|
+
--bm-comp-input-color-bg-disabled: var(
|
|
5612
|
+
--bm-sem-color-surface-highlight,
|
|
5613
|
+
rgba(159, 175, 188, 0.16)
|
|
5614
|
+
);
|
|
5615
|
+
--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);
|
|
5616
|
+
--bm-comp-input-color-border-error: var(
|
|
5617
|
+
--bm-sem-color-border-negative-strong,
|
|
5618
|
+
#cc2429
|
|
5619
|
+
);
|
|
5620
|
+
--bm-comp-input-color-border-disabled: rgba(134, 151, 165, 0.4);
|
|
5621
|
+
--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);
|
|
5622
|
+
--bm-comp-input-color-text-placeholder: var(
|
|
5623
|
+
--bm-sem-color-text-secondary,
|
|
5624
|
+
#576775
|
|
5625
|
+
);
|
|
5626
|
+
--bm-comp-input-color-text-disabled: var(
|
|
5627
|
+
--bm-sem-color-text-disabled,
|
|
5628
|
+
rgba(87, 103, 117, 0.4)
|
|
5629
|
+
);
|
|
5630
|
+
--bm-comp-input-color-icon-disabled: var(
|
|
5631
|
+
--bm-sem-color-text-disabled,
|
|
5632
|
+
rgba(87, 103, 117, 0.4)
|
|
5633
|
+
);
|
|
5634
|
+
--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);
|
|
5635
|
+
--bm-comp-input-color-icon-error: var(
|
|
5636
|
+
--bm-sem-color-icon-negative-strong,
|
|
5637
|
+
#cc2429
|
|
5638
|
+
);
|
|
5639
|
+
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
|
|
5640
|
+
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
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);
|
|
5603
6098
|
}
|
|
5604
|
-
.bm-
|
|
5605
|
-
|
|
5606
|
-
|
|
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;
|
|
5607
6106
|
}
|
|
5608
6107
|
|
|
5609
6108
|
:root,
|
|
@@ -5647,7 +6146,7 @@ textarea:focus-visible,
|
|
|
5647
6146
|
);
|
|
5648
6147
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
|
|
5649
6148
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
5650
|
-
--bm-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
6078
|
-
|
|
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-
|
|
6081
|
-
color: var(--bm-comp-input-color-text-
|
|
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-
|
|
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-
|
|
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-
|
|
6092
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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)
|
|
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-
|
|
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-
|
|
6109
|
-
|
|
6110
|
-
|
|
6111
|
-
|
|
6112
|
-
|
|
6113
|
-
|
|
6114
|
-
|
|
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,
|
|
@@ -6705,7 +7137,7 @@ textarea:focus-visible,
|
|
|
6705
7137
|
);
|
|
6706
7138
|
--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #576775);
|
|
6707
7139
|
--bm-comp-empty-state-color-icon: var(
|
|
6708
|
-
--bm-
|
|
7140
|
+
--bm-alias-color-brand-primary-default,
|
|
6709
7141
|
#00768f
|
|
6710
7142
|
);
|
|
6711
7143
|
--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);
|
|
@@ -6738,7 +7170,7 @@ textarea:focus-visible,
|
|
|
6738
7170
|
);
|
|
6739
7171
|
--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);
|
|
6740
7172
|
--bm-comp-empty-state-color-icon: var(
|
|
6741
|
-
--bm-
|
|
7173
|
+
--bm-alias-color-brand-primary-default,
|
|
6742
7174
|
#43bfd6
|
|
6743
7175
|
);
|
|
6744
7176
|
--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);
|
|
@@ -6829,15 +7261,15 @@ textarea:focus-visible,
|
|
|
6829
7261
|
#8697a5
|
|
6830
7262
|
);
|
|
6831
7263
|
--bm-comp-file-upload-color-dropzone-bg-drag: var(
|
|
6832
|
-
--bm-
|
|
7264
|
+
--bm-sem-color-surface-selected,
|
|
6833
7265
|
#e9fcff
|
|
6834
7266
|
);
|
|
6835
7267
|
--bm-comp-file-upload-color-dropzone-border-drag: var(
|
|
6836
|
-
--bm-
|
|
7268
|
+
--bm-alias-color-brand-primary-default,
|
|
6837
7269
|
#00768f
|
|
6838
7270
|
);
|
|
6839
7271
|
--bm-comp-file-upload-color-dropzone-icon-drag: var(
|
|
6840
|
-
--bm-
|
|
7272
|
+
--bm-alias-color-brand-primary-default,
|
|
6841
7273
|
#00768f
|
|
6842
7274
|
);
|
|
6843
7275
|
--bm-comp-file-upload-color-file-bg: var(
|
|
@@ -6936,15 +7368,15 @@ textarea:focus-visible,
|
|
|
6936
7368
|
#9fafbc
|
|
6937
7369
|
);
|
|
6938
7370
|
--bm-comp-file-upload-color-dropzone-bg-drag: var(
|
|
6939
|
-
--bm-
|
|
7371
|
+
--bm-sem-color-surface-selected,
|
|
6940
7372
|
#01262d
|
|
6941
7373
|
);
|
|
6942
7374
|
--bm-comp-file-upload-color-dropzone-border-drag: var(
|
|
6943
|
-
--bm-
|
|
7375
|
+
--bm-alias-color-brand-primary-default,
|
|
6944
7376
|
#43bfd6
|
|
6945
7377
|
);
|
|
6946
7378
|
--bm-comp-file-upload-color-dropzone-icon-drag: var(
|
|
6947
|
-
--bm-
|
|
7379
|
+
--bm-alias-color-brand-primary-default,
|
|
6948
7380
|
#43bfd6
|
|
6949
7381
|
);
|
|
6950
7382
|
--bm-comp-file-upload-color-file-bg: var(
|
|
@@ -7273,6 +7705,11 @@ textarea:focus-visible,
|
|
|
7273
7705
|
.bm-floatingui__overlay--transparent {
|
|
7274
7706
|
background: transparent;
|
|
7275
7707
|
}
|
|
7708
|
+
.bm-floatingui__overlay:has(.bm-panel--contained) {
|
|
7709
|
+
position: absolute !important;
|
|
7710
|
+
inset: 0;
|
|
7711
|
+
overflow: clip !important;
|
|
7712
|
+
}
|
|
7276
7713
|
|
|
7277
7714
|
:root,
|
|
7278
7715
|
:host,
|
|
@@ -7295,7 +7732,7 @@ textarea:focus-visible,
|
|
|
7295
7732
|
#141d24
|
|
7296
7733
|
);
|
|
7297
7734
|
--bm-comp-header-color-nav-item-indicator: var(
|
|
7298
|
-
--bm-
|
|
7735
|
+
--bm-sem-color-icon-selected,
|
|
7299
7736
|
#00768f
|
|
7300
7737
|
);
|
|
7301
7738
|
--bm-comp-header-space-x: var(--bm-sem-space-100, 1rem);
|
|
@@ -7347,7 +7784,7 @@ textarea:focus-visible,
|
|
|
7347
7784
|
#ffffff
|
|
7348
7785
|
);
|
|
7349
7786
|
--bm-comp-header-color-nav-item-indicator: var(
|
|
7350
|
-
--bm-
|
|
7787
|
+
--bm-sem-color-icon-selected,
|
|
7351
7788
|
#43bfd6
|
|
7352
7789
|
);
|
|
7353
7790
|
--bm-comp-header-space-x: var(--bm-sem-space-100, 1rem);
|
|
@@ -7776,7 +8213,7 @@ textarea:focus-visible,
|
|
|
7776
8213
|
);
|
|
7777
8214
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
|
|
7778
8215
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
7779
|
-
--bm-
|
|
8216
|
+
--bm-alias-color-brand-primary-default,
|
|
7780
8217
|
#00768f
|
|
7781
8218
|
);
|
|
7782
8219
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -7792,7 +8229,7 @@ textarea:focus-visible,
|
|
|
7792
8229
|
#ffffff00
|
|
7793
8230
|
);
|
|
7794
8231
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
7795
|
-
--bm-
|
|
8232
|
+
--bm-alias-color-brand-primary-default,
|
|
7796
8233
|
#00768f
|
|
7797
8234
|
);
|
|
7798
8235
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -7808,11 +8245,11 @@ textarea:focus-visible,
|
|
|
7808
8245
|
#ffffff
|
|
7809
8246
|
);
|
|
7810
8247
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
7811
|
-
--bm-
|
|
8248
|
+
--bm-alias-color-brand-primary-default,
|
|
7812
8249
|
#00768f
|
|
7813
8250
|
);
|
|
7814
8251
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
7815
|
-
--bm-
|
|
8252
|
+
--bm-alias-color-brand-primary-default,
|
|
7816
8253
|
#00768f
|
|
7817
8254
|
);
|
|
7818
8255
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -7945,7 +8382,7 @@ textarea:focus-visible,
|
|
|
7945
8382
|
);
|
|
7946
8383
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
|
|
7947
8384
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
7948
|
-
--bm-
|
|
8385
|
+
--bm-alias-color-brand-primary-default,
|
|
7949
8386
|
#43bfd6
|
|
7950
8387
|
);
|
|
7951
8388
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -7961,7 +8398,7 @@ textarea:focus-visible,
|
|
|
7961
8398
|
#ffffff00
|
|
7962
8399
|
);
|
|
7963
8400
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
7964
|
-
--bm-
|
|
8401
|
+
--bm-alias-color-brand-primary-default,
|
|
7965
8402
|
#43bfd6
|
|
7966
8403
|
);
|
|
7967
8404
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -7977,11 +8414,11 @@ textarea:focus-visible,
|
|
|
7977
8414
|
#202e39
|
|
7978
8415
|
);
|
|
7979
8416
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
7980
|
-
--bm-
|
|
8417
|
+
--bm-alias-color-brand-primary-default,
|
|
7981
8418
|
#43bfd6
|
|
7982
8419
|
);
|
|
7983
8420
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
7984
|
-
--bm-
|
|
8421
|
+
--bm-alias-color-brand-primary-default,
|
|
7985
8422
|
#43bfd6
|
|
7986
8423
|
);
|
|
7987
8424
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -8235,15 +8672,15 @@ textarea:focus-visible,
|
|
|
8235
8672
|
400 1.25rem/2rem "Source Sans Pro"
|
|
8236
8673
|
);
|
|
8237
8674
|
--bm-comp-link-color-primary-enabled: var(
|
|
8238
|
-
--bm-sem-color-
|
|
8675
|
+
--bm-sem-color-action-primary,
|
|
8239
8676
|
#00768f
|
|
8240
8677
|
);
|
|
8241
8678
|
--bm-comp-link-color-primary-hover: var(
|
|
8242
|
-
--bm-
|
|
8679
|
+
--bm-sem-color-action-primary-hover,
|
|
8243
8680
|
#005b75
|
|
8244
8681
|
);
|
|
8245
8682
|
--bm-comp-link-color-primary-active: var(
|
|
8246
|
-
--bm-
|
|
8683
|
+
--bm-sem-color-action-primary-active,
|
|
8247
8684
|
#00414d
|
|
8248
8685
|
);
|
|
8249
8686
|
--bm-comp-link-color-secondary-enabled: var(
|
|
@@ -8291,16 +8728,16 @@ textarea:focus-visible,
|
|
|
8291
8728
|
400 1.25rem/2rem "Source Sans Pro"
|
|
8292
8729
|
);
|
|
8293
8730
|
--bm-comp-link-color-primary-enabled: var(
|
|
8294
|
-
--bm-sem-color-
|
|
8731
|
+
--bm-sem-color-action-primary,
|
|
8295
8732
|
#43bfd6
|
|
8296
8733
|
);
|
|
8297
8734
|
--bm-comp-link-color-primary-hover: var(
|
|
8298
|
-
--bm-
|
|
8299
|
-
#
|
|
8735
|
+
--bm-sem-color-action-primary-hover,
|
|
8736
|
+
#8cd8e6
|
|
8300
8737
|
);
|
|
8301
8738
|
--bm-comp-link-color-primary-active: var(
|
|
8302
|
-
--bm-
|
|
8303
|
-
#
|
|
8739
|
+
--bm-sem-color-action-primary-active,
|
|
8740
|
+
#b2e7f0
|
|
8304
8741
|
);
|
|
8305
8742
|
--bm-comp-link-color-secondary-enabled: var(
|
|
8306
8743
|
--bm-sem-color-link-secondary,
|
|
@@ -8838,7 +9275,7 @@ textarea:focus-visible,
|
|
|
8838
9275
|
);
|
|
8839
9276
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
|
|
8840
9277
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
8841
|
-
--bm-
|
|
9278
|
+
--bm-alias-color-brand-primary-default,
|
|
8842
9279
|
#00768f
|
|
8843
9280
|
);
|
|
8844
9281
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -8854,7 +9291,7 @@ textarea:focus-visible,
|
|
|
8854
9291
|
#ffffff00
|
|
8855
9292
|
);
|
|
8856
9293
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
8857
|
-
--bm-
|
|
9294
|
+
--bm-alias-color-brand-primary-default,
|
|
8858
9295
|
#00768f
|
|
8859
9296
|
);
|
|
8860
9297
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -8870,11 +9307,11 @@ textarea:focus-visible,
|
|
|
8870
9307
|
#ffffff
|
|
8871
9308
|
);
|
|
8872
9309
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
8873
|
-
--bm-
|
|
9310
|
+
--bm-alias-color-brand-primary-default,
|
|
8874
9311
|
#00768f
|
|
8875
9312
|
);
|
|
8876
9313
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
8877
|
-
--bm-
|
|
9314
|
+
--bm-alias-color-brand-primary-default,
|
|
8878
9315
|
#00768f
|
|
8879
9316
|
);
|
|
8880
9317
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -9007,7 +9444,7 @@ textarea:focus-visible,
|
|
|
9007
9444
|
);
|
|
9008
9445
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
|
|
9009
9446
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
9010
|
-
--bm-
|
|
9447
|
+
--bm-alias-color-brand-primary-default,
|
|
9011
9448
|
#43bfd6
|
|
9012
9449
|
);
|
|
9013
9450
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -9023,7 +9460,7 @@ textarea:focus-visible,
|
|
|
9023
9460
|
#ffffff00
|
|
9024
9461
|
);
|
|
9025
9462
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
9026
|
-
--bm-
|
|
9463
|
+
--bm-alias-color-brand-primary-default,
|
|
9027
9464
|
#43bfd6
|
|
9028
9465
|
);
|
|
9029
9466
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -9039,11 +9476,11 @@ textarea:focus-visible,
|
|
|
9039
9476
|
#202e39
|
|
9040
9477
|
);
|
|
9041
9478
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
9042
|
-
--bm-
|
|
9479
|
+
--bm-alias-color-brand-primary-default,
|
|
9043
9480
|
#43bfd6
|
|
9044
9481
|
);
|
|
9045
9482
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
9046
|
-
--bm-
|
|
9483
|
+
--bm-alias-color-brand-primary-default,
|
|
9047
9484
|
#43bfd6
|
|
9048
9485
|
);
|
|
9049
9486
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -9512,7 +9949,7 @@ textarea:focus-visible,
|
|
|
9512
9949
|
--bm-comp-pagination-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);
|
|
9513
9950
|
--bm-comp-pagination-color-bg-selected: var(
|
|
9514
9951
|
--bm-sem-color-surface-selected,
|
|
9515
|
-
#
|
|
9952
|
+
#01262d
|
|
9516
9953
|
);
|
|
9517
9954
|
--bm-comp-pagination-color-fg-selected: var(
|
|
9518
9955
|
--bm-sem-color-text-selected,
|
|
@@ -9710,7 +10147,7 @@ textarea:focus-visible,
|
|
|
9710
10147
|
.bm-consumer,
|
|
9711
10148
|
[data-bm-theme~=bm-light] {
|
|
9712
10149
|
--bm-comp-progress-bar-color-indicator-default: var(
|
|
9713
|
-
--bm-
|
|
10150
|
+
--bm-alias-color-brand-primary-default,
|
|
9714
10151
|
#00768f
|
|
9715
10152
|
);
|
|
9716
10153
|
--bm-comp-progress-bar-color-indicator-success: var(
|
|
@@ -9754,7 +10191,7 @@ textarea:focus-visible,
|
|
|
9754
10191
|
.bm-consumer,
|
|
9755
10192
|
[data-bm-theme~=bm-dark] {
|
|
9756
10193
|
--bm-comp-progress-bar-color-indicator-default: var(
|
|
9757
|
-
--bm-
|
|
10194
|
+
--bm-alias-color-brand-primary-default,
|
|
9758
10195
|
#43bfd6
|
|
9759
10196
|
);
|
|
9760
10197
|
--bm-comp-progress-bar-color-indicator-success: var(
|
|
@@ -9892,7 +10329,7 @@ textarea:focus-visible,
|
|
|
9892
10329
|
);
|
|
9893
10330
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
|
|
9894
10331
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
9895
|
-
--bm-
|
|
10332
|
+
--bm-alias-color-brand-primary-default,
|
|
9896
10333
|
#00768f
|
|
9897
10334
|
);
|
|
9898
10335
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -9908,7 +10345,7 @@ textarea:focus-visible,
|
|
|
9908
10345
|
#ffffff00
|
|
9909
10346
|
);
|
|
9910
10347
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
9911
|
-
--bm-
|
|
10348
|
+
--bm-alias-color-brand-primary-default,
|
|
9912
10349
|
#00768f
|
|
9913
10350
|
);
|
|
9914
10351
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -9924,11 +10361,11 @@ textarea:focus-visible,
|
|
|
9924
10361
|
#ffffff
|
|
9925
10362
|
);
|
|
9926
10363
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
9927
|
-
--bm-
|
|
10364
|
+
--bm-alias-color-brand-primary-default,
|
|
9928
10365
|
#00768f
|
|
9929
10366
|
);
|
|
9930
10367
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
9931
|
-
--bm-
|
|
10368
|
+
--bm-alias-color-brand-primary-default,
|
|
9932
10369
|
#00768f
|
|
9933
10370
|
);
|
|
9934
10371
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -10061,7 +10498,7 @@ textarea:focus-visible,
|
|
|
10061
10498
|
);
|
|
10062
10499
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
|
|
10063
10500
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
10064
|
-
--bm-
|
|
10501
|
+
--bm-alias-color-brand-primary-default,
|
|
10065
10502
|
#43bfd6
|
|
10066
10503
|
);
|
|
10067
10504
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -10077,7 +10514,7 @@ textarea:focus-visible,
|
|
|
10077
10514
|
#ffffff00
|
|
10078
10515
|
);
|
|
10079
10516
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
10080
|
-
--bm-
|
|
10517
|
+
--bm-alias-color-brand-primary-default,
|
|
10081
10518
|
#43bfd6
|
|
10082
10519
|
);
|
|
10083
10520
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -10093,11 +10530,11 @@ textarea:focus-visible,
|
|
|
10093
10530
|
#202e39
|
|
10094
10531
|
);
|
|
10095
10532
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
10096
|
-
--bm-
|
|
10533
|
+
--bm-alias-color-brand-primary-default,
|
|
10097
10534
|
#43bfd6
|
|
10098
10535
|
);
|
|
10099
10536
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
10100
|
-
--bm-
|
|
10537
|
+
--bm-alias-color-brand-primary-default,
|
|
10101
10538
|
#43bfd6
|
|
10102
10539
|
);
|
|
10103
10540
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -10323,7 +10760,7 @@ textarea:focus-visible,
|
|
|
10323
10760
|
);
|
|
10324
10761
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
|
|
10325
10762
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
10326
|
-
--bm-
|
|
10763
|
+
--bm-alias-color-brand-primary-default,
|
|
10327
10764
|
#00768f
|
|
10328
10765
|
);
|
|
10329
10766
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -10339,7 +10776,7 @@ textarea:focus-visible,
|
|
|
10339
10776
|
#ffffff00
|
|
10340
10777
|
);
|
|
10341
10778
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
10342
|
-
--bm-
|
|
10779
|
+
--bm-alias-color-brand-primary-default,
|
|
10343
10780
|
#00768f
|
|
10344
10781
|
);
|
|
10345
10782
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -10355,11 +10792,11 @@ textarea:focus-visible,
|
|
|
10355
10792
|
#ffffff
|
|
10356
10793
|
);
|
|
10357
10794
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
10358
|
-
--bm-
|
|
10795
|
+
--bm-alias-color-brand-primary-default,
|
|
10359
10796
|
#00768f
|
|
10360
10797
|
);
|
|
10361
10798
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
10362
|
-
--bm-
|
|
10799
|
+
--bm-alias-color-brand-primary-default,
|
|
10363
10800
|
#00768f
|
|
10364
10801
|
);
|
|
10365
10802
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -10492,7 +10929,7 @@ textarea:focus-visible,
|
|
|
10492
10929
|
);
|
|
10493
10930
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
|
|
10494
10931
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
10495
|
-
--bm-
|
|
10932
|
+
--bm-alias-color-brand-primary-default,
|
|
10496
10933
|
#43bfd6
|
|
10497
10934
|
);
|
|
10498
10935
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -10508,7 +10945,7 @@ textarea:focus-visible,
|
|
|
10508
10945
|
#ffffff00
|
|
10509
10946
|
);
|
|
10510
10947
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
10511
|
-
--bm-
|
|
10948
|
+
--bm-alias-color-brand-primary-default,
|
|
10512
10949
|
#43bfd6
|
|
10513
10950
|
);
|
|
10514
10951
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -10524,11 +10961,11 @@ textarea:focus-visible,
|
|
|
10524
10961
|
#202e39
|
|
10525
10962
|
);
|
|
10526
10963
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
10527
|
-
--bm-
|
|
10964
|
+
--bm-alias-color-brand-primary-default,
|
|
10528
10965
|
#43bfd6
|
|
10529
10966
|
);
|
|
10530
10967
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
10531
|
-
--bm-
|
|
10968
|
+
--bm-alias-color-brand-primary-default,
|
|
10532
10969
|
#43bfd6
|
|
10533
10970
|
);
|
|
10534
10971
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -10846,28 +11283,28 @@ textarea:focus-visible,
|
|
|
10846
11283
|
--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
|
|
10847
11284
|
--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
|
|
10848
11285
|
--bm-comp-btn-color-accent-outline-fg: var(
|
|
10849
|
-
--bm-
|
|
11286
|
+
--bm-sem-color-action-primary,
|
|
10850
11287
|
#00768f
|
|
10851
11288
|
);
|
|
10852
11289
|
--bm-comp-btn-color-accent-outline-border: var(
|
|
10853
|
-
--bm-
|
|
11290
|
+
--bm-sem-color-action-primary,
|
|
10854
11291
|
#00768f
|
|
10855
11292
|
);
|
|
10856
11293
|
--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
|
|
10857
11294
|
--bm-comp-btn-color-accent-ghost-fg: var(
|
|
10858
|
-
--bm-
|
|
11295
|
+
--bm-sem-color-action-primary,
|
|
10859
11296
|
#00768f
|
|
10860
11297
|
);
|
|
10861
11298
|
--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
|
|
10862
11299
|
--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
|
|
10863
11300
|
--bm-comp-btn-color-accent-bare-fg: var(
|
|
10864
|
-
--bm-
|
|
11301
|
+
--bm-sem-color-action-primary,
|
|
10865
11302
|
#00768f
|
|
10866
11303
|
);
|
|
10867
11304
|
--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
|
|
10868
11305
|
--bm-comp-btn-color-neutral-filled-bg: var(
|
|
10869
|
-
--bm-sem-color-
|
|
10870
|
-
#
|
|
11306
|
+
--bm-sem-color-action-neutral,
|
|
11307
|
+
#141d24
|
|
10871
11308
|
);
|
|
10872
11309
|
--bm-comp-btn-color-neutral-filled-fg: var(
|
|
10873
11310
|
--bm-sem-color-text-primary-inverse,
|
|
@@ -10879,22 +11316,22 @@ textarea:focus-visible,
|
|
|
10879
11316
|
);
|
|
10880
11317
|
--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
|
|
10881
11318
|
--bm-comp-btn-color-neutral-outline-fg: var(
|
|
10882
|
-
--bm-sem-color-
|
|
11319
|
+
--bm-sem-color-action-neutral,
|
|
10883
11320
|
#141d24
|
|
10884
11321
|
);
|
|
10885
11322
|
--bm-comp-btn-color-neutral-outline-border: var(
|
|
10886
|
-
--bm-sem-color-
|
|
10887
|
-
#
|
|
11323
|
+
--bm-sem-color-action-neutral,
|
|
11324
|
+
#141d24
|
|
10888
11325
|
);
|
|
10889
11326
|
--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
|
|
10890
11327
|
--bm-comp-btn-color-neutral-ghost-fg: var(
|
|
10891
|
-
--bm-sem-color-
|
|
11328
|
+
--bm-sem-color-action-neutral,
|
|
10892
11329
|
#141d24
|
|
10893
11330
|
);
|
|
10894
11331
|
--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
|
|
10895
11332
|
--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
|
|
10896
11333
|
--bm-comp-btn-color-neutral-bare-fg: var(
|
|
10897
|
-
--bm-sem-color-
|
|
11334
|
+
--bm-sem-color-action-neutral,
|
|
10898
11335
|
#141d24
|
|
10899
11336
|
);
|
|
10900
11337
|
--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
|
|
@@ -10963,16 +11400,16 @@ textarea:focus-visible,
|
|
|
10963
11400
|
#ffffff00
|
|
10964
11401
|
);
|
|
10965
11402
|
--bm-comp-btn-color-destructive-outline-fg: var(
|
|
10966
|
-
--bm-sem-color-
|
|
11403
|
+
--bm-sem-color-action-destructive,
|
|
10967
11404
|
#cc2429
|
|
10968
11405
|
);
|
|
10969
11406
|
--bm-comp-btn-color-destructive-outline-border: var(
|
|
10970
|
-
--bm-sem-color-
|
|
11407
|
+
--bm-sem-color-action-destructive,
|
|
10971
11408
|
#cc2429
|
|
10972
11409
|
);
|
|
10973
11410
|
--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
|
|
10974
11411
|
--bm-comp-btn-color-destructive-ghost-fg: var(
|
|
10975
|
-
--bm-sem-color-
|
|
11412
|
+
--bm-sem-color-action-destructive,
|
|
10976
11413
|
#cc2429
|
|
10977
11414
|
);
|
|
10978
11415
|
--bm-comp-btn-color-destructive-ghost-border: var(
|
|
@@ -10981,7 +11418,7 @@ textarea:focus-visible,
|
|
|
10981
11418
|
);
|
|
10982
11419
|
--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
|
|
10983
11420
|
--bm-comp-btn-color-destructive-bare-fg: var(
|
|
10984
|
-
--bm-sem-color-
|
|
11421
|
+
--bm-sem-color-action-destructive,
|
|
10985
11422
|
#cc2429
|
|
10986
11423
|
);
|
|
10987
11424
|
--bm-comp-btn-color-destructive-bare-border: var(
|
|
@@ -11033,21 +11470,18 @@ textarea:focus-visible,
|
|
|
11033
11470
|
--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
|
|
11034
11471
|
--bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
|
|
11035
11472
|
--bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
|
|
11036
|
-
--bm-comp-btn-space-sm-x: var(--bm-
|
|
11473
|
+
--bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
|
|
11037
11474
|
--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
|
|
11038
|
-
--bm-comp-btn-space-md-x: var(--bm-
|
|
11475
|
+
--bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
|
|
11039
11476
|
--bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
|
|
11040
|
-
--bm-comp-btn-space-lg-x: var(--bm-
|
|
11477
|
+
--bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
|
|
11041
11478
|
--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
|
|
11042
11479
|
--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
|
|
11043
11480
|
--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
|
|
11044
11481
|
--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
|
|
11045
11482
|
--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
|
|
11046
|
-
--bm-comp-btn-radius-container: var(
|
|
11047
|
-
|
|
11048
|
-
0.25rem
|
|
11049
|
-
);
|
|
11050
|
-
--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, 0.5rem);
|
|
11483
|
+
--bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
|
|
11484
|
+
--bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
|
|
11051
11485
|
--bm-comp-btn-typo-sm: var(
|
|
11052
11486
|
--bm-sem-typo-compact-label-sm,
|
|
11053
11487
|
600 0.875rem/1rem "Source Sans Pro"
|
|
@@ -11084,27 +11518,27 @@ textarea:focus-visible,
|
|
|
11084
11518
|
--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);
|
|
11085
11519
|
--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);
|
|
11086
11520
|
--bm-comp-btn-color-accent-outline-fg: var(
|
|
11087
|
-
--bm-
|
|
11521
|
+
--bm-sem-color-action-primary,
|
|
11088
11522
|
#43bfd6
|
|
11089
11523
|
);
|
|
11090
11524
|
--bm-comp-btn-color-accent-outline-border: var(
|
|
11091
|
-
--bm-
|
|
11525
|
+
--bm-sem-color-action-primary,
|
|
11092
11526
|
#43bfd6
|
|
11093
11527
|
);
|
|
11094
11528
|
--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);
|
|
11095
11529
|
--bm-comp-btn-color-accent-ghost-fg: var(
|
|
11096
|
-
--bm-
|
|
11530
|
+
--bm-sem-color-action-primary,
|
|
11097
11531
|
#43bfd6
|
|
11098
11532
|
);
|
|
11099
11533
|
--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);
|
|
11100
11534
|
--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);
|
|
11101
11535
|
--bm-comp-btn-color-accent-bare-fg: var(
|
|
11102
|
-
--bm-
|
|
11536
|
+
--bm-sem-color-action-primary,
|
|
11103
11537
|
#43bfd6
|
|
11104
11538
|
);
|
|
11105
11539
|
--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);
|
|
11106
11540
|
--bm-comp-btn-color-neutral-filled-bg: var(
|
|
11107
|
-
--bm-sem-color-
|
|
11541
|
+
--bm-sem-color-action-neutral,
|
|
11108
11542
|
#ffffff
|
|
11109
11543
|
);
|
|
11110
11544
|
--bm-comp-btn-color-neutral-filled-fg: var(
|
|
@@ -11117,22 +11551,22 @@ textarea:focus-visible,
|
|
|
11117
11551
|
);
|
|
11118
11552
|
--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);
|
|
11119
11553
|
--bm-comp-btn-color-neutral-outline-fg: var(
|
|
11120
|
-
--bm-sem-color-
|
|
11554
|
+
--bm-sem-color-action-neutral,
|
|
11121
11555
|
#ffffff
|
|
11122
11556
|
);
|
|
11123
11557
|
--bm-comp-btn-color-neutral-outline-border: var(
|
|
11124
|
-
--bm-sem-color-
|
|
11125
|
-
#
|
|
11558
|
+
--bm-sem-color-action-neutral,
|
|
11559
|
+
#ffffff
|
|
11126
11560
|
);
|
|
11127
11561
|
--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);
|
|
11128
11562
|
--bm-comp-btn-color-neutral-ghost-fg: var(
|
|
11129
|
-
--bm-sem-color-
|
|
11563
|
+
--bm-sem-color-action-neutral,
|
|
11130
11564
|
#ffffff
|
|
11131
11565
|
);
|
|
11132
11566
|
--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);
|
|
11133
11567
|
--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);
|
|
11134
11568
|
--bm-comp-btn-color-neutral-bare-fg: var(
|
|
11135
|
-
--bm-sem-color-
|
|
11569
|
+
--bm-sem-color-action-neutral,
|
|
11136
11570
|
#ffffff
|
|
11137
11571
|
);
|
|
11138
11572
|
--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);
|
|
@@ -11201,17 +11635,17 @@ textarea:focus-visible,
|
|
|
11201
11635
|
#ffffff00
|
|
11202
11636
|
);
|
|
11203
11637
|
--bm-comp-btn-color-destructive-outline-fg: var(
|
|
11204
|
-
--bm-sem-color-
|
|
11205
|
-
#
|
|
11638
|
+
--bm-sem-color-action-destructive,
|
|
11639
|
+
#cc2429
|
|
11206
11640
|
);
|
|
11207
11641
|
--bm-comp-btn-color-destructive-outline-border: var(
|
|
11208
|
-
--bm-sem-color-
|
|
11209
|
-
#
|
|
11642
|
+
--bm-sem-color-action-destructive,
|
|
11643
|
+
#cc2429
|
|
11210
11644
|
);
|
|
11211
11645
|
--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);
|
|
11212
11646
|
--bm-comp-btn-color-destructive-ghost-fg: var(
|
|
11213
|
-
--bm-sem-color-
|
|
11214
|
-
#
|
|
11647
|
+
--bm-sem-color-action-destructive,
|
|
11648
|
+
#cc2429
|
|
11215
11649
|
);
|
|
11216
11650
|
--bm-comp-btn-color-destructive-ghost-border: var(
|
|
11217
11651
|
--bm-sem-color-none,
|
|
@@ -11219,8 +11653,8 @@ textarea:focus-visible,
|
|
|
11219
11653
|
);
|
|
11220
11654
|
--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);
|
|
11221
11655
|
--bm-comp-btn-color-destructive-bare-fg: var(
|
|
11222
|
-
--bm-sem-color-
|
|
11223
|
-
#
|
|
11656
|
+
--bm-sem-color-action-destructive,
|
|
11657
|
+
#cc2429
|
|
11224
11658
|
);
|
|
11225
11659
|
--bm-comp-btn-color-destructive-bare-border: var(
|
|
11226
11660
|
--bm-sem-color-none,
|
|
@@ -11271,21 +11705,18 @@ textarea:focus-visible,
|
|
|
11271
11705
|
--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);
|
|
11272
11706
|
--bm-comp-btn-space-gap: var(--bm-sem-space-25, 0.25rem);
|
|
11273
11707
|
--bm-comp-btn-space-label-x: var(--bm-sem-space-25, 0.25rem);
|
|
11274
|
-
--bm-comp-btn-space-sm-x: var(--bm-
|
|
11708
|
+
--bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, 0.5rem);
|
|
11275
11709
|
--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, 0.25rem);
|
|
11276
|
-
--bm-comp-btn-space-md-x: var(--bm-
|
|
11710
|
+
--bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, 0.75rem);
|
|
11277
11711
|
--bm-comp-btn-space-md-y: var(--bm-sem-space-50, 0.5rem);
|
|
11278
|
-
--bm-comp-btn-space-lg-x: var(--bm-
|
|
11712
|
+
--bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);
|
|
11279
11713
|
--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, 0.5rem);
|
|
11280
11714
|
--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);
|
|
11281
11715
|
--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);
|
|
11282
11716
|
--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, 0.5rem);
|
|
11283
11717
|
--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);
|
|
11284
|
-
--bm-comp-btn-radius-container: var(
|
|
11285
|
-
|
|
11286
|
-
0.25rem
|
|
11287
|
-
);
|
|
11288
|
-
--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, 0.5rem);
|
|
11718
|
+
--bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, 0.25rem);
|
|
11719
|
+
--bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, 0.5rem);
|
|
11289
11720
|
--bm-comp-btn-typo-sm: var(
|
|
11290
11721
|
--bm-sem-typo-compact-label-sm,
|
|
11291
11722
|
600 0.875rem/1rem "Source Sans Pro"
|
|
@@ -11842,16 +12273,16 @@ textarea:focus-visible,
|
|
|
11842
12273
|
[data-bm-theme~=bm-light] {
|
|
11843
12274
|
--bm-comp-slider-color-track-bg: var(--bm-sem-color-border-02, #d1dae0);
|
|
11844
12275
|
--bm-comp-slider-color-track-bg-filled: var(
|
|
11845
|
-
--bm-
|
|
12276
|
+
--bm-alias-color-brand-primary-default,
|
|
11846
12277
|
#00768f
|
|
11847
12278
|
);
|
|
11848
12279
|
--bm-comp-slider-color-handle-bg: var(--bm-sem-color-surface-01, #ffffff);
|
|
11849
12280
|
--bm-comp-slider-color-handle-border: var(
|
|
11850
|
-
--bm-
|
|
12281
|
+
--bm-alias-color-brand-primary-default,
|
|
11851
12282
|
#00768f
|
|
11852
12283
|
);
|
|
11853
12284
|
--bm-comp-slider-color-endpoint: var(
|
|
11854
|
-
--bm-
|
|
12285
|
+
--bm-alias-color-brand-primary-default,
|
|
11855
12286
|
#00768f
|
|
11856
12287
|
);
|
|
11857
12288
|
--bm-comp-slider-color-values: var(--bm-sem-color-text-primary, #141d24);
|
|
@@ -11886,16 +12317,16 @@ textarea:focus-visible,
|
|
|
11886
12317
|
[data-bm-theme~=bm-dark] {
|
|
11887
12318
|
--bm-comp-slider-color-track-bg: var(--bm-sem-color-border-02, #465967);
|
|
11888
12319
|
--bm-comp-slider-color-track-bg-filled: var(
|
|
11889
|
-
--bm-
|
|
12320
|
+
--bm-alias-color-brand-primary-default,
|
|
11890
12321
|
#43bfd6
|
|
11891
12322
|
);
|
|
11892
12323
|
--bm-comp-slider-color-handle-bg: var(--bm-sem-color-surface-01, #202e39);
|
|
11893
12324
|
--bm-comp-slider-color-handle-border: var(
|
|
11894
|
-
--bm-
|
|
12325
|
+
--bm-alias-color-brand-primary-default,
|
|
11895
12326
|
#43bfd6
|
|
11896
12327
|
);
|
|
11897
12328
|
--bm-comp-slider-color-endpoint: var(
|
|
11898
|
-
--bm-
|
|
12329
|
+
--bm-alias-color-brand-primary-default,
|
|
11899
12330
|
#43bfd6
|
|
11900
12331
|
);
|
|
11901
12332
|
--bm-comp-slider-color-values: var(--bm-sem-color-text-primary, #ffffff);
|
|
@@ -12034,7 +12465,7 @@ textarea:focus-visible,
|
|
|
12034
12465
|
transition: transform 0.05s cubic-bezier(0, 0.33, 0, 0.76);
|
|
12035
12466
|
}
|
|
12036
12467
|
.bm-slider__thumb:focus-visible {
|
|
12037
|
-
outline-color: var(--bm-
|
|
12468
|
+
outline-color: var(--bm-alias-color-ramp-accent-base);
|
|
12038
12469
|
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
12470
|
}
|
|
12040
12471
|
.bm-slider__thumb-container:active {
|
|
@@ -12308,15 +12739,15 @@ textarea:focus-visible,
|
|
|
12308
12739
|
#576775
|
|
12309
12740
|
);
|
|
12310
12741
|
--bm-comp-stepper-color-current-bg: var(
|
|
12311
|
-
--bm-
|
|
12742
|
+
--bm-sem-color-surface-selected,
|
|
12312
12743
|
#e9fcff
|
|
12313
12744
|
);
|
|
12314
12745
|
--bm-comp-stepper-color-current-fg: var(
|
|
12315
|
-
--bm-
|
|
12746
|
+
--bm-sem-color-text-selected,
|
|
12316
12747
|
#00768f
|
|
12317
12748
|
);
|
|
12318
12749
|
--bm-comp-stepper-color-current-border: var(
|
|
12319
|
-
--bm-
|
|
12750
|
+
--bm-sem-color-border-selected,
|
|
12320
12751
|
#00768f
|
|
12321
12752
|
);
|
|
12322
12753
|
--bm-comp-stepper-color-current-heading: var(
|
|
@@ -12324,7 +12755,7 @@ textarea:focus-visible,
|
|
|
12324
12755
|
#141d24
|
|
12325
12756
|
);
|
|
12326
12757
|
--bm-comp-stepper-color-complete-bg: var(
|
|
12327
|
-
--bm-
|
|
12758
|
+
--bm-alias-color-brand-primary-default,
|
|
12328
12759
|
#00768f
|
|
12329
12760
|
);
|
|
12330
12761
|
--bm-comp-stepper-color-complete-fg: var(
|
|
@@ -12355,7 +12786,7 @@ textarea:focus-visible,
|
|
|
12355
12786
|
--bm-comp-stepper-color-body: var(--bm-sem-color-text-secondary, #576775);
|
|
12356
12787
|
--bm-comp-stepper-color-line: var(--bm-sem-color-border-02, #d1dae0);
|
|
12357
12788
|
--bm-comp-stepper-color-line-complete: var(
|
|
12358
|
-
--bm-
|
|
12789
|
+
--bm-alias-color-brand-primary-default,
|
|
12359
12790
|
#00768f
|
|
12360
12791
|
);
|
|
12361
12792
|
--bm-comp-stepper-size-sm-container: var(--bm-primitive-dimension-100, 1rem);
|
|
@@ -12437,15 +12868,15 @@ textarea:focus-visible,
|
|
|
12437
12868
|
#c3cdd5
|
|
12438
12869
|
);
|
|
12439
12870
|
--bm-comp-stepper-color-current-bg: var(
|
|
12440
|
-
--bm-
|
|
12871
|
+
--bm-sem-color-surface-selected,
|
|
12441
12872
|
#01262d
|
|
12442
12873
|
);
|
|
12443
12874
|
--bm-comp-stepper-color-current-fg: var(
|
|
12444
|
-
--bm-
|
|
12875
|
+
--bm-sem-color-text-selected,
|
|
12445
12876
|
#43bfd6
|
|
12446
12877
|
);
|
|
12447
12878
|
--bm-comp-stepper-color-current-border: var(
|
|
12448
|
-
--bm-
|
|
12879
|
+
--bm-sem-color-border-selected,
|
|
12449
12880
|
#43bfd6
|
|
12450
12881
|
);
|
|
12451
12882
|
--bm-comp-stepper-color-current-heading: var(
|
|
@@ -12453,7 +12884,7 @@ textarea:focus-visible,
|
|
|
12453
12884
|
#ffffff
|
|
12454
12885
|
);
|
|
12455
12886
|
--bm-comp-stepper-color-complete-bg: var(
|
|
12456
|
-
--bm-
|
|
12887
|
+
--bm-alias-color-brand-primary-default,
|
|
12457
12888
|
#43bfd6
|
|
12458
12889
|
);
|
|
12459
12890
|
--bm-comp-stepper-color-complete-fg: var(
|
|
@@ -12484,7 +12915,7 @@ textarea:focus-visible,
|
|
|
12484
12915
|
--bm-comp-stepper-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);
|
|
12485
12916
|
--bm-comp-stepper-color-line: var(--bm-sem-color-border-02, #465967);
|
|
12486
12917
|
--bm-comp-stepper-color-line-complete: var(
|
|
12487
|
-
--bm-
|
|
12918
|
+
--bm-alias-color-brand-primary-default,
|
|
12488
12919
|
#43bfd6
|
|
12489
12920
|
);
|
|
12490
12921
|
--bm-comp-stepper-size-sm-container: var(--bm-primitive-dimension-100, 1rem);
|
|
@@ -12775,7 +13206,7 @@ textarea:focus-visible,
|
|
|
12775
13206
|
);
|
|
12776
13207
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
|
|
12777
13208
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
12778
|
-
--bm-
|
|
13209
|
+
--bm-alias-color-brand-primary-default,
|
|
12779
13210
|
#00768f
|
|
12780
13211
|
);
|
|
12781
13212
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -12791,7 +13222,7 @@ textarea:focus-visible,
|
|
|
12791
13222
|
#ffffff00
|
|
12792
13223
|
);
|
|
12793
13224
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
12794
|
-
--bm-
|
|
13225
|
+
--bm-alias-color-brand-primary-default,
|
|
12795
13226
|
#00768f
|
|
12796
13227
|
);
|
|
12797
13228
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -12807,11 +13238,11 @@ textarea:focus-visible,
|
|
|
12807
13238
|
#ffffff
|
|
12808
13239
|
);
|
|
12809
13240
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
12810
|
-
--bm-
|
|
13241
|
+
--bm-alias-color-brand-primary-default,
|
|
12811
13242
|
#00768f
|
|
12812
13243
|
);
|
|
12813
13244
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
12814
|
-
--bm-
|
|
13245
|
+
--bm-alias-color-brand-primary-default,
|
|
12815
13246
|
#00768f
|
|
12816
13247
|
);
|
|
12817
13248
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -12944,7 +13375,7 @@ textarea:focus-visible,
|
|
|
12944
13375
|
);
|
|
12945
13376
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
|
|
12946
13377
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
12947
|
-
--bm-
|
|
13378
|
+
--bm-alias-color-brand-primary-default,
|
|
12948
13379
|
#43bfd6
|
|
12949
13380
|
);
|
|
12950
13381
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -12960,7 +13391,7 @@ textarea:focus-visible,
|
|
|
12960
13391
|
#ffffff00
|
|
12961
13392
|
);
|
|
12962
13393
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
12963
|
-
--bm-
|
|
13394
|
+
--bm-alias-color-brand-primary-default,
|
|
12964
13395
|
#43bfd6
|
|
12965
13396
|
);
|
|
12966
13397
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -12976,11 +13407,11 @@ textarea:focus-visible,
|
|
|
12976
13407
|
#202e39
|
|
12977
13408
|
);
|
|
12978
13409
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
12979
|
-
--bm-
|
|
13410
|
+
--bm-alias-color-brand-primary-default,
|
|
12980
13411
|
#43bfd6
|
|
12981
13412
|
);
|
|
12982
13413
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
12983
|
-
--bm-
|
|
13414
|
+
--bm-alias-color-brand-primary-default,
|
|
12984
13415
|
#43bfd6
|
|
12985
13416
|
);
|
|
12986
13417
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -14130,7 +14561,7 @@ textarea:focus-visible,
|
|
|
14130
14561
|
);
|
|
14131
14562
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
|
|
14132
14563
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
14133
|
-
--bm-
|
|
14564
|
+
--bm-alias-color-brand-primary-default,
|
|
14134
14565
|
#00768f
|
|
14135
14566
|
);
|
|
14136
14567
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -14146,7 +14577,7 @@ textarea:focus-visible,
|
|
|
14146
14577
|
#ffffff00
|
|
14147
14578
|
);
|
|
14148
14579
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
14149
|
-
--bm-
|
|
14580
|
+
--bm-alias-color-brand-primary-default,
|
|
14150
14581
|
#00768f
|
|
14151
14582
|
);
|
|
14152
14583
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -14162,11 +14593,11 @@ textarea:focus-visible,
|
|
|
14162
14593
|
#ffffff
|
|
14163
14594
|
);
|
|
14164
14595
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
14165
|
-
--bm-
|
|
14596
|
+
--bm-alias-color-brand-primary-default,
|
|
14166
14597
|
#00768f
|
|
14167
14598
|
);
|
|
14168
14599
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
14169
|
-
--bm-
|
|
14600
|
+
--bm-alias-color-brand-primary-default,
|
|
14170
14601
|
#00768f
|
|
14171
14602
|
);
|
|
14172
14603
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -14299,7 +14730,7 @@ textarea:focus-visible,
|
|
|
14299
14730
|
);
|
|
14300
14731
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
|
|
14301
14732
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
14302
|
-
--bm-
|
|
14733
|
+
--bm-alias-color-brand-primary-default,
|
|
14303
14734
|
#43bfd6
|
|
14304
14735
|
);
|
|
14305
14736
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -14315,7 +14746,7 @@ textarea:focus-visible,
|
|
|
14315
14746
|
#ffffff00
|
|
14316
14747
|
);
|
|
14317
14748
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
14318
|
-
--bm-
|
|
14749
|
+
--bm-alias-color-brand-primary-default,
|
|
14319
14750
|
#43bfd6
|
|
14320
14751
|
);
|
|
14321
14752
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -14331,11 +14762,11 @@ textarea:focus-visible,
|
|
|
14331
14762
|
#202e39
|
|
14332
14763
|
);
|
|
14333
14764
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
14334
|
-
--bm-
|
|
14765
|
+
--bm-alias-color-brand-primary-default,
|
|
14335
14766
|
#43bfd6
|
|
14336
14767
|
);
|
|
14337
14768
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
14338
|
-
--bm-
|
|
14769
|
+
--bm-alias-color-brand-primary-default,
|
|
14339
14770
|
#43bfd6
|
|
14340
14771
|
);
|
|
14341
14772
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -14602,7 +15033,7 @@ textarea:focus-visible,
|
|
|
14602
15033
|
);
|
|
14603
15034
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);
|
|
14604
15035
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
14605
|
-
--bm-
|
|
15036
|
+
--bm-alias-color-brand-primary-default,
|
|
14606
15037
|
#00768f
|
|
14607
15038
|
);
|
|
14608
15039
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -14618,7 +15049,7 @@ textarea:focus-visible,
|
|
|
14618
15049
|
#ffffff00
|
|
14619
15050
|
);
|
|
14620
15051
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
14621
|
-
--bm-
|
|
15052
|
+
--bm-alias-color-brand-primary-default,
|
|
14622
15053
|
#00768f
|
|
14623
15054
|
);
|
|
14624
15055
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -14634,11 +15065,11 @@ textarea:focus-visible,
|
|
|
14634
15065
|
#ffffff
|
|
14635
15066
|
);
|
|
14636
15067
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
14637
|
-
--bm-
|
|
15068
|
+
--bm-alias-color-brand-primary-default,
|
|
14638
15069
|
#00768f
|
|
14639
15070
|
);
|
|
14640
15071
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
14641
|
-
--bm-
|
|
15072
|
+
--bm-alias-color-brand-primary-default,
|
|
14642
15073
|
#00768f
|
|
14643
15074
|
);
|
|
14644
15075
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|
|
@@ -14771,7 +15202,7 @@ textarea:focus-visible,
|
|
|
14771
15202
|
);
|
|
14772
15203
|
--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);
|
|
14773
15204
|
--bm-comp-input-color-choice-checkbox-selected-bg: var(
|
|
14774
|
-
--bm-
|
|
15205
|
+
--bm-alias-color-brand-primary-default,
|
|
14775
15206
|
#43bfd6
|
|
14776
15207
|
);
|
|
14777
15208
|
--bm-comp-input-color-choice-checkbox-selected-icon: var(
|
|
@@ -14787,7 +15218,7 @@ textarea:focus-visible,
|
|
|
14787
15218
|
#ffffff00
|
|
14788
15219
|
);
|
|
14789
15220
|
--bm-comp-input-color-choice-switch-selected-bg: var(
|
|
14790
|
-
--bm-
|
|
15221
|
+
--bm-alias-color-brand-primary-default,
|
|
14791
15222
|
#43bfd6
|
|
14792
15223
|
);
|
|
14793
15224
|
--bm-comp-input-color-choice-switch-selected-icon: var(
|
|
@@ -14803,11 +15234,11 @@ textarea:focus-visible,
|
|
|
14803
15234
|
#202e39
|
|
14804
15235
|
);
|
|
14805
15236
|
--bm-comp-input-color-choice-radio-selected-border: var(
|
|
14806
|
-
--bm-
|
|
15237
|
+
--bm-alias-color-brand-primary-default,
|
|
14807
15238
|
#43bfd6
|
|
14808
15239
|
);
|
|
14809
15240
|
--bm-comp-input-color-choice-radio-selected-inner-circle: var(
|
|
14810
|
-
--bm-
|
|
15241
|
+
--bm-alias-color-brand-primary-default,
|
|
14811
15242
|
#43bfd6
|
|
14812
15243
|
);
|
|
14813
15244
|
--bm-comp-input-color-choice-radio-selected-bg-error: var(
|