@navikt/ds-react 7.6.0 → 7.7.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 (161) hide show
  1. package/cjs/copybutton/CopyButton.d.ts +1 -6
  2. package/cjs/copybutton/CopyButton.js +8 -6
  3. package/cjs/copybutton/CopyButton.js.map +1 -1
  4. package/cjs/date/datepicker/parts/WeekNumber.js +11 -2
  5. package/cjs/date/datepicker/parts/WeekNumber.js.map +1 -1
  6. package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -1
  7. package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  8. package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
  9. package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
  10. package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +6 -2
  11. package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
  12. package/cjs/form/combobox/Input/Input.context.d.ts +1 -1
  13. package/cjs/form/combobox/Input/Input.context.js.map +1 -1
  14. package/cjs/form/combobox/Input/InputController.js +9 -7
  15. package/cjs/form/combobox/Input/InputController.js.map +1 -1
  16. package/cjs/form/combobox/Input/ToggleListButton.d.ts +1 -4
  17. package/cjs/form/combobox/Input/ToggleListButton.js +3 -5
  18. package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
  19. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +8 -6
  20. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  21. package/cjs/form/combobox/types.d.ts +2 -7
  22. package/cjs/form/form-summary/FormSummaryEditLink.js +4 -2
  23. package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
  24. package/cjs/form/search/Search.js +8 -3
  25. package/cjs/form/search/Search.js.map +1 -1
  26. package/cjs/guide-panel/Illustration.js +3 -1
  27. package/cjs/guide-panel/Illustration.js.map +1 -1
  28. package/cjs/help-text/HelpText.d.ts +1 -1
  29. package/cjs/help-text/HelpText.js +6 -3
  30. package/cjs/help-text/HelpText.js.map +1 -1
  31. package/cjs/internal-header/InternalHeaderButton.d.ts +1 -1
  32. package/cjs/internal-header/InternalHeaderUserButton.d.ts +1 -1
  33. package/cjs/internal-header/InternalHeaderUserButton.js +1 -1
  34. package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
  35. package/cjs/layout/base/BasePrimitive.js +4 -1
  36. package/cjs/layout/base/BasePrimitive.js.map +1 -1
  37. package/cjs/layout/bleed/Bleed.js +5 -2
  38. package/cjs/layout/bleed/Bleed.js.map +1 -1
  39. package/cjs/layout/box/Box.d.ts +6 -1
  40. package/cjs/layout/box/Box.darkside.d.ts +70 -0
  41. package/cjs/layout/box/Box.darkside.js +98 -0
  42. package/cjs/layout/box/Box.darkside.js.map +1 -0
  43. package/cjs/layout/box/Box.js +19 -6
  44. package/cjs/layout/box/Box.js.map +1 -1
  45. package/cjs/layout/box/index.js +2 -0
  46. package/cjs/layout/box/index.js.map +1 -1
  47. package/cjs/layout/grid/HGrid.js +4 -1
  48. package/cjs/layout/grid/HGrid.js.map +1 -1
  49. package/cjs/layout/page/Page.d.ts +1 -0
  50. package/cjs/layout/page/Page.js +5 -0
  51. package/cjs/layout/page/Page.js.map +1 -1
  52. package/cjs/layout/stack/Stack.js +4 -1
  53. package/cjs/layout/stack/Stack.js.map +1 -1
  54. package/cjs/layout/utilities/css.d.ts +2 -2
  55. package/cjs/layout/utilities/css.js +8 -9
  56. package/cjs/layout/utilities/css.js.map +1 -1
  57. package/cjs/layout/utilities/types.d.ts +10 -0
  58. package/cjs/util/i18n/locales/en.d.ts +19 -0
  59. package/cjs/util/i18n/locales/en.js +19 -0
  60. package/cjs/util/i18n/locales/en.js.map +1 -1
  61. package/cjs/util/i18n/locales/nb.d.ts +21 -0
  62. package/cjs/util/i18n/locales/nb.js +21 -0
  63. package/cjs/util/i18n/locales/nb.js.map +1 -1
  64. package/cjs/util/i18n/locales/nn.d.ts +19 -0
  65. package/cjs/util/i18n/locales/nn.js +19 -0
  66. package/cjs/util/i18n/locales/nn.js.map +1 -1
  67. package/esm/copybutton/CopyButton.d.ts +1 -6
  68. package/esm/copybutton/CopyButton.js +8 -6
  69. package/esm/copybutton/CopyButton.js.map +1 -1
  70. package/esm/date/datepicker/parts/WeekNumber.js +12 -3
  71. package/esm/date/datepicker/parts/WeekNumber.js.map +1 -1
  72. package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -1
  73. package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
  74. package/esm/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
  75. package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
  76. package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +6 -2
  77. package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
  78. package/esm/form/combobox/Input/Input.context.d.ts +1 -1
  79. package/esm/form/combobox/Input/Input.context.js.map +1 -1
  80. package/esm/form/combobox/Input/InputController.js +9 -7
  81. package/esm/form/combobox/Input/InputController.js.map +1 -1
  82. package/esm/form/combobox/Input/ToggleListButton.d.ts +1 -4
  83. package/esm/form/combobox/Input/ToggleListButton.js +3 -5
  84. package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
  85. package/esm/form/combobox/SelectedOptions/SelectedOptions.js +8 -6
  86. package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  87. package/esm/form/combobox/types.d.ts +2 -7
  88. package/esm/form/form-summary/FormSummaryEditLink.js +4 -2
  89. package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
  90. package/esm/form/search/Search.js +8 -3
  91. package/esm/form/search/Search.js.map +1 -1
  92. package/esm/guide-panel/Illustration.js +3 -1
  93. package/esm/guide-panel/Illustration.js.map +1 -1
  94. package/esm/help-text/HelpText.d.ts +1 -1
  95. package/esm/help-text/HelpText.js +6 -3
  96. package/esm/help-text/HelpText.js.map +1 -1
  97. package/esm/internal-header/InternalHeaderButton.d.ts +1 -1
  98. package/esm/internal-header/InternalHeaderUserButton.d.ts +1 -1
  99. package/esm/internal-header/InternalHeaderUserButton.js +1 -1
  100. package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
  101. package/esm/layout/base/BasePrimitive.js +4 -1
  102. package/esm/layout/base/BasePrimitive.js.map +1 -1
  103. package/esm/layout/bleed/Bleed.js +5 -2
  104. package/esm/layout/bleed/Bleed.js.map +1 -1
  105. package/esm/layout/box/Box.d.ts +6 -1
  106. package/esm/layout/box/Box.darkside.d.ts +70 -0
  107. package/esm/layout/box/Box.darkside.js +69 -0
  108. package/esm/layout/box/Box.darkside.js.map +1 -0
  109. package/esm/layout/box/Box.js +18 -5
  110. package/esm/layout/box/Box.js.map +1 -1
  111. package/esm/layout/grid/HGrid.js +4 -1
  112. package/esm/layout/grid/HGrid.js.map +1 -1
  113. package/esm/layout/page/Page.d.ts +1 -0
  114. package/esm/layout/page/Page.js +5 -0
  115. package/esm/layout/page/Page.js.map +1 -1
  116. package/esm/layout/stack/Stack.js +4 -1
  117. package/esm/layout/stack/Stack.js.map +1 -1
  118. package/esm/layout/utilities/css.d.ts +2 -2
  119. package/esm/layout/utilities/css.js +8 -9
  120. package/esm/layout/utilities/css.js.map +1 -1
  121. package/esm/layout/utilities/types.d.ts +10 -0
  122. package/esm/util/i18n/locales/en.d.ts +19 -0
  123. package/esm/util/i18n/locales/en.js +19 -0
  124. package/esm/util/i18n/locales/en.js.map +1 -1
  125. package/esm/util/i18n/locales/nb.d.ts +21 -0
  126. package/esm/util/i18n/locales/nb.js +21 -0
  127. package/esm/util/i18n/locales/nb.js.map +1 -1
  128. package/esm/util/i18n/locales/nn.d.ts +19 -0
  129. package/esm/util/i18n/locales/nn.js +19 -0
  130. package/esm/util/i18n/locales/nn.js.map +1 -1
  131. package/package.json +3 -3
  132. package/src/copybutton/CopyButton.tsx +14 -30
  133. package/src/date/datepicker/parts/WeekNumber.tsx +31 -6
  134. package/src/form/combobox/FilteredOptions/AddNewOption.tsx +3 -1
  135. package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +3 -1
  136. package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +9 -2
  137. package/src/form/combobox/Input/Input.context.tsx +2 -2
  138. package/src/form/combobox/Input/InputController.tsx +13 -16
  139. package/src/form/combobox/Input/ToggleListButton.tsx +8 -24
  140. package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +17 -11
  141. package/src/form/combobox/__tests__/combobox.test.tsx +2 -1
  142. package/src/form/combobox/types.ts +2 -7
  143. package/src/form/form-summary/FormSummaryEditLink.tsx +7 -6
  144. package/src/form/search/Search.tsx +33 -12
  145. package/src/guide-panel/Illustration.tsx +4 -1
  146. package/src/help-text/HelpText.tsx +8 -6
  147. package/src/internal-header/InternalHeaderButton.tsx +1 -1
  148. package/src/internal-header/InternalHeaderUserButton.tsx +2 -2
  149. package/src/layout/base/BasePrimitive.tsx +29 -25
  150. package/src/layout/bleed/Bleed.tsx +8 -0
  151. package/src/layout/box/Box.darkside.tsx +154 -0
  152. package/src/layout/box/Box.tsx +90 -61
  153. package/src/layout/box/index.ts +3 -0
  154. package/src/layout/grid/HGrid.tsx +7 -3
  155. package/src/layout/page/Page.tsx +10 -0
  156. package/src/layout/stack/Stack.tsx +8 -4
  157. package/src/layout/utilities/css.ts +18 -12
  158. package/src/layout/utilities/types.ts +24 -0
  159. package/src/util/i18n/locales/en.ts +19 -0
  160. package/src/util/i18n/locales/nb.ts +21 -0
  161. package/src/util/i18n/locales/nn.ts +19 -0
