@dnb/eufemia 10.15.0 → 10.15.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 (423) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +0 -17
  3. package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -1
  4. package/cjs/components/accordion/style/themes/dnb-accordion-theme-ui.css +0 -16
  5. package/cjs/components/accordion/style/themes/dnb-accordion-theme-ui.min.css +2 -2
  6. package/cjs/components/anchor/style/dnb-anchor.css +17 -52
  7. package/cjs/components/anchor/style/dnb-anchor.min.css +1 -1
  8. package/cjs/components/anchor/style/themes/dnb-anchor-theme-eiendom.css +0 -6
  9. package/cjs/components/anchor/style/themes/dnb-anchor-theme-eiendom.min.css +1 -1
  10. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +8 -52
  11. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  12. package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.css +0 -6
  13. package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
  14. package/cjs/components/autocomplete/style/dnb-autocomplete.css +1 -0
  15. package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  16. package/cjs/components/breadcrumb/style/dnb-breadcrumb.css +0 -2
  17. package/cjs/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  18. package/cjs/components/button/style/dnb-button.css +1 -0
  19. package/cjs/components/button/style/dnb-button.min.css +1 -1
  20. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.css +0 -25
  21. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  22. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +0 -72
  23. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -3
  24. package/cjs/components/button/style/themes/dnb-button-theme-ui.css +0 -25
  25. package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  26. package/cjs/components/date-picker/style/dnb-date-picker.css +0 -1
  27. package/cjs/components/date-picker/style/dnb-date-picker.min.css +1 -1
  28. package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.css +1 -0
  29. package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.min.css +1 -1
  30. package/cjs/components/dialog/style/dnb-dialog.css +0 -1
  31. package/cjs/components/dialog/style/dnb-dialog.min.css +1 -1
  32. package/cjs/components/flex/style/dnb-flex.css +0 -1
  33. package/cjs/components/flex/style/dnb-flex.min.css +1 -1
  34. package/cjs/components/global-error/style/dnb-global-error.css +0 -4
  35. package/cjs/components/global-error/style/dnb-global-error.min.css +1 -1
  36. package/cjs/components/grid/style/dnb-grid.css +0 -2
  37. package/cjs/components/grid/style/dnb-grid.min.css +1 -1
  38. package/cjs/components/info-card/style/dnb-info-card.css +1 -4
  39. package/cjs/components/info-card/style/dnb-info-card.min.css +1 -1
  40. package/cjs/components/input/style/dnb-input.css +6 -0
  41. package/cjs/components/input/style/dnb-input.min.css +1 -1
  42. package/cjs/components/input/style/themes/dnb-input-theme-sbanken.css +0 -9
  43. package/cjs/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -1
  44. package/cjs/components/input-masked/style/dnb-input-masked.css +0 -1
  45. package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
  46. package/cjs/components/pagination/style/dnb-pagination.css +0 -1
  47. package/cjs/components/pagination/style/dnb-pagination.min.css +1 -1
  48. package/cjs/components/progress-indicator/style/dnb-progress-indicator.css +1 -4
  49. package/cjs/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  50. package/cjs/components/section/style/dnb-section.css +2 -4
  51. package/cjs/components/section/style/dnb-section.min.css +1 -1
  52. package/cjs/components/section/style/dnb-section.scss +1 -0
  53. package/cjs/components/section/style/themes/dnb-section-theme-ui.css +0 -9
  54. package/cjs/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  55. package/cjs/components/skeleton/style/dnb-skeleton.css +0 -2
  56. package/cjs/components/skeleton/style/dnb-skeleton.min.css +1 -1
  57. package/cjs/components/skip-content/style/dnb-skip-content.css +1 -4
  58. package/cjs/components/skip-content/style/dnb-skip-content.min.css +1 -1
  59. package/cjs/components/table/style/dnb-table.css +1 -4
  60. package/cjs/components/table/style/dnb-table.min.css +1 -1
  61. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.css +0 -3
  62. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
  63. package/cjs/components/tabs/style/dnb-tabs.css +1 -0
  64. package/cjs/components/tabs/style/dnb-tabs.min.css +1 -1
  65. package/cjs/components/tag/style/dnb-tag.css +0 -1
  66. package/cjs/components/tag/style/dnb-tag.min.css +1 -1
  67. package/cjs/components/textarea/style/dnb-textarea.css +5 -2
  68. package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
  69. package/cjs/components/textarea/style/dnb-textarea.scss +2 -2
  70. package/cjs/components/upload/style/dnb-upload.css +3 -12
  71. package/cjs/components/upload/style/dnb-upload.min.css +1 -1
  72. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +0 -2
  73. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  74. package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +0 -1
  75. package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
  76. package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +0 -1
  77. package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
  78. package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +0 -6
  79. package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
  80. package/cjs/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css +0 -3
  81. package/cjs/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css +1 -1
  82. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css +0 -1
  83. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  84. package/cjs/extensions/forms/constants/countries.js +4 -2
  85. package/cjs/extensions/forms/constants/countries.js.map +1 -1
  86. package/cjs/extensions/forms/style/dnb-forms.css +0 -14
  87. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  88. package/cjs/extensions/payment-card/style/dnb-payment-card.css +0 -2
  89. package/cjs/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  90. package/cjs/shared/Eufemia.d.ts +1 -1
  91. package/cjs/shared/Eufemia.js +2 -2
  92. package/cjs/shared/Eufemia.js.map +1 -1
  93. package/cjs/style/dnb-ui-basis.css +3 -0
  94. package/cjs/style/dnb-ui-basis.min.css +1 -1
  95. package/cjs/style/dnb-ui-body.css +3 -1
  96. package/cjs/style/dnb-ui-body.min.css +1 -1
  97. package/cjs/style/dnb-ui-components.css +40 -116
  98. package/cjs/style/dnb-ui-components.min.css +3 -3
  99. package/cjs/style/dnb-ui-core.css +4 -1
  100. package/cjs/style/dnb-ui-core.min.css +1 -1
  101. package/cjs/style/dnb-ui-elements.css +2 -4
  102. package/cjs/style/dnb-ui-elements.min.css +1 -1
  103. package/cjs/style/dnb-ui-extensions.css +0 -16
  104. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  105. package/cjs/style/dnb-ui-forms.css +0 -14
  106. package/cjs/style/dnb-ui-forms.min.css +1 -1
  107. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +2 -14
  108. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  109. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +41 -187
  110. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -7
  111. package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.css +2 -14
  112. package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
  113. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +0 -16
  114. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  115. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +0 -14
  116. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  117. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +2 -4
  118. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  119. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +49 -302
  120. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +7 -7
  121. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +2 -4
  122. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  123. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +0 -16
  124. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  125. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +0 -14
  126. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  127. package/cjs/style/themes/theme-ui/ui-theme-basis.css +2 -14
  128. package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  129. package/cjs/style/themes/theme-ui/ui-theme-components.css +41 -186
  130. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +8 -8
  131. package/cjs/style/themes/theme-ui/ui-theme-elements.css +2 -14
  132. package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  133. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +0 -16
  134. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  135. package/cjs/style/themes/theme-ui/ui-theme-forms.css +0 -14
  136. package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  137. package/cjs/style/themes/theme-ui/ui-theme-tags.css +8 -22
  138. package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  139. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +0 -17
  140. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -1
  141. package/components/accordion/style/themes/dnb-accordion-theme-ui.css +0 -16
  142. package/components/accordion/style/themes/dnb-accordion-theme-ui.min.css +2 -2
  143. package/components/anchor/style/dnb-anchor.css +17 -52
  144. package/components/anchor/style/dnb-anchor.min.css +1 -1
  145. package/components/anchor/style/themes/dnb-anchor-theme-eiendom.css +0 -6
  146. package/components/anchor/style/themes/dnb-anchor-theme-eiendom.min.css +1 -1
  147. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +8 -52
  148. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  149. package/components/anchor/style/themes/dnb-anchor-theme-ui.css +0 -6
  150. package/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
  151. package/components/autocomplete/style/dnb-autocomplete.css +1 -0
  152. package/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  153. package/components/breadcrumb/style/dnb-breadcrumb.css +0 -2
  154. package/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  155. package/components/button/style/dnb-button.css +1 -0
  156. package/components/button/style/dnb-button.min.css +1 -1
  157. package/components/button/style/themes/dnb-button-theme-eiendom.css +0 -25
  158. package/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  159. package/components/button/style/themes/dnb-button-theme-sbanken.css +0 -72
  160. package/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -3
  161. package/components/button/style/themes/dnb-button-theme-ui.css +0 -25
  162. package/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  163. package/components/date-picker/style/dnb-date-picker.css +0 -1
  164. package/components/date-picker/style/dnb-date-picker.min.css +1 -1
  165. package/components/date-picker/style/themes/dnb-date-picker-theme-ui.css +1 -0
  166. package/components/date-picker/style/themes/dnb-date-picker-theme-ui.min.css +1 -1
  167. package/components/dialog/style/dnb-dialog.css +0 -1
  168. package/components/dialog/style/dnb-dialog.min.css +1 -1
  169. package/components/flex/style/dnb-flex.css +0 -1
  170. package/components/flex/style/dnb-flex.min.css +1 -1
  171. package/components/global-error/style/dnb-global-error.css +0 -4
  172. package/components/global-error/style/dnb-global-error.min.css +1 -1
  173. package/components/grid/style/dnb-grid.css +0 -2
  174. package/components/grid/style/dnb-grid.min.css +1 -1
  175. package/components/info-card/style/dnb-info-card.css +1 -4
  176. package/components/info-card/style/dnb-info-card.min.css +1 -1
  177. package/components/input/style/dnb-input.css +6 -0
  178. package/components/input/style/dnb-input.min.css +1 -1
  179. package/components/input/style/themes/dnb-input-theme-sbanken.css +0 -9
  180. package/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -1
  181. package/components/input-masked/style/dnb-input-masked.css +0 -1
  182. package/components/input-masked/style/dnb-input-masked.min.css +1 -1
  183. package/components/pagination/style/dnb-pagination.css +0 -1
  184. package/components/pagination/style/dnb-pagination.min.css +1 -1
  185. package/components/progress-indicator/style/dnb-progress-indicator.css +1 -4
  186. package/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  187. package/components/section/style/dnb-section.css +2 -4
  188. package/components/section/style/dnb-section.min.css +1 -1
  189. package/components/section/style/dnb-section.scss +1 -0
  190. package/components/section/style/themes/dnb-section-theme-ui.css +0 -9
  191. package/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  192. package/components/skeleton/style/dnb-skeleton.css +0 -2
  193. package/components/skeleton/style/dnb-skeleton.min.css +1 -1
  194. package/components/skip-content/style/dnb-skip-content.css +1 -4
  195. package/components/skip-content/style/dnb-skip-content.min.css +1 -1
  196. package/components/table/style/dnb-table.css +1 -4
  197. package/components/table/style/dnb-table.min.css +1 -1
  198. package/components/table/style/themes/dnb-table-theme-sbanken.css +0 -3
  199. package/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
  200. package/components/tabs/style/dnb-tabs.css +1 -0
  201. package/components/tabs/style/dnb-tabs.min.css +1 -1
  202. package/components/tag/style/dnb-tag.css +0 -1
  203. package/components/tag/style/dnb-tag.min.css +1 -1
  204. package/components/textarea/style/dnb-textarea.css +5 -2
  205. package/components/textarea/style/dnb-textarea.min.css +1 -1
  206. package/components/textarea/style/dnb-textarea.scss +2 -2
  207. package/components/upload/style/dnb-upload.css +3 -12
  208. package/components/upload/style/dnb-upload.min.css +1 -1
  209. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +0 -17
  210. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -1
  211. package/es/components/accordion/style/themes/dnb-accordion-theme-ui.css +0 -16
  212. package/es/components/accordion/style/themes/dnb-accordion-theme-ui.min.css +2 -2
  213. package/es/components/anchor/style/dnb-anchor.css +17 -52
  214. package/es/components/anchor/style/dnb-anchor.min.css +1 -1
  215. package/es/components/anchor/style/themes/dnb-anchor-theme-eiendom.css +0 -6
  216. package/es/components/anchor/style/themes/dnb-anchor-theme-eiendom.min.css +1 -1
  217. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +8 -52
  218. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  219. package/es/components/anchor/style/themes/dnb-anchor-theme-ui.css +0 -6
  220. package/es/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
  221. package/es/components/autocomplete/style/dnb-autocomplete.css +1 -0
  222. package/es/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  223. package/es/components/breadcrumb/style/dnb-breadcrumb.css +0 -2
  224. package/es/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  225. package/es/components/button/style/dnb-button.css +1 -0
  226. package/es/components/button/style/dnb-button.min.css +1 -1
  227. package/es/components/button/style/themes/dnb-button-theme-eiendom.css +0 -25
  228. package/es/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  229. package/es/components/button/style/themes/dnb-button-theme-sbanken.css +0 -72
  230. package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -3
  231. package/es/components/button/style/themes/dnb-button-theme-ui.css +0 -25
  232. package/es/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  233. package/es/components/date-picker/style/dnb-date-picker.css +0 -1
  234. package/es/components/date-picker/style/dnb-date-picker.min.css +1 -1
  235. package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.css +1 -0
  236. package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.min.css +1 -1
  237. package/es/components/dialog/style/dnb-dialog.css +0 -1
  238. package/es/components/dialog/style/dnb-dialog.min.css +1 -1
  239. package/es/components/flex/style/dnb-flex.css +0 -1
  240. package/es/components/flex/style/dnb-flex.min.css +1 -1
  241. package/es/components/global-error/style/dnb-global-error.css +0 -4
  242. package/es/components/global-error/style/dnb-global-error.min.css +1 -1
  243. package/es/components/grid/style/dnb-grid.css +0 -2
  244. package/es/components/grid/style/dnb-grid.min.css +1 -1
  245. package/es/components/info-card/style/dnb-info-card.css +1 -4
  246. package/es/components/info-card/style/dnb-info-card.min.css +1 -1
  247. package/es/components/input/style/dnb-input.css +6 -0
  248. package/es/components/input/style/dnb-input.min.css +1 -1
  249. package/es/components/input/style/themes/dnb-input-theme-sbanken.css +0 -9
  250. package/es/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -1
  251. package/es/components/input-masked/style/dnb-input-masked.css +0 -1
  252. package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
  253. package/es/components/pagination/style/dnb-pagination.css +0 -1
  254. package/es/components/pagination/style/dnb-pagination.min.css +1 -1
  255. package/es/components/progress-indicator/style/dnb-progress-indicator.css +1 -4
  256. package/es/components/progress-indicator/style/dnb-progress-indicator.min.css +1 -1
  257. package/es/components/section/style/dnb-section.css +2 -4
  258. package/es/components/section/style/dnb-section.min.css +1 -1
  259. package/es/components/section/style/dnb-section.scss +1 -0
  260. package/es/components/section/style/themes/dnb-section-theme-ui.css +0 -9
  261. package/es/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  262. package/es/components/skeleton/style/dnb-skeleton.css +0 -2
  263. package/es/components/skeleton/style/dnb-skeleton.min.css +1 -1
  264. package/es/components/skip-content/style/dnb-skip-content.css +1 -4
  265. package/es/components/skip-content/style/dnb-skip-content.min.css +1 -1
  266. package/es/components/table/style/dnb-table.css +1 -4
  267. package/es/components/table/style/dnb-table.min.css +1 -1
  268. package/es/components/table/style/themes/dnb-table-theme-sbanken.css +0 -3
  269. package/es/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
  270. package/es/components/tabs/style/dnb-tabs.css +1 -0
  271. package/es/components/tabs/style/dnb-tabs.min.css +1 -1
  272. package/es/components/tag/style/dnb-tag.css +0 -1
  273. package/es/components/tag/style/dnb-tag.min.css +1 -1
  274. package/es/components/textarea/style/dnb-textarea.css +5 -2
  275. package/es/components/textarea/style/dnb-textarea.min.css +1 -1
  276. package/es/components/textarea/style/dnb-textarea.scss +2 -2
  277. package/es/components/upload/style/dnb-upload.css +3 -12
  278. package/es/components/upload/style/dnb-upload.min.css +1 -1
  279. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +0 -2
  280. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  281. package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +0 -1
  282. package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
  283. package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +0 -1
  284. package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
  285. package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +0 -6
  286. package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
  287. package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css +0 -3
  288. package/es/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css +1 -1
  289. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css +0 -1
  290. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  291. package/es/extensions/forms/constants/countries.js +4 -2
  292. package/es/extensions/forms/constants/countries.js.map +1 -1
  293. package/es/extensions/forms/style/dnb-forms.css +0 -14
  294. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  295. package/es/extensions/payment-card/style/dnb-payment-card.css +0 -2
  296. package/es/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  297. package/es/shared/Eufemia.d.ts +1 -1
  298. package/es/shared/Eufemia.js +2 -2
  299. package/es/shared/Eufemia.js.map +1 -1
  300. package/es/style/dnb-ui-basis.css +3 -0
  301. package/es/style/dnb-ui-basis.min.css +1 -1
  302. package/es/style/dnb-ui-body.css +3 -1
  303. package/es/style/dnb-ui-body.min.css +1 -1
  304. package/es/style/dnb-ui-components.css +40 -116
  305. package/es/style/dnb-ui-components.min.css +3 -3
  306. package/es/style/dnb-ui-core.css +4 -1
  307. package/es/style/dnb-ui-core.min.css +1 -1
  308. package/es/style/dnb-ui-elements.css +2 -4
  309. package/es/style/dnb-ui-elements.min.css +1 -1
  310. package/es/style/dnb-ui-extensions.css +0 -16
  311. package/es/style/dnb-ui-extensions.min.css +1 -1
  312. package/es/style/dnb-ui-forms.css +0 -14
  313. package/es/style/dnb-ui-forms.min.css +1 -1
  314. package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +2 -14
  315. package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  316. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +41 -187
  317. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -7
  318. package/es/style/themes/theme-eiendom/eiendom-theme-elements.css +2 -14
  319. package/es/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
  320. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +0 -16
  321. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  322. package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +0 -14
  323. package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  324. package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +2 -4
  325. package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  326. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +49 -302
  327. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +7 -7
  328. package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +2 -4
  329. package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  330. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +0 -16
  331. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  332. package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +0 -14
  333. package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  334. package/es/style/themes/theme-ui/ui-theme-basis.css +2 -14
  335. package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  336. package/es/style/themes/theme-ui/ui-theme-components.css +41 -186
  337. package/es/style/themes/theme-ui/ui-theme-components.min.css +8 -8
  338. package/es/style/themes/theme-ui/ui-theme-elements.css +2 -14
  339. package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  340. package/es/style/themes/theme-ui/ui-theme-extensions.css +0 -16
  341. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  342. package/es/style/themes/theme-ui/ui-theme-forms.css +0 -14
  343. package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  344. package/es/style/themes/theme-ui/ui-theme-tags.css +8 -22
  345. package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  346. package/esm/dnb-ui-basis.min.mjs +1 -1
  347. package/esm/dnb-ui-components.min.mjs +1 -1
  348. package/esm/dnb-ui-elements.min.mjs +1 -1
  349. package/esm/dnb-ui-extensions.min.mjs +2 -2
  350. package/esm/dnb-ui-lib.min.mjs +1 -1
  351. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +0 -2
  352. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  353. package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +0 -1
  354. package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
  355. package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +0 -1
  356. package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
  357. package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +0 -6
  358. package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
  359. package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.css +0 -3
  360. package/extensions/forms/Form/SubHeading/style/dnb-form-sub-heading.min.css +1 -1
  361. package/extensions/forms/StepsLayout/style/dnb-steps-layout.css +0 -1
  362. package/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  363. package/extensions/forms/constants/countries.js +4 -2
  364. package/extensions/forms/constants/countries.js.map +1 -1
  365. package/extensions/forms/style/dnb-forms.css +0 -14
  366. package/extensions/forms/style/dnb-forms.min.css +1 -1
  367. package/extensions/payment-card/style/dnb-payment-card.css +0 -2
  368. package/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  369. package/package.json +1 -1
  370. package/shared/Eufemia.d.ts +1 -1
  371. package/shared/Eufemia.js +2 -2
  372. package/shared/Eufemia.js.map +1 -1
  373. package/style/dnb-ui-basis.css +3 -0
  374. package/style/dnb-ui-basis.min.css +1 -1
  375. package/style/dnb-ui-body.css +3 -1
  376. package/style/dnb-ui-body.min.css +1 -1
  377. package/style/dnb-ui-components.css +40 -116
  378. package/style/dnb-ui-components.min.css +3 -3
  379. package/style/dnb-ui-core.css +4 -1
  380. package/style/dnb-ui-core.min.css +1 -1
  381. package/style/dnb-ui-elements.css +2 -4
  382. package/style/dnb-ui-elements.min.css +1 -1
  383. package/style/dnb-ui-extensions.css +0 -16
  384. package/style/dnb-ui-extensions.min.css +1 -1
  385. package/style/dnb-ui-forms.css +0 -14
  386. package/style/dnb-ui-forms.min.css +1 -1
  387. package/style/themes/theme-eiendom/eiendom-theme-basis.css +2 -14
  388. package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  389. package/style/themes/theme-eiendom/eiendom-theme-components.css +41 -187
  390. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -7
  391. package/style/themes/theme-eiendom/eiendom-theme-elements.css +2 -14
  392. package/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
  393. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +0 -16
  394. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  395. package/style/themes/theme-eiendom/eiendom-theme-forms.css +0 -14
  396. package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  397. package/style/themes/theme-sbanken/sbanken-theme-basis.css +2 -4
  398. package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  399. package/style/themes/theme-sbanken/sbanken-theme-components.css +49 -302
  400. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +7 -7
  401. package/style/themes/theme-sbanken/sbanken-theme-elements.css +2 -4
  402. package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  403. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +0 -16
  404. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  405. package/style/themes/theme-sbanken/sbanken-theme-forms.css +0 -14
  406. package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  407. package/style/themes/theme-ui/ui-theme-basis.css +2 -14
  408. package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  409. package/style/themes/theme-ui/ui-theme-components.css +41 -186
  410. package/style/themes/theme-ui/ui-theme-components.min.css +8 -8
  411. package/style/themes/theme-ui/ui-theme-elements.css +2 -14
  412. package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  413. package/style/themes/theme-ui/ui-theme-extensions.css +0 -16
  414. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  415. package/style/themes/theme-ui/ui-theme-forms.css +0 -14
  416. package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  417. package/style/themes/theme-ui/ui-theme-tags.css +8 -22
  418. package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  419. package/umd/dnb-ui-basis.min.js +1 -1
  420. package/umd/dnb-ui-components.min.js +1 -1
  421. package/umd/dnb-ui-elements.min.js +1 -1
  422. package/umd/dnb-ui-extensions.min.js +2 -2
  423. package/umd/dnb-ui-lib.min.js +1 -1
