@dnb/eufemia 10.0.0 → 10.2.0

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 (736) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/assets/icons/dnb/accounting.svg +1 -0
  3. package/assets/icons/dnb/accounting_medium.svg +1 -0
  4. package/assets/icons/dnb/candle_stick.svg +1 -0
  5. package/assets/icons/dnb/candle_stick_medium.svg +1 -0
  6. package/assets/icons/dnb/eufemia-icons-xml-categorized.tgz +0 -0
  7. package/assets/icons/dnb/eufemia-icons-xml.tgz +0 -0
  8. package/assets/icons/dnb/fortune_ball.svg +1 -0
  9. package/assets/icons/dnb/fortune_ball_medium.svg +1 -0
  10. package/assets/icons/dnb/scan.svg +1 -0
  11. package/assets/icons/dnb/scan_medium.svg +1 -0
  12. package/assets/icons/dnb/shield_lock.svg +1 -1
  13. package/assets/icons/dnb/shield_lock_medium.svg +1 -1
  14. package/cjs/components/anchor/Anchor.d.ts +3 -3
  15. package/cjs/components/anchor/style/deps.scss +9 -0
  16. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +20 -10
  17. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  18. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +17 -14
  19. package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.scss +28 -14
  20. package/cjs/components/autocomplete/Autocomplete.js +5 -2
  21. package/cjs/components/avatar/Avatar.d.ts +1 -0
  22. package/cjs/components/button/style/dnb-button--tertiary.css +4 -0
  23. package/cjs/components/button/style/dnb-button--tertiary.min.css +1 -1
  24. package/cjs/components/button/style/dnb-button--tertiary.scss +3 -0
  25. package/cjs/components/button/style/themes/button-mixins.scss +3 -3
  26. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.css +8 -4
  27. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  28. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +8 -18
  29. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +1 -1
  30. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +6 -10
  31. package/cjs/components/button/style/themes/dnb-button-theme-ui.css +8 -4
  32. package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  33. package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +5 -5
  34. package/cjs/components/checkbox/Checkbox.d.ts +1 -1
  35. package/cjs/components/date-picker/DatePicker.d.ts +1 -1
  36. package/cjs/components/drawer/Drawer.d.ts +2 -1
  37. package/cjs/components/dropdown/Dropdown.d.ts +1 -1
  38. package/cjs/components/form-label/FormLabel.d.ts +1 -1
  39. package/cjs/components/form-row/FormRow.d.ts +1 -1
  40. package/cjs/components/form-set/FormSet.d.ts +1 -1
  41. package/cjs/components/form-status/FormStatus.d.ts +1 -1
  42. package/cjs/components/global-error/GlobalError.d.ts +1 -1
  43. package/cjs/components/global-status/GlobalStatus.d.ts +4 -4
  44. package/cjs/components/heading/Heading.d.ts +89 -106
  45. package/cjs/components/heading/Heading.js +119 -184
  46. package/cjs/components/heading/HeadingContext.d.ts +12 -5
  47. package/cjs/components/heading/HeadingContext.js +2 -2
  48. package/cjs/components/heading/HeadingCounter.d.ts +38 -14
  49. package/cjs/components/heading/HeadingCounter.js +20 -17
  50. package/cjs/components/heading/HeadingHelpers.d.ts +45 -23
  51. package/cjs/components/heading/HeadingHelpers.js +29 -24
  52. package/cjs/components/heading/HeadingProvider.d.ts +9 -12
  53. package/cjs/components/heading/HeadingProvider.js +47 -90
  54. package/cjs/components/height-animation/HeightAnimation.d.ts +1 -1
  55. package/cjs/components/icon/Icon.d.ts +1 -1
  56. package/cjs/components/icon/Icon.js +1 -1
  57. package/cjs/components/icon-primary/IconPrimary.d.ts +1 -1
  58. package/cjs/components/info-card/style/dnb-info-card.css +1 -1
  59. package/cjs/components/info-card/style/dnb-info-card.min.css +1 -1
  60. package/cjs/components/info-card/style/dnb-info-card.scss +1 -1
  61. package/cjs/components/input/Input.d.ts +2 -2
  62. package/cjs/components/input/InputPassword.d.ts +1 -1
  63. package/cjs/components/input-masked/InputMasked.d.ts +2 -2
  64. package/cjs/components/input-masked/InputMasked.js +1 -1
  65. package/cjs/components/input-masked/InputMaskedHooks.js +17 -9
  66. package/cjs/components/input-masked/text-mask/createTextMaskInputElement.js +1 -3
  67. package/cjs/components/lib.d.ts +2 -2
  68. package/cjs/components/logo/Logo.d.ts +1 -1
  69. package/cjs/components/number-format/NumberFormat.js +2 -12
  70. package/cjs/components/number-format/NumberUtils.d.ts +12 -0
  71. package/cjs/components/pagination/Pagination.d.ts +1 -1
  72. package/cjs/components/radio/Radio.d.ts +1 -1
  73. package/cjs/components/radio/RadioGroup.d.ts +1 -1
  74. package/cjs/components/section/Section.d.ts +1 -1
  75. package/cjs/components/skeleton/Skeleton.d.ts +1 -1
  76. package/cjs/components/space/Space.d.ts +1 -1
  77. package/cjs/components/step-indicator/StepIndicator.d.ts +1 -1
  78. package/cjs/components/step-indicator/StepIndicatorItem.d.ts +1 -1
  79. package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts +7 -5
  80. package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts +1 -1
  81. package/cjs/components/switch/Switch.d.ts +1 -1
  82. package/cjs/components/tabs/Tabs.d.ts +1 -1
  83. package/cjs/components/textarea/Textarea.d.ts +1 -1
  84. package/cjs/components/toggle-button/ToggleButton.d.ts +1 -1
  85. package/cjs/core/jest/jestSetupScreenshots.css +1 -0
  86. package/cjs/elements/Element.d.ts +3 -3
  87. package/cjs/elements/Link.d.ts +2 -2
  88. package/cjs/elements/img/style/dnb-img.scss +2 -24
  89. package/cjs/elements/img/style/img-mixins.scss +29 -0
  90. package/cjs/elements/img/style/themes/dnb-img-theme-ui.scss +17 -4
  91. package/cjs/elements/lib.d.ts +2 -2
  92. package/cjs/elements/typography/style/themes/dnb-typography-theme-ui.scss +18 -2
  93. package/cjs/icons/{document_csv.d.ts → accounting.d.ts} +1 -1
  94. package/cjs/icons/{document_pdf.js → accounting.js} +2 -2
  95. package/cjs/icons/{document_contract.d.ts → accounting_medium.d.ts} +1 -1
  96. package/cjs/icons/{document_contract.js → accounting_medium.js} +2 -2
  97. package/cjs/icons/{document_pdf.d.ts → candle_stick.d.ts} +1 -1
  98. package/cjs/icons/{document_add.js → candle_stick.js} +2 -2
  99. package/cjs/icons/{document_add_medium.d.ts → candle_stick_medium.d.ts} +1 -1
  100. package/cjs/icons/{document_add_medium.js → candle_stick_medium.js} +2 -2
  101. package/cjs/icons/dnb/{document_pdf.d.ts → accounting.d.ts} +2 -2
  102. package/cjs/icons/dnb/{document_rejected.js → accounting.js} +8 -8
  103. package/cjs/icons/dnb/accounting_medium.d.ts +4 -0
  104. package/cjs/icons/dnb/accounting_medium.js +31 -0
  105. package/cjs/icons/dnb/{document_add.d.ts → candle_stick.d.ts} +2 -2
  106. package/cjs/icons/dnb/{document.js → candle_stick.js} +7 -8
  107. package/cjs/icons/dnb/candle_stick_medium.d.ts +4 -0
  108. package/cjs/icons/dnb/{document_medium.js → candle_stick_medium.js} +7 -8
  109. package/cjs/icons/dnb/{document_csv.d.ts → fortune_ball.d.ts} +2 -2
  110. package/cjs/icons/dnb/fortune_ball.js +31 -0
  111. package/cjs/icons/dnb/fortune_ball_medium.d.ts +4 -0
  112. package/cjs/icons/dnb/fortune_ball_medium.js +31 -0
  113. package/cjs/icons/dnb/icons-svg.lock +1174 -1070
  114. package/cjs/icons/dnb/index.d.ts +9 -25
  115. package/cjs/icons/dnb/index.js +64 -192
  116. package/cjs/icons/dnb/{document.d.ts → scan.d.ts} +2 -2
  117. package/cjs/icons/dnb/scan.js +28 -0
  118. package/cjs/icons/dnb/scan_medium.d.ts +4 -0
  119. package/cjs/icons/dnb/scan_medium.js +35 -0
  120. package/cjs/icons/dnb/secondary_icons.d.ts +5 -1
  121. package/cjs/icons/dnb/secondary_icons.js +32 -0
  122. package/cjs/icons/dnb/secondary_icons_medium.d.ts +5 -1
  123. package/cjs/icons/dnb/secondary_icons_medium.js +32 -0
  124. package/cjs/icons/dnb/shield_lock.js +17 -2
  125. package/cjs/icons/dnb/shield_lock_medium.js +17 -2
  126. package/cjs/icons/{document_add.d.ts → fortune_ball.d.ts} +1 -1
  127. package/cjs/icons/{document_csv.js → fortune_ball.js} +2 -2
  128. package/cjs/icons/fortune_ball_medium.d.ts +3 -0
  129. package/cjs/icons/fortune_ball_medium.js +13 -0
  130. package/cjs/icons/icons-meta.json +3748 -0
  131. package/cjs/icons/index.d.ts +9 -25
  132. package/cjs/icons/index.js +64 -192
  133. package/{es/icons/document.d.ts → cjs/icons/scan.d.ts} +1 -1
  134. package/cjs/icons/{document.js → scan.js} +2 -2
  135. package/cjs/icons/scan_medium.d.ts +3 -0
  136. package/cjs/icons/scan_medium.js +13 -0
  137. package/cjs/shared/Eufemia.d.ts +1 -1
  138. package/cjs/shared/Eufemia.js +2 -2
  139. package/cjs/shared/index.d.ts +2 -1
  140. package/cjs/style/dnb-ui-components.css +1 -1
  141. package/cjs/style/dnb-ui-components.min.css +1 -1
  142. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +4 -4
  143. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +17 -9
  144. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
  145. package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.css +4 -4
  146. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +29 -29
  147. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
  148. package/cjs/style/themes/theme-ui/ui-theme-basis.css +4 -4
  149. package/cjs/style/themes/theme-ui/ui-theme-components.css +9 -5
  150. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +1 -1
  151. package/cjs/style/themes/theme-ui/ui-theme-elements.css +4 -4
  152. package/cjs/style/themes/theme-ui/ui-theme-tags.css +98 -1
  153. package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  154. package/cjs/style/themes/theme-ui/ui-theme-tags.scss +15 -1
  155. package/components/anchor/Anchor.d.ts +3 -3
  156. package/components/anchor/style/deps.scss +9 -0
  157. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +20 -10
  158. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  159. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +17 -14
  160. package/components/anchor/style/themes/dnb-anchor-theme-ui.scss +28 -14
  161. package/components/autocomplete/Autocomplete.js +5 -2
  162. package/components/avatar/Avatar.d.ts +1 -0
  163. package/components/button/style/dnb-button--tertiary.css +4 -0
  164. package/components/button/style/dnb-button--tertiary.min.css +1 -1
  165. package/components/button/style/dnb-button--tertiary.scss +3 -0
  166. package/components/button/style/themes/button-mixins.scss +3 -3
  167. package/components/button/style/themes/dnb-button-theme-eiendom.css +8 -4
  168. package/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  169. package/components/button/style/themes/dnb-button-theme-sbanken.css +8 -18
  170. package/components/button/style/themes/dnb-button-theme-sbanken.min.css +1 -1
  171. package/components/button/style/themes/dnb-button-theme-sbanken.scss +6 -10
  172. package/components/button/style/themes/dnb-button-theme-ui.css +8 -4
  173. package/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  174. package/components/button/style/themes/dnb-button-theme-ui.scss +5 -5
  175. package/components/checkbox/Checkbox.d.ts +1 -1
  176. package/components/date-picker/DatePicker.d.ts +1 -1
  177. package/components/drawer/Drawer.d.ts +2 -1
  178. package/components/dropdown/Dropdown.d.ts +1 -1
  179. package/components/form-label/FormLabel.d.ts +1 -1
  180. package/components/form-row/FormRow.d.ts +1 -1
  181. package/components/form-set/FormSet.d.ts +1 -1
  182. package/components/form-status/FormStatus.d.ts +1 -1
  183. package/components/global-error/GlobalError.d.ts +1 -1
  184. package/components/global-status/GlobalStatus.d.ts +4 -4
  185. package/components/heading/Heading.d.ts +89 -106
  186. package/components/heading/Heading.js +115 -183
  187. package/components/heading/HeadingContext.d.ts +12 -5
  188. package/components/heading/HeadingContext.js +2 -2
  189. package/components/heading/HeadingCounter.d.ts +38 -14
  190. package/components/heading/HeadingCounter.js +20 -17
  191. package/components/heading/HeadingHelpers.d.ts +45 -23
  192. package/components/heading/HeadingHelpers.js +27 -13
  193. package/components/heading/HeadingProvider.d.ts +9 -12
  194. package/components/heading/HeadingProvider.js +46 -90
  195. package/components/height-animation/HeightAnimation.d.ts +1 -1
  196. package/components/icon/Icon.d.ts +1 -1
  197. package/components/icon/Icon.js +1 -1
  198. package/components/icon-primary/IconPrimary.d.ts +1 -1
  199. package/components/info-card/style/dnb-info-card.css +1 -1
  200. package/components/info-card/style/dnb-info-card.min.css +1 -1
  201. package/components/info-card/style/dnb-info-card.scss +1 -1
  202. package/components/input/Input.d.ts +2 -2
  203. package/components/input/InputPassword.d.ts +1 -1
  204. package/components/input-masked/InputMasked.d.ts +2 -2
  205. package/components/input-masked/InputMasked.js +1 -1
  206. package/components/input-masked/InputMaskedHooks.js +16 -11
  207. package/components/input-masked/text-mask/createTextMaskInputElement.js +1 -3
  208. package/components/lib.d.ts +2 -2
  209. package/components/logo/Logo.d.ts +1 -1
  210. package/components/number-format/NumberFormat.js +2 -10
  211. package/components/number-format/NumberUtils.d.ts +12 -0
  212. package/components/pagination/Pagination.d.ts +1 -1
  213. package/components/radio/Radio.d.ts +1 -1
  214. package/components/radio/RadioGroup.d.ts +1 -1
  215. package/components/section/Section.d.ts +1 -1
  216. package/components/skeleton/Skeleton.d.ts +1 -1
  217. package/components/space/Space.d.ts +1 -1
  218. package/components/step-indicator/StepIndicator.d.ts +1 -1
  219. package/components/step-indicator/StepIndicatorItem.d.ts +1 -1
  220. package/components/step-indicator/StepIndicatorSidebar.d.ts +7 -5
  221. package/components/step-indicator/StepIndicatorTriggerButton.d.ts +1 -1
  222. package/components/switch/Switch.d.ts +1 -1
  223. package/components/tabs/Tabs.d.ts +1 -1
  224. package/components/textarea/Textarea.d.ts +1 -1
  225. package/components/toggle-button/ToggleButton.d.ts +1 -1
  226. package/core/jest/jestSetupScreenshots.css +1 -0
  227. package/elements/Element.d.ts +3 -3
  228. package/elements/Link.d.ts +2 -2
  229. package/elements/img/style/dnb-img.scss +2 -24
  230. package/elements/img/style/img-mixins.scss +29 -0
  231. package/elements/img/style/themes/dnb-img-theme-ui.scss +17 -4
  232. package/elements/lib.d.ts +2 -2
  233. package/elements/typography/style/themes/dnb-typography-theme-ui.scss +18 -2
  234. package/es/components/anchor/Anchor.d.ts +3 -3
  235. package/es/components/anchor/style/deps.scss +9 -0
  236. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +20 -10
  237. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  238. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +17 -14
  239. package/es/components/anchor/style/themes/dnb-anchor-theme-ui.scss +28 -14
  240. package/es/components/autocomplete/Autocomplete.js +5 -2
  241. package/es/components/avatar/Avatar.d.ts +1 -0
  242. package/es/components/button/style/dnb-button--tertiary.css +4 -0
  243. package/es/components/button/style/dnb-button--tertiary.min.css +1 -1
  244. package/es/components/button/style/dnb-button--tertiary.scss +3 -0
  245. package/es/components/button/style/themes/button-mixins.scss +3 -3
  246. package/es/components/button/style/themes/dnb-button-theme-eiendom.css +8 -4
  247. package/es/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  248. package/es/components/button/style/themes/dnb-button-theme-sbanken.css +8 -18
  249. package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +1 -1
  250. package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +6 -10
  251. package/es/components/button/style/themes/dnb-button-theme-ui.css +8 -4
  252. package/es/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  253. package/es/components/button/style/themes/dnb-button-theme-ui.scss +5 -5
  254. package/es/components/checkbox/Checkbox.d.ts +1 -1
  255. package/es/components/date-picker/DatePicker.d.ts +1 -1
  256. package/es/components/drawer/Drawer.d.ts +2 -1
  257. package/es/components/dropdown/Dropdown.d.ts +1 -1
  258. package/es/components/form-label/FormLabel.d.ts +1 -1
  259. package/es/components/form-row/FormRow.d.ts +1 -1
  260. package/es/components/form-set/FormSet.d.ts +1 -1
  261. package/es/components/form-status/FormStatus.d.ts +1 -1
  262. package/es/components/global-error/GlobalError.d.ts +1 -1
  263. package/es/components/global-status/GlobalStatus.d.ts +4 -4
  264. package/es/components/heading/Heading.d.ts +89 -106
  265. package/es/components/heading/Heading.js +115 -183
  266. package/es/components/heading/HeadingContext.d.ts +12 -5
  267. package/es/components/heading/HeadingContext.js +2 -2
  268. package/es/components/heading/HeadingCounter.d.ts +38 -14
  269. package/es/components/heading/HeadingCounter.js +19 -18
  270. package/es/components/heading/HeadingHelpers.d.ts +45 -23
  271. package/es/components/heading/HeadingHelpers.js +27 -13
  272. package/es/components/heading/HeadingProvider.d.ts +9 -12
  273. package/es/components/heading/HeadingProvider.js +46 -90
  274. package/es/components/height-animation/HeightAnimation.d.ts +1 -1
  275. package/es/components/icon/Icon.d.ts +1 -1
  276. package/es/components/icon/Icon.js +1 -1
  277. package/es/components/icon-primary/IconPrimary.d.ts +1 -1
  278. package/es/components/info-card/style/dnb-info-card.css +1 -1
  279. package/es/components/info-card/style/dnb-info-card.min.css +1 -1
  280. package/es/components/info-card/style/dnb-info-card.scss +1 -1
  281. package/es/components/input/Input.d.ts +2 -2
  282. package/es/components/input/InputPassword.d.ts +1 -1
  283. package/es/components/input-masked/InputMasked.d.ts +2 -2
  284. package/es/components/input-masked/InputMasked.js +1 -1
  285. package/es/components/input-masked/InputMaskedHooks.js +10 -5
  286. package/es/components/input-masked/text-mask/createTextMaskInputElement.js +1 -3
  287. package/es/components/lib.d.ts +2 -2
  288. package/es/components/logo/Logo.d.ts +1 -1
  289. package/es/components/number-format/NumberFormat.js +2 -10
  290. package/es/components/number-format/NumberUtils.d.ts +12 -0
  291. package/es/components/pagination/Pagination.d.ts +1 -1
  292. package/es/components/radio/Radio.d.ts +1 -1
  293. package/es/components/radio/RadioGroup.d.ts +1 -1
  294. package/es/components/section/Section.d.ts +1 -1
  295. package/es/components/skeleton/Skeleton.d.ts +1 -1
  296. package/es/components/space/Space.d.ts +1 -1
  297. package/es/components/step-indicator/StepIndicator.d.ts +1 -1
  298. package/es/components/step-indicator/StepIndicatorItem.d.ts +1 -1
  299. package/es/components/step-indicator/StepIndicatorSidebar.d.ts +7 -5
  300. package/es/components/step-indicator/StepIndicatorTriggerButton.d.ts +1 -1
  301. package/es/components/switch/Switch.d.ts +1 -1
  302. package/es/components/tabs/Tabs.d.ts +1 -1
  303. package/es/components/textarea/Textarea.d.ts +1 -1
  304. package/es/components/toggle-button/ToggleButton.d.ts +1 -1
  305. package/es/core/jest/jestSetupScreenshots.css +1 -0
  306. package/es/elements/Element.d.ts +3 -3
  307. package/es/elements/Link.d.ts +2 -2
  308. package/es/elements/img/style/dnb-img.scss +2 -24
  309. package/es/elements/img/style/img-mixins.scss +29 -0
  310. package/es/elements/img/style/themes/dnb-img-theme-ui.scss +17 -4
  311. package/es/elements/lib.d.ts +2 -2
  312. package/es/elements/typography/style/themes/dnb-typography-theme-ui.scss +18 -2
  313. package/es/icons/accounting.d.ts +3 -0
  314. package/es/icons/accounting.js +2 -0
  315. package/es/icons/accounting_medium.d.ts +3 -0
  316. package/es/icons/accounting_medium.js +2 -0
  317. package/es/icons/candle_stick.d.ts +3 -0
  318. package/es/icons/candle_stick.js +2 -0
  319. package/es/icons/candle_stick_medium.d.ts +3 -0
  320. package/es/icons/candle_stick_medium.js +2 -0
  321. package/es/icons/dnb/accounting.d.ts +4 -0
  322. package/es/icons/dnb/accounting.js +21 -0
  323. package/es/icons/dnb/accounting_medium.d.ts +4 -0
  324. package/es/icons/dnb/accounting_medium.js +21 -0
  325. package/es/icons/dnb/candle_stick.d.ts +4 -0
  326. package/es/icons/dnb/candle_stick.js +20 -0
  327. package/es/icons/dnb/candle_stick_medium.d.ts +4 -0
  328. package/es/icons/dnb/candle_stick_medium.js +20 -0
  329. package/es/icons/dnb/fortune_ball.d.ts +4 -0
  330. package/es/icons/dnb/fortune_ball.js +21 -0
  331. package/es/icons/dnb/fortune_ball_medium.d.ts +4 -0
  332. package/es/icons/dnb/fortune_ball_medium.js +21 -0
  333. package/es/icons/dnb/icons-svg.lock +1174 -1070
  334. package/es/icons/dnb/index.d.ts +9 -25
  335. package/es/icons/dnb/index.js +9 -25
  336. package/es/icons/dnb/{document.d.ts → scan.d.ts} +2 -2
  337. package/es/icons/dnb/scan.js +18 -0
  338. package/es/icons/dnb/scan_medium.d.ts +4 -0
  339. package/es/icons/dnb/scan_medium.js +25 -0
  340. package/es/icons/dnb/secondary_icons.d.ts +5 -1
  341. package/es/icons/dnb/secondary_icons.js +5 -1
  342. package/es/icons/dnb/secondary_icons_medium.d.ts +5 -1
  343. package/es/icons/dnb/secondary_icons_medium.js +5 -1
  344. package/es/icons/dnb/shield_lock.js +17 -2
  345. package/es/icons/dnb/shield_lock_medium.js +17 -2
  346. package/es/icons/fortune_ball.d.ts +3 -0
  347. package/es/icons/fortune_ball.js +2 -0
  348. package/es/icons/fortune_ball_medium.d.ts +3 -0
  349. package/es/icons/fortune_ball_medium.js +2 -0
  350. package/es/icons/icons-meta.json +3748 -0
  351. package/es/icons/index.d.ts +9 -25
  352. package/es/icons/index.js +9 -25
  353. package/{cjs/icons/document.d.ts → es/icons/scan.d.ts} +1 -1
  354. package/es/icons/scan.js +2 -0
  355. package/es/icons/scan_medium.d.ts +3 -0
  356. package/es/icons/scan_medium.js +2 -0
  357. package/es/shared/Eufemia.d.ts +1 -1
  358. package/es/shared/Eufemia.js +2 -2
  359. package/es/shared/index.d.ts +2 -1
  360. package/es/style/dnb-ui-components.css +1 -1
  361. package/es/style/dnb-ui-components.min.css +1 -1
  362. package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +4 -4
  363. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +17 -9
  364. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
  365. package/es/style/themes/theme-eiendom/eiendom-theme-elements.css +4 -4
  366. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +29 -29
  367. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
  368. package/es/style/themes/theme-ui/ui-theme-basis.css +4 -4
  369. package/es/style/themes/theme-ui/ui-theme-components.css +9 -5
  370. package/es/style/themes/theme-ui/ui-theme-components.min.css +1 -1
  371. package/es/style/themes/theme-ui/ui-theme-elements.css +4 -4
  372. package/es/style/themes/theme-ui/ui-theme-tags.css +98 -1
  373. package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  374. package/es/style/themes/theme-ui/ui-theme-tags.scss +15 -1
  375. package/esm/dnb-ui-basis.min.mjs +1 -1
  376. package/esm/dnb-ui-components.min.mjs +1 -1
  377. package/esm/dnb-ui-elements.min.mjs +1 -1
  378. package/esm/dnb-ui-extensions.min.mjs +1 -1
  379. package/esm/dnb-ui-lib.min.mjs +1 -1
  380. package/icons/accounting.d.ts +3 -0
  381. package/icons/accounting.js +2 -0
  382. package/icons/accounting_medium.d.ts +3 -0
  383. package/icons/accounting_medium.js +2 -0
  384. package/icons/candle_stick.d.ts +3 -0
  385. package/icons/candle_stick.js +2 -0
  386. package/icons/candle_stick_medium.d.ts +3 -0
  387. package/icons/candle_stick_medium.js +2 -0
  388. package/icons/dnb/accounting.d.ts +4 -0
  389. package/icons/dnb/accounting.js +21 -0
  390. package/icons/dnb/accounting_medium.d.ts +4 -0
  391. package/icons/dnb/accounting_medium.js +21 -0
  392. package/icons/dnb/candle_stick.d.ts +4 -0
  393. package/icons/dnb/candle_stick.js +20 -0
  394. package/icons/dnb/candle_stick_medium.d.ts +4 -0
  395. package/icons/dnb/candle_stick_medium.js +20 -0
  396. package/icons/dnb/fortune_ball.d.ts +4 -0
  397. package/icons/dnb/fortune_ball.js +21 -0
  398. package/icons/dnb/fortune_ball_medium.d.ts +4 -0
  399. package/icons/dnb/fortune_ball_medium.js +21 -0
  400. package/icons/dnb/icons-svg.lock +1174 -1070
  401. package/icons/dnb/index.d.ts +9 -25
  402. package/icons/dnb/index.js +9 -25
  403. package/icons/dnb/{document.d.ts → scan.d.ts} +2 -2
  404. package/icons/dnb/scan.js +18 -0
  405. package/icons/dnb/scan_medium.d.ts +4 -0
  406. package/icons/dnb/scan_medium.js +25 -0
  407. package/icons/dnb/secondary_icons.d.ts +5 -1
  408. package/icons/dnb/secondary_icons.js +5 -1
  409. package/icons/dnb/secondary_icons_medium.d.ts +5 -1
  410. package/icons/dnb/secondary_icons_medium.js +5 -1
  411. package/icons/dnb/shield_lock.js +17 -2
  412. package/icons/dnb/shield_lock_medium.js +17 -2
  413. package/icons/fortune_ball.d.ts +3 -0
  414. package/icons/fortune_ball.js +2 -0
  415. package/icons/fortune_ball_medium.d.ts +3 -0
  416. package/icons/fortune_ball_medium.js +2 -0
  417. package/icons/icons-meta.json +3748 -0
  418. package/icons/index.d.ts +9 -25
  419. package/icons/index.js +9 -25
  420. package/icons/{document.d.ts → scan.d.ts} +1 -1
  421. package/icons/scan.js +2 -0
  422. package/icons/scan_medium.d.ts +3 -0
  423. package/icons/scan_medium.js +2 -0
  424. package/package.json +1 -1
  425. package/shared/Eufemia.d.ts +1 -1
  426. package/shared/Eufemia.js +2 -2
  427. package/shared/index.d.ts +2 -1
  428. package/style/dnb-ui-components.css +1 -1
  429. package/style/dnb-ui-components.min.css +1 -1
  430. package/style/themes/theme-eiendom/eiendom-theme-basis.css +4 -4
  431. package/style/themes/theme-eiendom/eiendom-theme-components.css +17 -9
  432. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
  433. package/style/themes/theme-eiendom/eiendom-theme-elements.css +4 -4
  434. package/style/themes/theme-sbanken/sbanken-theme-components.css +29 -29
  435. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
  436. package/style/themes/theme-ui/ui-theme-basis.css +4 -4
  437. package/style/themes/theme-ui/ui-theme-components.css +9 -5
  438. package/style/themes/theme-ui/ui-theme-components.min.css +1 -1
  439. package/style/themes/theme-ui/ui-theme-elements.css +4 -4
  440. package/style/themes/theme-ui/ui-theme-tags.css +98 -1
  441. package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  442. package/style/themes/theme-ui/ui-theme-tags.scss +15 -1
  443. package/umd/dnb-ui-basis.min.js +1 -1
  444. package/umd/dnb-ui-components.min.js +1 -1
  445. package/umd/dnb-ui-elements.min.js +1 -1
  446. package/umd/dnb-ui-extensions.min.js +1 -1
  447. package/umd/dnb-ui-lib.min.js +1 -1
  448. package/assets/icons/dnb/document.svg +0 -3
  449. package/assets/icons/dnb/document_add.svg +0 -3
  450. package/assets/icons/dnb/document_add_medium.svg +0 -3
  451. package/assets/icons/dnb/document_contract.svg +0 -3
  452. package/assets/icons/dnb/document_contract_medium.svg +0 -3
  453. package/assets/icons/dnb/document_csv.svg +0 -6
  454. package/assets/icons/dnb/document_csv_medium.svg +0 -6
  455. package/assets/icons/dnb/document_loupe.svg +0 -3
  456. package/assets/icons/dnb/document_loupe_medium.svg +0 -3
  457. package/assets/icons/dnb/document_medium.svg +0 -3
  458. package/assets/icons/dnb/document_pdf.svg +0 -6
  459. package/assets/icons/dnb/document_pdf_medium.svg +0 -6
  460. package/assets/icons/dnb/document_rejected.svg +0 -3
  461. package/assets/icons/dnb/document_rejected_medium.svg +0 -3
  462. package/assets/icons/dnb/document_signing.svg +0 -3
  463. package/assets/icons/dnb/document_signing_medium.svg +0 -3
  464. package/assets/icons/dnb/document_txt.svg +0 -6
  465. package/assets/icons/dnb/document_txt_medium.svg +0 -6
  466. package/assets/icons/dnb/document_warning.svg +0 -4
  467. package/assets/icons/dnb/document_warning_medium.svg +0 -4
  468. package/assets/icons/dnb/document_word.svg +0 -6
  469. package/assets/icons/dnb/document_word_medium.svg +0 -6
  470. package/assets/icons/dnb/document_xls.svg +0 -6
  471. package/assets/icons/dnb/document_xls_medium.svg +0 -6
  472. package/cjs/icons/dnb/document_add.js +0 -28
  473. package/cjs/icons/dnb/document_add_medium.d.ts +0 -4
  474. package/cjs/icons/dnb/document_add_medium.js +0 -28
  475. package/cjs/icons/dnb/document_contract.d.ts +0 -4
  476. package/cjs/icons/dnb/document_contract.js +0 -31
  477. package/cjs/icons/dnb/document_contract_medium.d.ts +0 -4
  478. package/cjs/icons/dnb/document_contract_medium.js +0 -31
  479. package/cjs/icons/dnb/document_csv.js +0 -37
  480. package/cjs/icons/dnb/document_csv_medium.d.ts +0 -4
  481. package/cjs/icons/dnb/document_csv_medium.js +0 -40
  482. package/cjs/icons/dnb/document_loupe.d.ts +0 -4
  483. package/cjs/icons/dnb/document_loupe.js +0 -28
  484. package/cjs/icons/dnb/document_loupe_medium.d.ts +0 -4
  485. package/cjs/icons/dnb/document_loupe_medium.js +0 -28
  486. package/cjs/icons/dnb/document_medium.d.ts +0 -4
  487. package/cjs/icons/dnb/document_pdf.js +0 -37
  488. package/cjs/icons/dnb/document_pdf_medium.d.ts +0 -4
  489. package/cjs/icons/dnb/document_pdf_medium.js +0 -40
  490. package/cjs/icons/dnb/document_rejected.d.ts +0 -4
  491. package/cjs/icons/dnb/document_rejected_medium.d.ts +0 -4
  492. package/cjs/icons/dnb/document_rejected_medium.js +0 -31
  493. package/cjs/icons/dnb/document_signing.d.ts +0 -4
  494. package/cjs/icons/dnb/document_signing.js +0 -28
  495. package/cjs/icons/dnb/document_signing_medium.d.ts +0 -4
  496. package/cjs/icons/dnb/document_signing_medium.js +0 -28
  497. package/cjs/icons/dnb/document_txt.d.ts +0 -4
  498. package/cjs/icons/dnb/document_txt.js +0 -37
  499. package/cjs/icons/dnb/document_txt_medium.d.ts +0 -4
  500. package/cjs/icons/dnb/document_txt_medium.js +0 -40
  501. package/cjs/icons/dnb/document_warning.d.ts +0 -4
  502. package/cjs/icons/dnb/document_warning.js +0 -34
  503. package/cjs/icons/dnb/document_warning_medium.d.ts +0 -4
  504. package/cjs/icons/dnb/document_warning_medium.js +0 -34
  505. package/cjs/icons/dnb/document_word.d.ts +0 -4
  506. package/cjs/icons/dnb/document_word.js +0 -37
  507. package/cjs/icons/dnb/document_word_medium.d.ts +0 -4
  508. package/cjs/icons/dnb/document_word_medium.js +0 -40
  509. package/cjs/icons/dnb/document_xls.d.ts +0 -4
  510. package/cjs/icons/dnb/document_xls.js +0 -37
  511. package/cjs/icons/dnb/document_xls_medium.d.ts +0 -4
  512. package/cjs/icons/dnb/document_xls_medium.js +0 -40
  513. package/cjs/icons/document_contract_medium.d.ts +0 -3
  514. package/cjs/icons/document_contract_medium.js +0 -13
  515. package/cjs/icons/document_csv_medium.d.ts +0 -3
  516. package/cjs/icons/document_csv_medium.js +0 -13
  517. package/cjs/icons/document_loupe.d.ts +0 -3
  518. package/cjs/icons/document_loupe.js +0 -13
  519. package/cjs/icons/document_loupe_medium.d.ts +0 -3
  520. package/cjs/icons/document_loupe_medium.js +0 -13
  521. package/cjs/icons/document_medium.d.ts +0 -3
  522. package/cjs/icons/document_medium.js +0 -13
  523. package/cjs/icons/document_pdf_medium.d.ts +0 -3
  524. package/cjs/icons/document_pdf_medium.js +0 -13
  525. package/cjs/icons/document_rejected.d.ts +0 -3
  526. package/cjs/icons/document_rejected.js +0 -13
  527. package/cjs/icons/document_rejected_medium.d.ts +0 -3
  528. package/cjs/icons/document_rejected_medium.js +0 -13
  529. package/cjs/icons/document_signing.d.ts +0 -3
  530. package/cjs/icons/document_signing.js +0 -13
  531. package/cjs/icons/document_signing_medium.d.ts +0 -3
  532. package/cjs/icons/document_signing_medium.js +0 -13
  533. package/cjs/icons/document_txt.d.ts +0 -3
  534. package/cjs/icons/document_txt.js +0 -13
  535. package/cjs/icons/document_txt_medium.d.ts +0 -3
  536. package/cjs/icons/document_txt_medium.js +0 -13
  537. package/cjs/icons/document_warning.d.ts +0 -3
  538. package/cjs/icons/document_warning.js +0 -13
  539. package/cjs/icons/document_warning_medium.d.ts +0 -3
  540. package/cjs/icons/document_warning_medium.js +0 -13
  541. package/cjs/icons/document_word.d.ts +0 -3
  542. package/cjs/icons/document_word.js +0 -13
  543. package/cjs/icons/document_word_medium.d.ts +0 -3
  544. package/cjs/icons/document_word_medium.js +0 -13
  545. package/cjs/icons/document_xls.d.ts +0 -3
  546. package/cjs/icons/document_xls.js +0 -13
  547. package/cjs/icons/document_xls_medium.d.ts +0 -3
  548. package/cjs/icons/document_xls_medium.js +0 -13
  549. package/es/icons/dnb/document.js +0 -21
  550. package/es/icons/dnb/document_add.d.ts +0 -4
  551. package/es/icons/dnb/document_add.js +0 -18
  552. package/es/icons/dnb/document_add_medium.d.ts +0 -4
  553. package/es/icons/dnb/document_add_medium.js +0 -18
  554. package/es/icons/dnb/document_contract.d.ts +0 -4
  555. package/es/icons/dnb/document_contract.js +0 -21
  556. package/es/icons/dnb/document_contract_medium.d.ts +0 -4
  557. package/es/icons/dnb/document_contract_medium.js +0 -21
  558. package/es/icons/dnb/document_csv.d.ts +0 -4
  559. package/es/icons/dnb/document_csv.js +0 -27
  560. package/es/icons/dnb/document_csv_medium.d.ts +0 -4
  561. package/es/icons/dnb/document_csv_medium.js +0 -30
  562. package/es/icons/dnb/document_loupe.d.ts +0 -4
  563. package/es/icons/dnb/document_loupe.js +0 -18
  564. package/es/icons/dnb/document_loupe_medium.d.ts +0 -4
  565. package/es/icons/dnb/document_loupe_medium.js +0 -18
  566. package/es/icons/dnb/document_medium.d.ts +0 -4
  567. package/es/icons/dnb/document_medium.js +0 -21
  568. package/es/icons/dnb/document_pdf.d.ts +0 -4
  569. package/es/icons/dnb/document_pdf.js +0 -27
  570. package/es/icons/dnb/document_pdf_medium.d.ts +0 -4
  571. package/es/icons/dnb/document_pdf_medium.js +0 -30
  572. package/es/icons/dnb/document_rejected.d.ts +0 -4
  573. package/es/icons/dnb/document_rejected.js +0 -21
  574. package/es/icons/dnb/document_rejected_medium.d.ts +0 -4
  575. package/es/icons/dnb/document_rejected_medium.js +0 -21
  576. package/es/icons/dnb/document_signing.d.ts +0 -4
  577. package/es/icons/dnb/document_signing.js +0 -18
  578. package/es/icons/dnb/document_signing_medium.d.ts +0 -4
  579. package/es/icons/dnb/document_signing_medium.js +0 -18
  580. package/es/icons/dnb/document_txt.d.ts +0 -4
  581. package/es/icons/dnb/document_txt.js +0 -27
  582. package/es/icons/dnb/document_txt_medium.d.ts +0 -4
  583. package/es/icons/dnb/document_txt_medium.js +0 -30
  584. package/es/icons/dnb/document_warning.d.ts +0 -4
  585. package/es/icons/dnb/document_warning.js +0 -24
  586. package/es/icons/dnb/document_warning_medium.d.ts +0 -4
  587. package/es/icons/dnb/document_warning_medium.js +0 -24
  588. package/es/icons/dnb/document_word.d.ts +0 -4
  589. package/es/icons/dnb/document_word.js +0 -27
  590. package/es/icons/dnb/document_word_medium.d.ts +0 -4
  591. package/es/icons/dnb/document_word_medium.js +0 -30
  592. package/es/icons/dnb/document_xls.d.ts +0 -4
  593. package/es/icons/dnb/document_xls.js +0 -27
  594. package/es/icons/dnb/document_xls_medium.d.ts +0 -4
  595. package/es/icons/dnb/document_xls_medium.js +0 -30
  596. package/es/icons/document.js +0 -2
  597. package/es/icons/document_add.d.ts +0 -3
  598. package/es/icons/document_add.js +0 -2
  599. package/es/icons/document_add_medium.d.ts +0 -3
  600. package/es/icons/document_add_medium.js +0 -2
  601. package/es/icons/document_contract.d.ts +0 -3
  602. package/es/icons/document_contract.js +0 -2
  603. package/es/icons/document_contract_medium.d.ts +0 -3
  604. package/es/icons/document_contract_medium.js +0 -2
  605. package/es/icons/document_csv.d.ts +0 -3
  606. package/es/icons/document_csv.js +0 -2
  607. package/es/icons/document_csv_medium.d.ts +0 -3
  608. package/es/icons/document_csv_medium.js +0 -2
  609. package/es/icons/document_loupe.d.ts +0 -3
  610. package/es/icons/document_loupe.js +0 -2
  611. package/es/icons/document_loupe_medium.d.ts +0 -3
  612. package/es/icons/document_loupe_medium.js +0 -2
  613. package/es/icons/document_medium.d.ts +0 -3
  614. package/es/icons/document_medium.js +0 -2
  615. package/es/icons/document_pdf.d.ts +0 -3
  616. package/es/icons/document_pdf.js +0 -2
  617. package/es/icons/document_pdf_medium.d.ts +0 -3
  618. package/es/icons/document_pdf_medium.js +0 -2
  619. package/es/icons/document_rejected.d.ts +0 -3
  620. package/es/icons/document_rejected.js +0 -2
  621. package/es/icons/document_rejected_medium.d.ts +0 -3
  622. package/es/icons/document_rejected_medium.js +0 -2
  623. package/es/icons/document_signing.d.ts +0 -3
  624. package/es/icons/document_signing.js +0 -2
  625. package/es/icons/document_signing_medium.d.ts +0 -3
  626. package/es/icons/document_signing_medium.js +0 -2
  627. package/es/icons/document_txt.d.ts +0 -3
  628. package/es/icons/document_txt.js +0 -2
  629. package/es/icons/document_txt_medium.d.ts +0 -3
  630. package/es/icons/document_txt_medium.js +0 -2
  631. package/es/icons/document_warning.d.ts +0 -3
  632. package/es/icons/document_warning.js +0 -2
  633. package/es/icons/document_warning_medium.d.ts +0 -3
  634. package/es/icons/document_warning_medium.js +0 -2
  635. package/es/icons/document_word.d.ts +0 -3
  636. package/es/icons/document_word.js +0 -2
  637. package/es/icons/document_word_medium.d.ts +0 -3
  638. package/es/icons/document_word_medium.js +0 -2
  639. package/es/icons/document_xls.d.ts +0 -3
  640. package/es/icons/document_xls.js +0 -2
  641. package/es/icons/document_xls_medium.d.ts +0 -3
  642. package/es/icons/document_xls_medium.js +0 -2
  643. package/icons/dnb/document.js +0 -21
  644. package/icons/dnb/document_add.d.ts +0 -4
  645. package/icons/dnb/document_add.js +0 -18
  646. package/icons/dnb/document_add_medium.d.ts +0 -4
  647. package/icons/dnb/document_add_medium.js +0 -18
  648. package/icons/dnb/document_contract.d.ts +0 -4
  649. package/icons/dnb/document_contract.js +0 -21
  650. package/icons/dnb/document_contract_medium.d.ts +0 -4
  651. package/icons/dnb/document_contract_medium.js +0 -21
  652. package/icons/dnb/document_csv.d.ts +0 -4
  653. package/icons/dnb/document_csv.js +0 -27
  654. package/icons/dnb/document_csv_medium.d.ts +0 -4
  655. package/icons/dnb/document_csv_medium.js +0 -30
  656. package/icons/dnb/document_loupe.d.ts +0 -4
  657. package/icons/dnb/document_loupe.js +0 -18
  658. package/icons/dnb/document_loupe_medium.d.ts +0 -4
  659. package/icons/dnb/document_loupe_medium.js +0 -18
  660. package/icons/dnb/document_medium.d.ts +0 -4
  661. package/icons/dnb/document_medium.js +0 -21
  662. package/icons/dnb/document_pdf.d.ts +0 -4
  663. package/icons/dnb/document_pdf.js +0 -27
  664. package/icons/dnb/document_pdf_medium.d.ts +0 -4
  665. package/icons/dnb/document_pdf_medium.js +0 -30
  666. package/icons/dnb/document_rejected.d.ts +0 -4
  667. package/icons/dnb/document_rejected.js +0 -21
  668. package/icons/dnb/document_rejected_medium.d.ts +0 -4
  669. package/icons/dnb/document_rejected_medium.js +0 -21
  670. package/icons/dnb/document_signing.d.ts +0 -4
  671. package/icons/dnb/document_signing.js +0 -18
  672. package/icons/dnb/document_signing_medium.d.ts +0 -4
  673. package/icons/dnb/document_signing_medium.js +0 -18
  674. package/icons/dnb/document_txt.d.ts +0 -4
  675. package/icons/dnb/document_txt.js +0 -27
  676. package/icons/dnb/document_txt_medium.d.ts +0 -4
  677. package/icons/dnb/document_txt_medium.js +0 -30
  678. package/icons/dnb/document_warning.d.ts +0 -4
  679. package/icons/dnb/document_warning.js +0 -24
  680. package/icons/dnb/document_warning_medium.d.ts +0 -4
  681. package/icons/dnb/document_warning_medium.js +0 -24
  682. package/icons/dnb/document_word.d.ts +0 -4
  683. package/icons/dnb/document_word.js +0 -27
  684. package/icons/dnb/document_word_medium.d.ts +0 -4
  685. package/icons/dnb/document_word_medium.js +0 -30
  686. package/icons/dnb/document_xls.d.ts +0 -4
  687. package/icons/dnb/document_xls.js +0 -27
  688. package/icons/dnb/document_xls_medium.d.ts +0 -4
  689. package/icons/dnb/document_xls_medium.js +0 -30
  690. package/icons/document.js +0 -2
  691. package/icons/document_add.d.ts +0 -3
  692. package/icons/document_add.js +0 -2
  693. package/icons/document_add_medium.d.ts +0 -3
  694. package/icons/document_add_medium.js +0 -2
  695. package/icons/document_contract.d.ts +0 -3
  696. package/icons/document_contract.js +0 -2
  697. package/icons/document_contract_medium.d.ts +0 -3
  698. package/icons/document_contract_medium.js +0 -2
  699. package/icons/document_csv.d.ts +0 -3
  700. package/icons/document_csv.js +0 -2
  701. package/icons/document_csv_medium.d.ts +0 -3
  702. package/icons/document_csv_medium.js +0 -2
  703. package/icons/document_loupe.d.ts +0 -3
  704. package/icons/document_loupe.js +0 -2
  705. package/icons/document_loupe_medium.d.ts +0 -3
  706. package/icons/document_loupe_medium.js +0 -2
  707. package/icons/document_medium.d.ts +0 -3
  708. package/icons/document_medium.js +0 -2
  709. package/icons/document_pdf.d.ts +0 -3
  710. package/icons/document_pdf.js +0 -2
  711. package/icons/document_pdf_medium.d.ts +0 -3
  712. package/icons/document_pdf_medium.js +0 -2
  713. package/icons/document_rejected.d.ts +0 -3
  714. package/icons/document_rejected.js +0 -2
  715. package/icons/document_rejected_medium.d.ts +0 -3
  716. package/icons/document_rejected_medium.js +0 -2
  717. package/icons/document_signing.d.ts +0 -3
  718. package/icons/document_signing.js +0 -2
  719. package/icons/document_signing_medium.d.ts +0 -3
  720. package/icons/document_signing_medium.js +0 -2
  721. package/icons/document_txt.d.ts +0 -3
  722. package/icons/document_txt.js +0 -2
  723. package/icons/document_txt_medium.d.ts +0 -3
  724. package/icons/document_txt_medium.js +0 -2
  725. package/icons/document_warning.d.ts +0 -3
  726. package/icons/document_warning.js +0 -2
  727. package/icons/document_warning_medium.d.ts +0 -3
  728. package/icons/document_warning_medium.js +0 -2
  729. package/icons/document_word.d.ts +0 -3
  730. package/icons/document_word.js +0 -2
  731. package/icons/document_word_medium.d.ts +0 -3
  732. package/icons/document_word_medium.js +0 -2
  733. package/icons/document_xls.d.ts +0 -3
  734. package/icons/document_xls.js +0 -2
  735. package/icons/document_xls_medium.d.ts +0 -3
  736. package/icons/document_xls_medium.js +0 -2