@@ -1 +1 @@
1
- {"version":3,"file":"SelectedOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/SelectedOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAQrE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;IACxD,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAC5E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAE/D,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;QACpB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAC7B,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC,IACrD,MAAM,CAAC,KAAK,CACT,CACP,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CACvC,oBAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,EAAE,EAAE,EAAC,KAAK,IACvD,MAAM,CAAC,KAAK,CACA,CAChB,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,CAAC,SAAS,IAAC,OAAO,EAAE,OAAO,IAAG,MAAM,CAAC,KAAK,CAAmB,CACpE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAmC,CAAC,EACvD,eAAe,GAAG,EAAE,EACpB,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACtD,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,IAAI,eACC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;QAE/C,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,eAAe,CAAC,MAAM,CAAC;YAC9D,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,oBAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,CAClD,CAAC;YACJ,CAAC,CAAC,EAAE;QACL,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"SelectedOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/SelectedOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAQrE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;IACxD,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAC5E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAE/D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,6BAAK,SAAS,EAAC,yCAAyC,IACrD,MAAM,CAAC,KAAK,CACT,CACP,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;QACpC,OAAO,CACL,oBAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,EAAE,EAAE,EAAC,KAAK,IACvD,MAAM,CAAC,KAAK,CACA,CAChB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,CAAC,SAAS,IACd,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,oBAAoB,CAAC,MAAM,CAAC,CAAC;YAC7B,UAAU,EAAE,CAAC;QACf,CAAC,IAEA,MAAM,CAAC,KAAK,CACG,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAmC,CAAC,EACvD,eAAe,GAAG,EAAE,EACpB,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACtD,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,IAAI,eACC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;QAE/C,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,eAAe,CAAC,MAAM,CAAC;YAC9D,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,oBAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI,CAClD,CAAC;YACJ,CAAC,CAAC,EAAE;QACL,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -109,7 +109,8 @@ export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<
109
109
  */
110
110
  limit: number;
111
111
  /**
112
- * Override the message to display when the limit for maximum selected options has been reached
112
+ * Message to display when the limit for maximum selected options has been reached
113
+ * @default "{selected} av maks {limit} er valgt."
113
114
  */
114
115
  message?: string;
115
116
  };
@@ -131,12 +132,6 @@ export interface ComboboxProps extends FormFieldProps, Omit<InputHTMLAttributes<
131
132
  * @default true
132
133
  */
133
134
  toggleListButton?: boolean;