package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.min.css CHANGED
@@ -1 +1 @@
1
- :where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:where(:not(.dnb-anchor--no-style)).dnb-anchor.focus-visible{--anchor-color:var(--color-sea-green)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon{margin-right:.25em}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon{margin-left:.25em}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:not(.dnb-anchor--no-style).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:not(.dnb-anchor--no-style).dnb-anchor.focus-visible{--anchor-color:var(--color-sea-green)}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon{margin-right:.25em}:not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon{margin-left:.25em}}.dnb-anchor--hover{--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}.dnb-anchor--active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}.dnb-anchor--focus{--anchor-color:var(--color-sea-green)}
1
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon{margin-right:.25em}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon{margin-left:.25em}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:not(.dnb-anchor--no-style).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon{margin-right:.25em}:not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon{margin-left:.25em}}.dnb-anchor--hover{--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}.dnb-anchor--active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}.dnb-anchor--focus{--anchor-color:var(--color-sea-green)}
package/cjs/components/autocomplete/style/dnb-autocomplete.css CHANGED
@@ -157,6 +157,7 @@ html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-
157
157
  overflow: hidden;
158
158
  white-space: nowrap;
159
159
  color: inherit;
160
+ -webkit-text-decoration: none;
160
161
  text-decoration: none;
161
162
  text-overflow: inherit;
