@digdir/designsystemet-css 1.0.0-next.32 → 1.0.0-next.33

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 (48) hide show
  1. package/accordion.css +104 -124
  2. package/alert.css +52 -53
  3. package/avatar.css +98 -0
  4. package/badge.css +95 -109
  5. package/button.css +129 -173
  6. package/card.css +181 -174
  7. package/chip.css +5 -5
  8. package/combobox.css +2 -0
  9. package/dist/accordion.css +1 -1
  10. package/dist/alert.css +1 -1
  11. package/dist/avatar.css +1 -0
  12. package/dist/badge.css +1 -1
  13. package/dist/button.css +1 -1
  14. package/dist/card.css +1 -1
  15. package/dist/chip.css +1 -1
  16. package/dist/combobox.css +1 -1
  17. package/dist/divider.css +1 -1
  18. package/dist/dropdownmenu.css +1 -1
  19. package/dist/index.css +1 -1
  20. package/dist/link.css +1 -1
  21. package/dist/list.css +1 -1
  22. package/dist/pagination.css +1 -1
  23. package/dist/popover.css +1 -1
  24. package/dist/select.css +1 -0
  25. package/dist/spinner.css +1 -1
  26. package/dist/switch.css +1 -1
  27. package/dist/table.css +1 -1
  28. package/dist/tag.css +1 -1
  29. package/dist/tooltip.css +1 -1
  30. package/dist/utilities.css +1 -1
  31. package/divider.css +5 -14
  32. package/dropdownmenu.css +16 -29
  33. package/index.css +2 -2
  34. package/link.css +44 -46
  35. package/list.css +23 -13
  36. package/package.json +5 -2
  37. package/pagination.css +41 -60
  38. package/popover.css +58 -66
  39. package/{native-select.css → select.css} +30 -30
  40. package/spinner.css +36 -20
  41. package/switch.css +4 -0
  42. package/table.css +134 -117
  43. package/tag.css +54 -62
  44. package/tooltip.css +3 -6
  45. package/utilities.css +9 -6
  46. package/box.css +0 -71
  47. package/dist/box.css +0 -1
  48. package/dist/native-select.css +0 -1
