@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.
Files changed (76) hide show
  1. package/dist/src/base.css +1 -0
  2. package/dist/src/button.css +1 -0
  3. package/dist/src/index.css +1 -0
  4. package/package.json +5 -7
  5. package/accordion.css +0 -129
  6. package/alert.css +0 -54
  7. package/avatar.css +0 -72
  8. package/badge.css +0 -91
  9. package/breadcrumbs.css +0 -53
  10. package/button.css +0 -116
  11. package/card.css +0 -127
  12. package/chip.css +0 -107
  13. package/combobox.css +0 -306
  14. package/dist/button.css +0 -1
  15. package/dist/index.css +0 -1
  16. package/divider.css +0 -9
  17. package/dropdown.css +0 -45
  18. package/error-summary.css +0 -26
  19. package/field.css +0 -124
  20. package/fieldset.css +0 -26
  21. package/heading.css +0 -55
  22. package/helptext.css +0 -37
  23. package/index.css +0 -146
  24. package/input.css +0 -186
  25. package/label.css +0 -30
  26. package/link.css +0 -63
  27. package/list.css +0 -24
  28. package/modal.css +0 -93
  29. package/pagination.css +0 -43
  30. package/paragraph.css +0 -11
  31. package/popover.css +0 -62
  32. package/search.css +0 -99
  33. package/skeleton.css +0 -61
  34. package/skiplink.css +0 -28
  35. package/spinner.css +0 -84
  36. package/table.css +0 -162
  37. package/tabs.css +0 -79
  38. package/tag.css +0 -23
  39. package/textfield.css +0 -151
  40. package/togglegroup.css +0 -21
  41. package/tooltip.css +0 -27
  42. package/validation-message.css +0 -25
  43. /package/dist/{accordion.css → src/accordion.css} +0 -0
  44. /package/dist/{alert.css → src/alert.css} +0 -0
  45. /package/dist/{avatar.css → src/avatar.css} +0 -0
  46. /package/dist/{badge.css → src/badge.css} +0 -0
  47. /package/dist/{breadcrumbs.css → src/breadcrumbs.css} +0 -0
  48. /package/dist/{card.css → src/card.css} +0 -0
  49. /package/dist/{chip.css → src/chip.css} +0 -0
  50. /package/dist/{combobox.css → src/combobox.css} +0 -0
  51. /package/dist/{divider.css → src/divider.css} +0 -0
  52. /package/dist/{dropdown.css → src/dropdown.css} +0 -0
  53. /package/dist/{error-summary.css → src/error-summary.css} +0 -0
  54. /package/dist/{field.css → src/field.css} +0 -0
  55. /package/dist/{fieldset.css → src/fieldset.css} +0 -0
  56. /package/dist/{heading.css → src/heading.css} +0 -0
  57. /package/dist/{helptext.css → src/helptext.css} +0 -0
  58. /package/dist/{input.css → src/input.css} +0 -0
  59. /package/dist/{label.css → src/label.css} +0 -0
  60. /package/dist/{link.css → src/link.css} +0 -0
  61. /package/dist/{list.css → src/list.css} +0 -0
  62. /package/dist/{modal.css → src/modal.css} +0 -0
  63. /package/dist/{pagination.css → src/pagination.css} +0 -0
  64. /package/dist/{paragraph.css → src/paragraph.css} +0 -0
  65. /package/dist/{popover.css → src/popover.css} +0 -0
  66. /package/dist/{search.css → src/search.css} +0 -0
  67. /package/dist/{skeleton.css → src/skeleton.css} +0 -0
  68. /package/dist/{skiplink.css → src/skiplink.css} +0 -0
  69. /package/dist/{spinner.css → src/spinner.css} +0 -0
  70. /package/dist/{table.css → src/table.css} +0 -0
  71. /package/dist/{tabs.css → src/tabs.css} +0 -0
  72. /package/dist/{tag.css → src/tag.css} +0 -0
  73. /package/dist/{textfield.css → src/textfield.css} +0 -0
  74. /package/dist/{togglegroup.css → src/togglegroup.css} +0 -0
  75. /package/dist/{tooltip.css → src/tooltip.css} +0 -0
  76. /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
- }
@@ -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