@ambita/design-system 5.7.1-2601.0 → 5.7.1-2621.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 +9 -9
- package/dist/css/themes/ambita-light/component-tokens.css +10 -0
- package/dist/css/themes/byggesoknaden/component-tokens.css +19 -9
- package/dist/ds.cjs +9 -9
- package/dist/ds.js +4138 -4100
- package/dist/ds.umd.cjs +10 -10
- package/dist/index.css +1 -1
- package/dist/themes/ambita-dark.css +1 -1
- package/dist/themes/ambita-light.css +11 -1
- package/dist/themes/ambita-old.css +1 -1
- package/dist/themes/byggesoknaden.css +20 -10
- package/dist/types/src/components/Button/NeoLinkButton.vue.d.ts +3 -3
- package/dist/types/tsconfig.app.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/css/neo-tokens.scss
CHANGED
|
@@ -132,7 +132,7 @@ $dropdown-item-text: var(--text-default);
|
|
|
132
132
|
$dropdown-item-font-size: var(--font-size-xs);
|
|
133
133
|
$dropdown-item-text-hover: var(--text-label-hover);
|
|
134
134
|
$dropdown-item-bg-hover: var(--fill-hover-default);
|
|
135
|
-
$dropdown-item-bg-selected: var(--fill-
|
|
135
|
+
$dropdown-item-bg-selected: var(--fill-select-hover);
|
|
136
136
|
$dropdown-item-text-selected: var(--text-default);
|
|
137
137
|
$dropdown-item-font-weight: var(--font-weight-regular);
|
|
138
138
|
|
|
@@ -161,15 +161,15 @@ $tag-delete-btn-size: 16px;
|
|
|
161
161
|
$tag-delete-btn-radius: var(--corner-radius-xxs);
|
|
162
162
|
$tag-delete-btn-background-hover: rgba(0, 0, 0, 0.1);
|
|
163
163
|
|
|
164
|
-
$tag-background-color-primary: var(--
|
|
165
|
-
$tag-text-color-primary: var(--text-
|
|
166
|
-
$tag-background-color-primary-hover: var(--bg-
|
|
167
|
-
$tag-text-color-primary-hover: var(--text-
|
|
164
|
+
$tag-background-color-primary: var(--color-bg-tag-primary);
|
|
165
|
+
$tag-text-color-primary: var(--color-text-tag-primary);
|
|
166
|
+
$tag-background-color-primary-hover: var(--color-bg-tag-primary-hover);
|
|
167
|
+
$tag-text-color-primary-hover: var(--color-text-tag-primary-hover);
|
|
168
168
|
|
|
169
|
-
$tag-background-color-secondary: var(--
|
|
170
|
-
$tag-text-color-secondary: var(--text-
|
|
171
|
-
$tag-background-color-secondary-hover: var(--bg-
|
|
172
|
-
$tag-text-color-secondary-hover: var(--text-
|
|
169
|
+
$tag-background-color-secondary: var(--color-bg-tag-secondary);
|
|
170
|
+
$tag-text-color-secondary: var(--color-text-tag-secondary);
|
|
171
|
+
$tag-background-color-secondary-hover: var(--color-bg-tag-secondary-hover);
|
|
172
|
+
$tag-text-color-secondary-hover: var(--color-text-tag-secondary-hover);
|
|
173
173
|
|
|
174
174
|
/* ============================================================================
|
|
175
175
|
ACCORDION COMPONENT TOKENS
|
|
@@ -59,6 +59,16 @@
|
|
|
59
59
|
--tags-button-icon-size: 12px;
|
|
60
60
|
--tags-button-radius: var(--corner-radius-xxs);
|
|
61
61
|
|
|
62
|
+
--color-bg-tag-primary: var(--bg-brand-5);
|
|
63
|
+
--color-text-tag-primary: var(--bs-color-white);
|
|
64
|
+
--color-bg-tag-primary-hover: var(--bg-brand-4);
|
|
65
|
+
--color-text-tag-primary-hover: var(--bs-color-white);
|
|
66
|
+
|
|
67
|
+
--color-bg-tag-secondary: var(--bs-color-blue-2);
|
|
68
|
+
--color-text-tag-secondary: var(--bs-color-white);
|
|
69
|
+
--color-bg-tag-secondary-hover: var(--bg-brand-4);
|
|
70
|
+
--color-text-tag-secondary-hover: var(--bs-color-white);
|
|
71
|
+
|
|
62
72
|
/* Accordion Component Tokens */
|
|
63
73
|
--accordion-item-border-width: 0px;
|
|
64
74
|
}
|
|
@@ -7,16 +7,16 @@
|
|
|
7
7
|
|
|
8
8
|
:root {
|
|
9
9
|
/* ========================================================================
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
TYPOGRAPHY TOKENS
|
|
11
|
+
Global font settings that can be overridden per theme
|
|
12
|
+
======================================================================== */
|
|
13
13
|
|
|
14
14
|
--font-family-base: 'ff-din-round-web', sans-serif;
|
|
15
15
|
|
|
16
16
|
/* ========================================================================
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
SHADOW TOKENS
|
|
18
|
+
Box shadow definitions for various UI elements
|
|
19
|
+
======================================================================== */
|
|
20
20
|
|
|
21
21
|
--Shadow-Focus: 0px 0px 0px 3px var(--bg-page-default), 0px 0px 0px 6px var(--border-color-focus);
|
|
22
22
|
--Shadow-Card: 0 2px 5px rgba(0, 0, 0, 0.1);
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
--Shadow-Dropdown: 0px 4px 8px 3px rgba(0, 0, 0, 0.05), 0px 1px 3px 0px rgba(85, 85, 85, 0.4);
|
|
25
25
|
|
|
26
26
|
/* ========================================================================
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
TAGSINPUT COMPONENT TOKENS
|
|
28
|
+
Design tokens for the TagsInput Neo component
|
|
29
|
+
======================================================================== */
|
|
30
30
|
|
|
31
31
|
/* TagsInput Container */
|
|
32
32
|
--tags-input-padding-y: 6px;
|
|
@@ -57,6 +57,16 @@
|
|
|
57
57
|
--tags-button-icon-size: 12px;
|
|
58
58
|
--tags-button-radius: var(--corner-radius-xxs);
|
|
59
59
|
|
|
60
|
+
--color-bg-tag-primary: var(--bs-color-primary-green);
|
|
61
|
+
--color-text-tag-primary: var(--bs-color-white);
|
|
62
|
+
--color-bg-tag-primary-hover: var(--bs-color-green-3);
|
|
63
|
+
--color-text-tag-primary-hover: var(--bs-color-white);
|
|
64
|
+
|
|
65
|
+
--color-bg-tag-secondary: var(--bg-brand-3);
|
|
66
|
+
--color-text-tag-secondary: var(--bs-color-white);
|
|
67
|
+
--color-bg-tag-secondary-hover: var(--bg-brand-4);
|
|
68
|
+
--color-text-tag-secondary-hover: var(--bs-color-white);
|
|
69
|
+
|
|
60
70
|
/* Accordion Component Tokens */
|
|
61
71
|
--accordion-item-border-width: 2px;
|
|
62
72
|
--accordion-item-border-color: var(--aux-blue-2);
|