@ambita/design-system 4.0.4-991.0 → 4.0.5
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/mixins.scss +16 -5
- package/dist/ds.cjs +21 -0
- package/dist/ds.cjs.map +1 -0
- package/dist/ds.js +16169 -19
- package/dist/ds.js.map +1 -1
- package/dist/ds.umd.cjs +22 -0
- package/dist/ds.umd.cjs.map +1 -0
- package/dist/index.css +1 -1
- package/dist/types/src/App.vue.d.ts +1 -1
- package/dist/types/src/components/AuxAriaAnnouncer/AuxAriaAnnouncer.vue.d.ts +3 -3
- package/dist/types/src/components/Banner/Banner.vue.d.ts +3 -3
- package/dist/types/src/components/Button/Button.vue.d.ts +2 -2
- package/dist/types/src/components/Card/Card.vue.d.ts +1 -1
- package/dist/types/src/components/Checkbox/Checkbox.vue.d.ts +9 -9
- package/dist/types/src/components/Checkbox/CheckboxCard.vue.d.ts +4 -4
- package/dist/types/src/components/Checkbox/CheckboxRegular.vue.d.ts +4 -4
- package/dist/types/src/components/CheckboxDropdown/CheckboxDropdown.vue.d.ts +5 -5
- package/dist/types/src/components/Color/ColorSwatch.vue.d.ts +2 -2
- package/dist/types/src/components/Definition/Definition.vue.d.ts +2 -2
- package/dist/types/src/components/Details/Details.vue.d.ts +1 -1
- package/dist/types/src/components/DirectionalArrow/DirectionalArrow.vue.d.ts +2 -2
- package/dist/types/src/components/FormElement/FormElement.vue.d.ts +2 -2
- package/dist/types/src/components/Icons/IconPreview.vue.d.ts +2 -2
- package/dist/types/src/components/Input/Input.vue.d.ts +6 -6
- package/dist/types/src/components/JsonForm/Components/Checkboxes.vue.d.ts +2 -2
- package/dist/types/src/components/JsonForm/Components/RadioButtons.vue.d.ts +3 -3
- package/dist/types/src/components/JsonForm/Controls/Array.vue.d.ts +2 -2
- package/dist/types/src/components/JsonForm/Controls/Boolean.vue.d.ts +2 -2
- package/dist/types/src/components/JsonForm/Controls/Number.vue.d.ts +2 -2
- package/dist/types/src/components/JsonForm/Controls/String.vue.d.ts +2 -2
- package/dist/types/src/components/JsonForm/Controls/Wrapper.vue.d.ts +2 -2
- package/dist/types/src/components/JsonForm/JsonForm.vue.d.ts +2 -2
- package/dist/types/src/components/JsonForm/Renderers/Array.vue.d.ts +9 -8
- package/dist/types/src/components/JsonForm/Renderers/Boolean.vue.d.ts +9 -8
- package/dist/types/src/components/JsonForm/Renderers/Integer.vue.d.ts +9 -8
- package/dist/types/src/components/JsonForm/Renderers/Layout.vue.d.ts +3 -3
- package/dist/types/src/components/JsonForm/Renderers/Number.vue.d.ts +9 -8
- package/dist/types/src/components/JsonForm/Renderers/Object.vue.d.ts +9 -8
- package/dist/types/src/components/JsonForm/Renderers/String.vue.d.ts +9 -8
- package/dist/types/src/components/Link/Link.vue.d.ts +5 -5
- package/dist/types/src/components/Logo/Logo.vue.d.ts +2 -2
- package/dist/types/src/components/Modal/Actions.vue.d.ts +2 -2
- package/dist/types/src/components/Modal/Modal.vue.d.ts +6 -6
- package/dist/types/src/components/Notification/Notification.vue.d.ts +5 -5
- package/dist/types/src/components/Notification/Notifications.vue.d.ts +2 -2
- package/dist/types/src/components/Pagination/Pagination.vue.d.ts +2 -2
- package/dist/types/src/components/Pill/Pill.vue.d.ts +2 -2
- package/dist/types/src/components/Radio/Radio.vue.d.ts +4 -4
- package/dist/types/src/components/RadioGroup/RadioGroup.vue.d.ts +11 -11
- package/dist/types/src/components/RadioGroup/RadioGroupCardElement.vue.d.ts +4 -4
- package/dist/types/src/components/RadioGroup/RadioGroupElement.vue.d.ts +4 -4
- package/dist/types/src/components/Select/Select.vue.d.ts +5 -5
- package/dist/types/src/components/Spinner/Spinner.vue.d.ts +2 -2
- package/dist/types/src/components/StatusBadge/StatusBadge.vue.d.ts +2 -2
- package/dist/types/src/components/Tag/Tag.vue.d.ts +2 -2
- package/dist/types/src/components/TextArea/TextArea.vue.d.ts +8 -8
- package/dist/types/src/components/Time/Time.vue.d.ts +2 -2
- package/dist/types/src/components/Toggle/Toggle.vue.d.ts +5 -5
- package/dist/types/src/components/Upload/File/File.vue.d.ts +4 -4
- package/dist/types/src/components/Upload/Upload.vue.d.ts +4 -4
- package/dist/types/src/components/ValidationWrapper/ValidationWrapper.vue.d.ts +3 -3
- package/dist/types/src/helpers/formatters/formatDateAndTime/Storybook/FormatDateAndTime.vue.d.ts +1 -1
- package/dist/types/src/helpers/formatters/formatDateAndTime/index.d.ts +1 -1
- package/dist/types/src/helpers/formatters/formatQuantity/Storybook/FormatAmount.vue.d.ts +1 -1
- package/dist/types/src/helpers/formatters/formatQuantity/Storybook/FormatNumber.vue.d.ts +1 -1
- package/dist/types/src/helpers/formatters/formatQuantity/formatAmount.d.ts +2 -2
- package/dist/types/src/helpers/formatters/formatQuantity/formatNumber.d.ts +1 -1
- package/dist/types/tsconfig.app.tsbuildinfo +1 -1
- package/package.json +43 -44
- package/dist/ds.mjs +0 -16244
- package/dist/ds.mjs.map +0 -1
- package/dist/ds.umd.js +0 -22
- package/dist/ds.umd.js.map +0 -1
package/dist/css/mixins.scss
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
$aux-focus-indicator-style:
|
|
1
|
+
$aux-focus-indicator-style:
|
|
2
|
+
0 0 0 3px $aux-white,
|
|
3
|
+
0 0 0 6px $aux-focus;
|
|
2
4
|
|
|
3
5
|
@mixin aux-focus-indicator {
|
|
4
|
-
|
|
6
|
+
& {
|
|
7
|
+
outline: none;
|
|
8
|
+
}
|
|
5
9
|
|
|
6
10
|
/**
|
|
7
11
|
* Safari does not support :focus-visible.
|
|
@@ -14,12 +18,17 @@ $aux-focus-indicator-style: 0 0 0 3px $aux-white, 0 0 0 6px $aux-focus;
|
|
|
14
18
|
|
|
15
19
|
&:focus-visible {
|
|
16
20
|
/* This has to be slightly different from the focus rule above. */
|
|
17
|
-
box-shadow:
|
|
21
|
+
box-shadow:
|
|
22
|
+
$aux-focus-indicator-style,
|
|
23
|
+
0 0 0 0px transparent;
|
|
18
24
|
}
|
|
19
25
|
|
|
20
26
|
.aux-validation-wrapper--haserror &:focus-visible {
|
|
21
27
|
/* This has to be slightly different from the focus rule above. */
|
|
22
|
-
box-shadow:
|
|
28
|
+
box-shadow:
|
|
29
|
+
0 0 0px 1px $aux-red,
|
|
30
|
+
$aux-focus-indicator-style,
|
|
31
|
+
0 0 0 0px transparent;
|
|
23
32
|
}
|
|
24
33
|
|
|
25
34
|
&:focus:not(:focus-visible) {
|
|
@@ -57,7 +66,9 @@ $aux-focus-indicator-style: 0 0 0 3px $aux-white, 0 0 0 6px $aux-focus;
|
|
|
57
66
|
}
|
|
58
67
|
|
|
59
68
|
.aux-validation-wrapper--haserror input:focus-visible + label::before {
|
|
60
|
-
box-shadow:
|
|
69
|
+
box-shadow:
|
|
70
|
+
0 0 0px 1px $aux-red,
|
|
71
|
+
$aux-focus-indicator-style;
|
|
61
72
|
}
|
|
62
73
|
|
|
63
74
|
.aux-validation-wrapper--haserror .aux-card-layout::before {
|