package/components/button/style/themes/dnb-button-theme-eiendom.css CHANGED
@@ -101,6 +101,10 @@ html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-bu
101
101
  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 {
102
102
  visibility: hidden;
103
103
  }
104
+ .dnb-button--tertiary.dnb-button--has-text {
105
+ padding-left: 0;
106
+ padding-right: 0;
107
+ }
104
108
  .dnb-button--tertiary.dnb-button--has-text .dnb-button__icon {
105
109
  align-self: flex-start;
106
110
  margin-top: calc(var(--button-height) / 2 - 0.5rem);
@@ -376,10 +380,6 @@ html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):
376
380
  color: var(--color-sea-green);
377
381
  background-color: transparent;
378
382
  }
379
- .dnb-button--tertiary.dnb-button--has-text {
380
- padding-left: 0;
381
- padding-right: 0;
382
- }
383
383
  html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
384
384
  cursor: not-allowed;
385
385
  }
@@ -491,6 +491,10 @@ html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondar
491
491
  html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled] {
492
492
  color: var(--color-black-55);
493
493
  background-color: var(--color-black-3);
494
+ --border-color: var(--color-black-55);
495
+ --border-width: var(--input-border-width);
496
+ box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
497
+ border-color: transparent;
494
498
  }
495
499
 
