@navikt/ds-react 7.22.0 → 7.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/cjs/alert/Alert.d.ts +4 -0
  2. package/cjs/alert/Alert.js +15 -1
  3. package/cjs/alert/Alert.js.map +1 -1
  4. package/cjs/button/Button.js +30 -2
  5. package/cjs/button/Button.js.map +1 -1
  6. package/cjs/chat/Chat.js +14 -2
  7. package/cjs/chat/Chat.js.map +1 -1
  8. package/cjs/chips/Removable.js +22 -2
  9. package/cjs/chips/Removable.js.map +1 -1
  10. package/cjs/chips/Toggle.js +24 -5
  11. package/cjs/chips/Toggle.js.map +1 -1
  12. package/cjs/expansion-card/ExpansionCard.js +2 -2
  13. package/cjs/expansion-card/ExpansionCard.js.map +1 -1
  14. package/cjs/form/checkbox/Checkbox.js +1 -1
  15. package/cjs/form/checkbox/Checkbox.js.map +1 -1
  16. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
  17. package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  18. package/cjs/form/confirmation-panel/ConfirmationPanel.js +2 -2
  19. package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
  20. package/cjs/form/error-summary/ErrorSummary.js +1 -1
  21. package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
  22. package/cjs/form/form-summary/FormSummaryAnswers.js +2 -2
  23. package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
  24. package/cjs/form/radio/Radio.js +1 -1
  25. package/cjs/form/radio/Radio.js.map +1 -1
  26. package/cjs/form/search/Search.d.ts +1 -1
  27. package/cjs/form/search/Search.js +10 -7
  28. package/cjs/form/search/Search.js.map +1 -1
  29. package/cjs/guide-panel/GuidePanel.js +3 -3
  30. package/cjs/guide-panel/GuidePanel.js.map +1 -1
  31. package/cjs/guide-panel/Illustration.darkside.js +1 -1
  32. package/cjs/guide-panel/Illustration.darkside.js.map +1 -1
  33. package/cjs/help-text/HelpText.js +2 -2
  34. package/cjs/help-text/HelpText.js.map +1 -1
  35. package/cjs/layout/box/Box.darkside.d.ts +4 -4
  36. package/cjs/layout/box/Box.darkside.js.map +1 -1
  37. package/cjs/layout/utilities/types.d.ts +8 -8
  38. package/cjs/link/Link.js +26 -2
  39. package/cjs/link/Link.js.map +1 -1
  40. package/cjs/loader/Loader.d.ts +5 -0
  41. package/cjs/loader/Loader.js +15 -2
  42. package/cjs/loader/Loader.js.map +1 -1
  43. package/cjs/overlays/action-menu/ActionMenu.js +5 -5
  44. package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
  45. package/cjs/pagination/Pagination.js +5 -7
  46. package/cjs/pagination/Pagination.js.map +1 -1
  47. package/cjs/pagination/PaginationItem.js +2 -2
  48. package/cjs/pagination/PaginationItem.js.map +1 -1
  49. package/cjs/portal/Portal.js +1 -1
  50. package/cjs/portal/Portal.js.map +1 -1
  51. package/cjs/stepper/Stepper.js +3 -2
  52. package/cjs/stepper/Stepper.js.map +1 -1
  53. package/cjs/tag/Tag.js +39 -3
  54. package/cjs/tag/Tag.js.map +1 -1
  55. package/cjs/theme/Theme.d.ts +10 -1
  56. package/cjs/theme/Theme.js +3 -3
  57. package/cjs/theme/Theme.js.map +1 -1
  58. package/cjs/timeline/Pin.js +1 -3
  59. package/cjs/timeline/Pin.js.map +1 -1
  60. package/cjs/timeline/period/ClickablePeriod.js +3 -5
  61. package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
  62. package/cjs/timeline/period/NonClickablePeriod.js +2 -1
  63. package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
  64. package/cjs/timeline/utils/period.d.ts +1 -1
  65. package/cjs/timeline/utils/period.js.map +1 -1
  66. package/cjs/toggle-group/ToggleGroup.js +21 -3
  67. package/cjs/toggle-group/ToggleGroup.js.map +1 -1
  68. package/cjs/types/index.d.ts +1 -0
  69. package/cjs/types/index.js +18 -0
  70. package/cjs/types/index.js.map +1 -0
  71. package/esm/alert/Alert.d.ts +4 -0
  72. package/esm/alert/Alert.js +15 -1
  73. package/esm/alert/Alert.js.map +1 -1
  74. package/esm/button/Button.js +30 -2
  75. package/esm/button/Button.js.map +1 -1
  76. package/esm/chat/Chat.js +14 -2
  77. package/esm/chat/Chat.js.map +1 -1
  78. package/esm/chips/Removable.js +23 -3
  79. package/esm/chips/Removable.js.map +1 -1
  80. package/esm/chips/Toggle.js +25 -6
  81. package/esm/chips/Toggle.js.map +1 -1
  82. package/esm/expansion-card/ExpansionCard.js +2 -2
  83. package/esm/expansion-card/ExpansionCard.js.map +1 -1
  84. package/esm/form/checkbox/Checkbox.js +1 -1
  85. package/esm/form/checkbox/Checkbox.js.map +1 -1
  86. package/esm/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
  87. package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
  88. package/esm/form/confirmation-panel/ConfirmationPanel.js +2 -2
  89. package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
  90. package/esm/form/error-summary/ErrorSummary.js +1 -1
  91. package/esm/form/error-summary/ErrorSummary.js.map +1 -1
  92. package/esm/form/form-summary/FormSummaryAnswers.js +2 -2
  93. package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
  94. package/esm/form/radio/Radio.js +1 -1
  95. package/esm/form/radio/Radio.js.map +1 -1
  96. package/esm/form/search/Search.d.ts +1 -1
  97. package/esm/form/search/Search.js +10 -7
  98. package/esm/form/search/Search.js.map +1 -1
  99. package/esm/guide-panel/GuidePanel.js +3 -3
  100. package/esm/guide-panel/GuidePanel.js.map +1 -1
  101. package/esm/guide-panel/Illustration.darkside.js +1 -1
  102. package/esm/guide-panel/Illustration.darkside.js.map +1 -1
  103. package/esm/help-text/HelpText.js +2 -2
  104. package/esm/help-text/HelpText.js.map +1 -1
  105. package/esm/layout/box/Box.darkside.d.ts +4 -4
  106. package/esm/layout/box/Box.darkside.js.map +1 -1
  107. package/esm/layout/utilities/types.d.ts +8 -8
  108. package/esm/link/Link.js +27 -3
  109. package/esm/link/Link.js.map +1 -1
  110. package/esm/loader/Loader.d.ts +5 -0
  111. package/esm/loader/Loader.js +15 -2
  112. package/esm/loader/Loader.js.map +1 -1
  113. package/esm/overlays/action-menu/ActionMenu.js +5 -5
  114. package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
  115. package/esm/pagination/Pagination.js +5 -7
  116. package/esm/pagination/Pagination.js.map +1 -1
  117. package/esm/pagination/PaginationItem.js +2 -2
  118. package/esm/pagination/PaginationItem.js.map +1 -1
  119. package/esm/portal/Portal.js +1 -1
  120. package/esm/portal/Portal.js.map +1 -1
  121. package/esm/stepper/Stepper.js +3 -2
  122. package/esm/stepper/Stepper.js.map +1 -1
  123. package/esm/tag/Tag.js +39 -3
  124. package/esm/tag/Tag.js.map +1 -1
  125. package/esm/theme/Theme.d.ts +10 -1
  126. package/esm/theme/Theme.js +3 -3
  127. package/esm/theme/Theme.js.map +1 -1
  128. package/esm/timeline/Pin.js +2 -4
  129. package/esm/timeline/Pin.js.map +1 -1
  130. package/esm/timeline/period/ClickablePeriod.js +4 -6
  131. package/esm/timeline/period/ClickablePeriod.js.map +1 -1
  132. package/esm/timeline/period/NonClickablePeriod.js +2 -1
  133. package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
  134. package/esm/timeline/utils/period.d.ts +1 -1
  135. package/esm/timeline/utils/period.js.map +1 -1
  136. package/esm/toggle-group/ToggleGroup.js +22 -4
  137. package/esm/toggle-group/ToggleGroup.js.map +1 -1
  138. package/esm/types/index.d.ts +1 -0
  139. package/esm/types/index.js +2 -0
  140. package/esm/types/index.js.map +1 -0
  141. package/esm/types/theme.d.ts +15 -0
  142. package/package.json +13 -8
  143. package/src/alert/Alert.tsx +22 -0
  144. package/src/button/Button.tsx +38 -0
  145. package/src/chat/Chat.tsx +17 -0
  146. package/src/chips/Removable.tsx +30 -3
  147. package/src/chips/Toggle.tsx +31 -13
  148. package/src/expansion-card/ExpansionCard.tsx +2 -0
  149. package/src/form/checkbox/Checkbox.tsx +1 -0
  150. package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +6 -1
  151. package/src/form/confirmation-panel/ConfirmationPanel.tsx +2 -2
  152. package/src/form/error-summary/ErrorSummary.tsx +1 -1
  153. package/src/form/form-summary/FormSummaryAnswers.tsx +23 -12
  154. package/src/form/radio/Radio.tsx +1 -0
  155. package/src/form/search/Search.tsx +48 -31
  156. package/src/guide-panel/GuidePanel.tsx +13 -2
  157. package/src/guide-panel/Illustration.darkside.tsx +1 -6
  158. package/src/help-text/HelpText.tsx +5 -1
  159. package/src/layout/box/Box.darkside.tsx +10 -8
  160. package/src/layout/utilities/css.ts +8 -8
  161. package/src/layout/utilities/types.ts +18 -16
  162. package/src/link/Link.tsx +36 -3
  163. package/src/loader/Loader.tsx +24 -0
  164. package/src/overlays/action-menu/ActionMenu.tsx +5 -5
  165. package/src/pagination/Pagination.tsx +5 -0
  166. package/src/pagination/PaginationItem.tsx +3 -1
  167. package/src/portal/Portal.tsx +6 -1
  168. package/src/react-css.d.ts +0 -4
  169. package/src/stepper/Stepper.tsx +4 -3
  170. package/src/tag/Tag.tsx +53 -4
  171. package/src/theme/Theme.tsx +13 -2
  172. package/src/timeline/Pin.tsx +1 -3
  173. package/src/timeline/period/ClickablePeriod.tsx +2 -3
  174. package/src/timeline/period/NonClickablePeriod.tsx +1 -0
  175. package/src/timeline/utils/period.ts +1 -1
  176. package/src/toggle-group/ToggleGroup.tsx +28 -3
  177. package/src/types/index.ts +1 -0
  178. package/src/types/theme.d.ts +15 -0
