@navikt/ds-css 2.8.11 → 2.8.12-beta.1

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 (149) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/baseline/baseline.css +47 -6
  3. package/baseline/index.css +5 -0
  4. package/baseline/reset.css +351 -0
  5. package/baseline/tokens.css +1 -0
  6. package/config/bundle.js +137 -0
  7. package/config/mappings.js +139 -0
  8. package/dist/accordion.css +74 -0
  9. package/dist/accordion.min.css +1 -0
  10. package/dist/alert.css +76 -0
  11. package/dist/alert.min.css +1 -0
  12. package/dist/baseline.css +102 -0
  13. package/dist/baseline.min.css +1 -0
  14. package/dist/button.css +352 -0
  15. package/dist/button.min.css +1 -0
  16. package/dist/chat.css +98 -0
  17. package/dist/chat.min.css +1 -0
  18. package/dist/chips.css +138 -0
  19. package/dist/chips.min.css +1 -0
  20. package/dist/contentcontainer.css +17 -0
  21. package/dist/contentcontainer.min.css +1 -0
  22. package/dist/date.css +220 -0
  23. package/dist/date.min.css +1 -0
  24. package/dist/expansioncard.css +197 -0
  25. package/dist/expansioncard.min.css +3 -0
  26. package/dist/fonts.css +21 -0
  27. package/dist/fonts.min.css +1 -0
  28. package/dist/form.css +731 -0
  29. package/dist/form.min.css +1 -0
  30. package/dist/grid.css +217 -0
  31. package/dist/grid.min.css +1 -0
  32. package/dist/guidepanel.css +62 -0
  33. package/dist/guidepanel.min.css +1 -0
  34. package/dist/helptext.css +45 -0
  35. package/dist/helptext.min.css +1 -0
  36. package/dist/index.css +54 -51
  37. package/dist/index.min.css +4 -0
  38. package/dist/link.css +37 -0
  39. package/dist/link.min.css +1 -0
  40. package/dist/linkpanel.css +38 -0
  41. package/dist/linkpanel.min.css +1 -0
  42. package/dist/list.css +66 -0
  43. package/dist/list.min.css +1 -0
  44. package/dist/loader.css +113 -0
  45. package/dist/loader.min.css +1 -0
  46. package/dist/modal.css +61 -0
  47. package/dist/modal.min.css +1 -0
  48. package/dist/pagination.css +60 -0
  49. package/dist/pagination.min.css +1 -0
  50. package/dist/panel.css +10 -0
  51. package/dist/panel.min.css +1 -0
  52. package/dist/popover.css +54 -0
  53. package/dist/popover.min.css +1 -0
  54. package/dist/print.css +75 -0
  55. package/dist/print.min.css +1 -0
  56. package/dist/readmore.css +63 -0
  57. package/dist/readmore.min.css +1 -0
  58. package/dist/reset.css +351 -0
  59. package/dist/reset.min.css +1 -0
  60. package/dist/stepper.css +225 -0
  61. package/dist/stepper.min.css +1 -0
  62. package/dist/table.css +227 -0
  63. package/dist/table.min.css +1 -0
  64. package/dist/tabs.css +114 -0
  65. package/dist/tabs.min.css +1 -0
  66. package/dist/tag.css +116 -0
  67. package/dist/tag.min.css +1 -0
  68. package/dist/togglegroup.css +100 -0
  69. package/dist/togglegroup.min.css +1 -0
  70. package/dist/tokens.css +279 -0
  71. package/dist/tokens.min.css +1 -0
  72. package/dist/tooltip.css +53 -0
  73. package/dist/tooltip.min.css +1 -0
  74. package/dist/typography.css +160 -0
  75. package/dist/typography.min.css +1 -0
  76. package/dist/version/2.8.12-beta.0/accordion.css +74 -0
  77. package/dist/version/2.8.12-beta.0/accordion.min.css +1 -0
  78. package/dist/version/2.8.12-beta.0/alert.css +76 -0
  79. package/dist/version/2.8.12-beta.0/alert.min.css +1 -0
  80. package/dist/version/2.8.12-beta.0/baseline.css +102 -0
  81. package/dist/version/2.8.12-beta.0/baseline.min.css +1 -0
  82. package/dist/version/2.8.12-beta.0/button.css +352 -0
  83. package/dist/version/2.8.12-beta.0/button.min.css +1 -0
  84. package/dist/version/2.8.12-beta.0/chat.css +98 -0
  85. package/dist/version/2.8.12-beta.0/chat.min.css +1 -0
  86. package/dist/version/2.8.12-beta.0/chips.css +138 -0
  87. package/dist/version/2.8.12-beta.0/chips.min.css +1 -0
  88. package/dist/version/2.8.12-beta.0/components.css +3268 -0
  89. package/dist/version/2.8.12-beta.0/components.min.css +3 -0
  90. package/dist/version/2.8.12-beta.0/contentcontainer.css +17 -0
  91. package/dist/version/2.8.12-beta.0/contentcontainer.min.css +1 -0
  92. package/dist/version/2.8.12-beta.0/date.css +220 -0
  93. package/dist/version/2.8.12-beta.0/date.min.css +1 -0
  94. package/dist/version/2.8.12-beta.0/expansioncard.css +197 -0
  95. package/dist/version/2.8.12-beta.0/expansioncard.min.css +3 -0
  96. package/dist/version/2.8.12-beta.0/fonts.css +21 -0
  97. package/dist/version/2.8.12-beta.0/fonts.min.css +1 -0
  98. package/dist/version/2.8.12-beta.0/form.css +731 -0
  99. package/dist/version/2.8.12-beta.0/form.min.css +1 -0
  100. package/dist/version/2.8.12-beta.0/grid.css +217 -0
  101. package/dist/version/2.8.12-beta.0/grid.min.css +1 -0
  102. package/dist/version/2.8.12-beta.0/guidepanel.css +62 -0
  103. package/dist/version/2.8.12-beta.0/guidepanel.min.css +1 -0
  104. package/dist/version/2.8.12-beta.0/helptext.css +45 -0
  105. package/dist/version/2.8.12-beta.0/helptext.min.css +1 -0
  106. package/dist/version/2.8.12-beta.0/index.css +4002 -0
  107. package/dist/version/2.8.12-beta.0/index.min.css +4 -0
  108. package/dist/version/2.8.12-beta.0/link.css +37 -0
  109. package/dist/version/2.8.12-beta.0/link.min.css +1 -0
  110. package/dist/version/2.8.12-beta.0/linkpanel.css +38 -0
  111. package/dist/version/2.8.12-beta.0/linkpanel.min.css +1 -0
  112. package/dist/version/2.8.12-beta.0/list.css +66 -0
  113. package/dist/version/2.8.12-beta.0/list.min.css +1 -0
  114. package/dist/version/2.8.12-beta.0/loader.css +113 -0
  115. package/dist/version/2.8.12-beta.0/loader.min.css +1 -0
  116. package/dist/version/2.8.12-beta.0/modal.css +61 -0
  117. package/dist/version/2.8.12-beta.0/modal.min.css +1 -0
  118. package/dist/version/2.8.12-beta.0/pagination.css +60 -0
  119. package/dist/version/2.8.12-beta.0/pagination.min.css +1 -0
  120. package/dist/version/2.8.12-beta.0/panel.css +10 -0
  121. package/dist/version/2.8.12-beta.0/panel.min.css +1 -0
  122. package/dist/version/2.8.12-beta.0/popover.css +54 -0
  123. package/dist/version/2.8.12-beta.0/popover.min.css +1 -0
  124. package/dist/version/2.8.12-beta.0/print.css +75 -0
  125. package/dist/version/2.8.12-beta.0/print.min.css +1 -0
  126. package/dist/version/2.8.12-beta.0/readmore.css +63 -0
  127. package/dist/version/2.8.12-beta.0/readmore.min.css +1 -0
  128. package/dist/version/2.8.12-beta.0/reset.css +351 -0
  129. package/dist/version/2.8.12-beta.0/reset.min.css +1 -0
  130. package/dist/version/2.8.12-beta.0/stepper.css +225 -0
  131. package/dist/version/2.8.12-beta.0/stepper.min.css +1 -0
  132. package/dist/version/2.8.12-beta.0/table.css +227 -0
  133. package/dist/version/2.8.12-beta.0/table.min.css +1 -0
  134. package/dist/version/2.8.12-beta.0/tabs.css +114 -0
  135. package/dist/version/2.8.12-beta.0/tabs.min.css +1 -0
  136. package/dist/version/2.8.12-beta.0/tag.css +116 -0
  137. package/dist/version/2.8.12-beta.0/tag.min.css +1 -0
  138. package/dist/version/2.8.12-beta.0/togglegroup.css +100 -0
  139. package/dist/version/2.8.12-beta.0/togglegroup.min.css +1 -0
  140. package/dist/version/2.8.12-beta.0/tokens.css +279 -0
  141. package/dist/version/2.8.12-beta.0/tokens.min.css +1 -0
  142. package/dist/version/2.8.12-beta.0/tooltip.css +53 -0
  143. package/dist/version/2.8.12-beta.0/tooltip.min.css +1 -0
  144. package/dist/version/2.8.12-beta.0/typography.css +160 -0
  145. package/dist/version/2.8.12-beta.0/typography.min.css +1 -0
  146. package/index.css +1 -1
  147. package/package.json +15 -6
  148. package/typography.css +5 -4
  149. package/baseline/utility.css +0 -46
