@ambita/design-system 6.1.5-781.0 → 6.1.5-791.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/dist/css/neo-tokens.scss +17 -10
- package/dist/ds.cjs +1 -1
- package/dist/ds.cjs.map +1 -1
- package/dist/ds.js +7 -3
- package/dist/ds.js.map +1 -1
- package/dist/ds.umd.cjs +2 -2
- package/dist/ds.umd.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/themes/ambita-dark.css +1 -1
- package/dist/themes/ambita-light.css +1 -1
- package/dist/themes/ambita-old.css +1 -1
- package/dist/themes/byggesoknaden.css +1 -1
- package/dist/types/components/Radio/NeoRadio.vue.d.ts +2 -0
- package/package.json +1 -1
package/dist/css/neo-tokens.scss
CHANGED
|
@@ -187,18 +187,32 @@ $checkbox-card-outline-offset-focus: 3px;
|
|
|
187
187
|
$checkbox-border-width-error-checked: var(--border-weight-input, 1px);
|
|
188
188
|
$checkbox-indicator-size: 15px;
|
|
189
189
|
$checkbox-indicator-color: var(--icon-fill-selected);
|
|
190
|
-
$checkbox-indicator-color-disabled: var(--icon-fill-
|
|
190
|
+
$checkbox-indicator-color-disabled: var(--icon-fill-white);
|
|
191
|
+
|
|
192
|
+
/* ============================================================================
|
|
193
|
+
CHECKBOX GROUP COMPONENT TOKENS
|
|
194
|
+
============================================================================ */
|
|
195
|
+
|
|
196
|
+
$checkbox-group-label-font-size: var(--font-size-s);
|
|
197
|
+
$checkbox-group-label-font-weight: var(--font-weight-medium);
|
|
191
198
|
|
|
192
199
|
/* ============================================================================
|
|
193
200
|
RADIO COMPONENT TOKENS
|
|
194
201
|
============================================================================ */
|
|
195
202
|
|
|
196
203
|
$radio-button-size: $icon-size-l;
|
|
204
|
+
$radio-border-width: $input-border-width;
|
|
205
|
+
$radio-border-color: $border-color-input;
|
|
206
|
+
$radio-border-color-checked: $button-primary-bg;
|
|
207
|
+
$radio-border-color-disabled: var(--border-color-disabled);
|
|
208
|
+
$radio-bg-disabled: var(--fill-disabled-stronger);
|
|
197
209
|
$radio-indicator-size: 6px;
|
|
198
210
|
$radio-indicator-color: var(--icon-fill-selected);
|
|
199
|
-
$radio-indicator-color-disabled: var(--icon-fill-
|
|
211
|
+
$radio-indicator-color-disabled: var(--icon-fill-white);
|
|
200
212
|
$radio-border-width-error: 3px;
|
|
201
213
|
$radio-border-width-error-checked: 2px;
|
|
214
|
+
$radio-card-border-radius: $checkbox-card-border-radius;
|
|
215
|
+
$radio-label-font-size: $input-font-size;
|
|
202
216
|
|
|
203
217
|
/* ============================================================================
|
|
204
218
|
COLLAPSIBLE SHARED TOKENS
|
|
@@ -210,17 +224,10 @@ $collapsible-body-gap: var(--number-spacing-spacing-s);
|
|
|
210
224
|
$collapsible-animation-duration: 200ms;
|
|
211
225
|
$collapsible-stripe-width: 3px;
|
|
212
226
|
$collapsible-stripe-radius: var(--corner-radius-xxs);
|
|
213
|
-
$collapsible-stripe-color:
|
|
227
|
+
$collapsible-stripe-color: var(--icon-fill-selected);
|
|
214
228
|
$collapsible-stripe-margin-left: 8px;
|
|
215
229
|
$collapsible-stripe-margin-right: 18px;
|
|
216
230
|
|
|
217
|
-
/* ============================================================================
|
|
218
|
-
CHECKBOX GROUP COMPONENT TOKENS
|
|
219
|
-
============================================================================ */
|
|
220
|
-
|
|
221
|
-
$checkbox-group-label-font-size: var(--font-size-s);
|
|
222
|
-
$checkbox-group-label-font-weight: var(--font-weight-medium);
|
|
223
|
-
|
|
224
231
|
/* ============================================================================
|
|
225
232
|
DROPDOWN/SELECT COMPONENT TOKENS
|
|
226
233
|
============================================================================ */
|