496
500
  .dnb-button--primary {
package/components/button/style/themes/dnb-button-theme-eiendom.min.css CHANGED
@@ -1 +1 @@
1
- .dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.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;position:absolute;right:0;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}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--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-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus: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 .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{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button--primary{background-color:var(--color-sea-green);color:var(--color-white)}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){--border-color:var(--color-emerald-green);background-color:var(--color-white);color:var(--color-sea-green)}.dnb-button--primary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:focus[disabled]{cursor:not-allowed}.dnb-button--primary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]){background-color:var(--color-mint-green-50);color:var(--color-sea-green)}.dnb-button--primary[disabled]{background-color:var(--color-sea-green-30);color:var(--color-white)}.dnb-button:not([disabled]).dnb-button--primary.dnb-button__status--error{background-color:var(--color-fire-red);color:var(--color-white)}.dnb-button--secondary{--border-color:var(--color-sea-green);background-color:var(--color-white);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--secondary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:focus[disabled]{cursor:not-allowed}.dnb-button--secondary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]){background-color:var(--color-mint-green-50);color:var(--color-sea-green)}.dnb-button--secondary[disabled],.dnb-button--secondary[disabled]:focus{--border-color:var(--color-sea-green-30);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green-30)}.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-fire-red)}.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error .dnb-button__icon{color:inherit}html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]){background-color:var(--color-mint-green-50)}.dnb-button--secondary:not(.dnb-button--has-text):not(.dnb-button--input-button).dnb-button--size-large{line-height:calc(var(--button-height--large) - .5rem);width:calc(var(--button-width--large) - .5rem)}.dnb-button--active{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary{background-color:transparent;color:var(--color-sea-green)}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{color:var(--color-emerald-green)}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}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{color:var(--color-emerald-green)}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small)}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary[disabled]{color:var(--color-sea-green-30)}.dnb-button--signal{background-color:var(--color-accent-yellow);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) .dnb-button--signal:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--signal:hover:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active[disabled],html[data-whatintent=touch] .dnb-button--signal:active[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]),html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--signal:focus[disabled]{cursor:not-allowed}.dnb-button--signal:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--signal:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal:active[disabled],html:not([data-whatintent=touch]) .dnb-button--signal:active[disabled]{cursor:not-allowed}.dnb-button--signal:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--signal:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal[disabled]{background-color:var(--color-accent-yellow-30);color:var(--color-black-20)}.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]){background-color:transparent;box-shadow:none}.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):after{background-color:currentcolor;bottom:0;content:"";left:0;position:absolute;top:0;width:.0625rem}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover{box-shadow:none;color:var(--color-white)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus:after,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover:after{background-color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):not(:active):hover{border-radius:0}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active{box-shadow:none;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active:after{background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled]{background-color:var(--color-black-3);color:var(--color-black-55)}.dnb-button--primary{background-color:var(--color-emerald-green)}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(--color-sea-green);--border-width:0.125rem;background-color:var(--color-sea-green);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white)}.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]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-sea-green);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white)}.dnb-button--primary[disabled]{--border-color:var(--color-black-55);--border-width:0.0625rem;background-color:var(--color-black-8);color:var(--color-black-55)}.dnb-button--primary[disabled],.dnb-button--secondary{border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--secondary{--border-color:var(--color-emerald-green);--border-width:0.0625rem;color:var(--color-emerald-green)}.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]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-pistachio);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary[disabled]{--border-color:var(--color-black-55);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.dnb-button--secondary:not(.dnb-button--has-text):active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled]{cursor:not-allowed}.dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-pistachio);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--tertiary{color:var(--color-emerald-green)}.dnb-button--tertiary[disabled]{color:var(--color-black-55)}
1
+ .dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.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;position:absolute;right:0;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}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--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-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus: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{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button--primary{background-color:var(--color-sea-green);color:var(--color-white)}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){--border-color:var(--color-emerald-green);background-color:var(--color-white);color:var(--color-sea-green)}.dnb-button--primary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:focus[disabled]{cursor:not-allowed}.dnb-button--primary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--primary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]){background-color:var(--color-mint-green-50);color:var(--color-sea-green)}.dnb-button--primary[disabled]{background-color:var(--color-sea-green-30);color:var(--color-white)}.dnb-button:not([disabled]).dnb-button--primary.dnb-button__status--error{background-color:var(--color-fire-red);color:var(--color-white)}.dnb-button--secondary{--border-color:var(--color-sea-green);background-color:var(--color-white);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--secondary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:focus[disabled]{cursor:not-allowed}.dnb-button--secondary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--secondary:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]){background-color:var(--color-mint-green-50);color:var(--color-sea-green)}.dnb-button--secondary[disabled],.dnb-button--secondary[disabled]:focus{--border-color:var(--color-sea-green-30);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green-30)}.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-fire-red)}.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error .dnb-button__icon{color:inherit}html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]){background-color:var(--color-mint-green-50)}.dnb-button--secondary:not(.dnb-button--has-text):not(.dnb-button--input-button).dnb-button--size-large{line-height:calc(var(--button-height--large) - .5rem);width:calc(var(--button-width--large) - .5rem)}.dnb-button--active{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary{background-color:transparent;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{color:var(--color-emerald-green)}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}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{color:var(--color-emerald-green)}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small)}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary[disabled]{color:var(--color-sea-green-30)}.dnb-button--signal{background-color:var(--color-accent-yellow);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) .dnb-button--signal:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--signal:hover:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active[disabled],html[data-whatintent=touch] .dnb-button--signal:active[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]),html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--signal:focus[disabled]{cursor:not-allowed}.dnb-button--signal:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--signal:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal:active[disabled],html:not([data-whatintent=touch]) .dnb-button--signal:active[disabled]{cursor:not-allowed}.dnb-button--signal:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--signal:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal[disabled]{background-color:var(--color-accent-yellow-30);color:var(--color-black-20)}.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]){background-color:transparent;box-shadow:none}.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):after{background-color:currentcolor;bottom:0;content:"";left:0;position:absolute;top:0;width:.0625rem}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover{box-shadow:none;color:var(--color-white)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus:after,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover:after{background-color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):not(:active):hover{border-radius:0}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active{box-shadow:none;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active:after{background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled]{--border-color:var(--color-black-55);--border-width:var(--input-border-width);background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.dnb-button--primary{background-color:var(--color-emerald-green)}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(--color-sea-green);--border-width:0.125rem;background-color:var(--color-sea-green);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white)}.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]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-sea-green);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white)}.dnb-button--primary[disabled]{--border-color:var(--color-black-55);--border-width:0.0625rem;background-color:var(--color-black-8);color:var(--color-black-55)}.dnb-button--primary[disabled],.dnb-button--secondary{border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--secondary{--border-color:var(--color-emerald-green);--border-width:0.0625rem;color:var(--color-emerald-green)}.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]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-pistachio);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary[disabled]{--border-color:var(--color-black-55);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.dnb-button--secondary:not(.dnb-button--has-text):active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled]{cursor:not-allowed}.dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-pistachio);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--tertiary{color:var(--color-emerald-green)}.dnb-button--tertiary[disabled]{color:var(--color-black-55)}
package/components/button/style/themes/dnb-button-theme-sbanken.css CHANGED
@@ -97,6 +97,10 @@ html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-bu
97
97
  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 {
98
98
  visibility: hidden;
99
99
  }