package/dist/expansioncard.min.css ADDED
@@ -0,0 +1,3 @@
1
+ .navds-expansioncard{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-color,var(--a-border-default));--__ac-expansioncard-border-radius:var(--ac-expansioncard-border-radius,var(--a-border-radius-large));--__ac-expansioncard-border-width:1px;background-color:var(--ac-expansioncard-bg,var(--a-surface-default));border-radius:var(--__ac-expansioncard-border-radius);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.navds-expansioncard--open{--__ac-expansioncard-border-color:var(
2
+ --ac-expansioncard-border-open-color,var(--ac-expansioncard-border-color,var(--a-border-default))
3
+ )}.navds-expansioncard:hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}:where(.navds-expansioncard.navds-expansioncard--open):hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}.navds-expansioncard__header{background-color:var(--ac-expansioncard-header-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-radius:var(--__ac-expansioncard-border-radius);display:flex;gap:var(--a-spacing-4);justify-content:space-between;padding:var(--a-spacing-4) var(--a-spacing-6);position:relative;width:100%}.navds-expansioncard--small>:where(.navds-expansioncard__header){padding:var(--a-spacing-3) var(--a-spacing-4)}.navds-expansioncard__header:hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:0 0 0 1px var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header){background-color:var(--ac-expansioncard-header-open-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.navds-expansioncard--open>:where(.navds-expansioncard__header):hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 -1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard__title--small{margin-top:10px}.navds-expansioncard__title--medium{margin-top:var(--a-spacing-2)}.navds-expansioncard__title--large{margin-top:var(--a-spacing-1)}.navds-expansioncard--small :where(.navds-expansioncard__title--small){margin-top:var(--a-spacing-05)}.navds-expansioncard--small :where(.navds-expansioncard__title--medium,.navds-expansioncard__title--large){margin-top:0}.navds-expansioncard__header-button{align-self:flex-start;background:transparent;border:none;border-radius:var(--ac-expansioncard-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;font-size:1.5rem;margin:0;min-height:3rem;min-width:3rem;place-content:center}.navds-expansioncard--small>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button){min-height:2rem;min-width:2rem}:where(.navds-expansioncard__header):hover>:where(.navds-expansioncard__header-button){background-color:var(--a-surface-hover)}.navds-expansioncard__header-chevron{transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.navds-expansioncard--open :where(.navds-expansioncard__header-chevron){-webkit-transform:translateY(0) rotate(180deg);transform:translateY(0) rotate(180deg)}.navds-expansioncard__header-button:hover>:where(.navds-expansioncard__header-chevron){-webkit-transform:translateY(1px);transform:translateY(1px)}.navds-expansioncard__header-button:focus{outline:none}.navds-expansioncard__header-button:focus-visible{box-shadow:var(--a-shadow-focus)}.navds-expansioncard--open :where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron){-webkit-transform:translateY(-1px) rotate(180deg);transform:translateY(-1px) rotate(180deg)}.navds-expansioncard__header-button:after{content:"";cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.navds-expansioncard__content{border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-end-end-radius:var(--__ac-expansioncard-border-radius);border-end-start-radius:var(--__ac-expansioncard-border-radius);border-top:none;padding:var(--a-spacing-3) var(--a-spacing-6) var(--a-spacing-6)}.navds-expansioncard--small>:where(.navds-expansioncard__content){padding:var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-4)}.navds-expansioncard__content--closed{display:none}:where(.navds-expansioncard__header):hover+.navds-expansioncard__content{box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard__content-inner{-webkit-animation:fadeExpansionCard .25s ease;animation:fadeExpansionCard .25s ease}.navds-expansioncard--no-fade :where(.navds-expansioncard__content-inner){-webkit-animation:none;animation:none}@-webkit-keyframes fadeExpansionCard{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeExpansionCard{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
package/dist/fonts.css ADDED
@@ -0,0 +1,21 @@
1
+ @font-face {
2
+ font-family: "Source Sans Pro";
3
+ font-style: italic;
4
+ font-weight: 400;
5
+ font-display: swap;
6
+ src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
7
+ }
8
+ @font-face {
9
+ font-family: "Source Sans Pro";
10
+ font-style: normal;
11
+ font-weight: 400;
12
+ font-display: swap;
13
+ src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
14
+ }
15
+ @font-face {
16
+ font-family: "Source Sans Pro";
17
+ font-style: normal;
18
+ font-weight: 600;
19
+ font-display: swap;
20
+ src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
21
+ }
package/dist/fonts.min.css ADDED
@@ -0,0 +1 @@
1
+ @font-face{font-display:swap;font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2) format("woff2")}