162
163
  text-align: inherit;
package/cjs/components/autocomplete/style/dnb-autocomplete.min.css CHANGED
@@ -1 +1 @@
1
- .dnb-autocomplete{--autocomplete-width:16rem;--autocomplete-height:2rem;--autocomplete-height--small:1.5rem;--autocomplete-height--medium:2.5rem;--autocomplete-height--large:3rem;--autocomplete-padding-horizontal:1rem;--autocomplete-focus-border-width:0.125rem;--autocomplete-text-padding:0.5rem;--autocomplete-border-radius:0.25rem;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--autocomplete-height)}.dnb-autocomplete__inner{color:inherit;display:inline-flex;flex-direction:column;margin:0;padding:0;width:auto}.dnb-autocomplete--right .dnb-autocomplete__inner{align-items:flex-end}.dnb-autocomplete__shell{color:inherit;margin:0;padding:0;position:relative;width:var(--autocomplete-width)}.dnb-autocomplete__row{align-items:center;display:inline-flex}.dnb-autocomplete--small{line-height:var(--autocomplete-height--small)}.dnb-autocomplete--medium{line-height:var(--autocomplete-height--medium)}.dnb-autocomplete--large{line-height:var(--autocomplete-height--large)}.dnb-autocomplete__icon{display:inline-flex;justify-content:center;pointer-events:none}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner{align-items:center;color:var(--color-sea-green);display:flex;justify-content:center}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-drawer-list__option__item{display:flex;flex-direction:column}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-icon{align-self:center}.dnb-autocomplete__input{align-items:center;display:inline-flex;outline:none}.dnb-autocomplete__input,.dnb-autocomplete__input .dnb-input__inner,.dnb-autocomplete__input .dnb-input__input,.dnb-autocomplete__input .dnb-input__shell{width:100%}.dnb-autocomplete--opened .dnb-input__submit-button__button .dnb-icon{transform:rotate(180deg);transform-origin:50% 50%}.dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition:transform .4s ease-out}html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition-duration:1ms!important}.dnb-autocomplete .dnb-input__inner__element{cursor:text;position:relative;z-index:3}@media screen and (min-width:40em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:0!important}}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:2.5rem!important}}.dnb-autocomplete .dnb-input__inner__element.dnb-p{padding:0 .5rem;white-space:nowrap}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input__inner__element.dnb-p{display:none}}.dnb-autocomplete .dnb-input__inner__element.dnb-p,.dnb-spacing .dnb-autocomplete .dnb-input__inner__element.dnb-p{margin:0}.dnb-autocomplete .dnb-input--has-submit-element .dnb-input__inner__element{margin-right:2.5rem!important}.dnb-autocomplete--icon-position-right .dnb-input__inner__element.dnb-p{padding-right:3rem}.dnb-autocomplete--icon-position-right .dnb-input--icon-position-right .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right.dnb-autocomplete--icon-position-right .dnb-input--has-icon .dnb-autocomplete--icon-position-right .dnb-input__input{padding-right:1rem}.dnb-autocomplete--disabled .dnb-input__inner__element{cursor:not-allowed}.dnb-autocomplete__text{font-size:var(--font-size-basis);line-height:inherit;order:1;padding:0 var(--autocomplete-text-padding) 0 0;position:relative;text-align:left;text-overflow:ellipsis;z-index:4}.dnb-autocomplete__text,.dnb-autocomplete__text__inner{color:inherit;height:inherit;overflow:hidden;width:100%}.dnb-autocomplete__text__inner{display:inline-block;padding:0;text-align:inherit;text-decoration:none;text-overflow:inherit;white-space:nowrap}.dnb-autocomplete>.dnb-form-label{line-height:var(--line-height-basis);margin-right:1rem}@media screen and (max-width:40em){.dnb-autocomplete{flex-wrap:wrap}.dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-autocomplete--stretch{display:flex;flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplete__inner{flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplete__inner,.dnb-autocomplete--stretch .dnb-autocomplete__row,.dnb-autocomplete--stretch .dnb-autocomplete__shell{width:100%}.dnb-autocomplete--stretch .dnb-form-label+.dnb-autocomplete__inner{width:auto}.dnb-autocomplete--vertical.dnb-autocomplete--stretch .dnb-autocomplete__inner,.dnb-form-row--horizontal .dnb-autocomplete--stretch{width:100%}label+.dnb-autocomplete[class*=__form-status]{vertical-align:top}label+.dnb-autocomplete[class*=__form-status] .dnb-autocomplete__shell{top:-.375rem}.dnb-autocomplete__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-autocomplete--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*=__status]{align-items:flex-start}.dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-responsive-component .dnb-autocomplete{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-autocomplete__helper{display:none}}.dnb-autocomplete__list .dnb-drawer-list__option__item>span{padding-right:.125em}
1
+ .dnb-autocomplete{--autocomplete-width:16rem;--autocomplete-height:2rem;--autocomplete-height--small:1.5rem;--autocomplete-height--medium:2.5rem;--autocomplete-height--large:3rem;--autocomplete-padding-horizontal:1rem;--autocomplete-focus-border-width:0.125rem;--autocomplete-text-padding:0.5rem;--autocomplete-border-radius:0.25rem;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--autocomplete-height)}.dnb-autocomplete__inner{color:inherit;display:inline-flex;flex-direction:column;margin:0;padding:0;width:auto}.dnb-autocomplete--right .dnb-autocomplete__inner{align-items:flex-end}.dnb-autocomplete__shell{color:inherit;margin:0;padding:0;position:relative;width:var(--autocomplete-width)}.dnb-autocomplete__row{align-items:center;display:inline-flex}.dnb-autocomplete--small{line-height:var(--autocomplete-height--small)}.dnb-autocomplete--medium{line-height:var(--autocomplete-height--medium)}.dnb-autocomplete--large{line-height:var(--autocomplete-height--large)}.dnb-autocomplete__icon{display:inline-flex;justify-content:center;pointer-events:none}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner{align-items:center;color:var(--color-sea-green);display:flex;justify-content:center}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-drawer-list__option__item{display:flex;flex-direction:column}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-icon{align-self:center}.dnb-autocomplete__input{align-items:center;display:inline-flex;outline:none}.dnb-autocomplete__input,.dnb-autocomplete__input .dnb-input__inner,.dnb-autocomplete__input .dnb-input__input,.dnb-autocomplete__input .dnb-input__shell{width:100%}.dnb-autocomplete--opened .dnb-input__submit-button__button .dnb-icon{transform:rotate(180deg);transform-origin:50% 50%}.dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition:transform .4s ease-out}html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition-duration:1ms!important}.dnb-autocomplete .dnb-input__inner__element{cursor:text;position:relative;z-index:3}@media screen and (min-width:40em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:0!important}}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:2.5rem!important}}.dnb-autocomplete .dnb-input__inner__element.dnb-p{padding:0 .5rem;white-space:nowrap}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input__inner__element.dnb-p{display:none}}.dnb-autocomplete .dnb-input__inner__element.dnb-p,.dnb-spacing .dnb-autocomplete .dnb-input__inner__element.dnb-p{margin:0}.dnb-autocomplete .dnb-input--has-submit-element .dnb-input__inner__element{margin-right:2.5rem!important}.dnb-autocomplete--icon-position-right .dnb-input__inner__element.dnb-p{padding-right:3rem}.dnb-autocomplete--icon-position-right .dnb-input--icon-position-right .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right.dnb-autocomplete--icon-position-right .dnb-input--has-icon .dnb-autocomplete--icon-position-right .dnb-input__input{padding-right:1rem}.dnb-autocomplete--disabled .dnb-input__inner__element{cursor:not-allowed}.dnb-autocomplete__text{font-size:var(--font-size-basis);line-height:inherit;order:1;padding:0 var(--autocomplete-text-padding) 0 0;position:relative;text-align:left;text-overflow:ellipsis;z-index:4}.dnb-autocomplete__text,.dnb-autocomplete__text__inner{color:inherit;height:inherit;overflow:hidden;width:100%}.dnb-autocomplete__text__inner{display:inline-block;padding:0;text-align:inherit;-webkit-text-decoration:none;text-decoration:none;text-overflow:inherit;white-space:nowrap}.dnb-autocomplete>.dnb-form-label{line-height:var(--line-height-basis);margin-right:1rem}@media screen and (max-width:40em){.dnb-autocomplete{flex-wrap:wrap}.dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-autocomplete--stretch{display:flex;flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplete__inner{flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplete__inner,.dnb-autocomplete--stretch .dnb-autocomplete__row,.dnb-autocomplete--stretch .dnb-autocomplete__shell{width:100%}.dnb-autocomplete--stretch .dnb-form-label+.dnb-autocomplete__inner{width:auto}.dnb-autocomplete--vertical.dnb-autocomplete--stretch .dnb-autocomplete__inner,.dnb-form-row--horizontal .dnb-autocomplete--stretch{width:100%}label+.dnb-autocomplete[class*=__form-status]{vertical-align:top}label+.dnb-autocomplete[class*=__form-status] .dnb-autocomplete__shell{top:-.375rem}.dnb-autocomplete__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-autocomplete--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*=__status]{align-items:flex-start}.dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-responsive-component .dnb-autocomplete{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-autocomplete__helper{display:none}}.dnb-autocomplete__list .dnb-drawer-list__option__item>span{padding-right:.125em}
package/cjs/components/breadcrumb/style/dnb-breadcrumb.css CHANGED
@@ -21,7 +21,6 @@
21
21
  list-style: none;
22
22
  flex-flow: row wrap;
23
23
  align-items: center;
24
- grid-gap: 1.5rem;
25
24
  gap: 1.5rem;
26
25
  }
27
26
  .dnb-breadcrumb__item__span {
@@ -54,6 +53,5 @@
54
53
  align-items: flex-start;
55
54
  margin: 0.5rem 0;
56
55
  margin-left: 1.5rem;
57
- grid-gap: 0;
58
56
  gap: 0;
59
57
  }
package/cjs/components/breadcrumb/style/dnb-breadcrumb.min.css CHANGED
@@ -1 +1 @@
1
- .dnb-breadcrumb{display:flex;flex-direction:column;margin:0;padding:0}.dnb-breadcrumb__bar.dnb-section{display:flex}.dnb-breadcrumb__list.dnb-section{grid-gap:1.5rem;align-items:center;display:flex;flex-flow:row wrap;gap:1.5rem;list-style:none;margin:0;padding:0}.dnb-breadcrumb__item__span{align-items:center;display:flex;line-height:normal;padding:.5rem 0}.dnb-breadcrumb__item__span__icon{margin-right:.5rem}.dnb-breadcrumb__animation{display:flex;flex-direction:column;transition:height .4s var(--easing-default)}.dnb-breadcrumb__animation .dnb-breadcrumb__item{transform:translateX(-1rem);transition:transform .4s var(--easing-default) calc(var(--delay)*50ms)}.dnb-breadcrumb__animation.dnb-height-animation--parallax .dnb-breadcrumb__item{transform:translateX(0)}.dnb-breadcrumb__collapse{display:flex;flex-direction:column}.dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section{grid-gap:0;align-items:flex-start;flex-direction:column;gap:0;margin:.5rem 0 .5rem 1.5rem}
1
+ .dnb-breadcrumb{display:flex;flex-direction:column;margin:0;padding:0}.dnb-breadcrumb__bar.dnb-section{display:flex}.dnb-breadcrumb__list.dnb-section{align-items:center;display:flex;flex-flow:row wrap;gap:1.5rem;list-style:none;margin:0;padding:0}.dnb-breadcrumb__item__span{align-items:center;display:flex;line-height:normal;padding:.5rem 0}.dnb-breadcrumb__item__span__icon{margin-right:.5rem}.dnb-breadcrumb__animation{display:flex;flex-direction:column;transition:height .4s var(--easing-default)}.dnb-breadcrumb__animation .dnb-breadcrumb__item{transform:translateX(-1rem);transition:transform .4s var(--easing-default) calc(var(--delay)*50ms)}.dnb-breadcrumb__animation.dnb-height-animation--parallax .dnb-breadcrumb__item{transform:translateX(0)}.dnb-breadcrumb__collapse{display:flex;flex-direction:column}.dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section{align-items:flex-start;flex-direction:column;gap:0;margin:.5rem 0 .5rem 1.5rem}
package/cjs/components/button/style/dnb-button.css CHANGED
@@ -42,6 +42,7 @@
42
42
  border-radius: var(--button-border-radius);
43
43
  text-align: left;
44
44
  font-size: var(--font-size-small);
45
+ -webkit-text-decoration: none;
45
46
  text-decoration: none;
46
47
  box-shadow: none;
47
48
  /* stylelint-disable-next-line */
package/cjs/components/button/style/dnb-button.min.css CHANGED
@@ -1 +1 @@
1
- :root{--button-icon-size:1rem;--button-height:2.5rem;--button-border-radius:calc(var(--button-height)/2)}.dnb-button{--button-font-size:var(--font-size-basis);--button-font-size-small:var(--font-size-small);--button-width:2.5rem;--button-width--small:1.5rem;--button-height--small:1.5rem;--button-width--medium:2rem;--button-height--medium:2rem;--button-width--large:3rem;--button-height--large:3rem;--button-border-width:0.0625rem;--button-border-width--hover:0.1875rem;--button-border-radius--small:calc(var(--button-height--small)/2);--button-border-radius--medium:calc(var(--button-height--medium)/2);--button-border-radius--large:calc(var(--button-height--large)/2);align-items:center;border:none;border-radius:var(--button-border-radius);box-shadow:none;cursor:pointer;display:inline-flex;font-size:var(--font-size-small);height:auto;justify-content:center;padding:0;position:relative;text-align:left;text-decoration:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:var(--button-width)}.dnb-button--wrap{overflow-wrap:break-word;white-space:normal}.dnb-button,.dnb-core-style .dnb-button{line-height:var(--button-height)}.dnb-button__text{color:inherit;font-size:var(--button-font-size);line-height:var(--line-height-basis);margin:.5rem 0;transform:translateY(-.03125rem)}.dnb-button__text [data-os=linux]{transform:translateY(-.035rem)}.dnb-button__alignment{display:inline-block;width:0}.dnb-button__bounding{background-color:transparent;border-radius:var(--button-border-radius);bottom:0;left:0;position:absolute;right:0;top:0;transform:scale(1.1,1.4)}.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--size-small{border-radius:var(--button-border-radius--small);font-size:var(--button-font-size-small);width:var(--button-width--small)}.dnb-button--size-small,.dnb-core-style .dnb-button--size-small{line-height:var(--button-height--small)}.dnb-button--size-small .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-small{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small{padding-right:.5rem}.dnb-button--size-medium{border-radius:var(--button-border-radius--medium);width:var(--button-width--medium)}.dnb-button--size-medium,.dnb-core-style .dnb-button--size-medium{line-height:var(--button-height--medium)}.dnb-button--size-medium .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-medium{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium{padding-right:.5rem}.dnb-button--size-large{border-radius:var(--button-border-radius--large);width:var(--button-width--large)}.dnb-button--size-large,.dnb-core-style .dnb-button--size-large{line-height:var(--button-height--large)}.dnb-button--has-text.dnb-button--size-large{padding-left:2rem;padding-right:2rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large{padding-left:1rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large{padding-right:1rem}.dnb-button--has-text{width:auto}.dnb-button--has-text .dnb-button__icon{margin:0 calc(var(--button-icon-size)/2)}.dnb-button--has-text.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button--has-text.dnb-button--has-icon .dnb-button__icon{order:2}.dnb-button--has-text.dnb-button--has-icon .dnb-button__text{order:1}.dnb-button:not(.dnb-button--has-text) .dnb-button__icon{width:inherit}.dnb-button__icon.dnb-icon svg:not([width]):not([height]){height:var(--button-icon-size);width:var(--button-icon-size)}[href]>.dnb-button__icon.dnb-icon{line-height:var(--button-font-size)}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon{order:1}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{order:2}.dnb-button--stretch{width:100%}.dnb-button--reset{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;color:inherit;font:inherit;height:auto;line-height:inherit;margin:0;overflow:visible;padding:0;text-align:inherit;width:auto}html:not([data-whatintent=touch]) .dnb-button--reset:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--reset:hover:not([disabled]){border:none;box-shadow:none}.dnb-button--reset:not([disabled]):active,.dnb-button--reset:not([disabled]):focus{outline:none}html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):active,html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):focus{border:none;box-shadow:none;color:inherit}.dnb-button[type=button],.dnb-button[type=reset],.dnb-button[type=submit]{appearance:none;-moz-appearance:none;-webkit-appearance:none}.dnb-button[disabled]{cursor:not-allowed;outline:none}.dnb-form-row--vertical .dnb-form-row__content>.dnb-button{align-self:flex-start}.dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text{white-space:nowrap}.dnb-button+.dnb-form-status{margin-top:.5rem}button.dnb-button::-moz-focus-inner{border:none}
1
+ :root{--button-icon-size:1rem;--button-height:2.5rem;--button-border-radius:calc(var(--button-height)/2)}.dnb-button{--button-font-size:var(--font-size-basis);--button-font-size-small:var(--font-size-small);--button-width:2.5rem;--button-width--small:1.5rem;--button-height--small:1.5rem;--button-width--medium:2rem;--button-height--medium:2rem;--button-width--large:3rem;--button-height--large:3rem;--button-border-width:0.0625rem;--button-border-width--hover:0.1875rem;--button-border-radius--small:calc(var(--button-height--small)/2);--button-border-radius--medium:calc(var(--button-height--medium)/2);--button-border-radius--large:calc(var(--button-height--large)/2);align-items:center;border:none;border-radius:var(--button-border-radius);box-shadow:none;cursor:pointer;display:inline-flex;font-size:var(--font-size-small);height:auto;justify-content:center;padding:0;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:var(--button-width)}.dnb-button--wrap{overflow-wrap:break-word;white-space:normal}.dnb-button,.dnb-core-style .dnb-button{line-height:var(--button-height)}.dnb-button__text{color:inherit;font-size:var(--button-font-size);line-height:var(--line-height-basis);margin:.5rem 0;transform:translateY(-.03125rem)}.dnb-button__text [data-os=linux]{transform:translateY(-.035rem)}.dnb-button__alignment{display:inline-block;width:0}.dnb-button__bounding{background-color:transparent;border-radius:var(--button-border-radius);bottom:0;left:0;position:absolute;right:0;top:0;transform:scale(1.1,1.4)}.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--size-small{border-radius:var(--button-border-radius--small);font-size:var(--button-font-size-small);width:var(--button-width--small)}.dnb-button--size-small,.dnb-core-style .dnb-button--size-small{line-height:var(--button-height--small)}.dnb-button--size-small .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-small{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small{padding-right:.5rem}.dnb-button--size-medium{border-radius:var(--button-border-radius--medium);width:var(--button-width--medium)}.dnb-button--size-medium,.dnb-core-style .dnb-button--size-medium{line-height:var(--button-height--medium)}.dnb-button--size-medium .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-medium{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium{padding-right:.5rem}.dnb-button--size-large{border-radius:var(--button-border-radius--large);width:var(--button-width--large)}.dnb-button--size-large,.dnb-core-style .dnb-button--size-large{line-height:var(--button-height--large)}.dnb-button--has-text.dnb-button--size-large{padding-left:2rem;padding-right:2rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large{padding-left:1rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large{padding-right:1rem}.dnb-button--has-text{width:auto}.dnb-button--has-text .dnb-button__icon{margin:0 calc(var(--button-icon-size)/2)}.dnb-button--has-text.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button--has-text.dnb-button--has-icon .dnb-button__icon{order:2}.dnb-button--has-text.dnb-button--has-icon .dnb-button__text{order:1}.dnb-button:not(.dnb-button--has-text) .dnb-button__icon{width:inherit}.dnb-button__icon.dnb-icon svg:not([width]):not([height]){height:var(--button-icon-size);width:var(--button-icon-size)}[href]>.dnb-button__icon.dnb-icon{line-height:var(--button-font-size)}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon{order:1}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{order:2}.dnb-button--stretch{width:100%}.dnb-button--reset{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;color:inherit;font:inherit;height:auto;line-height:inherit;margin:0;overflow:visible;padding:0;text-align:inherit;width:auto}html:not([data-whatintent=touch]) .dnb-button--reset:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--reset:hover:not([disabled]){border:none;box-shadow:none}.dnb-button--reset:not([disabled]):active,.dnb-button--reset:not([disabled]):focus{outline:none}html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):active,html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):focus{border:none;box-shadow:none;color:inherit}.dnb-button[type=button],.dnb-button[type=reset],.dnb-button[type=submit]{appearance:none;-moz-appearance:none;-webkit-appearance:none}.dnb-button[disabled]{cursor:not-allowed;outline:none}.dnb-form-row--vertical .dnb-form-row__content>.dnb-button{align-self:flex-start}.dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text{white-space:nowrap}.dnb-button+.dnb-form-status{margin-top:.5rem}button.dnb-button::-moz-focus-inner{border:none}
package/cjs/components/button/style/themes/dnb-button-theme-eiendom.css CHANGED
@@ -54,34 +54,12 @@
54
54
  .dnb-skeleton .dnb-button--tertiary .dnb-button__text::after {
55
55
  content: none;
56
56
  }
57
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled] {
58
- cursor: not-allowed;
59
- }
60
57
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
61
58
  cursor: not-allowed;
62
59
  }
63
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) {
64
- outline: none;
65
- }
66
60
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
67
61
  outline: none;
68
62
  }
69
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])::before {
70
- content: "";
71
- position: absolute;
72
- z-index: 1;
73
- top: 0;
74
- left: var(--button-tertiary-focus-left);
75
- bottom: 0;
76
- right: var(--button-tertiary-focus-right);
77
- height: inherit;
78
- border-radius: inherit;
79
- outline: none;
80
- --border-color: var(--focus-ring-color);
81
- --border-width: var(--focus-ring-width);
82
- box-shadow: 0 0 0 var(--border-width) var(--border-color);
83
- border-color: transparent;
84
- }
85
63
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
86
64
  content: "";