@@ -41,6 +41,10 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
41
41
  * **Requires closeButton to be true**.
42
42
  */
43
43
  onClose?: () => void;
44
+ /**
45
+ * Overriding Alert color is not supported.
46
+ */
47
+ "data-color"?: never;
44
48
  }
45
49
  /**
46
50
  * A component for displaying alerts
@@ -71,7 +71,7 @@ exports.Alert = (0, react_1.forwardRef)((_a, ref) => {
71
71
  const { cn } = (0, Theme_1.useRenameCSS)();
72
72
  const translate = (0, i18n_hooks_1.useI18n)("Alert");
73
73
  const Icon = IconMap[variant];
74
- return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: cn(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, {
74
+ return (react_1.default.createElement("div", Object.assign({}, rest, { "data-color": variantToRole(variant), "data-variant": variant, ref: ref, className: cn(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, {
75
75
  "navds-alert--full-width": fullWidth,
76
76
  "navds-alert--inline": inline,
77
77
  "navds-alert--close-button": closeButton,
@@ -83,5 +83,19 @@ exports.Alert = (0, react_1.forwardRef)((_a, ref) => {
83
83
  ? translate("closeAlert")
84
84
  : translate("closeMessage") }) })))));
85
85
  });
86
+ function variantToRole(variant) {
87
+ switch (variant) {
88
+ case "warning":
89
+ return "warning";
90
+ case "error":
91
+ return "danger";
92
+ case "info":
93
+ return "info";
94
+ case "success":
95
+ return "success";
96
+ default:
97
+ return "info";
98
+ }
99
+ }
86
100
  exports.default = exports.Alert;
87
101
  //# sourceMappingURL=Alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAM6B;AAC7B,sCAAmC;AACnC,0CAA8C;AAC9C,8CAAyC;AACzC,wDAAkD;AA8ClD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,kCAAoB;IAC3B,OAAO,EAAE,6CAA+B;IACxC,IAAI,EAAE,uCAAyB;IAC/B,OAAO,EAAE,qCAAuB;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cAVT,gHAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,OAAO,CAAC,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CACL,uDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,8BAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,GAAI;QACvE,8BAAC,qBAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,gCAAgC,CACpD,IAEA,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,uCAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC;YAC/C,8BAAC,eAAM,IACL,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EACpC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EACF,8BAAC,uBAAS,IACR,KAAK,EACH,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;wBACpC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;wBACzB,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,GAE/B,GAEJ,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAK,CAAC"}
1
+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAM6B;AAC7B,sCAAmC;AACnC,0CAA8C;AAE9C,8CAAyC;AACzC,wDAAkD;AAkDlD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,kCAAoB;IAC3B,OAAO,EAAE,6CAA+B;IACxC,IAAI,EAAE,uCAAyB;IAC/B,OAAO,EAAE,qCAAuB;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cAVT,gHAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,OAAO,CAAC,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CACL,uDACM,IAAI,kBACI,aAAa,CAAC,OAAO,CAAC,kBACpB,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,8BAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,GAAI;QACvE,8BAAC,qBAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,gCAAgC,CACpD,IAEA,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,uCAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC;YAC/C,8BAAC,eAAM,IACL,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EACpC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EACF,8BAAC,uBAAS,IACR,KAAK,EACH,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;wBACpC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;wBACzB,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,GAE/B,GAEJ,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAA8B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAED,kBAAe,aAAK,CAAC"}
@@ -62,7 +62,7 @@ const composeEventHandlers_1 = require("../util/composeEventHandlers");
62
62
  * ```
63
63
  */
