@ambita/design-system 5.7.1-3101.0 → 5.7.1-3111.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/_tokens/component-tokens.css +1 -1
- package/dist/css/neo-mixins.scss +8 -8
- package/dist/css/themes/_base/component-tokens.css +1 -1
- package/dist/css/themes/ambita-dark/component-tokens.css +1 -1
- package/dist/css/themes/ambita-light/component-tokens.css +1 -1
- package/dist/css/themes/ambita-old/component-tokens.css +1 -1
- package/dist/css/themes/byggesoknaden/component-tokens.css +1 -1
- package/dist/ds.cjs +2 -2
- package/dist/ds.js +10 -10
- package/dist/ds.umd.cjs +9 -9
- package/dist/index.css +1 -1
- package/dist/themes/ambita-dark.css +2 -2
- package/dist/themes/ambita-light.css +2 -2
- package/dist/themes/ambita-old.css +2 -2
- package/dist/themes/byggesoknaden.css +2 -2
- package/package.json +1 -1
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
--Shadow-Error: 0 0 0 2px var(--text-error);
|
|
38
38
|
--Shadow-Dropdown: 0px 4px 8px 3px rgba(0, 0, 0, 0.05), 0px 1px 3px 0px rgba(85, 85, 85, 0.4);
|
|
39
39
|
/* TagsInput Dropdown */
|
|
40
|
-
--tags-dropdown-max-height:
|
|
40
|
+
--tags-dropdown-max-height: 240px;
|
|
41
41
|
--tags-dropdown-separator-margin: 5px;
|
|
42
42
|
--tags-dropdown-separator-height: 1px;
|
|
43
43
|
/* TagsInput Dropdown Label */
|
package/dist/css/neo-mixins.scss
CHANGED
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
* Dropdown item with icon indicator (for multi-select)
|
|
186
186
|
* Adds padding-left to accommodate the indicator
|
|
187
187
|
*/
|
|
188
|
-
@mixin dropdown-item-with-indicator($indicator-width:
|
|
188
|
+
@mixin dropdown-item-with-indicator($indicator-width: 40px) {
|
|
189
189
|
@include dropdown-item-base;
|
|
190
190
|
padding-left: $indicator-width;
|
|
191
191
|
display: flex;
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
* Dropdown empty state
|
|
197
197
|
* Shown when no items match search/filter
|
|
198
198
|
*/
|
|
199
|
-
@mixin dropdown-empty($padding-y:
|
|
199
|
+
@mixin dropdown-empty($padding-y: 8px, $padding-x: 8px) {
|
|
200
200
|
padding: $padding-y $padding-x;
|
|
201
201
|
text-align: center;
|
|
202
202
|
font-size: 16px;
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
* Dropdown separator
|
|
208
208
|
* Divides groups of items
|
|
209
209
|
*/
|
|
210
|
-
@mixin dropdown-separator($margin-y:
|
|
210
|
+
@mixin dropdown-separator($margin-y: 0px) {
|
|
211
211
|
margin-top: $margin-y;
|
|
212
212
|
margin-bottom: $margin-y;
|
|
213
213
|
height: 1px;
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
* Dropdown group label
|
|
219
219
|
* Labels for grouped items
|
|
220
220
|
*/
|
|
221
|
-
@mixin dropdown-label($padding-y:
|
|
221
|
+
@mixin dropdown-label($padding-y: 8px, $padding-x: 12px) {
|
|
222
222
|
padding: $padding-y $padding-x;
|
|
223
223
|
font-size: 14px;
|
|
224
224
|
font-weight: 600;
|
|
@@ -382,7 +382,7 @@
|
|
|
382
382
|
|
|
383
383
|
@keyframes slideInFromTop {
|
|
384
384
|
from {
|
|
385
|
-
transform: translateY(-
|
|
385
|
+
transform: translateY(-8px);
|
|
386
386
|
}
|
|
387
387
|
to {
|
|
388
388
|
transform: translateY(0);
|
|
@@ -391,7 +391,7 @@
|
|
|
391
391
|
|
|
392
392
|
@keyframes slideInFromBottom {
|
|
393
393
|
from {
|
|
394
|
-
transform: translateY(
|
|
394
|
+
transform: translateY(8px);
|
|
395
395
|
}
|
|
396
396
|
to {
|
|
397
397
|
transform: translateY(0);
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
|
|
401
401
|
@keyframes slideInFromLeft {
|
|
402
402
|
from {
|
|
403
|
-
transform: translateX(-
|
|
403
|
+
transform: translateX(-8px);
|
|
404
404
|
}
|
|
405
405
|
to {
|
|
406
406
|
transform: translateX(0);
|
|
@@ -409,7 +409,7 @@
|
|
|
409
409
|
|
|
410
410
|
@keyframes slideInFromRight {
|
|
411
411
|
from {
|
|
412
|
-
transform: translateX(
|
|
412
|
+
transform: translateX(8px);
|
|
413
413
|
}
|
|
414
414
|
to {
|
|
415
415
|
transform: translateX(0);
|