134
- /**
135
- * Custom name for the toggle list-button. Requires "toggleListButton" to be `true`.
136
- *
137
- * @default "Alternativer"
138
- */
139
- toggleListButtonLabel?: string;
140
135
  /**
141
136
  * Set this to override the value of the input field.
142
137
  *
@@ -12,9 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import cl from "clsx";
13
13
  import React, { forwardRef } from "react";
14
14
  import { Link } from "../../link/index.js";
15
+ import { useI18n } from "../../util/i18n/i18n.context.js";
15
16
  export const FormSummaryEditLink = forwardRef((_a, ref) => {
16
- var { children = "Endre svar", className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
17
- return (React.createElement(Link, Object.assign({ ref: ref, as: as }, rest, { className: cl("navds-form-summary__edit", className) }), children));
17
+ var { children, className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
18
+ const translate = useI18n("FormSummary");
19
+ return (React.createElement(Link, Object.assign({ ref: ref, as: as }, rest, { className: cl("navds-form-summary__edit", className) }), children || translate("editAnswer")));
18
20
  });
19
21
  export default FormSummaryEditLink;
20
22
  //# sourceMappingURL=FormSummaryEditLink.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAmBlC,MAAM,CAAC,MAAM,mBAAmB,GAG5B,UAAU,CACZ,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,GAAG,YAAY,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAvD,+BAAyD,CAAF;IAAY,OAAA,CAClE,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,CACJ,CACR,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAkBvD,MAAM,CAAC,MAAM,mBAAmB,GAG5B,UAAU,CAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;IACzC,OAAO,CACL,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
@@ -12,6 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import cl from "clsx";
13
13
  import React, { forwardRef, useRef, useState, } from "react";
14
14
  import { MagnifyingGlassIcon, XMarkIcon } from "@navikt/aksel-icons";
15
+ import { Button } from "../../button/index.js";
16
+ import { UNSAFE_useAkselTheme } from "../../provider/index.js";
15
17
  import { BodyShort, ErrorMessage, Label } from "../../typography/index.js";
16
18
  import { omit } from "../../util/index.js";
17
19
  import { useMergeRefs } from "../../util/hooks/useMergeRefs.js";
@@ -35,6 +37,7 @@ import { SearchContext } from "./context.js";
35
37
  export const Search = forwardRef((props, ref) => {
36
38
  const { inputProps, size = "medium", inputDescriptionId, errorId, showErrorMsg, hasError, } = useFormField(props, "searchfield");
37
39
  const { className, hideLabel = true, label, description, value, clearButtonLabel, onClear, clearButton = true, children, variant = "primary", defaultValue, onChange, onSearchClick, htmlSize } = props, rest = __rest(props, ["className", "hideLabel", "label", "description", "value", "clearButtonLabel", "onClear", "clearButton", "children", "variant", "defaultValue", "onChange", "onSearchClick", "htmlSize"]);
40
+ const themeContext = UNSAFE_useAkselTheme(false);
38
41
  const searchRef = useRef(null);
39
42
  const mergedRef = useMergeRefs(searchRef, ref);
40
43
  const translate = useI18n("Search");
@@ -52,6 +55,10 @@ export const Search = forwardRef((props, ref) => {
52
55
  const handleClick = () => {
53
56
  onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick(`${value !== null && value !== void 0 ? value : internalValue}`);
54
57
  };
58
+ const showClearButton = clearButton && !inputProps.disabled && (value !== null && value !== void 0 ? value : internalValue);
59
+ const ClearButton = () => themeContext ? (React.createElement(Button, { className: "navds-search__button-clear", variant: "tertiary-neutral", size: size === "medium" ? "small" : "xsmall", icon: React.createElement(XMarkIcon, { "aria-hidden": true }), title: clearButtonLabel || translate("clear"), hidden: !showClearButton, onClick: (event) => handleClear({ trigger: "Click", event }) })) : (React.createElement("button", { type: "button", onClick: (event) => handleClear({ trigger: "Click", event }), className: "navds-search__button-clear", hidden: !showClearButton },
60
+ React.createElement("span", { className: "navds-sr-only" }, clearButtonLabel || translate("clear")),
61
+ React.createElement(XMarkIcon, { "aria-hidden": true })));
55
62
  return (
56
63
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
57
64
  React.createElement("div", { onKeyDown: (event) => {
@@ -76,9 +83,7 @@ export const Search = forwardRef((props, ref) => {
76
83
  React.createElement("div", { className: "navds-search__wrapper-inner" },
77
84
  variant === "simple" && (React.createElement(MagnifyingGlassIcon, { "aria-hidden": true, className: "navds-search__search-icon" })),
78
85
  React.createElement("input", Object.assign({ ref: mergedRef }, omit(rest, ["error", "errorId", "size", "readOnly"]), inputProps, { value: value !== null && value !== void 0 ? value : internalValue, onChange: (e) => handleChange(e.target.value), type: "search", className: cl(className, "navds-search__input", `navds-search__input--${variant}`, "navds-text-field__input", "navds-body-short", `navds-body-short--${size}`) }, (htmlSize ? { size: Number(htmlSize) } : {}))),
79
- (value !== null && value !== void 0 ? value : internalValue) && clearButton && (React.createElement("button", { type: "button", onClick: (event) => handleClear({ trigger: "Click", event }), className: "navds-search__button-clear" },
80
- React.createElement("span", { className: "navds-sr-only" }, clearButtonLabel || translate("clear")),
81
- React.createElement(XMarkIcon, { "aria-hidden": true })))),
86
+ React.createElement(ClearButton, null)),
82
87
  React.createElement(SearchContext.Provider, { value: {
83
88
  size,
84
89
  disabled: inputProps.disabled,
@@ -1 +1 @@
1
- {"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":"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"}
@@ -11,11 +11,13 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React from "react";
13
13
  import { useId } from "../util/hooks/index.js";
14
+ import { useI18n } from "../util/i18n/i18n.context.js";
14
15
  export const DefaultIllustration = (_a) => {
15
16
  var { title, titleId: _titleId } = _a, props = __rest(_a, ["title", "titleId"]);
17
+ const translate = useI18n("GuidePanel");
16
18
  let titleId = useId();
17
19
  titleId = title ? (_titleId ? _titleId : "title-" + titleId) : undefined;
18
- return (React.createElement("svg", Object.assign({ width: "56", height: "85", viewBox: "0 0 56 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "NAV veileder illustrasjon", focusable: false, role: "img", "aria-labelledby": titleId }, props),
20
+ return (React.createElement("svg", Object.assign({ width: "56", height: "85", viewBox: "0 0 56 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": translate("illustrationLabel"), focusable: false, role: "img", "aria-labelledby": titleId }, props),
19
21
  title ? React.createElement("title", { id: titleId }, title) : null,
20
22
  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M43.1888 40.4308C41.795 44.9808 39.0663 48.7576 35.5693 51.069L35.7484 53.0952L35.7474 53.1777L33.857 69.8797H21.8679L21.8181 69.5289L19.5004 53.1489L19.5862 51.1002C16.0715 48.795 13.3274 45.0119 11.9257 40.4499C11.8781 40.4544 11.83 40.4566 11.7812 40.4566C10.8745 40.4566 10.1562 39.6595 10.1562 38.6939V33.2298C10.1562 32.5825 10.479 32.0106 10.9648 31.7039C11.7229 21.5028 18.8443 13.4855 27.554 13.4855C36.2401 13.4855 43.3472 21.4596 44.1376 31.6211C44.7049 31.8986 45.0937 32.5184 45.0937 33.2298V38.6939C45.0937 39.66 44.3765 40.4566 43.4687 40.4566C43.3731 40.4566 43.2796 40.4478 43.1888 40.4308Z", fill: "#F7F7F7" }),
21
23
  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.1471 51.6345C35.0789 55.2819 31.7373 59.0239 27.625 59.0239C23.4949 59.0239 20.142 55.2493 20.1022 51.5869C17.9622 52.1325 14.6956 53.7781 11.9995 56.5281C9.38852 59.1912 7.3125 63.1941 7.3125 66.2993V85.0001H47.9375V66.2993C47.9375 63.1878 45.8167 59.178 43.1575 56.5119C40.4983 53.8458 37.3007 52.2225 35.1471 51.6345Z", fill: "#005B82" }),
@@ -1 +1 @@
1
- {"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAWtC,MAAM,CAAC,MAAM,mBAAmB,GAA4B,CAAC,EAI5D,EAAE,EAAE;QAJwD,EAC3D,KAAK,EACL,OAAO,EAAE,QAAQ,OAElB,EADI,KAAK,cAHmD,oBAI5D,CADS;IAER,IAAI,OAAO,GAAuB,KAAK,EAAE,CAAC;IAC1C,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEzE,OAAO,CACL,2CACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACvB,2BAA2B,EACtC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,qBACO,OAAO,IACpB,KAAK;QAER,KAAK,CAAC,CAAC,CAAC,+BAAO,EAAE,EAAE,OAAO,IAAG,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;QACnD,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,imBAAimB,EACnmB,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+iCAA+iC,EACjjC,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;QACF,8BACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;QACF,8BACE,CAAC,EAAC,4wBAA4wB,EAC9wB,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,GACZ;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAWpD,MAAM,CAAC,MAAM,mBAAmB,GAA4B,CAAC,EAI5D,EAAE,EAAE;QAJwD,EAC3D,KAAK,EACL,OAAO,EAAE,QAAQ,OAElB,EADI,KAAK,cAHmD,oBAI5D,CADS;IAER,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IAExC,IAAI,OAAO,GAAuB,KAAK,EAAE,CAAC;IAC1C,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEzE,OAAO,CACL,2CACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACtB,SAAS,CAAC,mBAAmB,CAAC,EAC1C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,qBACO,OAAO,IACpB,KAAK;QAER,KAAK,CAAC,CAAC,CAAC,+BAAO,EAAE,EAAE,OAAO,IAAG,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;QACnD,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,imBAAimB,EACnmB,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+iCAA+iC,EACjjC,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;QACF,8BACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;QACF,8BACE,CAAC,EAAC,4wBAA4wB,EAC9wB,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,GACZ;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -4,7 +4,7 @@ export interface HelpTextProps extends React.ButtonHTMLAttributes<HTMLButtonElem
4
4
  children: React.ReactNode;
5
5
  /**
6
6
  * Adds a title-tooltip with the given text
7
- * @default "hjelp"
7
+ * @default "Mer informasjon"
8
8
  */