64
64
  exports.Button = (0, react_1.forwardRef)((_a, ref) => {
65
- var { as: Component = "button", variant = "primary", className, children, size = "medium", loading = false, disabled, icon, iconPosition = "left", onKeyUp } = _a, rest = __rest(_a, ["as", "variant", "className", "children", "size", "loading", "disabled", "icon", "iconPosition", "onKeyUp"]);
65
+ var { as: Component = "button", variant = "primary", className, children, size = "medium", loading = false, disabled, icon, iconPosition = "left", onKeyUp, "data-color": color } = _a, rest = __rest(_a, ["as", "variant", "className", "children", "size", "loading", "disabled", "icon", "iconPosition", "onKeyUp", "data-color"]);
66
66
  const { cn } = (0, Theme_1.useRenameCSS)();
67
67
  const filterProps = disabled || loading ? (0, util_1.omit)(rest, ["href"]) : rest;
68
68
  const handleKeyUp = (e) => {
@@ -70,7 +70,7 @@ exports.Button = (0, react_1.forwardRef)((_a, ref) => {
70
70
  e.currentTarget.click();
71
71
  }
72
72
  };
73
- return (react_1.default.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), filterProps, { ref: ref, onKeyUp: (0, composeEventHandlers_1.composeEventHandlers)(onKeyUp, handleKeyUp), className: cn(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`, {
73
+ return (react_1.default.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), { "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": variantToSimplifiedVariant(variant) }, filterProps, { ref: ref, onKeyUp: (0, composeEventHandlers_1.composeEventHandlers)(onKeyUp, handleKeyUp), className: cn(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`, {
74
74
  "navds-button--loading": loading,
75
75
  "navds-button--icon-only": !!icon && !children,
76
76
  "navds-button--disabled": disabled !== null && disabled !== void 0 ? disabled : loading,
@@ -80,5 +80,33 @@ exports.Button = (0, react_1.forwardRef)((_a, ref) => {
80
80
  children && (react_1.default.createElement(typography_1.Label, { as: "span", size: size === "medium" ? "medium" : "small" }, children)),
81
81
  icon && iconPosition === "right" && (react_1.default.createElement("span", { className: cn("navds-button__icon") }, icon))));
82
82
  });
83
+ function variantToColor(variant) {
84
+ switch (variant) {
85
+ case "primary-neutral":
86
+ case "secondary-neutral":
87
+ case "tertiary-neutral":
88
+ return "neutral";
89
+ case "danger":
90
+ return "danger";
91
+ default:
92
+ return undefined;
93
+ }
94
+ }
95
+ function variantToSimplifiedVariant(variant) {
96
+ switch (variant) {
97
+ case "primary":
98
+ case "primary-neutral":
99
+ case "danger":
100
+ return "primary";
101
+ case "secondary":
102
+ case "secondary-neutral":
103
+ return "secondary";
104
+ case "tertiary":
105
+ case "tertiary-neutral":
106
+ return "tertiary";
107
+ default:
108
+ return "primary";
109
+ }
110
+ }
83
111
  exports.default = exports.Button;
84
112
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,sCAAmC;AACnC,0CAA8C;AAC9C,8CAAsC;AACtC,kCAA+B;AAC/B,uEAAoE;AAgDpE;;;;;;;;;GASG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,OAAO,OAER,EADI,IAAI,cAXT,4GAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,WAAW,GACf,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpD,MAAM,WAAW,GAAG,CAAC,CAAyC,EAAE,EAAE;QAChE,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YAC3C,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,oBACJ,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAClD,WAAW,IACf,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,EACnD,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,iBAAiB,OAAO,EAAE,EAC1B,iBAAiB,IAAI,EAAE,EACvB;YACE,uBAAuB,EAAE,OAAO;YAChC,yBAAyB,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ;YAC9C,wBAAwB,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO;SAC9C,CACF,EACD,QAAQ,EAAE,CAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAE/C,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,wCAAM,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAG,IAAI,CAAQ,CACzD;QACA,OAAO,IAAI,8BAAC,eAAM,IAAC,IAAI,EAAE,IAAI,GAAI;QACjC,QAAQ,IAAI,CACX,8BAAC,kBAAK,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,IAC1D,QAAQ,CACH,CACT;QACA,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,wCAAM,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAG,IAAI,CAAQ,CACzD,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,sCAAmC;AACnC,0CAA8C;AAE9C,8CAAsC;AACtC,kCAA+B;AAC/B,uEAAoE;AAgDpE;;;;;;;;;GASG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,OAAO,EACP,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAZT,0HAaC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,WAAW,GACf,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpD,MAAM,WAAW,GAAG,CAAC,CAAyC,EAAE,EAAE;QAChE,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YAC3C,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,oBACJ,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,kBAC1C,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,kBAC9B,0BAA0B,CAAC,OAAO,CAAC,IAC7C,WAAW,IACf,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,EACnD,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,iBAAiB,OAAO,EAAE,EAC1B,iBAAiB,IAAI,EAAE,EACvB;YACE,uBAAuB,EAAE,OAAO;YAChC,yBAAyB,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ;YAC9C,wBAAwB,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO;SAC9C,CACF,EACD,QAAQ,EAAE,CAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAE/C,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,wCAAM,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAG,IAAI,CAAQ,CACzD;QACA,OAAO,IAAI,8BAAC,eAAM,IAAC,IAAI,EAAE,IAAI,GAAI;QACjC,QAAQ,IAAI,CACX,8BAAC,kBAAK,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,IAC1D,QAAQ,CACH,CACT;QACA,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,wCAAM,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAG,IAAI,CAAQ,CACzD,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,cAAc,CACrB,OAA+B;IAE/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,iBAAiB,CAAC;QACvB,KAAK,mBAAmB,CAAC;QACzB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,SAAS,0BAA0B,CACjC,OAA+B;IAE/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,iBAAiB,CAAC;QACvB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,WAAW,CAAC;QACjB,KAAK,mBAAmB;YACtB,OAAO,WAAW,CAAC;QACrB,KAAK,UAAU,CAAC;QAChB,KAAK,kBAAkB;YACrB,OAAO,UAAU,CAAC;QACpB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,cAAM,CAAC"}
package/cjs/chat/Chat.js CHANGED
@@ -73,9 +73,9 @@ exports.SIZES = ["medium", "small"];
73
73
  * ```
74
74
  */
75
75
  exports.Chat = (0, react_1.forwardRef)((_a, ref) => {
76
- var { children, className, name, timestamp, avatar, position = "left", variant = "neutral", toptextPosition, size = "medium", toptextHeadingLevel = "3" } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "avatar", "position", "variant", "toptextPosition", "size", "toptextHeadingLevel"]);
76
+ var { children, className, name, timestamp, avatar, position = "left", variant = "neutral", toptextPosition, size = "medium", toptextHeadingLevel = "3", "data-color": color } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "avatar", "position", "variant", "toptextPosition", "size", "toptextHeadingLevel", "data-color"]);
77
77
  const { cn } = (0, Theme_1.useRenameCSS)();
78
- return (react_1.default.createElement("div", Object.assign({ ref: ref, className: cn("navds-chat", className, `navds-chat--${position}`, `navds-chat--top-text-${toptextPosition !== null && toptextPosition !== void 0 ? toptextPosition : position}`, `navds-chat--${size}`, `navds-chat--${variant}`) }, rest),
78
+ return (react_1.default.createElement("div", Object.assign({ ref: ref, className: cn("navds-chat", className, `navds-chat--${position}`, `navds-chat--top-text-${toptextPosition !== null && toptextPosition !== void 0 ? toptextPosition : position}`, `navds-chat--${size}`, `navds-chat--${variant}`), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, rest, { "data-variant": variant }),
79
79
  avatar && (react_1.default.createElement("div", { className: cn("navds-chat__avatar"), "aria-hidden": true }, avatar)),
80
80
  react_1.default.createElement("ol", { className: cn("navds-chat__bubble-wrapper") }, react_1.default.Children.map(children, (child, i) => {
81
81
  if (react_1.default.isValidElement(child)) {
@@ -83,6 +83,18 @@ exports.Chat = (0, react_1.forwardRef)((_a, ref) => {
83
83
  }
84
84
  }))));
85
85
  });
86
+ function variantToColor(variant) {
87
+ switch (variant) {
88
+ case "neutral":
89
+ return "neutral";
90
+ case "subtle":
91
+ return "neutral";
92
+ case "info":
93
+ return "info";
94
+ default:
95
+ return "neutral";
96
+ }
97
+ }
86
98
  exports.Chat.Bubble = Bubble_1.default;
87
99
  exports.default = exports.Chat;
88
100
  //# sourceMappingURL=Chat.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAA8C;AAC9C,8CAAuD;AACvD,sDAA8B;AAEjB,QAAA,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAClD,QAAA,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACvC,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AA2DlD;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAYY,EACZ,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,EACf,mBAAmB,GAAG,GAAG,OAEf,EADP,IAAI,cAXT,iIAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,IACG,IAAI;QAEP,MAAM,IAAI,CACT,uCAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,yBACrC,MAAM,CACH,CACP;QACD,sCAAI,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,IAC5C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBAChC,OAAO,CACL,8BAAC,qBAAQ,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,IACzB,eAAK,CAAC,YAAY,CAAC,KAAK,kBACvB,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,mBAAmB,IAChB,KAAK,CAAC,KAAK,EACd,CACO,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,YAAI,CAAC,MAAM,GAAG,gBAAM,CAAC;AAErB,kBAAe,YAAI,CAAC"}
1
+ {"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAA8C;AAE9C,8CAAuD;AACvD,sDAA8B;AAEjB,QAAA,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAClD,QAAA,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACvC,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AA2DlD;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAaY,EACZ,GAAG,EACH,EAAE;QAfF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,EACf,mBAAmB,GAAG,GAAG,EACzB,YAAY,EAAE,KAAK,OAET,EADP,IAAI,cAZT,+IAaC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,gBACW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,oBACM,OAAO;QAEpB,MAAM,IAAI,CACT,uCAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,yBACrC,MAAM,CACH,CACP;QACD,sCAAI,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,IAC5C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBAChC,OAAO,CACL,8BAAC,qBAAQ,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,IACzB,eAAK,CAAC,YAAY,CAAC,KAAK,kBACvB,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,mBAAmB,IAChB,KAAK,CAAC,KAAK,EACd,CACO,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,SAAS,cAAc,CAAC,OAA6B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,YAAI,CAAC,MAAM,GAAG,gBAAM,CAAC;AAErB,kBAAe,YAAI,CAAC"}
@@ -51,13 +51,33 @@ const Theme_1 = require("../theme/Theme");
51
51
  const composeEventHandlers_1 = require("../util/composeEventHandlers");
52
52
  const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
53
53
  exports.RemovableChips = (0, react_1.forwardRef)((_a, ref) => {
54
- var { children, variant = "action", onDelete, className, onClick, type = "button" } = _a, rest = __rest(_a, ["children", "variant", "onDelete", "className", "onClick", "type"]);
54
+ var { children, variant, onDelete, className, onClick, type = "button", "data-color": color } = _a, rest = __rest(_a, ["children", "variant", "onDelete", "className", "onClick", "type", "data-color"]);
55
55
  const translate = (0, i18n_hooks_1.useI18n)("Chips");
56
+ const themeContext = (0, Theme_1.useThemeInternal)(false);
56
57
  const { cn } = (0, Theme_1.useRenameCSS)();
57
- return (react_1.default.createElement("button", Object.assign({}, rest, { ref: ref, type: type, className: cn("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${translate("Removable.labelSuffix")}`, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, onDelete) }),
58
+ let localVariant;
59
+ if (themeContext) {
60
+ localVariant = variant;
61
+ }
62
+ else {
63
+ localVariant = variant !== null && variant !== void 0 ? variant : "action";
64
+ }
65
+ return (react_1.default.createElement("button", Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant) }, rest, { ref: ref, type: type, className: cn("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, {
66
+ [`navds-chips__removable--${localVariant}`]: localVariant,
67
+ }), "aria-label": `${children} ${translate("Removable.labelSuffix")}`, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, onDelete) }),
58
68
  react_1.default.createElement("span", { className: cn("navds-chips__chip-text") }, children),
