@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.
- package/cjs/alert/Alert.d.ts +4 -0
- package/cjs/alert/Alert.js +15 -1
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/button/Button.js +30 -2
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Chat.js +14 -2
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chips/Removable.js +22 -2
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.js +24 -5
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.js +2 -2
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +1 -1
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/confirmation-panel/ConfirmationPanel.js +2 -2
- package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +1 -1
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswers.js +2 -2
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/cjs/form/radio/Radio.js +1 -1
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/search/Search.d.ts +1 -1
- package/cjs/form/search/Search.js +10 -7
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +3 -3
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/guide-panel/Illustration.darkside.js +1 -1
- package/cjs/guide-panel/Illustration.darkside.js.map +1 -1
- package/cjs/help-text/HelpText.js +2 -2
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/layout/box/Box.darkside.d.ts +4 -4
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/utilities/types.d.ts +8 -8
- package/cjs/link/Link.js +26 -2
- package/cjs/link/Link.js.map +1 -1
- package/cjs/loader/Loader.d.ts +5 -0
- package/cjs/loader/Loader.js +15 -2
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +5 -5
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/pagination/Pagination.js +5 -7
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +2 -2
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/portal/Portal.js +1 -1
- package/cjs/portal/Portal.js.map +1 -1
- package/cjs/stepper/Stepper.js +3 -2
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/tag/Tag.js +39 -3
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/theme/Theme.d.ts +10 -1
- package/cjs/theme/Theme.js +3 -3
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/Pin.js +1 -3
- package/cjs/timeline/Pin.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +3 -5
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/NonClickablePeriod.js +2 -1
- package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
- package/cjs/timeline/utils/period.d.ts +1 -1
- package/cjs/timeline/utils/period.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.js +21 -3
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/types/index.d.ts +1 -0
- package/cjs/types/index.js +18 -0
- package/cjs/types/index.js.map +1 -0
- package/esm/alert/Alert.d.ts +4 -0
- package/esm/alert/Alert.js +15 -1
- package/esm/alert/Alert.js.map +1 -1
- package/esm/button/Button.js +30 -2
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Chat.js +14 -2
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chips/Removable.js +23 -3
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.js +25 -6
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.js +2 -2
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +1 -1
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/confirmation-panel/ConfirmationPanel.js +2 -2
- package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.js +1 -1
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswers.js +2 -2
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/esm/form/radio/Radio.js +1 -1
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/search/Search.d.ts +1 -1
- package/esm/form/search/Search.js +10 -7
- package/esm/form/search/Search.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +3 -3
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/guide-panel/Illustration.darkside.js +1 -1
- package/esm/guide-panel/Illustration.darkside.js.map +1 -1
- package/esm/help-text/HelpText.js +2 -2
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/layout/box/Box.darkside.d.ts +4 -4
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/utilities/types.d.ts +8 -8
- package/esm/link/Link.js +27 -3
- package/esm/link/Link.js.map +1 -1
- package/esm/loader/Loader.d.ts +5 -0
- package/esm/loader/Loader.js +15 -2
- package/esm/loader/Loader.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +5 -5
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/pagination/Pagination.js +5 -7
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.js +2 -2
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/portal/Portal.js +1 -1
- package/esm/portal/Portal.js.map +1 -1
- package/esm/stepper/Stepper.js +3 -2
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/tag/Tag.js +39 -3
- package/esm/tag/Tag.js.map +1 -1
- package/esm/theme/Theme.d.ts +10 -1
- package/esm/theme/Theme.js +3 -3
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/Pin.js +2 -4
- package/esm/timeline/Pin.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +4 -6
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/timeline/period/NonClickablePeriod.js +2 -1
- package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
- package/esm/timeline/utils/period.d.ts +1 -1
- package/esm/timeline/utils/period.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.js +22 -4
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/types/index.d.ts +1 -0
- package/esm/types/index.js +2 -0
- package/esm/types/index.js.map +1 -0
- package/esm/types/theme.d.ts +15 -0
- package/package.json +13 -8
- package/src/alert/Alert.tsx +22 -0
- package/src/button/Button.tsx +38 -0
- package/src/chat/Chat.tsx +17 -0
- package/src/chips/Removable.tsx +30 -3
- package/src/chips/Toggle.tsx +31 -13
- package/src/expansion-card/ExpansionCard.tsx +2 -0
- package/src/form/checkbox/Checkbox.tsx +1 -0
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +6 -1
- package/src/form/confirmation-panel/ConfirmationPanel.tsx +2 -2
- package/src/form/error-summary/ErrorSummary.tsx +1 -1
- package/src/form/form-summary/FormSummaryAnswers.tsx +23 -12
- package/src/form/radio/Radio.tsx +1 -0
- package/src/form/search/Search.tsx +48 -31
- package/src/guide-panel/GuidePanel.tsx +13 -2
- package/src/guide-panel/Illustration.darkside.tsx +1 -6
- package/src/help-text/HelpText.tsx +5 -1
- package/src/layout/box/Box.darkside.tsx +10 -8
- package/src/layout/utilities/css.ts +8 -8
- package/src/layout/utilities/types.ts +18 -16
- package/src/link/Link.tsx +36 -3
- package/src/loader/Loader.tsx +24 -0
- package/src/overlays/action-menu/ActionMenu.tsx +5 -5
- package/src/pagination/Pagination.tsx +5 -0
- package/src/pagination/PaginationItem.tsx +3 -1
- package/src/portal/Portal.tsx +6 -1
- package/src/react-css.d.ts +0 -4
- package/src/stepper/Stepper.tsx +4 -3
- package/src/tag/Tag.tsx +53 -4
- package/src/theme/Theme.tsx +13 -2
- package/src/timeline/Pin.tsx +1 -3
- package/src/timeline/period/ClickablePeriod.tsx +2 -3
- package/src/timeline/period/NonClickablePeriod.tsx +1 -0
- package/src/timeline/utils/period.ts +1 -1
- package/src/toggle-group/ToggleGroup.tsx +28 -3
- package/src/types/index.ts +1 -0
- package/src/types/theme.d.ts +15 -0
package/cjs/alert/Alert.d.ts
CHANGED
|
@@ -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
|
package/cjs/alert/Alert.js
CHANGED
|
@@ -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
|
package/cjs/alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAM6B;AAC7B,sCAAmC;AACnC,0CAA8C;
|
|
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"}
|
package/cjs/button/Button.js
CHANGED
|
@@ -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
|
package/cjs/button/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,sCAAmC;AACnC,0CAA8C;
|
|
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
|
package/cjs/chat/Chat.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAA8C;
|
|
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"}
|
package/cjs/chips/Removable.js
CHANGED
|
@@ -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
|
|
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
|
-
|
|
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,
|
|
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"}
|
package/cjs/chips/Toggle.js
CHANGED
|
@@ -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
|
|
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
|
-
|
|
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:
|
|
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
|
package/cjs/chips/Toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,
|
|
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,
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AACjD,iDAA6C;AAC7C,qCAAkC;AAClC,4CAAyC;AACzC,kDAAwD;AAExD,gEAAwC;AAE3B,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAW,EAAC,KAAK,CAAC,CAAC;IAE5E,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,aAAK,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CACX,KAAK,CAAC,SAAS,EACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,UAAU,CAAC,QAAQ;YAC/C,0BAA0B,EAAE,QAAQ;SACrC,CACF;
|
|
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,
|
|
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
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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"}
|
package/cjs/form/radio/Radio.js
CHANGED
|
@@ -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;
|
|
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,
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AACf,qDAAqE;AACrE,yCAAsC;AACtC,6CAAmE;AACnE,iDAAkE;AAClE,qCAAkC;AAClC,gEAA6D;AAC7D,2DAAqD;AACrD,kDAA+D;AAC/D,kEAAgE;AAChE,uCAA0C;AAqE1C;;;;;;;;;;;;GAYG;AACU,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAEvC,MAAM,EACJ,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,KAAK,EACL,WAAW,EACX,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EAhBH,yLAgBL,CAAQ,CAAC;IAEV,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,
|
|
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-
|
|
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,
|
|
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-
|
|
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" }),
|