9
9
  title?: string;
10
10
  /**
@@ -15,6 +15,7 @@ import { Popover } from "../popover/index.js";
15
15
  import { UNSAFE_useAkselTheme } from "../provider/index.js";
16
16
  import { composeEventHandlers } from "../util/composeEventHandlers.js";
17
17
  import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
18
+ import { useI18n } from "../util/i18n/i18n.context.js";
18
19
  import { HelpTextIcon } from "./HelpTextIcon.js";
19
20
  /**
20
21
  * A component that displays a help text button with a popover.
@@ -30,15 +31,17 @@ import { HelpTextIcon } from "./HelpTextIcon.js";
30
31
  * ```
31
32
  */
32
33
  export const HelpText = forwardRef((_a, ref) => {
33
- var { className, children, placement, strategy = "absolute", title = "hjelp", onClick, wrapperClassName } = _a, rest = __rest(_a, ["className", "children", "placement", "strategy", "title", "onClick", "wrapperClassName"]);
34
+ var { className, children, placement, strategy = "absolute", title, onClick, wrapperClassName } = _a, rest = __rest(_a, ["className", "children", "placement", "strategy", "title", "onClick", "wrapperClassName"]);
34
35
  const buttonRef = useRef(null);
35
36
  const mergedRef = useMergeRefs(buttonRef, ref);
36
37
  const [open, setOpen] = useState(false);
37
38
  const themeContext = UNSAFE_useAkselTheme(false);
39
+ const translate = useI18n("HelpText");
40
+ const titleWithFallback = title || translate("title");
38
41
  return (React.createElement("div", { className: cl("navds-help-text", wrapperClassName) },
39
42
  React.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: composeEventHandlers(onClick, () => setOpen((x) => !x)), className: cl(className, "navds-help-text__button"), type: "button", "aria-expanded": open }),
40
- React.createElement(HelpTextIcon, { title: title }),
41
- React.createElement(HelpTextIcon, { filled: true, title: title })),
43
+ React.createElement(HelpTextIcon, { title: titleWithFallback }),
44
+ React.createElement(HelpTextIcon, { filled: true, title: titleWithFallback })),
42
45
  React.createElement(Popover, { onClose: () => setOpen(false), className: "navds-help-text__popover", open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy, offset: themeContext ? 8 : 12, arrow: !themeContext },
43
46
  React.createElement(Popover.Content, { className: "navds-body-short" }, children))));
44
47
  });
