@digdir/designsystemet-css 1.0.0-next.36 → 1.0.0-next.38
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/src/base.css +1 -0
- package/dist/src/button.css +1 -0
- package/dist/src/index.css +1 -0
- package/package.json +5 -7
- package/accordion.css +0 -129
- package/alert.css +0 -54
- package/avatar.css +0 -72
- package/badge.css +0 -91
- package/breadcrumbs.css +0 -53
- package/button.css +0 -116
- package/card.css +0 -127
- package/chip.css +0 -107
- package/combobox.css +0 -306
- package/dist/button.css +0 -1
- package/dist/index.css +0 -1
- package/divider.css +0 -9
- package/dropdown.css +0 -45
- package/error-summary.css +0 -26
- package/field.css +0 -124
- package/fieldset.css +0 -26
- package/heading.css +0 -55
- package/helptext.css +0 -37
- package/index.css +0 -146
- package/input.css +0 -186
- package/label.css +0 -30
- package/link.css +0 -63
- package/list.css +0 -24
- package/modal.css +0 -93
- package/pagination.css +0 -43
- package/paragraph.css +0 -11
- package/popover.css +0 -62
- package/search.css +0 -99
- package/skeleton.css +0 -61
- package/skiplink.css +0 -28
- package/spinner.css +0 -84
- package/table.css +0 -162
- package/tabs.css +0 -79
- package/tag.css +0 -23
- package/textfield.css +0 -151
- package/togglegroup.css +0 -21
- package/tooltip.css +0 -27
- package/validation-message.css +0 -25
- /package/dist/{accordion.css → src/accordion.css} +0 -0
- /package/dist/{alert.css → src/alert.css} +0 -0
- /package/dist/{avatar.css → src/avatar.css} +0 -0
- /package/dist/{badge.css → src/badge.css} +0 -0
- /package/dist/{breadcrumbs.css → src/breadcrumbs.css} +0 -0
- /package/dist/{card.css → src/card.css} +0 -0
- /package/dist/{chip.css → src/chip.css} +0 -0
- /package/dist/{combobox.css → src/combobox.css} +0 -0
- /package/dist/{divider.css → src/divider.css} +0 -0
- /package/dist/{dropdown.css → src/dropdown.css} +0 -0
- /package/dist/{error-summary.css → src/error-summary.css} +0 -0
- /package/dist/{field.css → src/field.css} +0 -0
- /package/dist/{fieldset.css → src/fieldset.css} +0 -0
- /package/dist/{heading.css → src/heading.css} +0 -0
- /package/dist/{helptext.css → src/helptext.css} +0 -0
- /package/dist/{input.css → src/input.css} +0 -0
- /package/dist/{label.css → src/label.css} +0 -0
- /package/dist/{link.css → src/link.css} +0 -0
- /package/dist/{list.css → src/list.css} +0 -0
- /package/dist/{modal.css → src/modal.css} +0 -0
- /package/dist/{pagination.css → src/pagination.css} +0 -0
- /package/dist/{paragraph.css → src/paragraph.css} +0 -0
- /package/dist/{popover.css → src/popover.css} +0 -0
- /package/dist/{search.css → src/search.css} +0 -0
- /package/dist/{skeleton.css → src/skeleton.css} +0 -0
- /package/dist/{skiplink.css → src/skiplink.css} +0 -0
- /package/dist/{spinner.css → src/spinner.css} +0 -0
- /package/dist/{table.css → src/table.css} +0 -0
- /package/dist/{tabs.css → src/tabs.css} +0 -0
- /package/dist/{tag.css → src/tag.css} +0 -0
- /package/dist/{textfield.css → src/textfield.css} +0 -0
- /package/dist/{togglegroup.css → src/togglegroup.css} +0 -0
- /package/dist/{tooltip.css → src/tooltip.css} +0 -0
- /package/dist/{validation-message.css → src/validation-message.css} +0 -0
package/togglegroup.css
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
.ds-togglegroup {
|
|
2
|
-
--dsc-togglegroup-background: var(--ds-color-neutral-background-default);
|
|
3
|
-
--dsc-togglegroup-border: var(--ds-border-width-default) solid var(--ds-color-neutral-border-default);
|
|
4
|
-
--dsc-togglegroup-padding: var(--ds-spacing-1);
|
|
5
|
-
--dsc-togglegroup-border-radius: var(--ds-border-radius-default);
|
|
6
|
-
|
|
7
|
-
background: var(--dsc-togglegroup-background);
|
|
8
|
-
border-radius: calc(var(--dsc-togglegroup-border-radius) + var(--dsc-togglegroup-padding));
|
|
9
|
-
border: var(--dsc-togglegroup-border);
|
|
10
|
-
display: grid;
|
|
11
|
-
gap: var(--dsc-togglegroup-padding);
|
|
12
|
-
grid-auto-columns: 1fr;
|
|
13
|
-
grid-auto-flow: column;
|
|
14
|
-
height: fit-content;
|
|
15
|
-
padding: var(--dsc-togglegroup-padding);
|
|
16
|
-
width: fit-content;
|
|
17
|
-
|
|
18
|
-
button {
|
|
19
|
-
border-radius: var(--dsc-togglegroup-border-radius);
|
|
20
|
-
}
|
|
21
|
-
}
|
package/tooltip.css
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
.ds-tooltip {
|
|
2
|
-
--dsc-tooltip-background: var(--ds-color-neutral-text-default);
|
|
3
|
-
--dsc-tooltip-color: var(--ds-color-neutral-background-default);
|
|
4
|
-
--dsc-tooltip-border-radius: var(--ds-border-radius-default);
|
|
5
|
-
--dsc-tooltip-padding: var(--ds-spacing-1) var(--ds-spacing-2);
|
|
6
|
-
--dsc-tooltip-arrow-size: var(--ds-spacing-2);
|
|
7
|
-
|
|
8
|
-
background: var(--dsc-tooltip-background);
|
|
9
|
-
border-radius: var(--dsc-tooltip-border-radius);
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
color: var(--dsc-tooltip-color);
|
|
12
|
-
line-height: var(--ds-line-height-sm);
|
|
13
|
-
padding: var(--dsc-tooltip-padding);
|
|
14
|
-
|
|
15
|
-
&::before {
|
|
16
|
-
content: '';
|
|
17
|
-
background: var(--dsc-tooltip-background);
|
|
18
|
-
box-sizing: border-box;
|
|
19
|
-
height: var(--dsc-tooltip-arrow-size);
|
|
20
|
-
width: var(--dsc-tooltip-arrow-size);
|
|
21
|
-
position: absolute;
|
|
22
|
-
left: var(--ds-tooltip-arrow-x);
|
|
23
|
-
top: var(--ds-tooltip-arrow-y);
|
|
24
|
-
translate: -50% -50%;
|
|
25
|
-
rotate: 45deg;
|
|
26
|
-
}
|
|
27
|
-
}
|
package/validation-message.css
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
.ds-validation-message {
|
|
2
|
-
--dsc-validation-message-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill-rule='evenodd' d='M11.15 4.5a.98.98 0 0 1 1.7 0l8.52 14.74a.98.98 0 0 1-.85 1.48H3.48a.98.98 0 0 1-.85-1.48L11.15 4.5ZM12 9.24a1 1 0 0 1 1 1V14a1 1 0 1 1-2 0v-3.75a1 1 0 0 1 1-1ZM12 18a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z' /%3E%3C/svg%3E");
|
|
3
|
-
--dsc-validation-message-icon-size: var(--ds-sizing-7);
|
|
4
|
-
--dsc-validation-message-gap: var(--ds-spacing-2);
|
|
5
|
-
|
|
6
|
-
margin: 0; /* Reset if rendered with <p> */
|
|
7
|
-
position: relative;
|
|
8
|
-
|
|
9
|
-
/* Only render error icon if the ValidationMessage actually contains an error message */
|
|
10
|
-
&[data-error]:not(:empty) {
|
|
11
|
-
color: var(--ds-color-danger-text-subtle);
|
|
12
|
-
padding-inline-start: calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-gap));
|
|
13
|
-
|
|
14
|
-
&::before {
|
|
15
|
-
background: currentcolor;
|
|
16
|
-
content: '';
|
|
17
|
-
height: var(--dsc-validation-message-icon-size);
|
|
18
|
-
margin-inline: calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-gap)) * -1); /* Using margin instead of top/left to avoid position: relative and to support dir="rtl" */
|
|
19
|
-
mask: var(--dsc-validation-message-icon-url) center / contain no-repeat;
|
|
20
|
-
position: absolute;
|
|
21
|
-
translate: 0 calc((1lh - var(--dsc-validation-message-icon-size)) / 2); /* Center icon to line height */
|
|
22
|
-
width: var(--dsc-validation-message-icon-size);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|