87
65
  position: absolute;
@@ -98,9 +76,6 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disab
98
76
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
99
77
  border-color: transparent;
100
78
  }
101
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text::after {
102
- visibility: hidden;
103
- }
104
79
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text::after {
105
80
  visibility: hidden;
106
81
  }
package/cjs/components/button/style/themes/dnb-button-theme-eiendom.min.css CHANGED
@@ -1,4 +1,4 @@
1
- .dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
1
+ .dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
2
2
  --button-tertiary-focus-overflow--icon-top
3
3
  );--button-tertiary-focus-right:var(
4
4
  --button-tertiary-focus-overflow--icon-top
package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css CHANGED
@@ -50,34 +50,12 @@
50
50
  .dnb-skeleton .dnb-button--tertiary .dnb-button__text::after {
51
51
  content: none;
52
52
  }
53
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled] {
54
- cursor: not-allowed;
55
- }
56
53
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
57
54
  cursor: not-allowed;
58
55
  }
59
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) {
60
- outline: none;
61
- }
62
56
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
63
57
  outline: none;
64
58
  }
65
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])::before {
66
- content: "";
67
- position: absolute;
68
- z-index: 1;
69
- top: 0;
70
- left: var(--button-tertiary-focus-left);
71
- bottom: 0;
72
- right: var(--button-tertiary-focus-right);
73
- height: inherit;
74
- border-radius: inherit;
75
- outline: none;
76
- --border-color: var(--focus-ring-color);
77
- --border-width: var(--focus-ring-width);
78
- box-shadow: 0 0 0 var(--border-width) var(--border-color);
79
- border-color: transparent;
80
- }
81
59
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
82
60
  content: "";