100
+ .dnb-button--tertiary.dnb-button--has-text {
101
+ padding-left: 0;
102
+ padding-right: 0;
103
+ }
100
104
  .dnb-button--tertiary.dnb-button--has-text .dnb-button__icon {
101
105
  align-self: flex-start;
102
106
  margin-top: calc(var(--button-height) / 2 - 0.5rem);
@@ -226,7 +230,7 @@ html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]), html
226
230
  .dnb-button {
227
231
  border: none;
228
232
  }
229
- .dnb-button.dnb-button--has-text.dnb-button--size-large {
233
+ .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 {
230
234
  padding-left: 1.5rem;
231
235
  padding-right: 1.5rem;
232
236
  }
@@ -330,7 +334,7 @@ html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-but
330
334
  border-color: transparent;
331
335
  }
332
336
  .dnb-button--tertiary {
333
- --button-tertiary-focus-overflow: 0;
337
+ --button-tertiary-focus-overflow: -0.5rem;
334
338
  color: var(--sb-color-violet);
335
339
  background-color: transparent;
336
340
  }
@@ -351,10 +355,6 @@ html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-but
351
355
  .dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text {
352
356
  font-size: var(--font-size-small);
353
357
  }
354
- .dnb-button--tertiary.dnb-button--has-text {
355
- padding-left: 0.5rem;
356
- padding-right: 0.5rem;
357
- }
358
358
  .dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text::after {
359
359
  left: -1rem;
360
360
  }