59
69
  react_1.default.createElement("span", { className: cn("navds-chips__removable-icon") },
60
70
  react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true }))));
61
71
  });
72
+ function variantToColor(variant) {
73
+ switch (variant) {
74
+ case "action":
75
+ return "accent";
76
+ case "neutral":
77
+ return "neutral";
78
+ default:
79
+ return undefined;
80
+ }
81
+ }
62
82
  exports.default = exports.RemovableChips;
63
83
  //# sourceMappingURL=Removable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAgD;AAChD,0CAA8C;AAC9C,uEAAoE;AACpE,wDAAkD;AAgBrC,QAAA,cAAc,GAAG,IAAA,kBAAU,EAItC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,OAAO,CAAC,CAAC;IACnC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,EACT,2BAA2B,OAAO,EAAE,CACrC,gBACW,GAAG,QAAQ,IAAI,SAAS,CAAC,uBAAuB,CAAC,EAAE,EAC/D,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,QAAQ,CAAC;QAEhD,wCAAM,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAG,QAAQ,CAAQ;QAChE,wCAAM,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC;YAChD,8BAAC,uBAAS,0BAAe,CACpB,CACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,sBAAc,CAAC"}
1
+ {"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAgD;AAChD,0CAAgE;AAEhE,uEAAoE;AACpE,wDAAkD;AAgBrC,QAAA,cAAc,GAAG,IAAA,kBAAU,EAItC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cART,iFASC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,OAAO,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,YAAwD,CAAC;IAE7D,IAAI,YAAY,EAAE,CAAC;QACjB,YAAY,GAAG,OAAO,CAAC;IACzB,CAAC;SAAM,CAAC;QACN,YAAY,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC;IACrC,CAAC;IAED,OAAO,CACL,sEACc,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,YAAY,CAAC,IAC7C,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,EACT;YACE,CAAC,2BAA2B,YAAY,EAAE,CAAC,EAAE,YAAY;SAC1D,CACF,gBACW,GAAG,QAAQ,IAAI,SAAS,CAAC,uBAAuB,CAAC,EAAE,EAC/D,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,QAAQ,CAAC;QAEhD,wCAAM,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAG,QAAQ,CAAQ;QAChE,wCAAM,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC;YAChD,8BAAC,uBAAS,0BAAe,CACpB,CACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CACrB,OAAwC;IAExC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,sBAAc,CAAC"}
@@ -48,15 +48,34 @@ exports.ToggleChips = void 0;
48
48
  const react_1 = __importStar(require("react"));
49
49
  const Theme_1 = require("../theme/Theme");
50
50
  exports.ToggleChips = (0, react_1.forwardRef)((_a, ref) => {
51
- var { className, children, selected, variant = "action", checkmark = true, as: Component = "button" } = _a, rest = __rest(_a, ["className", "children", "selected", "variant", "checkmark", "as"]);
51
+ var { className, children, selected, variant, checkmark = true, as: Component = "button", "data-color": color } = _a, rest = __rest(_a, ["className", "children", "selected", "variant", "checkmark", "as", "data-color"]);
52
52
  const { cn } = (0, Theme_1.useRenameCSS)();
53
- return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn("navds-chips__chip navds-chips__toggle", className, `navds-chips__toggle--${variant}`, { "navds-chips__toggle--with-checkmark": checkmark }), "aria-pressed": selected, "data-pressed": selected }),
53
+ const themeContext = (0, Theme_1.useThemeInternal)(false);
54
+ let localVariant;
55
+ if (themeContext) {
56
+ localVariant = variant;
57
+ }
58
+ else {
59
+ localVariant = variant !== null && variant !== void 0 ? variant : "action";
60
+ }
61
+ return (react_1.default.createElement(Component, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant) }, rest, { ref: ref, className: cn("navds-chips__chip navds-chips__toggle", className, {
62
+ "navds-chips__toggle--with-checkmark": checkmark,
63
+ [`navds-chips__toggle--${localVariant}`]: localVariant,
64
+ }), "aria-pressed": selected, "data-pressed": selected }),
54
65
  checkmark && (react_1.default.createElement("svg", { "aria-hidden": true, className: cn("navds-chips__toggle-icon"), width: "1.25em", height: "1.25em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img" }, selected ? (react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18.125C14.4873 18.125 18.125 14.4873 18.125 10C18.125 5.51269 14.4873 1.875 10 1.875C5.51269 1.875 1.875 5.51269 1.875 10C1.875 14.4873 5.51269 18.125 10 18.125ZM14.128 7.72904C14.3695 7.44357 14.3339 7.01635 14.0485 6.7748C13.763 6.53326 13.3358 6.56886 13.0942 6.85432L8.60428 12.1606L6.41627 9.97263C6.15185 9.70822 5.72315 9.70822 5.45873 9.97263C5.19431 10.2371 5.19431 10.6658 5.45873 10.9302L8.16706 13.6385C8.30095 13.7724 8.48479 13.8441 8.67397 13.8362C8.86316 13.8284 9.0404 13.7416 9.16271 13.5971L14.128 7.72904Z", fill: "currentColor" })) : (react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10Z",
55
66
  /* After removing old fallbacks, change to currentColor */
56
- fill: `var(${variant === "action"
57
- ? "--ax-text-accent"
58
- : "--ax-text-neutral"}, var(--ac-chip-toggle-circle-border, var(--a-border-default)))` })))),
67
+ fill: "var(--ax-text-default, var(--ac-chip-toggle-circle-border, var(--a-border-default)))" })))),
59
68
  react_1.default.createElement("span", { className: cn("navds-chips__chip-text") }, children)));
60
69
  });
70
+ function variantToColor(variant) {
71
+ switch (variant) {
72
+ case "action":
73
+ return "accent";
74
+ case "neutral":
75
+ return "neutral";
76
+ default:
77
+ return undefined;
78
+ }
79
+ }
61
80
  exports.default = exports.ToggleChips;