83
61
  position: absolute;
@@ -94,9 +72,6 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disab
94
72
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
95
73
  border-color: transparent;
96
74
  }
97
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text::after {
98
- visibility: hidden;
99
- }
100
75
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text::after {
101
76
  visibility: hidden;
102
77
  }
@@ -314,21 +289,9 @@ html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]) {
314
289
  color: var(--button-secondary-color--active);
315
290
  background-color: var(--button-secondary-background--active);
316
291
  }
317
- html:not([data-whatintent=touch]) .dnb-button--primary.focus-visible[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary.focus-visible[disabled] {
318
- cursor: not-allowed;
319
- }
320
292
  html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible[disabled] {
321
293
  cursor: not-allowed;
322
294
  }
323
- html:not([data-whatintent=touch]) .dnb-button--primary.focus-visible:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary.focus-visible:not([disabled]) {
324
- color: var(--sb-color-blue-dark);
325
- background-color: var(--button-background--focus);
326
- outline: none;
327
- --border-color: var(--focus-ring-color);
328
- --border-width: var(--focus-ring-width);
329
- box-shadow: inset 0 0 0 var(--border-width) var(--border-color), var(--sb-shadow-medium);
330
- border-color: transparent;
331
- }
332
295
  html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible:not([disabled]) {
333
296
  color: var(--sb-color-blue-dark);
334
297
  background-color: var(--button-background--focus);
@@ -397,10 +360,6 @@ html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible:not([disabl
397
360
  html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
398
361
  cursor: not-allowed;
399
362
  }
400
- html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.focus-visible) .dnb-button__text::after {
401
- color: var(--sb-color-violet);
402
- transition: none;
403
- }
404
363
  html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(:focus-visible) .dnb-button__text::after {
405
364
  color: var(--sb-color-violet);
406
365
  transition: none;
@@ -438,34 +397,12 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):no
438
397
  .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
439
398
  color: var(--sb-color-violet);
440
399
  }
441
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled] {
442
- cursor: not-allowed;
443
- }
444
400
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
445
401
  cursor: not-allowed;