@@ -373,19 +373,9 @@ html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-but
373
373
  left: -0.5rem;
374
374
  right: -0.5rem;
375
375
  }
376
- .dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large {
377
- padding-left: 1.5rem;
378
- padding-right: 1.5rem;
379
- }
380
- .dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-left {
381
- padding-left: 1rem;
382
- }
383
376
  .dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text::after {
384
377
  left: -1.5rem;
385
378
  }
386
- .dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-right {
387
- padding-right: 1rem;
388
- }
389
379
  .dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-right .dnb-button__text::after {
390
380
  right: -1.5rem;
391
381
  }
@@ -410,9 +400,9 @@ html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-but
410
400
  position: absolute;
411
401
  z-index: 1;
412
402
  top: 0;
413
- left: 0;
403
+ left: -0.5rem;
414
404
  bottom: 0;
415
- right: 0;
405
+ right: -0.5rem;
416
406
  height: inherit;
417
407
  border-radius: inherit;
418
408
  outline: none;
package/components/button/style/themes/dnb-button-theme-sbanken.min.css CHANGED
@@ -1 +1 @@
1
- .dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.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;position:absolute;right:0;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}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{left:-.5rem;right:-.5rem}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus: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 .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{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button--primary:focus[disabled],.dnb-button--secondary:focus[disabled]{cursor:not-allowed}.dnb-button--primary:focus:not([disabled]),.dnb-button--secondary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-blue-dark)}.dnb-button{border:none}.dnb-button.dnb-button--has-text.dnb-button--size-large{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(--sb-color-purple-alternative);color:var(--sb-color-green)}html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){background-color:var(--sb-color-purple);box-shadow:none;color:var(--sb-color-green);outline:initial}html[data-whatinput=""] html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){box-shadow:none}.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(--sb-color-purple-alternative);color:var(--sb-color-green)}.dnb-button--primary[disabled]{background-color:var(--sb-color-gray-light);box-shadow:none;color:var(--sb-color-gray-dark-2);outline:initial}html[data-whatinput=""] .dnb-button--primary[disabled]{box-shadow:none}.dnb-button--primary:not([disabled]).dnb-button__status--error{background-color:var(--sb-color-red);color:var(--sb-color-white)}.dnb-button--secondary{--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-green-light-2);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}.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]){--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}.dnb-button--secondary[disabled]{--border-color:var(--sb-color-gray-light);--border-width:0.0625rem;color:var(--sb-color-gray-dark)}.dnb-button--secondary:not([disabled]).dnb-button__status--error,.dnb-button--secondary[disabled]{background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-button--secondary:not([disabled]).dnb-button__status--error{--border-color:var(--sb-color-red);--border-width:0.0625rem;color:var(--sb-color-red)}html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-button__status--error:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-button__status--error:hover:not([disabled]){--border-color:var(--sb-color-red);--border-width:0.0625rem;background-color:var(--sb-color-magenta-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-red)}.dnb-button--tertiary{--button-tertiary-focus-overflow:0;background-color:transparent;color:var(--sb-color-violet)}.dnb-button--tertiary .dnb-button__text:after{bottom:-.5rem;height:.0625rem;left:-.5rem;right:-.5rem}.dnb-button--tertiary.dnb-button--size-large .dnb-button__text:after{bottom:-.75rem;left:-1.5rem;right:-1.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small)}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary.dnb-button--has-text{padding-left:.5rem;padding-right:.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text:after{left:-1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-right .dnb-button__text:after{right:-1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top{padding-left:.5rem;padding-right:.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text:after{left:-.5rem;right:-.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-left{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text:after{left:-1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-right{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-right .dnb-button__text:after{right:-1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:.75rem;margin-top:.25rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text:after{left:-1.5rem;right:-1.5rem}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:0;outline:none;position:absolute;right:0;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}.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)}.dnb-button--tertiary[disabled]{color:var(--sb-color-gray-dark)}
1
+ .dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.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;position:absolute;right:0;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}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus: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{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button--primary:focus[disabled],.dnb-button--secondary:focus[disabled]{cursor:not-allowed}.dnb-button--primary:focus:not([disabled]),.dnb-button--secondary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-blue-dark)}.dnb-button{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(--sb-color-purple-alternative);color:var(--sb-color-green)}html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){background-color:var(--sb-color-purple);box-shadow:none;color:var(--sb-color-green);outline:initial}html[data-whatinput=""] html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]){box-shadow:none}.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(--sb-color-purple-alternative);color:var(--sb-color-green)}.dnb-button--primary[disabled]{background-color:var(--sb-color-gray-light);box-shadow:none;color:var(--sb-color-gray-dark-2);outline:initial}html[data-whatinput=""] .dnb-button--primary[disabled]{box-shadow:none}.dnb-button--primary:not([disabled]).dnb-button__status--error{background-color:var(--sb-color-red);color:var(--sb-color-white)}.dnb-button--secondary{--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-green-light-2);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}.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]){--border-color:var(--sb-color-purple-alternative);--border-width:0.0625rem;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-purple-alternative)}.dnb-button--secondary[disabled]{--border-color:var(--sb-color-gray-light);--border-width:0.0625rem;color:var(--sb-color-gray-dark)}.dnb-button--secondary:not([disabled]).dnb-button__status--error,.dnb-button--secondary[disabled]{background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-button--secondary:not([disabled]).dnb-button__status--error{--border-color:var(--sb-color-red);--border-width:0.0625rem;color:var(--sb-color-red)}html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-button__status--error:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:not([disabled]).dnb-button__status--error:hover:not([disabled]){--border-color:var(--sb-color-red);--border-width:0.0625rem;background-color:var(--sb-color-magenta-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-red)}.dnb-button--tertiary{--button-tertiary-focus-overflow:-0.5rem;background-color:transparent;color:var(--sb-color-violet)}.dnb-button--tertiary .dnb-button__text:after{bottom:-.5rem;height:.0625rem;left:-.5rem;right:-.5rem}.dnb-button--tertiary.dnb-button--size-large .dnb-button__text:after{bottom:-.75rem;left:-1.5rem;right:-1.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small)}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text:after{left:-1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-right .dnb-button__text:after{right:-1rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top{padding-left:.5rem;padding-right:.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text:after{left:-.5rem;right:-.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text:after{left:-1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-right .dnb-button__text:after{right:-1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text{font-size:var(--button-font-size);margin-bottom:.75rem;margin-top:.25rem}.dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text:after{left:-1.5rem;right:-1.5rem}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{color:var(--sb-color-violet);transition:none}.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)}.dnb-button--tertiary[disabled]{color:var(--sb-color-gray-dark)}
package/components/button/style/themes/dnb-button-theme-sbanken.scss CHANGED
@@ -21,8 +21,10 @@
21
21
  border: none;
22
22
 
23
23
  &#{&}--has-text#{&}--size-large {
24
- padding-left: 1.5rem;
25
- padding-right: 1.5rem;
24
+ &.dnb-button--primary, &.dnb-button--secondary {
25
+ padding-left: 1.5rem;
26
+ padding-right: 1.5rem;
27
+ }
26
28
  &.dnb-button--icon-position-right {
27
29
  padding-right: 0.5rem;
28
30
  }
@@ -103,7 +105,7 @@
103
105
  $tertiary-padding-large: 1.5rem;
104
106
  $tertiary-icon-space: 0.5rem;
105
107
 
106
- --button-tertiary-focus-overflow: 0;
108
+ --button-tertiary-focus-overflow: -0.5rem;
107
109
 
108
110
  color: var(--sb-color-violet);
109
111
  background-color: transparent;
@@ -135,8 +137,6 @@
135
137
  }
136
138
 
137
139
  &.dnb-button--has-text {
138
- padding-left: $tertiary-padding;
139
- padding-right: $tertiary-padding;
140
140
 
141
141
  &.dnb-button--has-icon {
142
142
  &.dnb-button--icon-position-left {
@@ -164,18 +164,14 @@
164
164
  }
165
165
 
166
166
  &.dnb-button--size-large {
167
- padding-left: $tertiary-padding-large;
168
- padding-right: $tertiary-padding-large;
169
167
 
170
168
  &.dnb-button--has-icon {
171
169
  &.dnb-button--icon-position-left {
172
- padding-left: $tertiary-padding-large - $tertiary-icon-space;
173
170
  .dnb-button__text::after {
174
171
  left: -$tertiary-padding-large ;
175
172
  }
176
173
  }
177
174
  &.dnb-button--icon-position-right {
178
- padding-right: $tertiary-padding-large - $tertiary-icon-space;
179
175
  .dnb-button__text::after {
180
176
  right: -$tertiary-padding-large;
181
177
  }
@@ -198,7 +194,7 @@
198
194
  }
199
195
 
200
196
  @include focus() {
201
- @include buttonFocusRing(null, 0, inset);
197
+ @include buttonFocusRing(null, inset);
202
198
  }
203
199
 
204
200
  @include hover() {
package/components/button/style/themes/dnb-button-theme-ui.css CHANGED
@@ -97,6 +97,10 @@ html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-bu
97
97
  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 {
98
98
  visibility: hidden;
99
99
  }
100
+ .dnb-button--tertiary.dnb-button--has-text {
101
+ padding-left: 0;
102
+ padding-right: 0;
103
+ }
100
104
  .dnb-button--tertiary.dnb-button--has-text .dnb-button__icon {
101
105
  align-self: flex-start;
102
106
  margin-top: calc(var(--button-height) / 2 - 0.5rem);
@@ -372,10 +376,6 @@ html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):
372
376
  color: var(--color-sea-green);
373
377
  background-color: transparent;
374
378
  }
375
- .dnb-button--tertiary.dnb-button--has-text {
376
- padding-left: 0;
377
- padding-right: 0;
378
- }
379
379
  html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
380
380
  cursor: not-allowed;
381
381
  }
@@ -487,4 +487,8 @@ html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondar
487
487
  html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled] {
488
488
  color: var(--color-black-55);
489
489
  background-color: var(--color-black-3);
490
+ --border-color: var(--color-black-55);
491
+ --border-width: var(--input-border-width);
492
+ box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
493
+ border-color: transparent;
490
494
  }
package/components/button/style/themes/dnb-button-theme-ui.min.css CHANGED
@@ -1 +1 @@
1
- .dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.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;position:absolute;right:0;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}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--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-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus: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 .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{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button--primary{background-color:var(--color-sea-green);color:var(--color-white)}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(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--primary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:focus[disabled]{cursor:not-allowed}.dnb-button--primary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.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]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--primary[disabled]{background-color:var(--color-sea-green-30);color:var(--color-white)}.dnb-button:not([disabled]).dnb-button--primary.dnb-button__status--error{background-color:var(--color-fire-red);color:var(--color-white)}.dnb-button--secondary{--border-color:var(--color-sea-green);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--secondary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:focus[disabled]{cursor:not-allowed}.dnb-button--secondary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.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]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--secondary[disabled],.dnb-button--secondary[disabled]:focus{--border-color:var(--color-sea-green-30);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green-30)}.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-fire-red)}.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error .dnb-button__icon{color:inherit}html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled]{cursor:not-allowed}.dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):not(.dnb-button--input-button).dnb-button--size-large{line-height:calc(var(--button-height--large) - .5rem);width:calc(var(--button-width--large) - .5rem)}.dnb-button--active{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary{background-color:transparent;color:var(--color-sea-green)}.dnb-button--tertiary.dnb-button--has-text{padding-left:0;padding-right:0}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{color:var(--color-emerald-green)}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}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{color:var(--color-emerald-green)}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small)}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary[disabled]{color:var(--color-sea-green-30)}.dnb-button--signal{background-color:var(--color-accent-yellow);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) .dnb-button--signal:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--signal:hover:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active[disabled],html[data-whatintent=touch] .dnb-button--signal:active[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]),html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--signal:focus[disabled]{cursor:not-allowed}.dnb-button--signal:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--signal:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal:active[disabled],html:not([data-whatintent=touch]) .dnb-button--signal:active[disabled]{cursor:not-allowed}.dnb-button--signal:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--signal:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal[disabled]{background-color:var(--color-accent-yellow-30);color:var(--color-black-20)}.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]){background-color:transparent;box-shadow:none}.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):after{background-color:currentcolor;bottom:0;content:"";left:0;position:absolute;top:0;width:.0625rem}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover{box-shadow:none;color:var(--color-white)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus:after,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover:after{background-color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):not(:active):hover{border-radius:0}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active{box-shadow:none;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active:after{background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled]{background-color:var(--color-black-3);color:var(--color-black-55)}
1
+ .dnb-button--tertiary{--button-tertiary-focus-overflow:-1rem}.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;position:absolute;right:0;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}.dnb-button--tertiary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){outline:initial}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]){box-shadow:none}.dnb-button--tertiary:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-button--tertiary:focus:not([disabled]):before,html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:focus:not([disabled]):before{--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-button--tertiary:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-button--tertiary:focus: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{border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text:after{left:0;right:0}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:-.5rem;right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled]):before{right:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled]):before{left:var(--button-tertiary-focus-overflow)}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled]):before{left:0;right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button--primary{background-color:var(--color-sea-green);color:var(--color-white)}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(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--primary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--primary:focus[disabled]{cursor:not-allowed}.dnb-button--primary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.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]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--primary[disabled]{background-color:var(--color-sea-green-30);color:var(--color-white)}.dnb-button:not([disabled]).dnb-button--primary.dnb-button__status--error{background-color:var(--color-fire-red);color:var(--color-white)}.dnb-button--secondary{--border-color:var(--color-sea-green);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--secondary:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:focus[disabled]{cursor:not-allowed}.dnb-button--secondary:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.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]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}.dnb-button--secondary[disabled],.dnb-button--secondary[disabled]:focus{--border-color:var(--color-sea-green-30);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green-30)}.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-fire-red)}.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error .dnb-button__icon{color:inherit}html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled]{cursor:not-allowed}.dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):active[disabled],html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled]{cursor:not-allowed}.dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-emerald-green)}.dnb-button--secondary:not(.dnb-button--has-text):not(.dnb-button--input-button).dnb-button--size-large{line-height:calc(var(--button-height--large) - .5rem);width:calc(var(--button-width--large) - .5rem)}.dnb-button--active{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-button--tertiary{background-color:transparent;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text:after{color:var(--color-emerald-green)}.dnb-button--tertiary:active[disabled],html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled]{cursor:not-allowed}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{color:var(--color-emerald-green)}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small)}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary[disabled]{color:var(--color-sea-green-30)}.dnb-button--signal{background-color:var(--color-accent-yellow);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) .dnb-button--signal:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--signal:hover:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active[disabled],html[data-whatintent=touch] .dnb-button--signal:active[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]),html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]){--border-color:var(--color-ocean-green);--border-width:0.125rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal:focus[disabled],html:not([data-whatintent=touch]) .dnb-button--signal:focus[disabled]{cursor:not-allowed}.dnb-button--signal:focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-button--signal:focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal:active[disabled],html:not([data-whatintent=touch]) .dnb-button--signal:active[disabled]{cursor:not-allowed}.dnb-button--signal:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-button--signal:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;background-color:var(--color-accent-yellow);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-ocean-green)}.dnb-button--signal[disabled]{background-color:var(--color-accent-yellow-30);color:var(--color-black-20)}.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]){background-color:transparent;box-shadow:none}.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):after{background-color:currentcolor;bottom:0;content:"";left:0;position:absolute;top:0;width:.0625rem}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover{box-shadow:none;color:var(--color-white)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus:after,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover:after{background-color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):not(:active):hover{border-radius:0}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active{box-shadow:none;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active,html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active:after{background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled]{--border-color:var(--color-black-55);--border-width:var(--input-border-width);background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}
package/components/button/style/themes/dnb-button-theme-ui.scss CHANGED
@@ -92,11 +92,6 @@
92
92
  color: var(--color-sea-green);
93
93
  background-color: transparent;
94
94
 
95
- &.dnb-button--has-text {
96
- padding-left: 0;
97
- padding-right: 0;
98
- }
99
-
100
95
  @include hover() {
101
96
  // underline
102
97
  .dnb-button__text::after {
@@ -199,6 +194,11 @@
199
194
  &--input-button#{&}--secondary:not(&--has-text)[disabled] {
200
195
  color: var(--color-black-55);
201
196
  background-color: var(--color-black-3);
197
+ @include fakeBorder(
198
+ var(--color-black-55),
199
+ var(--input-border-width),
200
+ inset
201
+ );
202
202
  }
203
203
 
204
204
  // For internal usage only, we have also "unstyled"
package/components/checkbox/Checkbox.d.ts CHANGED
@@ -17,7 +17,7 @@ export type CheckboxSuffix =
17
17
  export type CheckboxAttributes = string | Record<string, unknown>;
18
18
  export type CheckboxChildren = string | ((...args: any[]) => any);
19
19
  export interface CheckboxProps
20
- extends React.HTMLProps<HTMLElement>,
20
+ extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
21
21
  SpacingProps {
22
22
  /**
23
23
  * Use either the `label` property or provide a custom one.
package/components/date-picker/DatePicker.d.ts CHANGED
@@ -26,7 +26,7 @@ type DatePickerSuffix =
26
26
  type DatePickerDirection = 'auto' | 'top' | 'bottom';
27
27
  type DatePickerAlignPicker = 'auto' | 'left' | 'right';
28
28
  export interface DatePickerProps
29
- extends React.HTMLProps<HTMLElement>,
29
+ extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
30
30
  SpacingProps {
31
31
  id?: string;
32
32
  title?: string;
package/components/drawer/Drawer.d.ts CHANGED
@@ -3,7 +3,8 @@ import DrawerBody from './parts/DrawerBody';
3
3
  import DrawerHeader from './parts/DrawerHeader';
4
4
  import DrawerNavigation from './parts/DrawerNavigation';
5
5
  import { DrawerProps, DrawerContentProps } from './types';
6
- declare function Drawer({ id, rootId, contentId, focusSelector, labelledBy, directDomReturn, hideCloseButton, disabled, title, dialogTitle, closeTitle, containerPlacement, spacing, noAnimation, noAnimationOnMobile, animationDuration, fullscreen, onOpen, onClose, onClosePrevent, openModal, closeModal, preventClose, preventOverlayClose, openState, openDelay, omitTriggerButton, trigger, triggerAttributes, overlayClass, contentClass, contentRef, scrollRef, top, bottom, left, right, space, ...props }: DrawerProps & DrawerContentProps): JSX.Element;
6
+ export declare type DrawerAllProps = DrawerProps & DrawerContentProps;
7
+ declare function Drawer({ id, rootId, contentId, focusSelector, labelledBy, directDomReturn, hideCloseButton, disabled, title, dialogTitle, closeTitle, containerPlacement, spacing, noAnimation, noAnimationOnMobile, animationDuration, fullscreen, onOpen, onClose, onClosePrevent, openModal, closeModal, preventClose, preventOverlayClose, openState, openDelay, omitTriggerButton, trigger, triggerAttributes, overlayClass, contentClass, contentRef, scrollRef, top, bottom, left, right, space, ...props }: DrawerAllProps): JSX.Element;
7
8
  declare namespace Drawer {
8
9
  var Body: typeof DrawerBody;
9
10
  var Header: typeof DrawerHeader;
package/components/dropdown/Dropdown.d.ts CHANGED
@@ -21,7 +21,7 @@ type DropdownTriggerElement = ((...args: any[]) => any) | React.ReactNode;
21
21
  export interface DropdownProps
22
22
  extends DrawerListProps,
23
23
  SpacingProps,
24
- React.HTMLProps<HTMLElement> {
24
+ Omit<React.HTMLProps<HTMLElement>, 'ref'> {
25
25
  /**
26
26
  * Give a title to let the users know what they have to do. Defaults to `Valgmeny`.
27
27
  */
package/components/form-label/FormLabel.d.ts CHANGED
@@ -11,7 +11,7 @@ export type FormLabelChildren =
11
11
  | ((...args: any[]) => any)
12
12
  | React.ReactNode;
13
13
  export interface FormLabelProps
14
- extends React.HTMLProps<HTMLElement>,
14
+ extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
15
15
  SpacingProps {
16
16
  /**
17
17
  * <em>(required)</em> the `id` of the input.
package/components/form-row/FormRow.d.ts CHANGED
@@ -11,7 +11,7 @@ export type FormRowChildren =
11
11
  | ((...args: any[]) => any)
12
12
  | React.ReactNode;
13
13
  export interface FormRowProps
14
- extends React.HTMLProps<HTMLElement>,
14
+ extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
15
15
  SpacingProps {
16
16
  id?: string;
17
17
 
package/components/form-set/FormSet.d.ts CHANGED
@@ -11,7 +11,7 @@ export type FormSetChildren =
11
11
  | ((...args: any[]) => any)
12
12
  | React.ReactNode;
13
13
  export interface FormSetProps
14
- extends React.HTMLProps<HTMLElement>,
14
+ extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
15
15
  SpacingProps {
16
16
  /**
17
17
  * Define what HTML element should be used. Defaults to `<form>`.
package/components/form-status/FormStatus.d.ts CHANGED
@@ -23,7 +23,7 @@ export type FormStatusChildren =
23
23
  | ((...args: any[]) => any)
24
24
  | React.ReactNode;
25
25
  export interface FormStatusProps
26
- extends React.HTMLProps<HTMLElement>,
26
+ extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
27
27
  SpacingProps {
28
28
  id?: string;
29
29
 
package/components/global-error/GlobalError.d.ts CHANGED
@@ -46,7 +46,7 @@ export declare type GlobalErrorProps = {
46
46
  */
47
47
  skeleton?: SkeletonShow;
48
48
  };
49
- export declare type GlobalErrorAllProps = GlobalErrorProps & React.HTMLProps<HTMLElement> & SpacingProps & GetTranslationProps;
49
+ export declare type GlobalErrorAllProps = GlobalErrorProps & Omit<React.HTMLProps<HTMLElement>, 'ref'> & SpacingProps & GetTranslationProps;
50
50
  export declare type GlobalErrorTranslationContent = {
51
51
  /**
52
52
  * Defining a `title` will overwrite the default provided by `status_content`.
package/components/global-status/GlobalStatus.d.ts CHANGED
@@ -24,7 +24,7 @@ export type GlobalStatusChildren =
24
24
  | ((...args: any[]) => any)
25
25
  | React.ReactNode;
26
26
  export interface GlobalStatusProps
27
- extends React.HTMLProps<HTMLElement>,
27
+ extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
28
28
  SpacingProps {
29
29
  /**
30
30
  * The main ID. Defaults to `main`.
@@ -33,7 +33,7 @@ export interface GlobalStatusProps
33
33
  status_id?: string;
34
34
 
35
35
  /**
36
- * The title appears as a part of the status content. Use `false` to hide / remove the title and icon. Defaults to `En feil har skjedd`.
36
+ * The title appears as a part of the status content. Defaults to `En feil har skjedd`.
37
37
  */
38
38
  title?: GlobalStatusTitle;
39
39
  default_title?: string;
@@ -151,7 +151,7 @@ export type GlobalStatusAddProps = {
151
151
  status_id: GlobalStatusStatusId;
152
152
 
153
153
  /**
154
- * The title appears as a part of the status content. Use `false` to hide / remove the title and icon. Defaults to `En feil har skjedd`.
154
+ * The title appears as a part of the status content. Defaults to `En feil har skjedd`.
155
155
  */
156
156
  title?: string;
157
157
 
@@ -197,7 +197,7 @@ export type GlobalStatusInterceptorProps = {
197
197
  id: string;
198
198
 
199
199
  /**
200
- * The title appears as a part of the status content. Use `false` to hide / remove the title and icon. Defaults to `En feil har skjedd`.
200
+ * The title appears as a part of the status content. Defaults to `En feil har skjedd`.
201
201
  */
202
202
  title: string;
203
203