62
81
  //# sourceMappingURL=Toggle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAsBjC,QAAA,WAAW,GAGpB,IAAA,kBAAU,EACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,OAEzB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,SAAS,EACT,wBAAwB,OAAO,EAAE,EACjC,EAAE,qCAAqC,EAAE,SAAS,EAAE,CACrD,kBACa,QAAQ,kBACR,QAAQ;QAErB,SAAS,IAAI,CACZ,4DAEE,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,IAET,QAAQ,CAAC,CAAC,CAAC,CACV,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC,CAAC,CAAC,CACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU;YACxU,0DAA0D;YAC1D,IAAI,EAAE,OACJ,OAAO,KAAK,QAAQ;gBAClB,CAAC,CAAC,kBAAkB;gBACpB,CAAC,CAAC,mBACN,iEAAiE,GACjE,CACH,CACG,CACP;QACD,wCAAM,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAG,QAAQ,CAAQ,CACtD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,mBAAW,CAAC"}
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAAgE;AAuBnD,QAAA,WAAW,GAGpB,IAAA,kBAAU,EACZ,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cART,iFASC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,IAAI,YAAqD,CAAC;IAE1D,IAAI,YAAY,EAAE,CAAC;QACjB,YAAY,GAAG,OAAO,CAAC;IACzB,CAAC;SAAM,CAAC;QACN,YAAY,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC;IACrC,CAAC;IAED,OAAO,CACL,8BAAC,SAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,YAAY,CAAC,IAC7C,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,EAAE;YAChE,qCAAqC,EAAE,SAAS;YAChD,CAAC,wBAAwB,YAAY,EAAE,CAAC,EAAE,YAAY;SACvD,CAAC,kBACY,QAAQ,kBACR,QAAQ;QAErB,SAAS,IAAI,CACZ,4DAEE,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,IAET,QAAQ,CAAC,CAAC,CAAC,CACV,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC,CAAC,CAAC,CACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU;YACxU,0DAA0D;YAC1D,IAAI,EAAC,sFAAsF,GAC3F,CACH,CACG,CACP;QACD,wCAAM,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAG,QAAQ,CAAQ,CACtD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CACrB,OAAqC;IAErC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,mBAAW,CAAC"}
@@ -75,7 +75,7 @@ const context_1 = require("./context");
75
75
  * ```
76
76
  */
77
77
  exports.ExpansionCard = (0, react_1.forwardRef)((_a, ref) => {
78
- var { className, onToggle, open, defaultOpen = false, size = "medium" } = _a, rest = __rest(_a, ["className", "onToggle", "open", "defaultOpen", "size"]);
78
+ var { className, onToggle, open, defaultOpen = false, size = "medium", "data-color": color = "neutral" } = _a, rest = __rest(_a, ["className", "onToggle", "open", "defaultOpen", "size", "data-color"]);
79
79
  const { cn } = (0, Theme_1.useRenameCSS)();
80
80
  const shouldFade = (0, react_1.useRef)(!(Boolean(open) || defaultOpen));
81
81
  const [_open, _setOpen] = (0, hooks_1.useControllableState)({
@@ -91,7 +91,7 @@ exports.ExpansionCard = (0, react_1.forwardRef)((_a, ref) => {
91
91
  toggleOpen: () => _setOpen((x) => !x),
92
92
  size,
93
93
  } },
94
- react_1.default.createElement("section", Object.assign({}, rest, { className: cn("navds-expansioncard", className, `navds-expansioncard--${size}`, {
94
+ react_1.default.createElement("section", Object.assign({ "data-color": color }, rest, { className: cn("navds-expansioncard", className, `navds-expansioncard--${size}`, {
95
95
  "navds-expansioncard--open": open !== null && open !== void 0 ? open : _open,
96
96
  "navds-expansioncard--no-animation": !shouldFade.current,
97
97
  }), ref: ref }))));
@@ -1 +1 @@
1
- {"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,0CAA8C;AAC9C,yCAAqD;AAErD,kFAEgC;AAChC,yEAGoC;AACpC,gFAE+B;AAC/B,6DAG8B;AAC9B,uCAAiD;AAuEjD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cANT,wDAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;YACrB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,YAAY,EAAE,WAAW;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,8BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;YACnB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI;SACL;QAED,2DACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,EAC9B;gBACE,2BAA2B,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;gBAC1C,mCAAmC,EAAE,CAAC,UAAU,CAAC,OAAO;aACzD,CACF,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,qBAAa,CAAC,MAAM,GAAG,6BAAmB,CAAC;AAC3C,qBAAa,CAAC,OAAO,GAAG,8BAAoB,CAAC;AAC7C,qBAAa,CAAC,KAAK,GAAG,uCAAkB,CAAC;AACzC,qBAAa,CAAC,WAAW,GAAG,mDAAwB,CAAC;AAErD,kBAAe,qBAAa,CAAC"}
1
+ {"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,0CAA8C;AAC9C,yCAAqD;AAErD,kFAEgC;AAChC,yEAGoC;AACpC,gFAE+B;AAC/B,6DAG8B;AAC9B,uCAAiD;AAuEjD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,KAAK,GAAG,SAAS,OAEhC,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,IAAA,cAAM,EAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC7C,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;YACrB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,YAAY,EAAE,WAAW;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,8BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;YACnB,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI;SACL;QAED,uEACc,KAAK,IACb,IAAI,IACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,EAC9B;gBACE,2BAA2B,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;gBAC1C,mCAAmC,EAAE,CAAC,UAAU,CAAC,OAAO;aACzD,CACF,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,qBAAa,CAAC,MAAM,GAAG,6BAAmB,CAAC;AAC3C,qBAAa,CAAC,OAAO,GAAG,8BAAoB,CAAC;AAC7C,qBAAa,CAAC,KAAK,GAAG,uCAAkB,CAAC;AACzC,qBAAa,CAAC,WAAW,GAAG,mDAAwB,CAAC;AAErD,kBAAe,qBAAa,CAAC"}
@@ -53,7 +53,7 @@ exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
53
53
  "navds-checkbox--error": hasError,
54
54
  "navds-checkbox--disabled": inputProps.disabled,
55
55
  "navds-checkbox--readonly": readOnly,
56
- }) },
56
+ }), "data-color": hasError ? "danger" : props["data-color"] },
57
57
  react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(props, [
58
58
  "children",
59
59
  "size",
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
@@ -16,7 +16,7 @@ const Option = ({ option }) => {
16
16
  return (react_1.default.createElement("div", { className: cn("navds-combobox__selected-options--no-bg") }, option.label));
17
17
  }
18
18
  if (readOnly || inputProps.disabled) {
19
- return (react_1.default.createElement(chips_1.Chips.Toggle, { variant: "neutral", checkmark: false, as: "div" }, option.label));
19
+ return (react_1.default.createElement(chips_1.Chips.Toggle, { "data-color": "neutral", variant: "neutral", checkmark: false, as: "div" }, option.label));
20
20
  }
21
21
  return (react_1.default.createElement(chips_1.Chips.Removable, { onClick: (event) => {
22
22
  event.stopPropagation();
@@ -1 +1 @@
1
- {"version":3,"file":"SelectedOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/SelectedOptions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AACvC,gDAAoD;AACpD,0DAAyD;AAEzD,qEAAqE;AAQrE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;IACxD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC5E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAE/D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,CAAC,IAC1D,MAAM,CAAC,KAAK,CACT,CACP,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;QACpC,OAAO,CACL,8BAAC,aAAK,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,8BAAC,aAAK,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,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACtD,OAAO,CACL,8BAAC,aAAK,IACJ,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,EACjD,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,8BAAC,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,kBAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"SelectedOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/SelectedOptions/SelectedOptions.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AACvC,gDAAoD;AACpD,0DAAyD;AAEzD,qEAAqE;AAQrE,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAA8B,EAAE,EAAE;IACxD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IAC5E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IAE/D,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,CAAC,IAC1D,MAAM,CAAC,KAAK,CACT,CACP,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;QACpC,OAAO,CACL,8BAAC,aAAK,CAAC,MAAM,kBACA,SAAS,EACpB,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,KAAK,EAChB,EAAE,EAAC,KAAK,IAEP,MAAM,CAAC,KAAK,CACA,CAChB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,aAAK,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,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,+BAAe,GAAE,CAAC;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACtD,OAAO,CACL,8BAAC,aAAK,IACJ,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,EACjD,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,8BAAC,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,kBAAe,eAAe,CAAC"}
@@ -79,7 +79,7 @@ exports.ConfirmationPanel = (0, react_1.forwardRef)((_a, ref) => {
79
79
  const { cn } = (0, Theme_1.useRenameCSS)();
80
80
  const { errorId, showErrorMsg, hasError, size, inputProps } = (0, useFormField_1.useFormField)(props, "confirmation-panel");
81
81
  const id = (0, hooks_1.useId)();
82
- const currentRole = hasError
82
+ const currentColor = hasError
83
83
  ? "danger"
84
84
  : props.checked
85
85
  ? "success"
@@ -88,7 +88,7 @@ exports.ConfirmationPanel = (0, react_1.forwardRef)((_a, ref) => {
88
88
  "navds-confirmation-panel--small": size === "small",
89
89
  "navds-confirmation-panel--error": hasError,
90
90
  "navds-confirmation-panel--checked": !!props.checked,
91
- }), "data-color-role": currentRole },
91
+ }), "data-color": currentColor },
92
92
  react_1.default.createElement("div", { className: cn("navds-confirmation-panel__inner") },
93
93
  children && (react_1.default.createElement(typography_1.BodyLong, { size: props.size, className: cn("navds-confirmation-panel__content"), id: `confirmation-panel-${id}`, as: "div" }, children)),
94
94
  react_1.default.createElement(checkbox_1.Checkbox, Object.assign({ ref: ref }, props, inputProps, { "aria-describedby": (0, clsx_1.default)(inputProps["aria-describedby"], children && `confirmation-panel-${id}`), error: hasError, size: size }), label)),
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmationPanel.js","sourceRoot":"","sources":["../../../src/form/confirmation-panel/ConfirmationPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,6CAAiD;AACjD,iDAA0D;AAC1D,4CAAyC;AACzC,0CAAsD;AACtD,kDAA+C;AAyB/C;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAwC,EAAE,GAAG,EAAE,EAAE;QAAjD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtC,kCAAwC,CAAF;IACvC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAY,EACxE,KAAK,EACL,oBAAoB,CACrB,CAAC;IAEF,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,OAAO;YACb,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,kBAAkB,EAAE,SAAS,EAAE;YACvE,iCAAiC,EAAE,IAAI,KAAK,OAAO;YACnD,iCAAiC,EAAE,QAAQ;YAC3C,mCAAmC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SACrD,CAAC,qBACe,WAAW;QAE5B,uCAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC;YAClD,QAAQ,IAAI,CACX,8BAAC,qBAAQ,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,EAAE,CAAC,mCAAmC,CAAC,EAClD,EAAE,EAAE,sBAAsB,EAAE,EAAE,EAC9B,EAAE,EAAC,KAAK,IAEP,QAAQ,CACA,CACZ;YACD,8BAAC,mBAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,UAAU,wBACI,IAAA,cAAE,EAClB,UAAU,CAAC,kBAAkB,CAAC,EAC9B,QAAQ,IAAI,sBAAsB,EAAE,EAAE,CACvC,EACD,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,IAAI,KAET,KAAK,CACG,CACP;QACN,uCAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,IACrE,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}
1
+ {"version":3,"file":"ConfirmationPanel.js","sourceRoot":"","sources":["../../../src/form/confirmation-panel/ConfirmationPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,6CAAiD;AACjD,iDAA0D;AAC1D,4CAAyC;AACzC,0CAAsD;AACtD,kDAA+C;AAyB/C;;;;;;;;;;;;;;;;;;GAkBG;AACU,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAGzC,CAAC,EAAwC,EAAE,GAAG,EAAE,EAAE;QAAjD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtC,kCAAwC,CAAF;IACvC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAY,EACxE,KAAK,EACL,oBAAoB,CACrB,CAAC;IAEF,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,OAAO;YACb,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,kBAAkB,EAAE,SAAS,EAAE;YACvE,iCAAiC,EAAE,IAAI,KAAK,OAAO;YACnD,iCAAiC,EAAE,QAAQ;YAC3C,mCAAmC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;SACrD,CAAC,gBACU,YAAY;QAExB,uCAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC;YAClD,QAAQ,IAAI,CACX,8BAAC,qBAAQ,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,EAAE,CAAC,mCAAmC,CAAC,EAClD,EAAE,EAAE,sBAAsB,EAAE,EAAE,EAC9B,EAAE,EAAC,KAAK,IAEP,QAAQ,CACA,CACZ;YACD,8BAAC,mBAAQ,kBACP,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,UAAU,wBACI,IAAA,cAAE,EAClB,UAAU,CAAC,kBAAkB,CAAC,EAC9B,QAAQ,IAAI,sBAAsB,EAAE,EAAE,CACvC,EACD,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,IAAI,KAET,KAAK,CACG,CACP;QACN,uCAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,IACrE,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,yBAAiB,CAAC"}
@@ -86,7 +86,7 @@ exports.ErrorSummary = (0, react_1.forwardRef)((_a, ref) => {
86
86
  (_a = headingRef === null || headingRef === void 0 ? void 0 : headingRef.current) === null || _a === void 0 ? void 0 : _a.focus();
87
87
  }
88
88
  }) }),
89
- react_1.default.createElement(typography_1.Heading, { className: cn("navds-error-summary__heading"), as: headingTag, size: "small", ref: headingRef, tabIndex: -1 }, heading !== null && heading !== void 0 ? heading : translate("heading")),
89
+ react_1.default.createElement(typography_1.Heading, { className: cn("navds-error-summary__heading"), as: headingTag, size: size === "medium" ? "small" : "xsmall", ref: headingRef, tabIndex: -1 }, heading !== null && heading !== void 0 ? heading : translate("heading")),
90
90
  react_1.default.createElement(typography_1.BodyShort, { as: "ul", size: size, className: cn("navds-error-summary__list") }, children)));
91
91
  });
92
92
  exports.ErrorSummary.Item = ErrorSummaryItem_1.default;
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAClE,6CAAiD;AACjD,iDAAsD;AACtD,0EAAuE;AACvE,4CAAgD;AAChD,2DAAqD;AACrD,0EAAkD;AA4ClD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,OAER,EADI,IAAI,cANT,0DAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,cAAc,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,qBAAqB,EACrB,wBAAwB,IAAI,EAAE,CAC/B,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,IAAA,2CAAoB,EAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACpD,IAAI,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,8BAAC,oBAAO,IACN,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,EAC7C,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,IAEX,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,SAAS,CAAC,CACxB;QACV,8BAAC,sBAAS,IACR,EAAE,EAAC,IAAI,EACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAEzC,QAAQ,CACC,CACR,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}
1
+ {"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAClE,6CAAiD;AACjD,iDAAsD;AACtD,0EAAuE;AACvE,4CAAgD;AAChD,2DAAqD;AACrD,0EAAkD;AA4ClD;;;;;;;;;;;;;;;;;GAiBG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,EACjB,OAAO,OAER,EADI,IAAI,cANT,0DAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,cAAc,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,qBAAqB,EACrB,wBAAwB,IAAI,EAAE,CAC/B,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,IAAA,2CAAoB,EAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACpD,IAAI,KAAK,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxC,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,8BAAC,oBAAO,IACN,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,EAC7C,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,IAEX,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,SAAS,CAAC,CACxB;QACV,8BAAC,sBAAS,IACR,EAAE,EAAC,IAAI,EACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAEzC,QAAQ,CACC,CACR,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}
@@ -48,9 +48,9 @@ exports.FormSummaryAnswers = void 0;
48
48
  const react_1 = __importStar(require("react"));
49
49
  const Theme_1 = require("../../theme/Theme");
50
50
  exports.FormSummaryAnswers = (0, react_1.forwardRef)((_a, ref) => {
51
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
51
+ var { children, className, "data-color": color = "info" } = _a, rest = __rest(_a, ["children", "className", "data-color"]);
52
52
  const { cn } = (0, Theme_1.useRenameCSS)();
53
- return (react_1.default.createElement("dl", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__answers", className) }), children));
53
+ return (react_1.default.createElement("dl", Object.assign({ ref: ref, "data-color": color }, rest, { className: cn("navds-form-summary__answers", className) }), children));
54
54
  });
55
55
  exports.default = exports.FormSummaryAnswers;
56
56
  //# sourceMappingURL=FormSummaryAnswers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormSummaryAnswers.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AAUpC,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAG1C,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,QAAQ,EAAE,SAAS,OAAoC,EAA/B,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,oDACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAEtD,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,0BAAkB,CAAC"}
1
+ {"version":3,"file":"FormSummaryAnswers.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryAnswers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AAUpC,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAI1C,CACE,EAK0B,EAC1B,GAAG,EACH,EAAE;QAPF,EACE,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,KAAK,GAAG,MAAM,OAEJ,EADrB,IAAI,cAJT,uCAKC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,oDACE,GAAG,EAAE,GAAG,gBACI,KAAK,IACb,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAEtD,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,0BAAkB,CAAC"}
@@ -53,7 +53,7 @@ exports.Radio = (0, react_1.forwardRef)((props, ref) => {
53
53
  "navds-radio--error": hasError,
54
54
  "navds-radio--disabled": inputProps.disabled,
55
55
  "navds-radio--readonly": readOnly,
56
- }) },
56
+ }), "data-color": hasError ? "danger" : props["data-color"] },
57
57
  react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-invalid"]), { "aria-labelledby": (0, clsx_1.default)(labelId, !!props["aria-labelledby"] && props["aria-labelledby"], {
58
58
  [descriptionId]: props.description,
59
59
  }), className: cn("navds-radio__input"), ref: ref })),
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,6CAAiD;AACjD,iDAA6C;AAC7C,qCAAkC;AAClC,4CAAyC;AAEzC,yCAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,aAAK,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;YAC5C,uBAAuB,EAAE,QAAQ;SAClC,CAAC;QAEF,yDACM,IAAA,WAAI,EAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAA,WAAI,EAAC,UAAU,EAAE,CAAC,cAAc,CAAC,CAAC,uBACrB,IAAA,cAAE,EACjB,OAAO,EACP,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,EACtD;gBACE,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW;aACnC,CACF,EACD,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EACnC,GAAG,EAAE,GAAG,IACR;QACF,yCAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC;YAChE,wCAAM,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC;gBACzC,8BAAC,sBAAS,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,yBACzC,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,8BAAC,sBAAS,IACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,2DAA2D,CAC5D,yBAGA,KAAK,CAAC,WAAW,CACR,CACb,CACI,CACD,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAK,CAAC"}
1
+ {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,6CAAiD;AACjD,iDAA6C;AAC7C,qCAAkC;AAClC,4CAAyC;AAEzC,yCAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,aAAK,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;YAC5C,uBAAuB,EAAE,QAAQ;SAClC,CAAC,gBACU,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QAErD,yDACM,IAAA,WAAI,EAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAA,WAAI,EAAC,UAAU,EAAE,CAAC,cAAc,CAAC,CAAC,uBACrB,IAAA,cAAE,EACjB,OAAO,EACP,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,EACtD;gBACE,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW;aACnC,CACF,EACD,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EACnC,GAAG,EAAE,GAAG,IACR;QACF,yCAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC;YAChE,wCAAM,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC;gBACzC,8BAAC,sBAAS,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,yBACzC,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,8BAAC,sBAAS,IACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,2DAA2D,CAC5D,yBAGA,KAAK,CAAC,WAAW,CACR,CACb,CACI,CACD,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAK,CAAC"}
@@ -70,7 +70,7 @@ interface SearchComponent extends React.ForwardRefExoticComponent<SearchProps &
70
70
  * @example
71
71
  * ```jsx
