@navikt/ds-react 7.27.0 → 7.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/date/datepicker/hooks/useRangeDatepicker.d.ts +1 -1
- package/cjs/date/datepicker/index.d.ts +2 -2
- package/cjs/date/datepicker/index.js.map +1 -1
- 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/index.d.ts +1 -1
- package/cjs/index.js.map +1 -1
- package/cjs/stepper/Step.js +2 -2
- package/cjs/stepper/Step.js.map +1 -1
- package/esm/date/datepicker/hooks/useRangeDatepicker.d.ts +1 -1
- package/esm/date/datepicker/index.d.ts +2 -2
- package/esm/date/datepicker/index.js +1 -1
- package/esm/date/datepicker/index.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/index.d.ts +1 -1
- package/esm/index.js.map +1 -1
- package/esm/stepper/Step.js +2 -2
- package/esm/stepper/Step.js.map +1 -1
- package/package.json +3 -3
- package/src/date/datepicker/hooks/useRangeDatepicker.tsx +1 -1
- package/src/date/datepicker/index.ts +6 -1
- package/src/form/checkbox/Checkbox.tsx +0 -15
- package/src/form/radio/Radio.tsx +1 -15
- package/src/index.ts +2 -0
- package/src/stepper/Step.tsx +6 -6
|
@@ -9,7 +9,7 @@ export type RangeValidationT = {
|
|
|
9
9
|
isBeforeFrom?: boolean;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
|
-
interface UseRangeDatepickerOptions extends Omit<UseDatepickerOptions, "defaultSelected" | "onDateChange" | "onValidate"> {
|
|
12
|
+
export interface UseRangeDatepickerOptions extends Omit<UseDatepickerOptions, "defaultSelected" | "onDateChange" | "onValidate"> {
|
|
13
13
|
/**
|
|
14
14
|
* The initially selected DateRange
|
|
15
15
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as DatePicker, type DatePickerProps } from "./DatePicker";
|
|
2
|
-
export { useDatepicker, type DateValidationT } from "./hooks/useDatepicker";
|
|
3
|
-
export { useRangeDatepicker, type RangeValidationT, } from "./hooks/useRangeDatepicker";
|
|
2
|
+
export { useDatepicker, type DateValidationT, type UseDatepickerOptions, } from "./hooks/useDatepicker";
|
|
3
|
+
export { useRangeDatepicker, type RangeValidationT, type UseRangeDatepickerOptions, } from "./hooks/useRangeDatepicker";
|
|
4
4
|
export { DatePickerStandalone, type DatePickerStandaloneProps, } from "./parts/DatePicker.Standalone";
|
|
5
5
|
export { DatePickerInput, type DateInputProps } from "../Date.Input";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/datepicker/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,2CAA2E;AAAlE,yHAAA,OAAO,OAAc;AAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/datepicker/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,2CAA2E;AAAlE,yHAAA,OAAO,OAAc;AAC9B,uDAI+B;AAH7B,8GAAA,aAAa,OAAA;AAIf,iEAIoC;AAHlC,wHAAA,kBAAkB,OAAA;AAIpB,uEAGuC;AAFrC,6HAAA,oBAAoB,OAAA;AAGtB,4CAAqE;AAA5D,6GAAA,eAAe,OAAA"}
|
|
@@ -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/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { Button, type ButtonProps } from "./button";
|
|
|
5
5
|
export { Chat, type ChatProps } from "./chat";
|
|
6
6
|
export { Chips, type ChipsProps } from "./chips";
|
|
7
7
|
export { CopyButton, type CopyButtonProps } from "./copybutton";
|
|
8
|
-
export { DatePicker, useDatepicker, useRangeDatepicker, type DateInputProps, type DatePickerProps, type DatePickerStandaloneProps, type DateValidationT, type RangeValidationT, } from "./date/datepicker";
|
|
8
|
+
export { DatePicker, useDatepicker, useRangeDatepicker, type DateInputProps, type DatePickerProps, type DatePickerStandaloneProps, type DateValidationT, type RangeValidationT, type UseDatepickerOptions, type UseRangeDatepickerOptions, } from "./date/datepicker";
|
|
9
9
|
export { MonthPicker, useMonthpicker, type MonthPickerProps, type MonthPickerStandaloneProps, type MonthValidationT, } from "./date/monthpicker";
|
|
10
10
|
export { Dropdown, type DropdownProps } from "./dropdown";
|
|
11
11
|
export { ExpansionCard, type ExpansionCardProps } from "./expansion-card";
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,yCAA6D;AAApD,sGAAA,SAAS,OAAA;AAClB,sDAA0E;AAAjE,yGAAA,UAAU,OAAA;AACnB,iCAAiD;AAAxC,8FAAA,KAAK,OAAA;AACd,mCAAoD;AAA3C,gGAAA,MAAM,OAAA;AACf,+BAA8C;AAArC,4FAAA,IAAI,OAAA;AACb,iCAAiD;AAAxC,8FAAA,KAAK,OAAA;AACd,2CAAgE;AAAvD,wGAAA,UAAU,OAAA;AACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
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"}
|
|
@@ -9,7 +9,7 @@ export type RangeValidationT = {
|
|
|
9
9
|
isBeforeFrom?: boolean;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
|
-
interface UseRangeDatepickerOptions extends Omit<UseDatepickerOptions, "defaultSelected" | "onDateChange" | "onValidate"> {
|
|
12
|
+
export interface UseRangeDatepickerOptions extends Omit<UseDatepickerOptions, "defaultSelected" | "onDateChange" | "onValidate"> {
|
|
13
13
|
/**
|
|
14
14
|
* The initially selected DateRange
|
|
15
15
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as DatePicker, type DatePickerProps } from "./DatePicker.js";
|
|
2
|
-
export { useDatepicker, type DateValidationT } from "./hooks/useDatepicker.js";
|
|
3
|
-
export { useRangeDatepicker, type RangeValidationT, } from "./hooks/useRangeDatepicker.js";
|
|
2
|
+
export { useDatepicker, type DateValidationT, type UseDatepickerOptions, } from "./hooks/useDatepicker.js";
|
|
3
|
+
export { useRangeDatepicker, type RangeValidationT, type UseRangeDatepickerOptions, } from "./hooks/useRangeDatepicker.js";
|
|
4
4
|
export { DatePickerStandalone, type DatePickerStandaloneProps, } from "./parts/DatePicker.Standalone.js";
|
|
5
5
|
export { DatePickerInput, type DateInputProps } from "../Date.Input.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
export { default as DatePicker } from "./DatePicker.js";
|
|
3
|
-
export { useDatepicker } from "./hooks/useDatepicker.js";
|
|
3
|
+
export { useDatepicker, } from "./hooks/useDatepicker.js";
|
|
4
4
|
export { useRangeDatepicker, } from "./hooks/useRangeDatepicker.js";
|
|
5
5
|
export { DatePickerStandalone, } from "./parts/DatePicker.Standalone.js";
|
|
6
6
|
export { DatePickerInput } from "../Date.Input.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/datepicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC;AAC3E,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/datepicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC;AAC3E,OAAO,EACL,aAAa,GAGd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,GAGnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,GAErB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,eAAe,EAAuB,MAAM,eAAe,CAAC"}
|
|
@@ -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/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { Button, type ButtonProps } from "./button/index.js";
|
|
|
5
5
|
export { Chat, type ChatProps } from "./chat/index.js";
|
|
6
6
|
export { Chips, type ChipsProps } from "./chips/index.js";
|
|
7
7
|
export { CopyButton, type CopyButtonProps } from "./copybutton/index.js";
|
|
8
|
-
export { DatePicker, useDatepicker, useRangeDatepicker, type DateInputProps, type DatePickerProps, type DatePickerStandaloneProps, type DateValidationT, type RangeValidationT, } from "./date/datepicker/index.js";
|
|
8
|
+
export { DatePicker, useDatepicker, useRangeDatepicker, type DateInputProps, type DatePickerProps, type DatePickerStandaloneProps, type DateValidationT, type RangeValidationT, type UseDatepickerOptions, type UseRangeDatepickerOptions, } from "./date/datepicker/index.js";
|
|
9
9
|
export { MonthPicker, useMonthpicker, type MonthPickerProps, type MonthPickerStandaloneProps, type MonthValidationT, } from "./date/monthpicker/index.js";
|
|
10
10
|
export { Dropdown, type DropdownProps } from "./dropdown/index.js";
|
|
11
11
|
export { ExpansionCard, type ExpansionCardProps } from "./expansion-card/index.js";
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EACL,UAAU,EACV,aAAa,EACb,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.28.0",
|
|
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.28.0",
|
|
644
|
+
"@navikt/ds-tokens": "^7.28.0",
|
|
645
645
|
"clsx": "^2.1.0",
|
|
646
646
|
"date-fns": "^4.0.0",
|
|
647
647
|
"react-day-picker": "9.7.0"
|
|
@@ -38,7 +38,7 @@ const getValidationMessage = (from = {}, to = {}): RangeValidationT => ({
|
|
|
38
38
|
},
|
|
39
39
|
});
|
|
40
40
|
|
|
41
|
-
interface UseRangeDatepickerOptions
|
|
41
|
+
export interface UseRangeDatepickerOptions
|
|
42
42
|
extends Omit<
|
|
43
43
|
UseDatepickerOptions,
|
|
44
44
|
"defaultSelected" | "onDateChange" | "onValidate"
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
export { default as DatePicker, type DatePickerProps } from "./DatePicker";
|
|
3
|
-
export {
|
|
3
|
+
export {
|
|
4
|
+
useDatepicker,
|
|
5
|
+
type DateValidationT,
|
|
6
|
+
type UseDatepickerOptions,
|
|
7
|
+
} from "./hooks/useDatepicker";
|
|
4
8
|
export {
|
|
5
9
|
useRangeDatepicker,
|
|
6
10
|
type RangeValidationT,
|
|
11
|
+
type UseRangeDatepickerOptions,
|
|
7
12
|
} from "./hooks/useRangeDatepicker";
|
|
8
13
|
export {
|
|
9
14
|
DatePickerStandalone,
|
|
@@ -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/index.ts
CHANGED
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>
|