@fremtind/jokul 6.1.0-next.4 → 6.1.0-next.5

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 (215) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/checkbox/types.d.cts +2 -2
  3. package/build/cjs/components/combobox/Combobox.cjs +1 -1
  4. package/build/cjs/components/combobox/Combobox.cjs.map +1 -1
  5. package/build/cjs/components/combobox/types.d.cts +2 -1
  6. package/build/cjs/components/date-input/DateInput.d.cts +1 -1
  7. package/build/cjs/components/date-input/types.d.cts +2 -2
  8. package/build/cjs/components/input-group/InputGroup.cjs +1 -1
  9. package/build/cjs/components/input-group/InputGroup.cjs.map +1 -1
  10. package/build/cjs/components/input-group/types.d.cts +2 -2
  11. package/build/cjs/components/input-panel/InputPanel.d.cts +1 -1
  12. package/build/cjs/components/input-panel/types.d.cts +2 -2
  13. package/build/cjs/components/message/Message.cjs +1 -1
  14. package/build/cjs/components/message/Message.cjs.map +1 -1
  15. package/build/cjs/components/message/types.d.cts +5 -1
  16. package/build/cjs/components/notification-badge/NotificationBadge.cjs +2 -0
  17. package/build/cjs/components/notification-badge/NotificationBadge.cjs.map +1 -0
  18. package/build/cjs/components/notification-badge/NotificationBadge.d.cts +3 -0
  19. package/build/cjs/components/notification-badge/index.cjs +2 -0
  20. package/build/cjs/components/notification-badge/index.cjs.map +1 -0
  21. package/build/cjs/components/notification-badge/index.d.cts +2 -0
  22. package/build/cjs/components/notification-badge/types.cjs +2 -0
  23. package/build/cjs/components/notification-badge/types.cjs.map +1 -0
  24. package/build/cjs/components/notification-badge/types.d.cts +40 -0
  25. package/build/cjs/components/number-input/NumberInput.d.cts +1 -1
  26. package/build/cjs/components/number-input/types.d.cts +2 -1
  27. package/build/cjs/components/radio-button/types.d.cts +2 -1
  28. package/build/cjs/components/search/Search.cjs +1 -1
  29. package/build/cjs/components/search/Search.cjs.map +1 -1
  30. package/build/cjs/components/search/types.d.cts +2 -1
  31. package/build/cjs/components/select/Option.d.cts +1 -1
  32. package/build/cjs/components/select/Select.cjs.map +1 -1
  33. package/build/cjs/components/select/Select.d.cts +2 -2
  34. package/build/cjs/components/system-message/SystemMessage.cjs +1 -1
  35. package/build/cjs/components/system-message/SystemMessage.cjs.map +1 -1
  36. package/build/cjs/components/tag/Tag.cjs +1 -1
  37. package/build/cjs/components/tag/Tag.cjs.map +1 -1
  38. package/build/cjs/components/text-area/types.d.cts +2 -1
  39. package/build/cjs/components/text-input/types.d.cts +3 -2
  40. package/build/cjs/components/toast/Toast.cjs +1 -1
  41. package/build/cjs/components/toast/Toast.cjs.map +1 -1
  42. package/build/cjs/components/toggle-switch/ToggleSwitch.d.cts +1 -1
  43. package/build/cjs/components/toggle-switch/types.d.cts +2 -2
  44. package/build/cjs/tokens.cjs +1 -1
  45. package/build/cjs/tokens.cjs.map +1 -1
  46. package/build/cjs/tokens.d.cts +3 -0
  47. package/build/cjs/utilities/index.cjs +1 -1
  48. package/build/cjs/utilities/types.cjs +1 -1
  49. package/build/cjs/utilities/types.cjs.map +1 -1
  50. package/build/cjs/utilities/types.d.cts +36 -2
  51. package/build/es/components/checkbox/types.d.ts +2 -2
  52. package/build/es/components/combobox/Combobox.js +1 -1
  53. package/build/es/components/combobox/Combobox.js.map +1 -1
  54. package/build/es/components/combobox/types.d.ts +2 -1
  55. package/build/es/components/date-input/DateInput.d.ts +1 -1
  56. package/build/es/components/date-input/types.d.ts +2 -2
  57. package/build/es/components/input-group/InputGroup.js +1 -1
  58. package/build/es/components/input-group/InputGroup.js.map +1 -1
  59. package/build/es/components/input-group/types.d.ts +2 -2
  60. package/build/es/components/input-panel/InputPanel.d.ts +1 -1
  61. package/build/es/components/input-panel/types.d.ts +2 -2
  62. package/build/es/components/message/Message.js +1 -1
  63. package/build/es/components/message/Message.js.map +1 -1
  64. package/build/es/components/message/types.d.ts +5 -1
  65. package/build/es/components/notification-badge/NotificationBadge.d.ts +3 -0
  66. package/build/es/components/notification-badge/NotificationBadge.js +2 -0
  67. package/build/es/components/notification-badge/NotificationBadge.js.map +1 -0
  68. package/build/es/components/notification-badge/index.d.ts +2 -0
  69. package/build/es/components/notification-badge/index.js +2 -0
  70. package/build/es/components/notification-badge/index.js.map +1 -0
  71. package/build/es/components/notification-badge/types.d.ts +40 -0
  72. package/build/es/components/notification-badge/types.js +2 -0
  73. package/build/es/components/notification-badge/types.js.map +1 -0
  74. package/build/es/components/number-input/NumberInput.d.ts +1 -1
  75. package/build/es/components/number-input/types.d.ts +2 -1
  76. package/build/es/components/radio-button/types.d.ts +2 -1
  77. package/build/es/components/search/Search.js +1 -1
  78. package/build/es/components/search/Search.js.map +1 -1
  79. package/build/es/components/search/types.d.ts +2 -1
  80. package/build/es/components/select/Option.d.ts +1 -1
  81. package/build/es/components/select/Select.d.ts +2 -2
  82. package/build/es/components/select/Select.js.map +1 -1
  83. package/build/es/components/system-message/SystemMessage.js +1 -1
  84. package/build/es/components/system-message/SystemMessage.js.map +1 -1
  85. package/build/es/components/tag/Tag.js +1 -1
  86. package/build/es/components/tag/Tag.js.map +1 -1
  87. package/build/es/components/text-area/types.d.ts +2 -1
  88. package/build/es/components/text-input/types.d.ts +3 -2
  89. package/build/es/components/toast/Toast.js +1 -1
  90. package/build/es/components/toast/Toast.js.map +1 -1
  91. package/build/es/components/toggle-switch/ToggleSwitch.d.ts +1 -1
  92. package/build/es/components/toggle-switch/types.d.ts +2 -2
  93. package/build/es/tokens.d.ts +3 -0
  94. package/build/es/tokens.js +1 -1
  95. package/build/es/tokens.js.map +1 -1
  96. package/build/es/utilities/index.js +1 -1
  97. package/build/es/utilities/types.d.ts +36 -2
  98. package/build/es/utilities/types.js +1 -1
  99. package/build/es/utilities/types.js.map +1 -1
  100. package/package.json +1 -1
  101. package/styles/base.css +194 -116
  102. package/styles/base.min.css +1 -1
  103. package/styles/components/button/button.css +2 -1
  104. package/styles/components/button/button.min.css +1 -1
  105. package/styles/components/button/button.scss +2 -3
  106. package/styles/components/checkbox/checkbox.css +15 -0
  107. package/styles/components/checkbox/checkbox.min.css +1 -1
  108. package/styles/components/checkbox/checkbox.scss +4 -0
  109. package/styles/components/checkbox-panel/checkbox-panel.css +32 -0
  110. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  111. package/styles/components/chip/chip.css +6 -13
  112. package/styles/components/chip/chip.min.css +1 -1
  113. package/styles/components/chip/chip.scss +4 -14
  114. package/styles/components/combobox/combobox.css +45 -0
  115. package/styles/components/combobox/combobox.min.css +1 -1
  116. package/styles/components/combobox/combobox.scss +11 -0
  117. package/styles/components/countdown/countdown.css +2 -2
  118. package/styles/components/countdown/countdown.min.css +1 -1
  119. package/styles/components/date-input/calendar/calendar.css +15 -4
  120. package/styles/components/date-input/calendar/calendar.min.css +1 -1
  121. package/styles/components/date-input/calendar/calendar.scss +6 -10
  122. package/styles/components/date-input/date-input.css +25 -0
  123. package/styles/components/date-input/date-input.min.css +1 -1
  124. package/styles/components/expander/expandable.css +1 -1
  125. package/styles/components/expander/expandable.min.css +1 -1
  126. package/styles/components/expander/expandable.scss +2 -2
  127. package/styles/components/feedback/feedback.css +2 -2
  128. package/styles/components/feedback/feedback.min.css +1 -1
  129. package/styles/components/file-input/file-input.css +26 -10
  130. package/styles/components/file-input/file-input.min.css +1 -1
  131. package/styles/components/file-input/file-input.scss +6 -0
  132. package/styles/components/input-group/_labels.scss +29 -0
  133. package/styles/components/input-group/input-group.css +32 -2
  134. package/styles/components/input-group/input-group.min.css +1 -1
  135. package/styles/components/input-panel/input-panel.css +17 -0
  136. package/styles/components/input-panel/input-panel.min.css +1 -1
  137. package/styles/components/input-panel/input-panel.scss +7 -0
  138. package/styles/components/link-list/link-list.css +1 -1
  139. package/styles/components/link-list/link-list.min.css +1 -1
  140. package/styles/components/link-list/link-list.scss +1 -1
  141. package/styles/components/loader/loader.css +6 -6
  142. package/styles/components/loader/loader.min.css +1 -1
  143. package/styles/components/loader/skeleton-loader.css +3 -3
  144. package/styles/components/loader/skeleton-loader.min.css +1 -1
  145. package/styles/components/menu/_menu-item.scss +1 -1
  146. package/styles/components/menu/menu.css +1 -1
  147. package/styles/components/menu/menu.min.css +1 -1
  148. package/styles/components/message/message.css +5 -25
  149. package/styles/components/message/message.min.css +1 -1
  150. package/styles/components/message/message.scss +3 -27
  151. package/styles/components/notification-badge/_index.scss +1 -0
  152. package/styles/components/notification-badge/notification-badge.css +45 -0
  153. package/styles/components/notification-badge/notification-badge.min.css +3 -0
  154. package/styles/components/notification-badge/notification-badge.scss +58 -0
  155. package/styles/components/number-input/number-input.css +37 -1
  156. package/styles/components/number-input/number-input.min.css +1 -1
  157. package/styles/components/number-input/number-input.scss +1 -2
  158. package/styles/components/progress-bar/progress-bar.css +1 -1
  159. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  160. package/styles/components/radio-button/radio-button.css +15 -0
  161. package/styles/components/radio-button/radio-button.min.css +1 -1
  162. package/styles/components/radio-button/radio-button.scss +4 -0
  163. package/styles/components/radio-panel/radio-panel.css +17 -0
  164. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  165. package/styles/components/search/search-with-submit-button.css +29 -43
  166. package/styles/components/search/search-with-submit-button.min.css +1 -1
  167. package/styles/components/search/search-with-submit-button.scss +9 -24
  168. package/styles/components/search/search.css +246 -125
  169. package/styles/components/search/search.min.css +1 -1
  170. package/styles/components/search/search.scss +98 -103
  171. package/styles/components/segmented-control/segmented-control.css +63 -2
  172. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  173. package/styles/components/segmented-control/segmented-control.scss +6 -0
  174. package/styles/components/select/option.css +17 -2
  175. package/styles/components/select/option.min.css +1 -1
  176. package/styles/components/select/option.scss +6 -3
  177. package/styles/components/select/select.css +17 -0
  178. package/styles/components/select/select.min.css +1 -1
  179. package/styles/components/select/select.scss +7 -0
  180. package/styles/components/system-message/system-message.css +5 -25
  181. package/styles/components/system-message/system-message.min.css +1 -1
  182. package/styles/components/system-message/system-message.scss +3 -27
  183. package/styles/components/table/_table-row.scss +2 -2
  184. package/styles/components/table/table.css +2 -2
  185. package/styles/components/table/table.min.css +1 -1
  186. package/styles/components/tabs/tabs.css +2 -0
  187. package/styles/components/tabs/tabs.min.css +1 -1
  188. package/styles/components/tabs/tabs.scss +2 -0
  189. package/styles/components/tag/tag.css +4 -24
  190. package/styles/components/tag/tag.min.css +1 -1
  191. package/styles/components/tag/tag.scss +4 -28
  192. package/styles/components/text-area/text-area.css +25 -0
  193. package/styles/components/text-area/text-area.min.css +1 -1
  194. package/styles/components/text-input/text-input.css +25 -0
  195. package/styles/components/text-input/text-input.min.css +1 -1
  196. package/styles/components/toast/toast.css +12 -52
  197. package/styles/components/toast/toast.min.css +1 -1
  198. package/styles/components/toast/toast.scss +6 -60
  199. package/styles/components/toggle-switch/toggle-switch.css +12 -7
  200. package/styles/components/toggle-switch/toggle-switch.min.css +1 -1
  201. package/styles/components/toggle-switch/toggle-switch.scss +1 -11
  202. package/styles/components.css +726 -368
  203. package/styles/components.min.css +4 -2
  204. package/styles/components.scss +1 -0
  205. package/styles/jkl/_index.scss +1 -0
  206. package/styles/jkl/_ornaments.scss +8 -0
  207. package/styles/jkl/_states.scss +45 -0
  208. package/styles/jkl/_tokens.scss +4 -0
  209. package/styles/shared/input/shared-input-styles.scss +21 -0
  210. package/styles/theme/_color-mode.scss +62 -0
  211. package/styles/theme/_color-scheme.scss +60 -57
  212. package/styles/theme/_data-theme.scss +21 -0
  213. package/styles/theme/_index.scss +2 -0
  214. package/styles/theme/_tokens.scss +2 -2
  215. package/styles/theme/brands/dnb/_color-scheme.scss +60 -57
package/styles/components/toggle-switch/toggle-switch.scss CHANGED
@@ -45,17 +45,7 @@
45
45
  }
46
46
 
47
47
  &[disabled] {
48
- cursor: revert;
49
-
50
- --text-color: var(--jkl-color-text-subdued);
51
- --switch-border-color: var(--jkl-color-border-subdued);
52
- --knob-border-color: var(--jkl-color-border-subdued);
53
-
54
- &[aria-pressed="true"],
55
- [aria-checked="true"] > & {
56
- --indicator-color: var(--jkl-color-border-subdued);
57
- --switch-border-color: var(--indicator-color);
58
- }
48
+ @include jkl.disabled-control;
59
49
  }
60
50
  }
61
51