72
72
  * <form role="search">
73
- * <Search label="Søk alle Nav sine sider" variant="primary" />
73
+ * <Search label="Søk i alle Nav sine sider" variant="primary" />
74
74
  * </form>
75
75
  * ```
76
76
  */
@@ -68,7 +68,7 @@ const context_1 = require("./context");
68
68
  * @example
69
69
  * ```jsx
70
70
  * <form role="search">
71
- * <Search label="Søk alle Nav sine sider" variant="primary" />
71
+ * <Search label="Søk i alle Nav sine sider" variant="primary" />
72
72
  * </form>
73
73
  * ```
74
74
  */
@@ -76,10 +76,8 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
76
76
  const { inputProps, size = "medium", inputDescriptionId, errorId, showErrorMsg, hasError, } = (0, useFormField_1.useFormField)(props, "searchfield");
77
77
  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"]);
78
78
  const { cn } = (0, Theme_1.useRenameCSS)();
79
- const themeContext = (0, Theme_1.useThemeInternal)(false);
80
79
  const searchRef = (0, react_1.useRef)(null);
81
80
  const mergedRef = (0, useMergeRefs_1.useMergeRefs)(searchRef, ref);
82
- const translate = (0, i18n_hooks_1.useI18n)("Search");
83
81
  const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : "");
84
82
  const handleChange = (newValue) => {
85
83
  value === undefined && setInternalValue(newValue);
@@ -95,9 +93,6 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
95
93
  onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick(`${value !== null && value !== void 0 ? value : internalValue}`);
96
94
  };
97
95
  const showClearButton = clearButton && !inputProps.disabled && (value !== null && value !== void 0 ? value : internalValue);
98
- const ClearButton = () => themeContext ? (react_1.default.createElement(button_1.Button, { className: cn("navds-search__button-clear"), variant: "tertiary-neutral", size: size === "medium" ? "small" : "xsmall", icon: react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true }), title: clearButtonLabel || translate("clear"), hidden: !showClearButton, onClick: (event) => handleClear({ trigger: "Click", event }), type: "button" })) : (react_1.default.createElement("button", { type: "button", onClick: (event) => handleClear({ trigger: "Click", event }), className: cn("navds-search__button-clear"), hidden: !showClearButton },
99
- react_1.default.createElement("span", { className: cn("navds-sr-only") }, clearButtonLabel || translate("clear")),
100
- react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true })));
101
96
  return (
102
97
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
103
98
  react_1.default.createElement("div", { onKeyDown: (event) => {
@@ -122,7 +117,7 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
122
117
  react_1.default.createElement("div", { className: cn("navds-search__wrapper-inner") },
123
118
  variant === "simple" && (react_1.default.createElement(aksel_icons_1.MagnifyingGlassIcon, { "aria-hidden": true, className: cn("navds-search__search-icon") })),
124
119
  react_1.default.createElement("input", Object.assign({ ref: mergedRef }, (0, util_1.omit)(rest, ["error", "errorId", "size", "readOnly"]), inputProps, { value: value !== null && value !== void 0 ? value : internalValue, onChange: (e) => handleChange(e.target.value), type: "search", className: cn(className, "navds-search__input", `navds-search__input--${variant}`, "navds-text-field__input", "navds-body-short", `navds-body-short--${size}`) }, (htmlSize ? { size: Number(htmlSize) } : {}))),
125
- react_1.default.createElement(ClearButton, null)),
120
+ showClearButton && (react_1.default.createElement(ClearButton, { handleClear: handleClear, size: size, clearButtonLabel: clearButtonLabel }))),
126
121
  react_1.default.createElement(context_1.SearchContext.Provider, { value: {
127
122
  size,
128
123
  disabled: inputProps.disabled,
@@ -131,6 +126,14 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
131
126
  } }, children ? children : variant !== "simple" && react_1.default.createElement(SearchButton_1.default, null))),
132
127
  react_1.default.createElement("div", { className: cn("navds-form-field__error"), id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error)))));
133
128
  });
129
+ function ClearButton({ size, clearButtonLabel, handleClear, }) {
130
+ const { cn } = (0, Theme_1.useRenameCSS)();
131
+ const themeContext = (0, Theme_1.useThemeInternal)(false);
132
+ const translate = (0, i18n_hooks_1.useI18n)("Search");
133
+ return themeContext ? (react_1.default.createElement(button_1.Button, { className: cn("navds-search__button-clear"), variant: "tertiary", "data-color": "neutral", size: size === "medium" ? "small" : "xsmall", icon: react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true }), title: clearButtonLabel || translate("clear"), onClick: (event) => handleClear({ trigger: "Click", event }), type: "button" })) : (react_1.default.createElement("button", { type: "button", onClick: (event) => handleClear({ trigger: "Click", event }), className: cn("navds-search__button-clear") },
134
+ react_1.default.createElement("span", { className: cn("navds-sr-only") }, clearButtonLabel || translate("clear")),
135
+ react_1.default.createElement(aksel_icons_1.XMarkIcon, { "aria-hidden": true })));
136
+ }
134
137
  exports.Search.Button = SearchButton_1.default;
135
138
  exports.default = exports.Search;
136
139
  //# sourceMappingURL=Search.js.map
@@ -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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"}
@@ -65,10 +65,10 @@ const Illustration_darkside_1 = require("./Illustration.darkside");
65
65
  * ```
