@navikt/ds-react 7.26.0 → 7.27.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/form/checkbox/Checkbox.js +3 -8
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/radio/Radio.js +3 -12
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/stepper/Step.js +2 -2
- package/cjs/stepper/Step.js.map +1 -1
- package/cjs/theme/Theme.js +1 -1
- package/cjs/theme/Theme.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +3 -8
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/radio/Radio.js +3 -9
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/stepper/Step.js +2 -2
- package/esm/stepper/Step.js.map +1 -1
- package/esm/theme/Theme.js +1 -1
- package/esm/theme/Theme.js.map +1 -1
- package/package.json +3 -3
- package/src/date/date-utils/parse-dates.test.ts +12 -12
- package/src/form/checkbox/Checkbox.tsx +0 -15
- package/src/form/radio/Radio.tsx +1 -15
- package/src/stepper/Step.tsx +6 -6
- package/src/theme/Theme.tsx +1 -1
- package/src/util/i18n/locales.test.tsx +1 -1
|
@@ -41,14 +41,11 @@ const react_1 = __importStar(require("react"));
|
|
|
41
41
|
const Theme_1 = require("../../theme/Theme");
|
|
42
42
|
const typography_1 = require("../../typography");
|
|
43
43
|
const util_1 = require("../../util");
|
|
44
|
-
const hooks_1 = require("../../util/hooks");
|
|
45
44
|
const ReadOnlyIcon_1 = require("../ReadOnlyIcon");
|
|
46
45
|
const useCheckbox_1 = __importDefault(require("./useCheckbox"));
|
|
47
46
|
exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
|
|
48
47
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
49
48
|
const { inputProps, hasError, size, readOnly, nested } = (0, useCheckbox_1.default)(props);
|
|
50
|
-
const labelId = (0, hooks_1.useId)();
|
|
51
|
-
const descriptionId = (0, hooks_1.useId)();
|
|
52
49
|
return (react_1.default.createElement("div", { className: cn(props.className, "navds-checkbox", `navds-checkbox--${size}`, {
|
|
53
50
|
"navds-checkbox--error": hasError,
|
|
54
51
|
"navds-checkbox--disabled": inputProps.disabled,
|
|
@@ -74,9 +71,7 @@ exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
|
|
|
74
71
|
else if (ref != null) {
|
|
75
72
|
ref.current = el;
|
|
76
73
|
}
|
|
77
|
-
}
|
|
78
|
-
[descriptionId]: props.description,
|
|
79
|
-
}) })),
|
|
74
|
+
} })),
|
|
80
75
|
react_1.default.createElement("label", { htmlFor: inputProps.id, className: cn("navds-checkbox__label") },
|
|
81
76
|
react_1.default.createElement("span", { className: cn("navds-checkbox__icon") },
|
|
82
77
|
react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "0.8125rem", height: "0.625rem", viewBox: "0 0 13 10", fill: "none", focusable: false, role: "img", "aria-hidden": true },
|
|
@@ -85,10 +80,10 @@ exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
|
|
|
85
80
|
react_1.default.createElement("span", { className: cn("navds-checkbox__content", {
|
|
86
81
|
"navds-sr-only": props.hideLabel,
|
|
87
82
|
}) },
|
|
88
|
-
react_1.default.createElement(typography_1.BodyShort, { as: "span",
|
|
83
|
+
react_1.default.createElement(typography_1.BodyShort, { as: "span", size: size, className: cn("navds-checkbox__label-text") },
|
|
89
84
|
!nested && readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIconWithTitle, null),
|
|
90
85
|
props.children),
|
|
91
|
-
props.description && (react_1.default.createElement(typography_1.BodyShort, { as: "span",
|
|
86
|
+
props.description && (react_1.default.createElement(typography_1.BodyShort, { as: "span", size: size, className: cn("navds-form-field__subdescription navds-checkbox__description") }, props.description))))));
|
|
92
87
|
});
|
|
93
88
|
exports.default = exports.Checkbox;
|
|
94
89
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
package/cjs/form/radio/Radio.js
CHANGED
|
@@ -32,35 +32,26 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
32
32
|
return result;
|
|
33
33
|
};
|
|
34
34
|
})();
|
|
35
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
-
};
|
|
38
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
36
|
exports.Radio = void 0;
|
|
40
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
41
37
|
const react_1 = __importStar(require("react"));
|
|
42
38
|
const Theme_1 = require("../../theme/Theme");
|
|
43
39
|
const typography_1 = require("../../typography");
|
|
44
40
|
const util_1 = require("../../util");
|
|
45
|
-
const hooks_1 = require("../../util/hooks");
|
|
46
41
|
const useRadio_1 = require("./useRadio");
|
|
47
42
|
exports.Radio = (0, react_1.forwardRef)((props, ref) => {
|
|
48
43
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
49
44
|
const { inputProps, size, hasError, readOnly } = (0, useRadio_1.useRadio)(props);
|
|
50
|
-
const labelId = (0, hooks_1.useId)();
|
|
51
|
-
const descriptionId = (0, hooks_1.useId)();
|
|
52
45
|
return (react_1.default.createElement("div", { className: cn(props.className, "navds-radio", `navds-radio--${size}`, {
|
|
53
46
|
"navds-radio--error": hasError,
|
|
54
47
|
"navds-radio--disabled": inputProps.disabled,
|
|
55
48
|
"navds-radio--readonly": readOnly,
|
|
56
49
|
}), "data-color": hasError ? "danger" : props["data-color"] },
|
|
57
|
-
react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-invalid"]), {
|
|
58
|
-
[descriptionId]: props.description,
|
|
59
|
-
}), className: cn("navds-radio__input"), ref: ref })),
|
|
50
|
+
react_1.default.createElement("input", Object.assign({}, (0, util_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, util_1.omit)(inputProps, ["aria-invalid"]), { className: cn("navds-radio__input"), ref: ref })),
|
|
60
51
|
react_1.default.createElement("label", { htmlFor: inputProps.id, className: cn("navds-radio__label") },
|
|
61
52
|
react_1.default.createElement("span", { className: cn("navds-radio__content") },
|
|
62
|
-
react_1.default.createElement(typography_1.BodyShort, { as: "span",
|
|
63
|
-
props.description && (react_1.default.createElement(typography_1.BodyShort, { as: "span",
|
|
53
|
+
react_1.default.createElement(typography_1.BodyShort, { as: "span", size: size }, props.children),
|
|
54
|
+
props.description && (react_1.default.createElement(typography_1.BodyShort, { as: "span", size: size, className: cn("navds-form-field__subdescription navds-radio__description") }, props.description))))));
|
|
64
55
|
});
|
|
65
56
|
exports.default = exports.Radio;
|
|
66
57
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AACjD,iDAA6C;AAC7C,qCAAkC;AAElC,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,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,IACtC,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,IAAI,EAAE,IAAI,IAC5B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,8BAAC,sBAAS,IACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,2DAA2D,CAC5D,IAEA,KAAK,CAAC,WAAW,CACR,CACb,CACI,CACD,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAK,CAAC"}
|
package/cjs/stepper/Step.js
CHANGED
|
@@ -67,8 +67,8 @@ exports.Step = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
67
67
|
"navds-stepper__step--completed": completed,
|
|
68
68
|
}), "data-active": activeStep === context.index, "data-completed": completed, "data-interactive": isInteractive, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleStepClick) }),
|
|
69
69
|
completed ? (react_1.default.createElement("span", { className: cn("navds-stepper__circle navds-stepper__circle--success") },
|
|
70
|
-
react_1.default.createElement("svg", {
|
|
71
|
-
react_1.default.createElement("path", { d: "
|
|
70
|
+
react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: false, role: "img", "aria-hidden": true },
|
|
71
|
+
react_1.default.createElement("path", { d: "M10.0352 13.4148L16.4752 7.40467C17.0792 6.83965 18.029 6.86933 18.5955 7.47478C19.162 8.08027 19.1296 9.03007 18.5245 9.59621L11.0211 16.5993C10.741 16.859 10.3756 17 10.0002 17C9.60651 17 9.22717 16.8462 8.93914 16.5611L6.43914 14.0611C5.85362 13.4756 5.85362 12.5254 6.43914 11.9399C7.02467 11.3544 7.97483 11.3544 8.56036 11.9399L10.0352 13.4148Z", fill: "currentColor" })))) : (react_1.default.createElement(typography_1.Label, { className: cn("navds-stepper__circle"), as: "span", "aria-hidden": "true" }, context.index + 1)),
|
|
72
72
|
react_1.default.createElement(typography_1.Label, { as: "span", className: cn("navds-stepper__content") }, children)));
|
|
73
73
|
});
|
|
74
74
|
exports.default = exports.Step;
|
package/cjs/stepper/Step.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../src/stepper/Step.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAC9C,8CAAsC;AACtC,uEAAoE;AAEpE,uCAA8C;AAoBjC,QAAA,IAAI,GACf,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,OAAO,OAER,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,2BAAiB,GAAE,CAAC;IAEpC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE/B,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAE1D,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/C,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,IAAI,oBACC,IAAI,oBACM,UAAU,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/D,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE;YAC9C,6BAA6B,EAAE,UAAU,KAAK,OAAO,CAAC,KAAK;YAC3D,6BAA6B,EAAE,UAAU,GAAG,OAAO,CAAC,KAAK;YACzD,sCAAsC,EAAE,CAAC,aAAa;YACtD,gCAAgC,EAAE,SAAS;SAC5C,CAAC,iBACW,UAAU,KAAK,OAAO,CAAC,KAAK,oBACzB,SAAS,sBACP,aAAa,EAC/B,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,eAAe,CAAC;QAEtD,SAAS,CAAC,CAAC,CAAC,CACX,wCACE,SAAS,EAAE,EAAE,CACX,sDAAsD,CACvD;YAED,uCACE,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../src/stepper/Step.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAC9C,8CAAsC;AACtC,uEAAoE;AAEpE,uCAA8C;AAoBjC,QAAA,IAAI,GACf,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,OAAO,OAER,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,2BAAiB,GAAE,CAAC;IAEpC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE/B,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAE1D,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/C,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,IAAI,oBACC,IAAI,oBACM,UAAU,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/D,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE;YAC9C,6BAA6B,EAAE,UAAU,KAAK,OAAO,CAAC,KAAK;YAC3D,6BAA6B,EAAE,UAAU,GAAG,OAAO,CAAC,KAAK;YACzD,sCAAsC,EAAE,CAAC,aAAa;YACtD,gCAAgC,EAAE,SAAS;SAC5C,CAAC,iBACW,UAAU,KAAK,OAAO,CAAC,KAAK,oBACzB,SAAS,sBACP,aAAa,EAC/B,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,eAAe,CAAC;QAEtD,SAAS,CAAC,CAAC,CAAC,CACX,wCACE,SAAS,EAAE,EAAE,CACX,sDAAsD,CACvD;YAED,uCACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;gBAGV,wCACE,CAAC,EAAC,gWAAgW,EAClW,IAAI,EAAC,cAAc,GACnB,CACE,CACD,CACR,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAK,IACJ,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,EACtC,EAAE,EAAC,MAAM,iBACG,MAAM,IAEjB,OAAO,CAAC,KAAK,GAAG,CAAC,CACZ,CACT;QACD,8BAAC,kBAAK,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IACrD,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,YAAI,CAAC"}
|
package/cjs/theme/Theme.js
CHANGED
|
@@ -74,7 +74,7 @@ const Theme = (0, react_1.forwardRef)((props, ref) => {
|
|
|
74
74
|
const SlotElement = asChild ? Slot_1.Slot : "div";
|
|
75
75
|
return (react_1.default.createElement(ThemeProvider, { theme: theme, color: color },
|
|
76
76
|
react_1.default.createElement(RenameCSS, null,
|
|
77
|
-
react_1.default.createElement(SlotElement, { ref: ref, className: (0, clsx_1.default)("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color }, children))));
|
|
77
|
+
react_1.default.createElement(SlotElement, { ref: ref, className: (0, clsx_1.default)("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color : "" }, children))));
|
|
78
78
|
});
|
|
79
79
|
exports.Theme = Theme;
|
|
80
80
|
//# sourceMappingURL=Theme.js.map
|
package/cjs/theme/Theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,uCAAoC;AAEpC,2DAAuD;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,IAAA,8BAAa,EAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,cAAE,EAAE;CACzB,CAAC,CAAC;AA0Fa,oCAAY;AAxFrB,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,IAAA,cAAE,EAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAVW,QAAA,sBAAsB,0BAUjC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,8BAAC,iBAAiB,IAAC,EAAE,EAAE,8BAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,8BAAa,EAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAoD2B,4CAAgB;AArC9C,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,GAAG,IAAI,EACvC,YAAY,EAAE,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GACrC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;QACvC,8BAAC,SAAS;YACR,8BAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,gBAClB,KAAK,
|
|
1
|
+
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,uCAAoC;AAEpC,2DAAuD;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,IAAA,8BAAa,EAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,cAAE,EAAE;CACzB,CAAC,CAAC;AA0Fa,oCAAY;AAxFrB,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,IAAA,cAAE,EAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAVW,QAAA,sBAAsB,0BAUjC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,8BAAC,iBAAiB,IAAC,EAAE,EAAE,8BAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,8BAAa,EAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAoD2B,4CAAgB;AArC9C,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,GAAG,IAAI,EACvC,YAAY,EAAE,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GACrC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;QACvC,8BAAC,SAAS;YACR,8BAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,IAEtB,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,sBAAK"}
|
|
@@ -2,14 +2,11 @@ import React, { forwardRef } from "react";
|
|
|
2
2
|
import { useRenameCSS } from "../../theme/Theme.js";
|
|
3
3
|
import { BodyShort } from "../../typography/index.js";
|
|
4
4
|
import { omit } from "../../util/index.js";
|
|
5
|
-
import { useId } from "../../util/hooks/index.js";
|
|
6
5
|
import { ReadOnlyIconWithTitle } from "../ReadOnlyIcon.js";
|
|
7
6
|
import useCheckbox from "./useCheckbox.js";
|
|
8
7
|
export const Checkbox = forwardRef((props, ref) => {
|
|
9
8
|
const { cn } = useRenameCSS();
|
|
10
9
|
const { inputProps, hasError, size, readOnly, nested } = useCheckbox(props);
|
|
11
|
-
const labelId = useId();
|
|
12
|
-
const descriptionId = useId();
|
|
13
10
|
return (React.createElement("div", { className: cn(props.className, "navds-checkbox", `navds-checkbox--${size}`, {
|
|
14
11
|
"navds-checkbox--error": hasError,
|
|
15
12
|
"navds-checkbox--disabled": inputProps.disabled,
|
|
@@ -35,9 +32,7 @@ export const Checkbox = forwardRef((props, ref) => {
|
|
|
35
32
|
else if (ref != null) {
|
|
36
33
|
ref.current = el;
|
|
37
34
|
}
|
|
38
|
-
}
|
|
39
|
-
[descriptionId]: props.description,
|
|
40
|
-
}) })),
|
|
35
|
+
} })),
|
|
41
36
|
React.createElement("label", { htmlFor: inputProps.id, className: cn("navds-checkbox__label") },
|
|
42
37
|
React.createElement("span", { className: cn("navds-checkbox__icon") },
|
|
43
38
|
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "0.8125rem", height: "0.625rem", viewBox: "0 0 13 10", fill: "none", focusable: false, role: "img", "aria-hidden": true },
|
|
@@ -46,10 +41,10 @@ export const Checkbox = forwardRef((props, ref) => {
|
|
|
46
41
|
React.createElement("span", { className: cn("navds-checkbox__content", {
|
|
47
42
|
"navds-sr-only": props.hideLabel,
|
|
48
43
|
}) },
|
|
49
|
-
React.createElement(BodyShort, { as: "span",
|
|
44
|
+
React.createElement(BodyShort, { as: "span", size: size, className: cn("navds-checkbox__label-text") },
|
|
50
45
|
!nested && readOnly && React.createElement(ReadOnlyIconWithTitle, null),
|
|
51
46
|
props.children),
|
|
52
|
-
props.description && (React.createElement(BodyShort, { as: "span",
|
|
47
|
+
props.description && (React.createElement(BodyShort, { as: "span", size: size, className: cn("navds-form-field__subdescription navds-checkbox__description") }, props.description))))));
|
|
53
48
|
});
|
|
54
49
|
export default Checkbox;
|
|
55
50
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
package/esm/form/radio/Radio.js
CHANGED
|
@@ -1,27 +1,21 @@
|
|
|
1
|
-
import cl from "clsx";
|
|
2
1
|
import React, { forwardRef } from "react";
|
|
3
2
|
import { useRenameCSS } from "../../theme/Theme.js";
|
|
4
3
|
import { BodyShort } from "../../typography/index.js";
|
|
5
4
|
import { omit } from "../../util/index.js";
|
|
6
|
-
import { useId } from "../../util/hooks/index.js";
|
|
7
5
|
import { useRadio } from "./useRadio.js";
|
|
8
6
|
export const Radio = forwardRef((props, ref) => {
|
|
9
7
|
const { cn } = useRenameCSS();
|
|
10
8
|
const { inputProps, size, hasError, readOnly } = useRadio(props);
|
|
11
|
-
const labelId = useId();
|
|
12
|
-
const descriptionId = useId();
|
|
13
9
|
return (React.createElement("div", { className: cn(props.className, "navds-radio", `navds-radio--${size}`, {
|
|
14
10
|
"navds-radio--error": hasError,
|
|
15
11
|
"navds-radio--disabled": inputProps.disabled,
|
|
16
12
|
"navds-radio--readonly": readOnly,
|
|
17
13
|
}), "data-color": hasError ? "danger" : props["data-color"] },
|
|
18
|
-
React.createElement("input", Object.assign({}, omit(props, ["children", "size", "description", "readOnly"]), omit(inputProps, ["aria-invalid"]), {
|
|
19
|
-
[descriptionId]: props.description,
|
|
20
|
-
}), className: cn("navds-radio__input"), ref: ref })),
|
|
14
|
+
React.createElement("input", Object.assign({}, omit(props, ["children", "size", "description", "readOnly"]), omit(inputProps, ["aria-invalid"]), { className: cn("navds-radio__input"), ref: ref })),
|
|
21
15
|
React.createElement("label", { htmlFor: inputProps.id, className: cn("navds-radio__label") },
|
|
22
16
|
React.createElement("span", { className: cn("navds-radio__content") },
|
|
23
|
-
React.createElement(BodyShort, { as: "span",
|
|
24
|
-
props.description && (React.createElement(BodyShort, { as: "span",
|
|
17
|
+
React.createElement(BodyShort, { as: "span", size: size }, props.children),
|
|
18
|
+
props.description && (React.createElement(BodyShort, { as: "span", size: size, className: cn("navds-form-field__subdescription navds-radio__description") }, props.description))))));
|
|
25
19
|
});
|
|
26
20
|
export default Radio;
|
|
27
21
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO,CACL,6BACE,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,+CACM,IAAI,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAI,CAAC,UAAU,EAAE,CAAC,cAAc,CAAC,CAAC,IACtC,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EACnC,GAAG,EAAE,GAAG,IACR;QACF,+BAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC;YAChE,8BAAM,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC;gBACzC,oBAAC,SAAS,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,IAC5B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,2DAA2D,CAC5D,IAEA,KAAK,CAAC,WAAW,CACR,CACb,CACI,CACD,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
package/esm/stepper/Step.js
CHANGED
|
@@ -31,8 +31,8 @@ export const Step = forwardRef((_a, ref) => {
|
|
|
31
31
|
"navds-stepper__step--completed": completed,
|
|
32
32
|
}), "data-active": activeStep === context.index, "data-completed": completed, "data-interactive": isInteractive, onClick: composeEventHandlers(onClick, handleStepClick) }),
|
|
33
33
|
completed ? (React.createElement("span", { className: cn("navds-stepper__circle navds-stepper__circle--success") },
|
|
34
|
-
React.createElement("svg", {
|
|
35
|
-
React.createElement("path", { d: "
|
|
34
|
+
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: false, role: "img", "aria-hidden": true },
|
|
35
|
+
React.createElement("path", { d: "M10.0352 13.4148L16.4752 7.40467C17.0792 6.83965 18.029 6.86933 18.5955 7.47478C19.162 8.08027 19.1296 9.03007 18.5245 9.59621L11.0211 16.5993C10.741 16.859 10.3756 17 10.0002 17C9.60651 17 9.22717 16.8462 8.93914 16.5611L6.43914 14.0611C5.85362 13.4756 5.85362 12.5254 6.43914 11.9399C7.02467 11.3544 7.97483 11.3544 8.56036 11.9399L10.0352 13.4148Z", fill: "currentColor" })))) : (React.createElement(Label, { className: cn("navds-stepper__circle"), as: "span", "aria-hidden": "true" }, context.index + 1)),
|
|
36
36
|
React.createElement(Label, { as: "span", className: cn("navds-stepper__content") }, children)));
|
|
37
37
|
});
|
|
38
38
|
export default Step;
|
package/esm/stepper/Step.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../src/stepper/Step.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAoB9C,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,OAAO,OAER,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE/B,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAE1D,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/C,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,oBACM,UAAU,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/D,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE;YAC9C,6BAA6B,EAAE,UAAU,KAAK,OAAO,CAAC,KAAK;YAC3D,6BAA6B,EAAE,UAAU,GAAG,OAAO,CAAC,KAAK;YACzD,sCAAsC,EAAE,CAAC,aAAa;YACtD,gCAAgC,EAAE,SAAS;SAC5C,CAAC,iBACW,UAAU,KAAK,OAAO,CAAC,KAAK,oBACzB,SAAS,sBACP,aAAa,EAC/B,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,eAAe,CAAC;QAEtD,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,SAAS,EAAE,EAAE,CACX,sDAAsD,CACvD;YAED,6BACE,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../src/stepper/Step.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAoB9C,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,OAAO,OAER,EADI,IAAI,cAPT,sEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE/B,MAAM,aAAa,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAE1D,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/C,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,oBACM,UAAU,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/D,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE;YAC9C,6BAA6B,EAAE,UAAU,KAAK,OAAO,CAAC,KAAK;YAC3D,6BAA6B,EAAE,UAAU,GAAG,OAAO,CAAC,KAAK;YACzD,sCAAsC,EAAE,CAAC,aAAa;YACtD,gCAAgC,EAAE,SAAS;SAC5C,CAAC,iBACW,UAAU,KAAK,OAAO,CAAC,KAAK,oBACzB,SAAS,sBACP,aAAa,EAC/B,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,eAAe,CAAC;QAEtD,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,SAAS,EAAE,EAAE,CACX,sDAAsD,CACvD;YAED,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;gBAGV,8BACE,CAAC,EAAC,gWAAgW,EAClW,IAAI,EAAC,cAAc,GACnB,CACE,CACD,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,EACtC,EAAE,EAAC,MAAM,iBACG,MAAM,IAEjB,OAAO,CAAC,KAAK,GAAG,CAAC,CACZ,CACT;QACD,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IACrD,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,IAAI,CAAC"}
|
package/esm/theme/Theme.js
CHANGED
|
@@ -32,7 +32,7 @@ const Theme = forwardRef((props, ref) => {
|
|
|
32
32
|
const SlotElement = asChild ? Slot : "div";
|
|
33
33
|
return (React.createElement(ThemeProvider, { theme: theme, color: color },
|
|
34
34
|
React.createElement(RenameCSS, null,
|
|
35
|
-
React.createElement(SlotElement, { ref: ref, className: cl("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color }, children))));
|
|
35
|
+
React.createElement(SlotElement, { ref: ref, className: cl("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color : "" }, children))));
|
|
36
36
|
});
|
|
37
37
|
export { Theme, useRenameCSS, useThemeInternal };
|
|
38
38
|
//# sourceMappingURL=Theme.js.map
|
package/esm/theme/Theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,aAAa,CAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAeH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,GAAG,IAAI,EACvC,YAAY,EAAE,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GACrC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;QACvC,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,gBAClB,KAAK,
|
|
1
|
+
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,aAAa,CAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAeH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,GAAG,IAAI,EACvC,YAAY,EAAE,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GACrC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;QACvC,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,IAEtB,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.27.1",
|
|
4
4
|
"description": "React components from the Norwegian Labour and Welfare Administration.",
|
|
5
5
|
"author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -640,8 +640,8 @@
|
|
|
640
640
|
"dependencies": {
|
|
641
641
|
"@floating-ui/react": "0.27.8",
|
|
642
642
|
"@floating-ui/react-dom": "^2.0.9",
|
|
643
|
-
"@navikt/aksel-icons": "^7.
|
|
644
|
-
"@navikt/ds-tokens": "^7.
|
|
643
|
+
"@navikt/aksel-icons": "^7.27.1",
|
|
644
|
+
"@navikt/ds-tokens": "^7.27.1",
|
|
645
645
|
"clsx": "^2.1.0",
|
|
646
646
|
"date-fns": "^4.0.0",
|
|
647
647
|
"react-day-picker": "9.7.0"
|
|
@@ -5,29 +5,29 @@ import { isValidDate } from "./check-dates";
|
|
|
5
5
|
import { parseDate } from "./parse-date";
|
|
6
6
|
|
|
7
7
|
const check = (inp: string) =>
|
|
8
|
-
// eslint-disable-next-line
|
|
8
|
+
// eslint-disable-next-line vitest/valid-expect
|
|
9
9
|
expect(isValidDate(parseDate(inp, new Date(), nb, "date", false)));
|
|
10
10
|
|
|
11
11
|
const checkTwoDigit = (inp: string) =>
|
|
12
|
-
// eslint-disable-next-line
|
|
12
|
+
// eslint-disable-next-line vitest/valid-expect
|
|
13
13
|
expect(isValidDate(parseDate(inp, new Date(), nb, "date", true)));
|
|
14
14
|
|
|
15
15
|
const parse = (inp: string) => parseDate(inp, new Date(), nb, "date", false);
|
|
16
16
|
|
|
17
17
|
describe("Parse date-inputs with 4-digit years", () => {
|
|
18
|
-
// eslint-disable-next-line
|
|
18
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
19
19
|
test("No spaces", () => {
|
|
20
20
|
check("11052022").toBeTruthy();
|
|
21
21
|
check("15052022").toBeTruthy();
|
|
22
22
|
});
|
|
23
23
|
|
|
24
|
-
// eslint-disable-next-line
|
|
24
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
25
25
|
test(". divider", () => {
|
|
26
26
|
check("1.5.2022").toBeTruthy();
|
|
27
27
|
check("11.05.2022").toBeTruthy();
|
|
28
28
|
});
|
|
29
29
|
|
|
30
|
-
// eslint-disable-next-line
|
|
30
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
31
31
|
test("/ divider", () => {
|
|
32
32
|
check("1/5/2022").toBeTruthy();
|
|
33
33
|
check("10/5/2022").toBeTruthy();
|
|
@@ -35,7 +35,7 @@ describe("Parse date-inputs with 4-digit years", () => {
|
|
|
35
35
|
check("10/05/2022").toBeTruthy();
|
|
36
36
|
});
|
|
37
37
|
|
|
38
|
-
// eslint-disable-next-line
|
|
38
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
39
39
|
test("- divider", () => {
|
|
40
40
|
check("1-5-2022").toBeTruthy();
|
|
41
41
|
check("10-5-2022").toBeTruthy();
|
|
@@ -45,19 +45,19 @@ describe("Parse date-inputs with 4-digit years", () => {
|
|
|
45
45
|
});
|
|
46
46
|
|
|
47
47
|
describe("Parse date-inputs with 2-digit years", () => {
|
|
48
|
-
// eslint-disable-next-line
|
|
48
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
49
49
|
test("No spaces", () => {
|
|
50
50
|
checkTwoDigit("110522").toBeTruthy();
|
|
51
51
|
checkTwoDigit("150522").toBeTruthy();
|
|
52
52
|
});
|
|
53
53
|
|
|
54
|
-
// eslint-disable-next-line
|
|
54
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
55
55
|
test(". divider", () => {
|
|
56
56
|
checkTwoDigit("1.5.22").toBeTruthy();
|
|
57
57
|
checkTwoDigit("11.05.22").toBeTruthy();
|
|
58
58
|
});
|
|
59
59
|
|
|
60
|
-
// eslint-disable-next-line
|
|
60
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
61
61
|
test("/ divider", () => {
|
|
62
62
|
checkTwoDigit("1/5/22").toBeTruthy();
|
|
63
63
|
checkTwoDigit("10/5/22").toBeTruthy();
|
|
@@ -65,7 +65,7 @@ describe("Parse date-inputs with 2-digit years", () => {
|
|
|
65
65
|
checkTwoDigit("10/05/22").toBeTruthy();
|
|
66
66
|
});
|
|
67
67
|
|
|
68
|
-
// eslint-disable-next-line
|
|
68
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
69
69
|
test("- divider", () => {
|
|
70
70
|
checkTwoDigit("1-5-22").toBeTruthy();
|
|
71
71
|
checkTwoDigit("10-5-22").toBeTruthy();
|
|
@@ -73,14 +73,14 @@ describe("Parse date-inputs with 2-digit years", () => {
|
|
|
73
73
|
checkTwoDigit("10-05-22").toBeTruthy();
|
|
74
74
|
});
|
|
75
75
|
|
|
76
|
-
// eslint-disable-next-line
|
|
76
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
77
77
|
test("Dissallow 1 and 3 digit years", () => {
|
|
78
78
|
checkTwoDigit("11052").toBeFalsy();
|
|
79
79
|
checkTwoDigit("1105222").toBeFalsy();
|
|
80
80
|
checkTwoDigit("1105999").toBeFalsy();
|
|
81
81
|
});
|
|
82
82
|
|
|
83
|
-
// eslint-disable-next-line
|
|
83
|
+
// eslint-disable-next-line vitest/expect-expect
|
|
84
84
|
test("Dissallow date before year 1000", () => {
|
|
85
85
|
checkTwoDigit("11050999").toBeFalsy();
|
|
86
86
|
checkTwoDigit("11050010").toBeFalsy();
|
|
@@ -2,7 +2,6 @@ import React, { forwardRef } from "react";
|
|
|
2
2
|
import { useRenameCSS } from "../../theme/Theme";
|
|
3
3
|
import { BodyShort } from "../../typography";
|
|
4
4
|
import { omit } from "../../util";
|
|
5
|
-
import { useId } from "../../util/hooks";
|
|
6
5
|
import { ReadOnlyIconWithTitle } from "../ReadOnlyIcon";
|
|
7
6
|
import { CheckboxProps } from "./types";
|
|
8
7
|
import useCheckbox from "./useCheckbox";
|
|
@@ -12,9 +11,6 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
|
|
|
12
11
|
const { cn } = useRenameCSS();
|
|
13
12
|
const { inputProps, hasError, size, readOnly, nested } = useCheckbox(props);
|
|
14
13
|
|
|
15
|
-
const labelId = useId();
|
|
16
|
-
const descriptionId = useId();
|
|
17
|
-
|
|
18
14
|
return (
|
|
19
15
|
<div
|
|
20
16
|
className={cn(
|
|
@@ -54,13 +50,6 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
|
|
|
54
50
|
ref.current = el;
|
|
55
51
|
}
|
|
56
52
|
}}
|
|
57
|
-
aria-labelledby={cn(
|
|
58
|
-
labelId,
|
|
59
|
-
!!props["aria-labelledby"] && props["aria-labelledby"],
|
|
60
|
-
{
|
|
61
|
-
[descriptionId]: props.description,
|
|
62
|
-
},
|
|
63
|
-
)}
|
|
64
53
|
/>
|
|
65
54
|
<label htmlFor={inputProps.id} className={cn("navds-checkbox__label")}>
|
|
66
55
|
<span className={cn("navds-checkbox__icon")}>
|
|
@@ -88,10 +77,8 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
|
|
|
88
77
|
>
|
|
89
78
|
<BodyShort
|
|
90
79
|
as="span"
|
|
91
|
-
id={labelId}
|
|
92
80
|
size={size}
|
|
93
81
|
className={cn("navds-checkbox__label-text")}
|
|
94
|
-
aria-hidden
|
|
95
82
|
>
|
|
96
83
|
{!nested && readOnly && <ReadOnlyIconWithTitle />}
|
|
97
84
|
{props.children}
|
|
@@ -99,12 +86,10 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
|
|
|
99
86
|
{props.description && (
|
|
100
87
|
<BodyShort
|
|
101
88
|
as="span"
|
|
102
|
-
id={descriptionId}
|
|
103
89
|
size={size}
|
|
104
90
|
className={cn(
|
|
105
91
|
"navds-form-field__subdescription navds-checkbox__description",
|
|
106
92
|
)}
|
|
107
|
-
aria-hidden
|
|
108
93
|
>
|
|
109
94
|
{props.description}
|
|
110
95
|
</BodyShort>
|
package/src/form/radio/Radio.tsx
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import cl from "clsx";
|
|
2
1
|
import React, { forwardRef } from "react";
|
|
3
2
|
import { useRenameCSS } from "../../theme/Theme";
|
|
4
3
|
import { BodyShort } from "../../typography";
|
|
5
4
|
import { omit } from "../../util";
|
|
6
|
-
import { useId } from "../../util/hooks";
|
|
7
5
|
import { RadioProps } from "./types";
|
|
8
6
|
import { useRadio } from "./useRadio";
|
|
9
7
|
|
|
@@ -11,9 +9,6 @@ export const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {
|
|
|
11
9
|
const { cn } = useRenameCSS();
|
|
12
10
|
const { inputProps, size, hasError, readOnly } = useRadio(props);
|
|
13
11
|
|
|
14
|
-
const labelId = useId();
|
|
15
|
-
const descriptionId = useId();
|
|
16
|
-
|
|
17
12
|
return (
|
|
18
13
|
<div
|
|
19
14
|
className={cn(props.className, "navds-radio", `navds-radio--${size}`, {
|
|
@@ -26,30 +21,21 @@ export const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {
|
|
|
26
21
|
<input
|
|
27
22
|
{...omit(props, ["children", "size", "description", "readOnly"])}
|
|
28
23
|
{...omit(inputProps, ["aria-invalid"])}
|
|
29
|
-
aria-labelledby={cl(
|
|
30
|
-
labelId,
|
|
31
|
-
!!props["aria-labelledby"] && props["aria-labelledby"],
|
|
32
|
-
{
|
|
33
|
-
[descriptionId]: props.description,
|
|
34
|
-
},
|
|
35
|
-
)}
|
|
36
24
|
className={cn("navds-radio__input")}
|
|
37
25
|
ref={ref}
|
|
38
26
|
/>
|
|
39
27
|
<label htmlFor={inputProps.id} className={cn("navds-radio__label")}>
|
|
40
28
|
<span className={cn("navds-radio__content")}>
|
|
41
|
-
<BodyShort as="span"
|
|
29
|
+
<BodyShort as="span" size={size}>
|
|
42
30
|
{props.children}
|
|
43
31
|
</BodyShort>
|
|
44
32
|
{props.description && (
|
|
45
33
|
<BodyShort
|
|
46
34
|
as="span"
|
|
47
|
-
id={descriptionId}
|
|
48
35
|
size={size}
|
|
49
36
|
className={cn(
|
|
50
37
|
"navds-form-field__subdescription navds-radio__description",
|
|
51
38
|
)}
|
|
52
|
-
aria-hidden
|
|
53
39
|
>
|
|
54
40
|
{props.description}
|
|
55
41
|
</BodyShort>
|
package/src/stepper/Step.tsx
CHANGED
|
@@ -73,17 +73,17 @@ export const Step: OverridableComponent<StepperStepProps, HTMLAnchorElement> =
|
|
|
73
73
|
)}
|
|
74
74
|
>
|
|
75
75
|
<svg
|
|
76
|
-
width="14"
|
|
77
|
-
height="10"
|
|
78
|
-
viewBox="0 0 14 10"
|
|
79
|
-
fill="none"
|
|
80
76
|
xmlns="http://www.w3.org/2000/svg"
|
|
77
|
+
width="1em"
|
|
78
|
+
height="1em"
|
|
79
|
+
fill="none"
|
|
80
|
+
viewBox="0 0 24 24"
|
|
81
81
|
focusable={false}
|
|
82
|
-
role="
|
|
82
|
+
role="img"
|
|
83
83
|
aria-hidden
|
|
84
84
|
>
|
|
85
85
|
<path
|
|
86
|
-
d="
|
|
86
|
+
d="M10.0352 13.4148L16.4752 7.40467C17.0792 6.83965 18.029 6.86933 18.5955 7.47478C19.162 8.08027 19.1296 9.03007 18.5245 9.59621L11.0211 16.5993C10.741 16.859 10.3756 17 10.0002 17C9.60651 17 9.22717 16.8462 8.93914 16.5611L6.43914 14.0611C5.85362 13.4756 5.85362 12.5254 6.43914 11.9399C7.02467 11.3544 7.97483 11.3544 8.56036 11.9399L10.0352 13.4148Z"
|
|
87
87
|
fill="currentColor"
|
|
88
88
|
/>
|
|
89
89
|
</svg>
|
package/src/theme/Theme.tsx
CHANGED