446
402
  }
447
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) {
448
- color: var(--sb-color-blue-dark);
449
- }
450
403
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
451
404
  color: var(--sb-color-blue-dark);
452
405
  }
453
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])::before {
454
- content: "";
455
- position: absolute;
456
- z-index: 1;
457
- top: 0;
458
- left: var(--button-tertiary-focus-left);
459
- bottom: 0;
460
- right: var(--button-tertiary-focus-right);
461
- height: inherit;
462
- border-radius: inherit;
463
- outline: none;
464
- --border-color: var(--focus-ring-color);
465
- --border-width: var(--focus-ring-width);
466
- box-shadow: inset 0 0 0 var(--border-width) var(--border-color), var(--sb-shadow-medium);
467
- border-color: transparent;
468
- }
469
406
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
470
407
  content: "";
471
408
  position: absolute;
@@ -482,21 +419,12 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disab
482
419
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color), var(--sb-shadow-medium);
483
420
  border-color: transparent;
484
421
  }
485
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])::before {
486
- background-color: var(--button-background--focus);
487
- }
488
422
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
489
423
  background-color: var(--button-background--focus);
490
424
  }
491
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) > * {
492
- z-index: 2;
493
- }
494
425
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) > * {
495
426
  z-index: 2;
496
427
  }