@@ -1 +1 @@
1
- {"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiB9C;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,OAAO,EACf,OAAO,EACP,gBAAgB,OAEjB,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAE/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACrD,gDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI;YAC9B,oBAAC,YAAY,IAAC,MAAM,QAAC,KAAK,EAAE,KAAK,GAAI,CAC9B;QACT,oBAAC,OAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7B,KAAK,EAAE,CAAC,YAAY;YAEpB,oBAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiB9C;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,OAEjB,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACrD,gDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,oBAAC,YAAY,IAAC,KAAK,EAAE,iBAAiB,GAAI;YAC1C,oBAAC,YAAY,IAAC,MAAM,QAAC,KAAK,EAAE,iBAAiB,GAAI,CAC1C;QACT,oBAAC,OAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7B,KAAK,EAAE,CAAC,YAAY;YAEpB,oBAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { OverridableComponent } from "../util/types/index.js";
3
- export interface InternalHeaderButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
3
+ export interface InternalHeaderButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  /**
5
5
  * Application Button
6
6
  */
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { OverridableComponent } from "../util/types/index.js";
3
- export interface InternalHeaderUserButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
3
+ export interface InternalHeaderUserButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  /**
5
5
  * User name
6
6
  */
@@ -20,7 +20,7 @@ export const InternalHeaderUserButton = forwardRef((_a, ref) => {
20
20
  React.createElement("div", null,
21
21
  React.createElement(BodyShort, { size: "small", as: "div" }, name),
22
22
  description && React.createElement(Detail, { as: "div" }, description)),
23
- React.createElement(ChevronDownIcon, { title: "vis meny" })));
23
+ React.createElement(ChevronDownIcon, { "aria-hidden": true })));
24
24
  });
25
25
  export default InternalHeaderUserButton;
26
26
  //# sourceMappingURL=InternalHeaderUserButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InternalHeaderUserButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderUserButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAc1D,MAAM,CAAC,MAAM,wBAAwB,GAGjC,UAAU,CAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAAY,OAAA,CACrE,oBAAC,oBAAoB,oBACf,IAAI,IACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC;QAE7D;YACE,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,IAC7B,IAAI,CACK;YACX,WAAW,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,KAAK,IAAE,WAAW,CAAU,CACnD;QACN,oBAAC,eAAe,IAAC,KAAK,EAAC,UAAU,GAAG,CACf,CACxB,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,wBAAwB,CAAC"}