package/box.css DELETED
@@ -1,71 +0,0 @@
1
- .ds-box--xs-shadow {
2
- box-shadow: var(--ds-shadow-xs);
3
- }
4
-
5
- .ds-box--sm-shadow {
6
- box-shadow: var(--ds-shadow-sm);
7
- }
8
-
9
- .ds-box--md-shadow {
10
- box-shadow: var(--ds-shadow-md);
11
- }
12
-
13
- .ds-box--lg-shadow {
14
- box-shadow: var(--ds-shadow-lg);
15
- }
16
-
17
- .ds-box--xl-shadow {
18
- box-shadow: var(--ds-shadow-xl);
19
- }
20
-
21
- .ds-box--default-border-color {
22
- border: 1px solid var(--ds-color-neutral-border-default);
23
- }
24
-
25
- .ds-box--subtle-border-color {
26
- border: 1px solid var(--ds-color-neutral-border-subtle);
27
- }
28
-
29
- .ds-box--strong-border-color {
30
- border: 1px solid var(--ds-color-neutral-base-strong);
31
- }
32
-
33
- .ds-box--sm-border-radius {
34
- border-radius: var(--ds-border-radius-sm);
35
- }
36
-
37
- .ds-box--md-border-radius {
38
- border-radius: var(--ds-border-radius-md);
39
- }
40
-
41
- .ds-box--lg-border-radius {
42
- border-radius: var(--ds-border-radius-lg);
43
- }
44
-
45
- .ds-box--xl-border-radius {
46
- border-radius: var(--ds-border-radius-xl);
47
- }
48
-
49
- .ds-box--2xl-border-radius {
50
- border-radius: var(--ds-border-radius-2xl);
51
- }
52
-
53
- .ds-box--3xl-border-radius {
54
- border-radius: var(--ds-border-radius-3xl);
55
- }
56
-
57
- .ds-box--4xl-border-radius {
58
- border-radius: var(--ds-border-radius-4xl);
59
- }
60
-
61
- .ds-box--full-border-radius {
62
- border-radius: var(--ds-border-radius-full);
63
- }
64
-
65
- .ds-box--default-background {
66
- background-color: var(--ds-color-neutral-background-default);
67
- }
68
-
69
- .ds-box--subtle-background {
70
- background-color: var(--ds-color-neutral-background-subtle);
71
- }
package/dist/box.css DELETED
@@ -1 +0,0 @@
1
- .ds-box--xs-shadow{box-shadow:var(--ds-shadow-xs)}.ds-box--sm-shadow{box-shadow:var(--ds-shadow-sm)}.ds-box--md-shadow{box-shadow:var(--ds-shadow-md)}.ds-box--lg-shadow{box-shadow:var(--ds-shadow-lg)}.ds-box--xl-shadow{box-shadow:var(--ds-shadow-xl)}.ds-box--default-border-color{border:1px solid var(--ds-color-neutral-border-default)}.ds-box--subtle-border-color{border:1px solid var(--ds-color-neutral-border-subtle)}.ds-box--strong-border-color{border:1px solid var(--ds-color-neutral-base-strong)}.ds-box--sm-border-radius{border-radius:var(--ds-border-radius-sm)}.ds-box--md-border-radius{border-radius:var(--ds-border-radius-md)}.ds-box--lg-border-radius{border-radius:var(--ds-border-radius-lg)}.ds-box--xl-border-radius{border-radius:var(--ds-border-radius-xl)}.ds-box--2xl-border-radius{border-radius:var(--ds-border-radius-2xl)}.ds-box--3xl-border-radius{border-radius:var(--ds-border-radius-3xl)}.ds-box--4xl-border-radius{border-radius:var(--ds-border-radius-4xl)}.ds-box--full-border-radius{border-radius:var(--ds-border-radius-full)}.ds-box--default-background{background-color:var(--ds-color-neutral-background-default)}.ds-box--subtle-background{background-color:var(--ds-color-neutral-background-subtle)}
package/dist/native-select.css DELETED
@@ -1 +0,0 @@
1
- .ds-native-select__wrapper{display:grid;flex:0 1 auto;position:relative}.ds-native-select__wrapper:after{background-color:var(--ds-color-neutral-text-default);content:"";height:1.5em;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS45NyA5LjQ3YS43NS43NSAwIDAgMSAxLjA2IDBMMTIgMTQuNDRsNC45Ny00Ljk3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTUuNSA1LjVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtNS41LTUuNWEuNzUuNzUgMCAwIDEgMC0xLjA2IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS45NyA5LjQ3YS43NS43NSAwIDAgMSAxLjA2IDBMMTIgMTQuNDRsNC45Ny00Ljk3YS43NS43NSAwIDEgMSAxLjA2IDEuMDZsLTUuNSA1LjVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtNS41LTUuNWEuNzUuNzUgMCAwIDEgMC0xLjA2IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");-webkit-mask-size:contain;mask-size:contain;pointer-events:none;position:absolute;right:var(--ds-spacing-2);top:50%;transform:translateY(-50%);width:1.5em}.ds-native-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);font-family:inherit;padding:0 var(--ds-spacing-2);position:relative}@media (hover:hover) and (pointer:fine){.ds-native-select:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-accent-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-accent-border-strong)}}.ds-native-select.ds-native-select--multiple{background-image:none}.ds-native-select--sm{height:var(--ds-sizing-10);padding:0 var(--ds-spacing-2);padding-right:var(--ds-spacing-8)}.ds-native-select--md{height:var(--ds-sizing-12);padding:0 var(--ds-spacing-3);padding-right:var(--ds-spacing-10)}.ds-native-select--lg{height:var(--ds-sizing-14);padding:0 var(--ds-spacing-4);padding-right:var(--ds-spacing-12)}.ds-native-select--container{display:grid;gap:var(--ds-spacing-2)}.ds-native-select--container:has(.ds-native-select:disabled){opacity:var(--ds-disabled-opacity)}.ds-native-select:disabled{cursor:not-allowed}.ds-native-select--readonly .ds-native-select{background:var(--ds-color-neutral-background-subtle);border-color:var(--ds-color-neutral-border-strong)}.ds-native-select--error>.ds-native-select:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}.ds-native-select__readonly__icon{height:1.2em;width:1.2em}.ds-native-select__error-message:empty{display:none}.ds-native-select__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-spacing-1);min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.ds-native-select__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-spacing-2)*-1)}