497
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text::after {
498
- visibility: hidden;
499
- }
500
428
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text::after {
501
429
  visibility: hidden;
502
430
  }
package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css CHANGED
@@ -1,4 +1,4 @@
1
- .dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
1
+ .dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
2
2
  --button-tertiary-focus-overflow--icon-top
3
3
  );--button-tertiary-focus-right:var(
4
4
  --button-tertiary-focus-overflow--icon-top
@@ -6,8 +6,8 @@
6
6
  --button-secondary-border--default
7
7
  );--button-secondary-border--active:var(
8
8
  --button-secondary-border--default
9
- );--button-secondary-border--disabled:var(--sb-color-gray-light);border:none}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--primary,.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--secondary{padding-left:1.5rem;padding-right:1.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--primary{background-color:var(--button-primary-background);box-shadow:var(--button-primary-shadow);color:var(--button-primary-color)}html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){--border-color:var(--button-primary-border--hover);--border-width:0.0625rem;background-color:var(--button-primary-background--hover);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--button-primary-shadow--hover);color:var(--button-primary-color--hover)}.dnb-button--primary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:active[disabled]{cursor:not-allowed}.dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]){background-color:var(--button-primary-background--active);color:var(--button-primary-color--active)}.dnb-button--secondary{--border-color:var(--button-secondary-border);--border-width:0.0625rem;background-color:var(--button-secondary-background);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--button-secondary-color)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--button-secondary-border:var(--button-secondary-border--hover);background-color:var(--button-secondary-background--hover);color:var(--button-secondary-color--hover)}.dnb-button--secondary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:active[disabled]{cursor:not-allowed}.dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]){--button-secondary-border:var(--button-secondary-border--active);background-color:var(--button-secondary-background--active);color:var(--button-secondary-color--active)}html:not([data-whatintent=touch]) .dnb-button--primary.focus-visible[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary.focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary.focus-visible:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary.focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);color:var(--sb-color-blue-dark);outline:none}html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);color:var(--sb-color-blue-dark);outline:none}.dnb-button[disabled]{--button-primary-shadow:0 0 transparent;--button-primary-color:var(--button-primary-color--disabled);--button-primary-background:var(
9
+ );--button-secondary-border--disabled:var(--sb-color-gray-light);border:none}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--primary,.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--secondary{padding-left:1.5rem;padding-right:1.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button.dnb-button--has-text.dnb-button--size-large.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--primary{background-color:var(--button-primary-background);box-shadow:var(--button-primary-shadow);color:var(--button-primary-color)}html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){--border-color:var(--button-primary-border--hover);--border-width:0.0625rem;background-color:var(--button-primary-background--hover);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--button-primary-shadow--hover);color:var(--button-primary-color--hover)}.dnb-button--primary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:active[disabled]{cursor:not-allowed}.dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]){background-color:var(--button-primary-background--active);color:var(--button-primary-color--active)}.dnb-button--secondary{--border-color:var(--button-secondary-border);--border-width:0.0625rem;background-color:var(--button-secondary-background);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--button-secondary-color)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--button-secondary-border:var(--button-secondary-border--hover);background-color:var(--button-secondary-background--hover);color:var(--button-secondary-color--hover)}.dnb-button--secondary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:active[disabled]{cursor:not-allowed}.dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]){--button-secondary-border:var(--button-secondary-border--active);background-color:var(--button-secondary-background--active);color:var(--button-secondary-color--active)}html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:focus-visible:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);color:var(--sb-color-blue-dark);outline:none}.dnb-button[disabled]{--button-primary-shadow:0 0 transparent;--button-primary-color:var(--button-primary-color--disabled);--button-primary-background:var(
10
10
  --button-primary-background--disabled
11
11
  );--button-secondary-color:var(--button-secondary-color--disabled);--button-secondary-border--default:var(
12
12
  --button-secondary-border--disabled
13
- )}.dnb-button:not([disabled]).dnb-button__status--error{--button-primary-shadow--hover:0 0 transparent;--button-primary-color:var(--sb-color-white);--button-primary-color--hover:var(--sb-color-red);--button-primary-color--active:var(--sb-color-white);--button-primary-background:var(--sb-color-red);--button-primary-background--hover:var(--sb-color-magenta-light-3);--button-primary-background--active:var(--sb-color-red);--button-primary-border--hover:var(--sb-color-red);--button-secondary-color:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-red);--button-secondary-color--active:var(--sb-color-red);--button-secondary-background--hover:var(--sb-color-magenta-light-3);--button-secondary-border--default:var(--sb-color-red)}.dnb-button--tertiary{--button-tertiary-focus-overflow--icon-top:0;--button-tertiary-underline-overflow:-0.5rem;--button-tertiary-underline-overflow--icon:-1rem;--button-tertiary-underline-bottom:-0.5rem;--button-tertiary-text-bottom--icon:0.5rem;--button-tertiary-text-top--icon:0;background-color:transparent;color:var(--sb-color-violet)}.dnb-button--tertiary .dnb-button__text:after{bottom:var(--button-tertiary-underline-bottom);height:.0625rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--icon-position-top{padding-left:calc(var(--button-tertiary-underline-overflow)*-1);padding-right:calc(var(--button-tertiary-underline-overflow)*-1)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:var(--button-tertiary-text-bottom--icon);margin-top:var(--button-tertiary-text-top--icon)}.dnb-button--tertiary.dnb-button--size-large{--button-tertiary-underline-bottom:-0.75rem;--button-tertiary-underline-overflow:-1.5rem;--button-tertiary-underline-overflow--icon:-1.5rem;--button-tertiary-text-bottom--icon:0.75rem;--button-tertiary-text-top--icon:0.25rem}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.focus-visible) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(:focus-visible) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text){--focus-ring-width:0.0625rem;--sb-shadow-medium:0 0 transparent;color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text)>*{z-index:2}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}.dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet)}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]){color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]):before{background-color:var(--button-background--focus)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{background-color:var(--button-background--focus)}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])>*{z-index:2}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])>*{z-index:2}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary[disabled]{color:var(--sb-color-gray-dark)}
13
+ )}.dnb-button:not([disabled]).dnb-button__status--error{--button-primary-shadow--hover:0 0 transparent;--button-primary-color:var(--sb-color-white);--button-primary-color--hover:var(--sb-color-red);--button-primary-color--active:var(--sb-color-white);--button-primary-background:var(--sb-color-red);--button-primary-background--hover:var(--sb-color-magenta-light-3);--button-primary-background--active:var(--sb-color-red);--button-primary-border--hover:var(--sb-color-red);--button-secondary-color:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-red);--button-secondary-color--active:var(--sb-color-red);--button-secondary-background--hover:var(--sb-color-magenta-light-3);--button-secondary-border--default:var(--sb-color-red)}.dnb-button--tertiary{--button-tertiary-focus-overflow--icon-top:0;--button-tertiary-underline-overflow:-0.5rem;--button-tertiary-underline-overflow--icon:-1rem;--button-tertiary-underline-bottom:-0.5rem;--button-tertiary-text-bottom--icon:0.5rem;--button-tertiary-text-top--icon:0;background-color:transparent;color:var(--sb-color-violet)}.dnb-button--tertiary .dnb-button__text:after{bottom:var(--button-tertiary-underline-bottom);height:.0625rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--icon-position-top{padding-left:calc(var(--button-tertiary-underline-overflow)*-1);padding-right:calc(var(--button-tertiary-underline-overflow)*-1)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:var(--button-tertiary-text-bottom--icon);margin-top:var(--button-tertiary-text-top--icon)}.dnb-button--tertiary.dnb-button--size-large{--button-tertiary-underline-bottom:-0.75rem;--button-tertiary-underline-overflow:-1.5rem;--button-tertiary-underline-overflow--icon:-1.5rem;--button-tertiary-text-bottom--icon:0.75rem;--button-tertiary-text-top--icon:0.25rem}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(:focus-visible) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text){--focus-ring-width:0.0625rem;--sb-shadow-medium:0 0 transparent;color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--button-background--focus);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]):not(.dnb-button--has-text)>*{z-index:2}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}.dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){color:var(--sb-color-blue-dark)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color),var(--sb-shadow-medium);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{background-color:var(--button-background--focus)}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])>*{z-index:2}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary[disabled]{color:var(--sb-color-gray-dark)}
package/cjs/components/button/style/themes/dnb-button-theme-ui.css CHANGED
@@ -50,34 +50,12 @@
50
50
  .dnb-skeleton .dnb-button--tertiary .dnb-button__text::after {
51
51
  content: none;
52
52
  }