1
+ {"version":3,"file":"InternalHeaderUserButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderUserButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAc1D,MAAM,CAAC,MAAM,wBAAwB,GAGjC,UAAU,CAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAAY,OAAA,CACrE,oBAAC,oBAAoB,oBACf,IAAI,IACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC;QAE7D;YACE,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,IAC7B,IAAI,CACK;YACX,WAAW,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,KAAK,IAAE,WAAW,CAAU,CACnD;QACN,oBAAC,eAAe,0BAAe,CACV,CACxB,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,wBAAwB,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import cl from "clsx";
2
2
  import React from "react";
3
+ import { UNSAFE_useAkselTheme } from "../../provider/index.js";
3
4
  import { Slot } from "../../slot/Slot.js";
4
5
  import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
5
6
  export const PRIMITIVE_PROPS = [
@@ -31,7 +32,9 @@ export const PRIMITIVE_PROPS = [
31
32
  "gridColumn",
32
33
  ];
33
34
  export const BasePrimitive = ({ children, className, padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink, gridColumn, }) => {
34
- const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getResponsiveProps("r", "p", "spacing", padding)), getResponsiveProps("r", "pi", "spacing", paddingInline)), getResponsiveProps("r", "pb", "spacing", paddingBlock)), getResponsiveProps("r", "m", "spacing", margin)), getResponsiveProps("r", "mi", "spacing", marginInline)), getResponsiveProps("r", "mb", "spacing", marginBlock)), getResponsiveValue("r", "w", width)), getResponsiveValue("r", "minw", minWidth)), getResponsiveValue("r", "maxw", maxWidth)), getResponsiveValue("r", "h", height)), getResponsiveValue("r", "minh", minHeight)), getResponsiveValue("r", "maxh", maxHeight)), getResponsiveValue("r", "position", position)), getResponsiveProps("r", "inset", "spacing", inset)), getResponsiveProps("r", "top", "spacing", top)), getResponsiveProps("r", "right", "spacing", right)), getResponsiveProps("r", "bottom", "spacing", bottom)), getResponsiveProps("r", "left", "spacing", left)), getResponsiveValue("r", "overflow", overflow)), getResponsiveValue("r", "overflowx", overflowX)), getResponsiveValue("r", "overflowy", overflowY)), getResponsiveValue("r", "flex-basis", flexBasis)), getResponsiveValue("r", "flex-grow", flexGrow)), getResponsiveValue("r", "flex-shrink", flexShrink)), getResponsiveValue("r", "grid-column", gridColumn));
35
+ const themeContext = UNSAFE_useAkselTheme(false);
36
+ const prefix = themeContext ? "ax" : "a";
37
+ const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getResponsiveProps(prefix, "r", "p", "spacing", padding)), getResponsiveProps(prefix, "r", "pi", "spacing", paddingInline)), getResponsiveProps(prefix, "r", "pb", "spacing", paddingBlock)), getResponsiveProps(prefix, "r", "m", "spacing", margin)), getResponsiveProps(prefix, "r", "mi", "spacing", marginInline)), getResponsiveProps(prefix, "r", "mb", "spacing", marginBlock)), getResponsiveValue(prefix, "r", "w", width)), getResponsiveValue(prefix, "r", "minw", minWidth)), getResponsiveValue(prefix, "r", "maxw", maxWidth)), getResponsiveValue(prefix, "r", "h", height)), getResponsiveValue(prefix, "r", "minh", minHeight)), getResponsiveValue(prefix, "r", "maxh", maxHeight)), getResponsiveValue(prefix, "r", "position", position)), getResponsiveProps(prefix, "r", "inset", "spacing", inset)), getResponsiveProps(prefix, "r", "top", "spacing", top)), getResponsiveProps(prefix, "r", "right", "spacing", right)), getResponsiveProps(prefix, "r", "bottom", "spacing", bottom)), getResponsiveProps(prefix, "r", "left", "spacing", left)), getResponsiveValue(prefix, "r", "overflow", overflow)), getResponsiveValue(prefix, "r", "overflowx", overflowX)), getResponsiveValue(prefix, "r", "overflowy", overflowY)), getResponsiveValue(prefix, "r", "flex-basis", flexBasis)), getResponsiveValue(prefix, "r", "flex-grow", flexGrow)), getResponsiveValue(prefix, "r", "flex-shrink", flexShrink)), getResponsiveValue(prefix, "r", "grid-column", gridColumn));
35
38
  return (React.createElement(Slot, { className: cl({
36
39
  className,
37
40
  "navds-r-p": padding,
@@ -1 +1 @@
1
- {"version":3,"file":"BasePrimitive.js","sourceRoot":"","sources":["../../../src/layout/base/BasePrimitive.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"BasePrimitive.js","sourceRoot":"","sources":["../../../src/layout/base/BasePrimitive.tsx"],"names":[],"mappings":"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"}
@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import cl from "clsx";
13
13
  import React, { forwardRef } from "react";
14
+ import { UNSAFE_useAkselTheme } from "../../provider/index.js";
14
15
  import { Slot } from "../../slot/Slot.js";
15
16
  import { getResponsiveProps } from "../utilities/css.js";
16
17
  /**
@@ -29,9 +30,11 @@ import { getResponsiveProps } from "../utilities/css.js";
29
30
  */
30
31
  export const Bleed = forwardRef((_a, ref) => {
31
32
  var { className, marginInline, marginBlock, reflectivePadding, style: _style, asChild } = _a, rest = __rest(_a, ["className", "marginInline", "marginBlock", "reflectivePadding", "style", "asChild"]);
32
- let style = Object.assign(Object.assign(Object.assign({}, _style), getResponsiveProps("bleed", "margin-inline", "spacing", marginInline, true, ["0", "full", "px"])), getResponsiveProps("bleed", "margin-block", "spacing", marginBlock, true, ["0", "px"]));
33
+ const themeContext = UNSAFE_useAkselTheme(false);
34
+ const prefix = themeContext ? "ax" : "a";
35
+ let style = Object.assign(Object.assign(Object.assign({}, _style), getResponsiveProps(prefix, "bleed", "margin-inline", "spacing", marginInline, true, ["0", "full", "px"])), getResponsiveProps(prefix, "bleed", "margin-block", "spacing", marginBlock, true, ["0", "px"]));
33
36
  if (reflectivePadding) {
34
- style = Object.assign(Object.assign(Object.assign({}, style), getResponsiveProps("bleed", "padding-inline", "spacing", marginInline, false, ["0", "full", "px"])), getResponsiveProps("bleed", "padding-block", "spacing", marginBlock, false, ["0", "px"]));
37
+ style = Object.assign(Object.assign(Object.assign({}, style), getResponsiveProps(prefix, "bleed", "padding-inline", "spacing", marginInline, false, ["0", "full", "px"])), getResponsiveProps(prefix, "bleed", "padding-block", "spacing", marginBlock, false, ["0", "px"]));
35
38
  }
36
39
  const Comp = asChild ? Slot : "div";
37
40
  return (React.createElement(Comp, Object.assign({}, rest, { className: cl("navds-bleed", className, {
@@ -1 +1 @@
1
- {"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/layout/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAoDtD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,IAAI,KAAK,iDACJ,MAAM,GACN,kBAAkB,CACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GAEE,kBAAkB,CACnB,OAAO,EACP,cAAc,EACd,SAAS,EACT,WAAW,EACX,IAAI,EACJ,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,KAAK,iDACA,KAAK,GACL,kBAAkB,CACnB,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GACE,kBAAkB,CACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/layout/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAoDtD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAEzC,IAAI,KAAK,iDACJ,MAAM,GACN,kBAAkB,CACnB,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GAEE,kBAAkB,CACnB,MAAM,EACN,OAAO,EACP,cAAc,EACd,SAAS,EACT,WAAW,EACX,IAAI,EACJ,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,KAAK,iDACA,KAAK,GACL,kBAAkB,CACnB,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GACE,kBAAkB,CACnB,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -3,6 +3,7 @@ import { OverridableComponent } from "../../util/types/index.js";
3
3
  import { PrimitiveProps } from "../base/BasePrimitive.js";
4
4
  import { PrimitiveAsChildProps } from "../base/PrimitiveAsChildProps.js";
5
5
  import { BackgroundColorToken, BorderColorToken, BorderRadiiToken, ResponsiveProp, ShadowToken, SpaceDelimitedAttribute, SurfaceColorToken } from "../utilities/types.js";
6
+ import BoxNew from "./Box.darkside.js";
6
7
  export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
7
8
  /**
8
9
  * CSS `background-color` property.
@@ -37,6 +38,9 @@ export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
37
38
  */
38
39
  shadow?: ShadowToken;
39
40
  } & PrimitiveProps & PrimitiveAsChildProps;
41
+ interface BoxComponentType extends OverridableComponent<BoxProps, HTMLDivElement> {
42
+ New: typeof BoxNew;
43
+ }
40
44
  /**
41
45
  * Foundational Layout-primitive for generic encapsulation & styling.
42
46
  *
@@ -64,5 +68,6 @@ export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
64
68
  * </Box>
65
69
  * </VStack>
66
70
  */
67
- export declare const Box: OverridableComponent<BoxProps, HTMLDivElement>;
71
+ export declare const BoxComponent: OverridableComponent<BoxProps, HTMLDivElement>;
72
+ export declare const Box: BoxComponentType;
68
73
  export default Box;
@@ -0,0 +1,70 @@
1
+ import React from "react";
2
+ import { BorderKeys } from "@navikt/ds-tokens/darkside/tokens/semantic-roles";
3
+ import { OverridableComponent } from "../../util/types/index.js";
4
+ import { PrimitiveProps } from "../base/BasePrimitive.js";
5
+ import { PrimitiveAsChildProps } from "../base/PrimitiveAsChildProps.js";
6
+ import { BorderRadiiToken, ResponsiveProp, SemanticRoleBgDarkside, SemanticShadowTokens, SemanticStaticBgDarkside, SemanticStaticBorderDarkside, SpaceDelimitedAttribute } from "../utilities/types.js";
7
+ export type BoxNewProps = React.HTMLAttributes<HTMLDivElement> & {
8
+ /**
9
+ * CSS `background-color` property.
10
+ * Accepts a [background/surface color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#afff774dad80).
11
+ */
12
+ background?: SemanticStaticBgDarkside | SemanticRoleBgDarkside;
13
+ /**
14
+ * CSS `border-color` property.
15
+ * Accepts a [border color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#adb1767e2f87).
16
+ */
17
+ borderColor?: BorderKeys | SemanticStaticBorderDarkside;
18
+ /**
19
+ * CSS `border-radius` property.
20
+ * Accepts a [radius token](https://aksel.nav.no/grunnleggende/styling/design-tokens#6d79c5605d31)
21
+ * or an object of radius tokens for different breakpoints.
22
+ * @example
23
+ * borderRadius='full'
24
+ * borderRadius='0 full large small'
25
+ * borderRadius={{xs: 'small large', sm: '0', md: 'large', lg: 'full'}}
26
+ */
27
+ borderRadius?: ResponsiveProp<SpaceDelimitedAttribute<BorderRadiiToken>>;
28
+ /**
29
+ * CSS `border-width` property. If this is not set there will be no border.
30
+ * @example
31
+ * borderWidth='2'
32
+ * borderWidth='1 2 3 4'
33
+ */
34
+ borderWidth?: SpaceDelimitedAttribute<"0" | "1" | "2" | "3" | "4" | "5">;
35
+ /** Shadow on box. Accepts a shadow token.
36
+ * @example
37
+ * shadow='small'
38
+ */
39
+ shadow?: SemanticShadowTokens;
40
+ } & PrimitiveProps & PrimitiveAsChildProps;
41
+ /**
42
+ *
43
+ * Foundational Layout-primitive for generic encapsulation & styling.
44
+ *
45
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/box)
46
+ * @see 🏷️ {@link BoxProps}
47
+ * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
48
+ *
49
+ * @example
50
+ * <Box padding="4">
51
+ * <BodyShort>Hei</BodyShort>
52
+ * </Box>
53
+ *
54
+ * @example
55
+ * <Box padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}>
56
+ * <BodyShort>Hei</BodyShort>
57
+ * </Box>
58
+ *
59
+ * @example
60
+ * <VStack gap="8">
61
+ * <Box padding="4">
62
+ * <BodyShort>Hei</BodyShort>
63
+ * </Box>
64
+ * <Box padding="4">
65
+ * <BodyShort>Hei</BodyShort>
66
+ * </Box>
67
+ * </VStack>
68
+ */
69
+ export declare const BoxNew: OverridableComponent<BoxNewProps, HTMLDivElement>;
70
+ export default BoxNew;
@@ -0,0 +1,69 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import cl from "clsx";
13
+ import React, { forwardRef } from "react";
14
+ import { Slot } from "../../slot/Slot.js";
15
+ import { omit } from "../../util/index.js";
16
+ import BasePrimitive, { PRIMITIVE_PROPS, } from "../base/BasePrimitive.js";
17
+ import { getResponsiveProps } from "../utilities/css.js";
18
+ /**
19
+ *
20
+ * Foundational Layout-primitive for generic encapsulation & styling.
21
+ *
22
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/box)
23
+ * @see 🏷️ {@link BoxProps}
24
+ * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
25
+ *
26
+ * @example
27
+ * <Box padding="4">
28
+ * <BodyShort>Hei</BodyShort>
29
+ * </Box>
30
+ *
31
+ * @example
32
+ * <Box padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}>
33
+ * <BodyShort>Hei</BodyShort>
34
+ * </Box>
35
+ *
36
+ * @example
37
+ * <VStack gap="8">
38
+ * <Box padding="4">
39
+ * <BodyShort>Hei</BodyShort>
40
+ * </Box>
41
+ * <Box padding="4">
42
+ * <BodyShort>Hei</BodyShort>
43
+ * </Box>
44
+ * </VStack>
45
+ */
46
+ export const BoxNew = forwardRef((_a, ref) => {
47
+ var { children, className, as: Component = "div", background, borderColor, borderWidth, borderRadius, shadow, style: _style, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "background", "borderColor", "borderWidth", "borderRadius", "shadow", "style", "asChild"]);
48
+ const style = Object.assign(Object.assign(Object.assign({}, _style), { "--__axc-box-background": background
49
+ ? `var(--ax-bg-${background})`
50
+ : undefined, "--__axc-box-shadow": shadow ? `var(--ax-shadow-${shadow})` : undefined, "--__axc-box-border-color": borderColor
51
+ ? `var(--ax-border-${borderColor})`
52
+ : undefined, "--__axc-box-border-width": borderWidth
53
+ ? borderWidth
54
+ .split(" ")
55
+ .map((x) => `${x}px`)
56
+ .join(" ")
57
+ : undefined }), getResponsiveProps("ax", "box", "border-radius", "border-radius", borderRadius, false, ["0"]));
58
+ const Comp = asChild ? Slot : Component;
59
+ return (React.createElement(BasePrimitive, Object.assign({}, rest),
60
+ React.createElement(Comp, Object.assign({}, omit(rest, PRIMITIVE_PROPS), { ref: ref, style: style, className: cl("navds-box", className, {
61
+ "navds-box-bg": background,
62
+ "navds-box-border-color": borderColor,
63
+ "navds-box-border-width": borderWidth,
64
+ "navds-box-border-radius": borderRadius,
65
+ "navds-box-shadow": shadow,
66
+ }) }), children)));
67
+ });
68
+ export default BoxNew;
69
+ //# sourceMappingURL=Box.darkside.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Box.darkside.js","sourceRoot":"","sources":["../../../src/layout/box/Box.darkside.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA+CtD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,MAAM,MAAM,GACjB,UAAU,CACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAXT,yHAYC,CADQ;IAIT,MAAM,KAAK,iDACN,MAAM,KACT,wBAAwB,EAAE,UAAU;YAClC,CAAC,CAAC,eAAe,UAAU,GAAG;YAC9B,CAAC,CAAC,SAAS,EACb,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,EACvE,0BAA0B,EAAE,WAAW;YACrC,CAAC,CAAC,mBAAmB,WAAW,GAAG;YACnC,CAAC,CAAC,SAAS,EACb,0BAA0B,EAAE,WAAW;YACrC,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,kBAAkB,CACnB,IAAI,EACJ,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE;gBACpC,cAAc,EAAE,UAAU;gBAC1B,wBAAwB,EAAE,WAAW;gBACrC,wBAAwB,EAAE,WAAW;gBACrC,yBAAyB,EAAE,YAAY;gBACvC,kBAAkB,EAAE,MAAM;aAC3B,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,MAAM,CAAC"}
@@ -11,10 +11,12 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import cl from "clsx";
13
13
  import React, { forwardRef } from "react";
14
+ import { UNSAFE_useAkselTheme } from "../../provider/index.js";
14
15
  import { Slot } from "../../slot/Slot.js";
15
16
  import { omit } from "../../util/index.js";
16
17
  import BasePrimitive, { PRIMITIVE_PROPS, } from "../base/BasePrimitive.js";
17
18
  import { getResponsiveProps } from "../utilities/css.js";
19
+ import BoxNew from "./Box.darkside.js";
18
20
  /**
19
21
  * Foundational Layout-primitive for generic encapsulation & styling.
20
22
  *
@@ -42,18 +44,27 @@ import { getResponsiveProps } from "../utilities/css.js";
42
44
  * </Box>
43
45
  * </VStack>
44
46
  */
45
- export const Box = forwardRef((_a, ref) => {
47
+ export const BoxComponent = forwardRef((_a, ref) => {
46
48
  var { children, className, as: Component = "div", background, borderColor, borderWidth, borderRadius, shadow, style: _style, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "background", "borderColor", "borderWidth", "borderRadius", "shadow", "style", "asChild"]);
47
- const style = Object.assign(Object.assign(Object.assign({}, _style), { "--__ac-box-background": background
49
+ const themeContext = UNSAFE_useAkselTheme(false);
50
+ if (process.env.NODE_ENV !== "production" &&
51
+ themeContext &&
52
+ (background || borderColor || shadow)) {
53
+ console.warn(`<Box /> with properties 'background', 'borderColor' or 'shadow' cannot be used with AkselTheme (darkmode-support). To continue using these properties, migrate to '<Box.New>'`);
54
+ }
55
+ const prefix = themeContext ? "ax" : "a";
56
+ const style = Object.assign(Object.assign(Object.assign({}, _style), { [`--__${prefix}c-box-background`]: background
48
57
  ? `var(--a-${background})`
49
- : undefined, "--__ac-box-shadow": shadow ? `var(--a-shadow-${shadow})` : undefined, "--__ac-box-border-color": borderColor
58
+ : undefined, [`--__${prefix}c-box-shadow`]: shadow
59
+ ? `var(--a-shadow-${shadow})`
60
+ : undefined, [`--__${prefix}c-box-border-color`]: borderColor
50
61
  ? `var(--a-${borderColor})`
51
- : undefined, "--__ac-box-border-width": borderWidth
62
+ : undefined, [`--__${prefix}c-box-border-width`]: borderWidth
52
63
  ? borderWidth
53
64
  .split(" ")
54
65
  .map((x) => `${x}px`)
55
66
  .join(" ")
56
- : undefined }), getResponsiveProps("box", "border-radius", "border-radius", borderRadius, false, ["0"]));
67
+ : undefined }), getResponsiveProps(prefix, "box", "border-radius", "border-radius", borderRadius, false, ["0"]));
57
68
  const Comp = asChild ? Slot : Component;
58
69
  return (React.createElement(BasePrimitive, Object.assign({}, rest),
59
70
  React.createElement(Comp, Object.assign({}, omit(rest, PRIMITIVE_PROPS), { ref: ref, style: style, className: cl("navds-box", className, {
@@ -64,5 +75,7 @@ export const Box = forwardRef((_a, ref) => {
64
75
  "navds-box-shadow": shadow,
65
76
  }) }), children)));
66
77
  });
78
+ export const Box = BoxComponent;
79
+ Box.New = BoxNew;
67
80
  export default Box;
68
81
  //# sourceMappingURL=Box.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA+CtD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,GAAG,GAAmD,UAAU,CAC3E,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAXT,yHAYC,CADQ;IAIT,MAAM,KAAK,iDACN,MAAM,KACT,uBAAuB,EAAE,UAAU;YACjC,CAAC,CAAC,WAAW,UAAU,GAAG;YAC1B,CAAC,CAAC,SAAS,EACb,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,EACrE,yBAAyB,EAAE,WAAW;YACpC,CAAC,CAAC,WAAW,WAAW,GAAG;YAC3B,CAAC,CAAC,SAAS,EACb,yBAAyB,EAAE,WAAW;YACpC,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,kBAAkB,CACnB,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE;gBACpC,cAAc,EAAE,UAAU;gBAC1B,wBAAwB,EAAE,WAAW;gBACrC,wBAAwB,EAAE,WAAW;gBACrC,yBAAyB,EAAE,YAAY;gBACvC,kBAAkB,EAAE,MAAM;aAC3B,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":"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"}
@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import cl from "clsx";
13
13
  import React, { forwardRef } from "react";
14
+ import { UNSAFE_useAkselTheme } from "../../provider/index.js";
14
15
  import { Slot } from "../../slot/Slot.js";
15
16
  import { omit } from "../../util/index.js";
16
17
  import BasePrimitive, { PRIMITIVE_PROPS, } from "../base/BasePrimitive.js";
@@ -42,7 +43,9 @@ import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
42
43
  */
43
44
  export const HGrid = forwardRef((_a, ref) => {
44
45
  var { children, className, as: Component = "div", columns, gap, style, align, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "columns", "gap", "style", "align", "asChild"]);
45
- const styles = Object.assign(Object.assign(Object.assign(Object.assign({}, style), { "--__ac-hgrid-align": align }), getResponsiveProps(`hgrid`, "gap", "spacing", gap)), getResponsiveValue(`hgrid`, "columns", formatGrid(columns)));
46
+ const themeContext = UNSAFE_useAkselTheme(false);
47
+ const prefix = themeContext ? "ax" : "a";
48
+ const styles = Object.assign(Object.assign(Object.assign(Object.assign({}, style), { [`--__${prefix}c-hgrid-align`]: align }), getResponsiveProps(prefix, `hgrid`, "gap", "spacing", gap)), getResponsiveValue(prefix, `hgrid`, "columns", formatGrid(columns)));
46
49
  const Comp = asChild ? Slot : Component;
47
50
  return (React.createElement(BasePrimitive, Object.assign({}, rest),
48
51
  React.createElement(Comp, Object.assign({}, omit(rest, PRIMITIVE_PROPS), { ref: ref, className: cl("navds-hgrid", className, {
@@ -1 +1 @@
1
- {"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAwB,IAAI,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA6B1E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,EACP,GAAG,EACH,KAAK,EACL,KAAK,EACL,OAAO,OAER,EADI,IAAI,cATT,8EAUC,CADQ;IAIT,MAAM,MAAM,+DACP,KAAK,KACR,oBAAoB,EAAE,KAAK,KACxB,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GAClD,kBAAkB,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAC/D,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;gBACtC,iBAAiB,EAAE,GAAG;gBACtB,mBAAmB,EAAE,KAAK;aAC3B,CAAC,EACF,KAAK,EAAE,MAAM,KAEZ,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,UAAU,CACjB,KAAuC;IAEvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC;QAC5D,eAAe;QACf,cAAc,CAAC,WAAW,CAAC;KAC5B,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC/C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,UAAU,IAAI,mBAAmB,CAAC;IAC3C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAwB,IAAI,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA6B1E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,EACP,GAAG,EACH,KAAK,EACL,KAAK,EACL,OAAO,OAER,EADI,IAAI,cATT,8EAUC,CADQ;IAIT,MAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAEzC,MAAM,MAAM,+DACP,KAAK,KACR,CAAC,OAAO,MAAM,eAAe,CAAC,EAAE,KAAK,KAClC,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GAC1D,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CACvE,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;gBACtC,iBAAiB,EAAE,GAAG;gBACtB,mBAAmB,EAAE,KAAK;aAC3B,CAAC,EACF,KAAK,EAAE,MAAM,KAEZ,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,UAAU,CACjB,KAAuC;IAEvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC;QAC5D,eAAe;QACf,cAAc,CAAC,WAAW,CAAC;KAC5B,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC/C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,UAAU,IAAI,mBAAmB,CAAC;IAC3C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}