66
66
  */
67
67
  exports.GuidePanel = (0, react_1.forwardRef)((_a, ref) => {
68
- var { children, className, illustration, poster } = _a, rest = __rest(_a, ["children", "className", "illustration", "poster"]);
68
+ var { children, className, illustration, poster, "data-color": color = "info" } = _a, rest = __rest(_a, ["children", "className", "illustration", "poster", "data-color"]);
69
69
  const { cn } = (0, Theme_1.useRenameCSS)();
70
70
  const themeContext = (0, Theme_1.useThemeInternal)(false);
71
- return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-guide-panel", className, {
71
+ return (react_1.default.createElement("div", Object.assign({ "data-color": color }, rest, { ref: ref, className: cn("navds-guide-panel", className, {
72
72
  "navds-guide-panel--poster": poster === true,
73
73
  "navds-guide-panel--not-poster": poster === false,
74
74
  "navds-guide-panel--responsive-poster": poster === undefined,
@@ -78,7 +78,7 @@ exports.GuidePanel = (0, react_1.forwardRef)((_a, ref) => {
78
78
  themeContext && (react_1.default.createElement("svg", { viewBox: "0 0 33 22", width: "33", height: "22", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn("navds-guide-panel__tail") },
79
79
  react_1.default.createElement("path", { d: "M8.74229e-08 22L0 20L33 20V22L8.74229e-08 22Z", fill: "var(--ax-bg-raised)" }),
80
80
  react_1.default.createElement("path", { d: "M31 20.0001L2 20.0001C2.09817 10.0296 3 7.00011 6 2.00011C8 12.5001 20 20.0001 31 20.0001Z", fill: "var(--ax-bg-raised)" }),
81
- react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 20C-2.87106e-10 19.9934 3.21047e-05 19.987 9.68646e-05 19.9804C0.0494722 14.9659 0.299239 11.5341 0.964025 8.68212C1.64231 5.77217 2.72947 3.56367 4.28501 0.971094C4.71185 0.259692 5.53358 -0.114327 6.35038 0.0310157C7.16718 0.176359 7.80944 0.810884 7.96467 1.62586C8.84145 6.22896 11.9453 10.3172 16.2599 13.2908C20.5715 16.2623 25.9294 18.0001 31 18.0001C32.1046 18.0001 33 18.8954 33 20L0 20ZM6.755 4.70521C8.97688 10.7068 14.4934 15.469 20.8803 18.0001C24.1345 19.2897 27.6146 20.0001 31 20.0001L2 20.0001C2.00689 19.3003 2.01774 18.6346 2.033 18.0001C2.19625 11.2107 2.86405 7.98363 4.58479 4.54371C4.9944 3.72487 5.46367 2.89399 6 2.00011C6.17639 2.92619 6.43058 3.82889 6.755 4.70521Z", fill: "var(--ax-border-info)" }))),
81
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 20C-2.87106e-10 19.9934 3.21047e-05 19.987 9.68646e-05 19.9804C0.0494722 14.9659 0.299239 11.5341 0.964025 8.68212C1.64231 5.77217 2.72947 3.56367 4.28501 0.971094C4.71185 0.259692 5.53358 -0.114327 6.35038 0.0310157C7.16718 0.176359 7.80944 0.810884 7.96467 1.62586C8.84145 6.22896 11.9453 10.3172 16.2599 13.2908C20.5715 16.2623 25.9294 18.0001 31 18.0001C32.1046 18.0001 33 18.8954 33 20L0 20ZM6.755 4.70521C8.97688 10.7068 14.4934 15.469 20.8803 18.0001C24.1345 19.2897 27.6146 20.0001 31 20.0001L2 20.0001C2.00689 19.3003 2.01774 18.6346 2.033 18.0001C2.19625 11.2107 2.86405 7.98363 4.58479 4.54371C4.9944 3.72487 5.46367 2.89399 6 2.00011C6.17639 2.92619 6.43058 3.82889 6.755 4.70521Z", fill: "var(--ax-border-default)" }))),
82
82
  themeContext ? (react_1.default.createElement("div", { className: cn("navds-guide-panel__content-inner") }, children)) : (children))));
83
83
  });
84
84
  exports.default = exports.GuidePanel;
@@ -1 +1 @@
1
- {"version":3,"file":"GuidePanel.js","sourceRoot":"","sources":["../../src/guide-panel/GuidePanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAgE;AAChE,iDAAqD;AACrD,mEAAyE;AAkBzE;;;;;;;;;;;;;;GAcG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAsD,EAAE,GAAG,EAAE,EAAE;QAA/D,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAW,EAAN,IAAI,cAApD,mDAAsD,CAAF;IACnD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CACL,uDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE;YAC5C,2BAA2B,EAAE,MAAM,KAAK,IAAI;YAC5C,+BAA+B,EAAE,MAAM,KAAK,KAAK;YACjD,sCAAsC,EAAE,MAAM,KAAK,SAAS;SAC7D,CAAC,qBACe,MAAM,KAAK,SAAS,iBACxB,MAAM;QAEnB,uCAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,IAC9B,YAAY,aAAZ,YAAY,cAAZ,YAAY,GACX,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,sDAA8B,OAAG,CACnC,CAAC,CAAC,CAAC,CACF,8BAAC,kCAAmB,OAAG,CACxB,CAAC,CACA;QACN,uCAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC;YAC7C,YAAY,IAAI,CACf,uCACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC;gBAExC,wCACE,CAAC,EAAC,+CAA+C,EACjD,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yrBAAyrB,EAC3rB,IAAI,EAAC,uBAAuB,GAC5B,CACE,CACP;YACA,YAAY,CAAC,CAAC,CAAC,CACd,uCAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,IACnD,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}
1
+ {"version":3,"file":"GuidePanel.js","sourceRoot":"","sources":["../../src/guide-panel/GuidePanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAgE;AAChE,iDAAqD;AACrD,mEAAyE;AAkBzE;;;;;;;;;;;;;;GAcG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,YAAY,EAAE,KAAK,GAAG,MAAM,OAE7B,EADI,IAAI,cANT,iEAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CACL,mEACc,KAAK,IACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE;YAC5C,2BAA2B,EAAE,MAAM,KAAK,IAAI;YAC5C,+BAA+B,EAAE,MAAM,KAAK,KAAK;YACjD,sCAAsC,EAAE,MAAM,KAAK,SAAS;SAC7D,CAAC,qBACe,MAAM,KAAK,SAAS,iBACxB,MAAM;QAEnB,uCAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,IAC9B,YAAY,aAAZ,YAAY,cAAZ,YAAY,GACX,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,sDAA8B,OAAG,CACnC,CAAC,CAAC,CAAC,CACF,8BAAC,kCAAmB,OAAG,CACxB,CAAC,CACA;QACN,uCAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC;YAC7C,YAAY,IAAI,CACf,uCACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC;gBAExC,wCACE,CAAC,EAAC,+CAA+C,EACjD,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yrBAAyrB,EAC3rB,IAAI,EAAC,0BAA0B,GAC/B,CACE,CACP;YACA,YAAY,CAAC,CAAC,CAAC,CACd,uCAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,IACnD,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}
@@ -10,7 +10,7 @@ const DarksideGudiepanelIllustration = () => {
10
10
  const translate = (0, i18n_hooks_1.useI18n)("GuidePanel");
11
11
  return (react_1.default.createElement("svg", { width: "80", height: "80", viewBox: "0 0 80 80", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": translate("illustrationLabel"), focusable: false, role: "img" },
12
12
  react_1.default.createElement("g", { clipPath: "url(#clip0_1387_21067)" },
13
- react_1.default.createElement("rect", { width: "80", height: "80", rx: "40", fill: "var(--ax-bg-info-moderate)" }),
13
+ react_1.default.createElement("rect", { width: "80", height: "80", rx: "40", fill: "var(--ax-bg-moderate)" }),
14
14
  react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M55.1888 40.4309C53.795 44.9809 51.0663 48.7578 47.5693 51.0691L47.7484 53.0953L47.7474 53.1777L45.857 69.8798H33.8679L33.8181 69.5289L31.5004 53.149L31.5862 51.1003C28.0715 48.7951 25.3274 45.012 23.9257 40.4499C23.8781 40.4544 23.83 40.4567 23.7812 40.4567C22.8745 40.4567 22.1562 39.6596 22.1562 38.694V33.2299C22.1562 32.5826 22.479 32.0107 22.9648 31.704C23.7229 21.5029 30.8443 13.4856 39.554 13.4856C48.2401 13.4856 55.3472 21.4598 56.1376 31.6212C56.7049 31.8987 57.0938 32.5185 57.0938 33.2299V38.694C57.0938 39.6601 56.3765 40.4567 55.4688 40.4567C55.3731 40.4567 55.2796 40.4479 55.1888 40.4309Z", fill: "#F5F6F7" }),
15
15
  react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M47.1471 51.6344C47.0789 55.2818 43.7373 59.0238 39.625 59.0238C35.4948 59.0238 32.142 55.2492 32.1022 51.5868C29.9622 52.1324 26.6956 53.778 23.9995 56.528C21.3885 59.191 19.3125 63.194 19.3125 66.2992V85H59.9375V66.2992C59.9375 63.1877 57.8167 59.1779 55.1575 56.5118C52.4983 53.8457 49.3007 52.2224 47.1471 51.6344Z", fill: "#156389" }),
16
16
  react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.9671 51.7135C29.9959 52.4334 26.6891 54.0069 24.1875 56.3965C16.875 54.7596 13.625 50.8701 13.625 50.8701C13.625 50.8701 20.3621 44.2597 20.3662 32.698V32.6858C20.3662 19.1479 27.6319 9.80769 39.6022 9.80769C51.5742 9.80769 58.8399 19.1479 58.8399 32.6858H58.883C58.883 44.2556 65.625 50.8701 65.625 50.8701C65.625 50.8701 62.375 54.7596 55.0625 56.3942L55.0515 56.3965C52.6353 54.1854 49.1309 52.48 47.2243 51.759L47.2265 51.7583L47.1508 50.9013L47.1917 50.8303C50.7891 48.5155 53.5804 44.616 54.9262 39.904C55.0909 39.9962 55.277 40.0481 55.4739 40.0481C56.1476 40.0481 56.6928 39.4432 56.6928 38.694V33.2299C56.6928 32.5888 56.2936 32.0529 55.7564 31.9115C55.7559 31.9041 55.7554 31.8967 55.7549 31.8893C38.7466 33.7984 32.6199 22.0681 32.117 22.0673C32.117 22.0673 26.4686 26.1538 23.769 31.0125C23.769 31.0125 23.3576 31.9297 23.3556 31.9605C22.8934 32.1528 22.5637 32.648 22.5637 33.2299V38.694C22.5637 39.4432 23.1103 40.0481 23.7826 40.0481C23.9316 40.0481 24.0743 40.0185 24.2062 39.9643C25.5668 44.6786 28.3759 48.5739 31.9901 50.8733L32.0035 50.9013L31.9695 51.7135H31.9671Z", fill: "#A93D70" }),