53
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled] {
54
- cursor: not-allowed;
55
- }
56
53
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
57
54
  cursor: not-allowed;
58
55
  }
59
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) {
60
- outline: none;
61
- }
62
56
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
63
57
  outline: none;
64
58
  }
65
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled])::before {
66
- content: "";
67
- position: absolute;
68
- z-index: 1;
69
- top: 0;
70
- left: var(--button-tertiary-focus-left);
71
- bottom: 0;
72
- right: var(--button-tertiary-focus-right);
73
- height: inherit;
74
- border-radius: inherit;
75
- outline: none;
76
- --border-color: var(--focus-ring-color);
77
- --border-width: var(--focus-ring-width);
78
- box-shadow: 0 0 0 var(--border-width) var(--border-color);
79
- border-color: transparent;
80
- }
81
59
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
82
60
  content: "";
83
61
  position: absolute;
@@ -94,9 +72,6 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disab
94
72
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
95
73
  border-color: transparent;
96
74
  }
97
- html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text::after {
98
- visibility: hidden;
99
- }
100
75
  html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text::after {
101
76
  visibility: hidden;
102
77
  }
package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css CHANGED
@@ -1,4 +1,4 @@
1
- .dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary.focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
1
+ .dnb-button--tertiary{--button-tertiary-focus-left:-0.5rem;--button-tertiary-focus-right:-0.5rem;--button-tertiary-focus-overflow--icon-top:-0.5rem;--button-tertiary-underline-overflow:0;--button-tertiary-underline-overflow--icon:-0.5rem}.dnb-button--tertiary .dnb-button__text{position:relative}.dnb-button--tertiary .dnb-button__text:after{background-color:currentcolor;border-radius:.0475rem;bottom:0;bottom:-.0625rem;color:var(--color-sea-green);color:transparent;content:"";height:.095rem;left:0;left:var(--button-tertiary-underline-overflow);position:absolute;right:0;right:var(--button-tertiary-underline-overflow);transition:color .25s ease-in-out;width:auto;z-index:1}[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text:after{transition:none}.dnb-skeleton .dnb-button--tertiary .dnb-button__text:after{content:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]){outline:none}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--border-width) var(--border-color);content:"";height:inherit;left:var(--button-tertiary-focus-left);outline:none;position:absolute;right:var(--button-tertiary-focus-right);top:0;z-index:1}html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text:after{visibility:hidden}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{visibility:visible}.dnb-button--tertiary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]){box-shadow:none}html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{opacity:1;transition:none;visibility:visible}html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text:after{visibility:hidden}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon{align-self:flex-start;margin-top:calc(var(--button-height)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium{margin-top:calc(var(--button-height)/2 - .75rem)}.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large{margin-top:calc(var(--button-height)/2 - 1rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon{margin-top:calc(var(--button-height--large)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon{margin-top:calc(var(--button-height--medium)/2 - .5rem)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon{margin-top:calc(var(--button-height--small)/2 - .5rem)}.dnb-button--tertiary.dnb-button--icon-position-top{--button-tertiary-focus-left:var(
2
2
  --button-tertiary-focus-overflow--icon-top
3
3
  );--button-tertiary-focus-right:var(
4
4
  --button-tertiary-focus-overflow--icon-top
package/cjs/components/date-picker/style/dnb-date-picker.css CHANGED
@@ -222,7 +222,6 @@ html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-
222
222
  display: flex;
223
223
  flex-flow: row wrap;
224
224
  justify-content: flex-start;
225
- grid-gap: 1rem;
226
225
  gap: 1rem;
227
226
  padding: 1rem;
228
227
  }
package/cjs/components/date-picker/style/dnb-date-picker.min.css CHANGED
@@ -1 +1 @@
1
- .dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker--small .dnb-date-picker__container{top:1.5rem}.dnb-date-picker--medium .dnb-date-picker__container{top:2.5rem}.dnb-date-picker--large .dnb-date-picker__container{top:3rem}.dnb-date-picker--show-input .dnb-date-picker__container{left:0}.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:-1rem}.dnb-date-picker--show-input.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:0}.dnb-date-picker--opened .dnb-date-picker__container{z-index:100}.dnb-date-picker--opened .dnb-date-picker__container:not(.dnb-date-picker--opened .dnb-date-picker__container--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker--opened .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker--opened .dnb-date-picker__container{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker--hidden .dnb-date-picker__container{display:none}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container:not(.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{grid-gap:1rem;display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker table{margin:0;position:relative;z-index:1}.dnb-date-picker table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;margin:0;padding:0}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}
1
+ .dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker--small .dnb-date-picker__container{top:1.5rem}.dnb-date-picker--medium .dnb-date-picker__container{top:2.5rem}.dnb-date-picker--large .dnb-date-picker__container{top:3rem}.dnb-date-picker--show-input .dnb-date-picker__container{left:0}.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:-1rem}.dnb-date-picker--show-input.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:0}.dnb-date-picker--opened .dnb-date-picker__container{z-index:100}.dnb-date-picker--opened .dnb-date-picker__container:not(.dnb-date-picker--opened .dnb-date-picker__container--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker--opened .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker--opened .dnb-date-picker__container{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker--hidden .dnb-date-picker__container{display:none}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container:not(.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker table{margin:0;position:relative;z-index:1}.dnb-date-picker table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;margin:0;padding:0}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}
package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.css CHANGED
@@ -70,6 +70,7 @@ html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-pic
70
70
  background-color: var(--color-emerald-green);
71
71
  }
72
72
  .dnb-date-picker__day--disabled .dnb-button {
73
+ -webkit-text-decoration: line-through;
73
74
  text-decoration: line-through;
74
75
  }
75
76
  .dnb-date-picker__day--inactive .dnb-button {
package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.min.css CHANGED
@@ -1 +1 @@
1
- .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after,.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
1
+ .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="0"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="1"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="2"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="3"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="4"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="5"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="6"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="7"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="8"]:not([data-input-state=disabled])~.dnb-date-picker--separator,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*="9"]:not([data-input-state=disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after,.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
package/cjs/components/dialog/style/dnb-dialog.css CHANGED
@@ -197,7 +197,6 @@
197
197
  display: flex;
198
198
  flex-flow: row wrap;
199
199
  justify-content: center;
200
- grid-gap: 1rem;
201
200
  gap: 1rem;
202
201
  width: 100%;
203
202
  }