@navikt/ds-react 7.9.0 → 7.9.2
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/README.md +2 -2
- package/cjs/alert/Alert.js +2 -2
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/chips/Removable.js +2 -2
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/copybutton/CopyButton.js +2 -2
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/context/useDateTranslationContext.d.ts +1 -1
- package/cjs/date/datepicker/DatePicker.js +3 -3
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/DatePickerStandalone.js +3 -3
- package/cjs/date/datepicker/DatePickerStandalone.js.map +1 -1
- package/cjs/date/hooks/useDatepicker.js +2 -2
- package/cjs/date/hooks/useDatepicker.js.map +1 -1
- package/cjs/date/hooks/useMonthPicker.js +2 -2
- package/cjs/date/hooks/useMonthPicker.js.map +1 -1
- package/cjs/date/hooks/useRangeDatepicker.js +2 -2
- package/cjs/date/hooks/useRangeDatepicker.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +3 -3
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/MonthPickerStandalone.js +3 -3
- package/cjs/date/monthpicker/MonthPickerStandalone.js.map +1 -1
- package/cjs/date/parts/DateWrapper.d.ts +1 -1
- package/cjs/date/parts/DateWrapper.js +2 -2
- package/cjs/date/parts/DateWrapper.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +2 -2
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/form/ReadOnlyIcon.js +2 -2
- package/cjs/form/ReadOnlyIcon.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js +2 -2
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +2 -2
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +2 -2
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +2 -2
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +2 -2
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/file-upload/parts/item/Item.js +2 -2
- package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
- package/cjs/form/form-progress/FormProgress.js +2 -2
- package/cjs/form/form-progress/FormProgress.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryEditLink.js +2 -2
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/cjs/form/search/Search.js +2 -2
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/search/SearchButton.js +2 -2
- package/cjs/form/search/SearchButton.js.map +1 -1
- package/cjs/form/textarea/TextareaCounter.js +2 -2
- package/cjs/form/textarea/TextareaCounter.js.map +1 -1
- package/cjs/guide-panel/Illustration.darkside.js +2 -2
- package/cjs/guide-panel/Illustration.darkside.js.map +1 -1
- package/cjs/guide-panel/Illustration.js +2 -2
- package/cjs/guide-panel/Illustration.js.map +1 -1
- package/cjs/help-text/HelpText.js +2 -2
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.d.ts +27 -27
- package/cjs/layout/bleed/Bleed.d.ts +6 -6
- package/cjs/layout/box/Box.darkside.d.ts +3 -3
- package/cjs/layout/grid/HGrid.d.ts +3 -3
- package/cjs/layout/stack/Stack.d.ts +3 -3
- package/cjs/layout/utilities/css.d.ts +1 -1
- package/cjs/layout/utilities/css.js +49 -20
- package/cjs/layout/utilities/css.js.map +1 -1
- package/cjs/layout/utilities/types.d.ts +2 -2
- package/cjs/link/stories/RandomIcon.d.ts +2 -0
- package/cjs/link/stories/RandomIcon.js +39 -0
- package/cjs/link/stories/RandomIcon.js.map +1 -0
- package/cjs/loader/Loader.js +2 -2
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/ModalHeader.js +2 -2
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/pagination/Pagination.js +2 -2
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.js +2 -2
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/table/ExpandableRow.js +2 -2
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/tag/Tag.d.ts +1 -1
- package/cjs/timeline/AxisLabels.js +3 -3
- package/cjs/timeline/AxisLabels.js.map +1 -1
- package/cjs/timeline/Pin.js +2 -2
- package/cjs/timeline/Pin.js.map +1 -1
- package/cjs/timeline/TimelineRow.js +2 -2
- package/cjs/timeline/TimelineRow.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +2 -2
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/NonClickablePeriod.js +2 -2
- package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
- package/cjs/timeline/utils/period.d.ts +1 -1
- package/cjs/timeline/zoom/ZoomButton.js +2 -2
- package/cjs/timeline/zoom/ZoomButton.js.map +1 -1
- package/cjs/util/i18n/i18n.hooks.d.ts +4 -0
- package/cjs/util/i18n/{i18n.context.js → i18n.hooks.js} +3 -7
- package/cjs/util/i18n/i18n.hooks.js.map +1 -0
- package/cjs/util/i18n/i18n.types.d.ts +4 -0
- package/cjs/util/i18n/locales/nb.d.ts +81 -4
- package/cjs/util/i18n/locales/nb.js +81 -4
- package/cjs/util/i18n/locales/nb.js.map +1 -1
- package/esm/alert/Alert.js +1 -1
- package/esm/alert/Alert.js.map +1 -1
- package/esm/chips/Removable.js +1 -1
- package/esm/chips/Removable.js.map +1 -1
- package/esm/copybutton/CopyButton.js +1 -1
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/context/useDateTranslationContext.d.ts +1 -1
- package/esm/date/datepicker/DatePicker.js +1 -1
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/DatePickerStandalone.js +1 -1
- package/esm/date/datepicker/DatePickerStandalone.js.map +1 -1
- package/esm/date/hooks/useDatepicker.js +1 -1
- package/esm/date/hooks/useDatepicker.js.map +1 -1
- package/esm/date/hooks/useMonthPicker.js +1 -1
- package/esm/date/hooks/useMonthPicker.js.map +1 -1
- package/esm/date/hooks/useRangeDatepicker.js +1 -1
- package/esm/date/hooks/useRangeDatepicker.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.js +1 -1
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/MonthPickerStandalone.js +1 -1
- package/esm/date/monthpicker/MonthPickerStandalone.js.map +1 -1
- package/esm/date/parts/DateWrapper.d.ts +1 -1
- package/esm/date/parts/DateWrapper.js +1 -1
- package/esm/date/parts/DateWrapper.js.map +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/esm/form/ReadOnlyIcon.js +1 -1
- package/esm/form/ReadOnlyIcon.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js +1 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js +1 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +1 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.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/file-upload/parts/dropzone/Dropzone.js +1 -1
- package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/esm/form/file-upload/parts/item/Item.js +1 -1
- package/esm/form/file-upload/parts/item/Item.js.map +1 -1
- package/esm/form/form-progress/FormProgress.js +1 -1
- package/esm/form/form-progress/FormProgress.js.map +1 -1
- package/esm/form/form-summary/FormSummaryEditLink.js +1 -1
- package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/esm/form/search/Search.js +1 -1
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/search/SearchButton.js +1 -1
- package/esm/form/search/SearchButton.js.map +1 -1
- package/esm/form/textarea/TextareaCounter.js +1 -1
- package/esm/form/textarea/TextareaCounter.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/guide-panel/Illustration.js +1 -1
- package/esm/guide-panel/Illustration.js.map +1 -1
- package/esm/help-text/HelpText.js +1 -1
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/layout/base/BasePrimitive.d.ts +27 -27
- package/esm/layout/bleed/Bleed.d.ts +6 -6
- package/esm/layout/box/Box.darkside.d.ts +3 -3
- package/esm/layout/grid/HGrid.d.ts +3 -3
- package/esm/layout/stack/Stack.d.ts +3 -3
- package/esm/layout/utilities/css.d.ts +1 -1
- package/esm/layout/utilities/css.js +49 -20
- package/esm/layout/utilities/css.js.map +1 -1
- package/esm/layout/utilities/types.d.ts +2 -2
- package/esm/link/stories/RandomIcon.d.ts +2 -0
- package/esm/link/stories/RandomIcon.js +9 -0
- package/esm/link/stories/RandomIcon.js.map +1 -0
- package/esm/loader/Loader.js +1 -1
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/ModalHeader.js +1 -1
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/pagination/Pagination.js +1 -1
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/progress-bar/ProgressBar.js +1 -1
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/table/ExpandableRow.js +1 -1
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/tag/Tag.d.ts +1 -1
- package/esm/timeline/AxisLabels.js +1 -1
- package/esm/timeline/AxisLabels.js.map +1 -1
- package/esm/timeline/Pin.js +1 -1
- package/esm/timeline/Pin.js.map +1 -1
- package/esm/timeline/TimelineRow.js +1 -1
- package/esm/timeline/TimelineRow.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +1 -1
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/timeline/period/NonClickablePeriod.js +1 -1
- package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
- package/esm/timeline/utils/period.d.ts +1 -1
- package/esm/timeline/zoom/ZoomButton.js +1 -1
- package/esm/timeline/zoom/ZoomButton.js.map +1 -1
- package/esm/util/i18n/i18n.hooks.d.ts +4 -0
- package/esm/util/i18n/{i18n.context.js → i18n.hooks.js} +3 -7
- package/esm/util/i18n/{i18n.context.js.map → i18n.hooks.js.map} +1 -1
- package/esm/util/i18n/i18n.types.d.ts +4 -0
- package/esm/util/i18n/locales/nb.d.ts +81 -4
- package/esm/util/i18n/locales/nb.js +81 -4
- package/esm/util/i18n/locales/nb.js.map +1 -1
- package/package.json +17 -12
- package/src/alert/Alert.tsx +1 -1
- package/src/chips/Removable.tsx +1 -1
- package/src/copybutton/CopyButton.tsx +1 -1
- package/src/date/context/useDateTranslationContext.ts +1 -1
- package/src/date/datepicker/DatePicker.tsx +1 -1
- package/src/date/datepicker/DatePickerStandalone.tsx +1 -1
- package/src/date/datepicker/datepicker.test.tsx +2 -5
- package/src/date/hooks/useDatepicker.tsx +1 -1
- package/src/date/hooks/useMonthPicker.tsx +1 -1
- package/src/date/hooks/useRangeDatepicker.test.tsx +5 -10
- package/src/date/hooks/useRangeDatepicker.tsx +1 -1
- package/src/date/monthpicker/MonthPicker.tsx +1 -1
- package/src/date/monthpicker/MonthPickerStandalone.tsx +1 -1
- package/src/date/parts/DateWrapper.tsx +2 -1
- package/src/expansion-card/ExpansionCardHeader.tsx +1 -1
- package/src/form/ReadOnlyIcon.tsx +1 -1
- package/src/form/combobox/FilteredOptions/AddNewOption.tsx +1 -1
- package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +1 -1
- package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +1 -1
- package/src/form/error-summary/ErrorSummary.tsx +1 -1
- package/src/form/file-upload/parts/dropzone/Dropzone.tsx +1 -1
- package/src/form/file-upload/parts/item/Item.tsx +1 -1
- package/src/form/form-progress/FormProgress.tsx +1 -1
- package/src/form/form-summary/FormSummaryEditLink.tsx +1 -1
- package/src/form/search/Search.tsx +1 -1
- package/src/form/search/SearchButton.tsx +1 -1
- package/src/form/textarea/TextareaCounter.tsx +1 -1
- package/src/guide-panel/Illustration.darkside.tsx +1 -1
- package/src/guide-panel/Illustration.tsx +1 -1
- package/src/help-text/HelpText.tsx +1 -1
- package/src/layout/base/BasePrimitive.tsx +27 -27
- package/src/layout/bleed/Bleed.tsx +6 -6
- package/src/layout/box/Box.darkside.tsx +3 -3
- package/src/layout/grid/HGrid.tsx +3 -3
- package/src/layout/stack/Stack.tsx +3 -3
- package/src/layout/utilities/css.ts +56 -24
- package/src/layout/utilities/types.ts +3 -2
- package/src/loader/Loader.tsx +1 -1
- package/src/modal/ModalHeader.tsx +1 -1
- package/src/pagination/Pagination.tsx +1 -1
- package/src/progress-bar/ProgressBar.tsx +1 -1
- package/src/table/ExpandableRow.tsx +1 -1
- package/src/tabs/Tabs.test.tsx +4 -12
- package/src/tag/Tag.tsx +6 -6
- package/src/timeline/AxisLabels.tsx +2 -1
- package/src/timeline/Pin.tsx +1 -1
- package/src/timeline/TimelineRow.tsx +1 -1
- package/src/timeline/period/ClickablePeriod.tsx +1 -1
- package/src/timeline/period/NonClickablePeriod.tsx +1 -1
- package/src/timeline/utils/period.ts +1 -1
- package/src/timeline/zoom/ZoomButton.tsx +1 -1
- package/src/util/i18n/{i18n.context.test.tsx → i18n.hooks.test.tsx} +62 -3
- package/src/util/i18n/{i18n.context.ts → i18n.hooks.ts} +3 -19
- package/src/util/i18n/i18n.types.ts +12 -0
- package/cjs/modal/types.test-d.d.ts +0 -1
- package/cjs/modal/types.test-d.js +0 -67
- package/cjs/modal/types.test-d.js.map +0 -1
- package/cjs/util/i18n/i18n.context.d.ts +0 -9
- package/cjs/util/i18n/i18n.context.js.map +0 -1
- package/esm/modal/types.test-d.d.ts +0 -1
- package/esm/modal/types.test-d.js +0 -65
- package/esm/modal/types.test-d.js.map +0 -1
- package/esm/util/i18n/i18n.context.d.ts +0 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/LoadingMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/LoadingMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAyC;AACzC,8DAAwD;AACxD,0DAAyD;AACzD,oFAA0D;AAE1D,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IACtC,OAAO,CACL,uCACE,SAAS,EAAC,oCAAoC,EAC9C,EAAE,EAAE,+BAAmB,CAAC,cAAc,CAAC,EAAE,CAAC;QAE1C,8BAAC,eAAM,IAAC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,GAAI,CACnC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const
|
|
7
|
+
const i18n_hooks_1 = require("../../../util/i18n/i18n.hooks");
|
|
8
8
|
const Input_context_1 = require("../Input/Input.context");
|
|
9
9
|
const selectedOptionsContext_1 = require("../SelectedOptions/selectedOptionsContext");
|
|
10
10
|
const filtered_options_util_1 = __importDefault(require("./filtered-options-util"));
|
|
11
11
|
const MaxSelectedMessage = () => {
|
|
12
12
|
const { inputProps: { id }, } = (0, Input_context_1.useInputContext)();
|
|
13
13
|
const { maxSelected, selectedOptions } = (0, selectedOptionsContext_1.useSelectedOptionsContext)();
|
|
14
|
-
const translate = (0,
|
|
14
|
+
const translate = (0, i18n_hooks_1.useI18n)("Combobox");
|
|
15
15
|
return (react_1.default.createElement("div", { className: "navds-combobox__list-item--max-selected", id: filtered_options_util_1.default.getMaxSelectedOptionsId(id) }, translate("maxSelected", {
|
|
16
16
|
selected: selectedOptions.length,
|
|
17
17
|
limit: maxSelected.limit || 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaxSelectedMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"MaxSelectedMessage.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,8DAAwD;AACxD,0DAAyD;AACzD,sFAAsF;AACtF,oFAA0D;AAE1D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,EACJ,UAAU,EAAE,EAAE,EAAE,EAAE,GACnB,GAAG,IAAA,+BAAe,GAAE,CAAC;IACtB,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACrE,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,OAAO,CACL,uCACE,SAAS,EAAC,yCAAyC,EACnD,EAAE,EAAE,+BAAmB,CAAC,uBAAuB,CAAC,EAAE,CAAC,IAElD,SAAS,CAAC,aAAa,EAAE;QACxB,QAAQ,EAAE,eAAe,CAAC,MAAM;QAChC,KAAK,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;KAC9B,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
|
|
@@ -43,7 +43,7 @@ const react_1 = __importStar(require("react"));
|
|
|
43
43
|
const typography_1 = require("../../typography");
|
|
44
44
|
const composeEventHandlers_1 = require("../../util/composeEventHandlers");
|
|
45
45
|
const hooks_1 = require("../../util/hooks");
|
|
46
|
-
const
|
|
46
|
+
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
47
47
|
const ErrorSummaryItem_1 = __importDefault(require("./ErrorSummaryItem"));
|
|
48
48
|
/**
|
|
49
49
|
* Summary of errors in a form.
|
|
@@ -65,7 +65,7 @@ const ErrorSummaryItem_1 = __importDefault(require("./ErrorSummaryItem"));
|
|
|
65
65
|
*/
|
|
66
66
|
exports.ErrorSummary = (0, react_1.forwardRef)((_a, ref) => {
|
|
67
67
|
var { children, className, size = "medium", headingTag = "h2", heading } = _a, rest = __rest(_a, ["children", "className", "size", "headingTag", "heading"]);
|
|
68
|
-
const translate = (0,
|
|
68
|
+
const translate = (0, i18n_hooks_1.useI18n)("ErrorSummary");
|
|
69
69
|
const wrapperRef = (0, react_1.useRef)(null);
|
|
70
70
|
const headingRef = (0, react_1.useRef)(null);
|
|
71
71
|
const mergedRef = (0, hooks_1.useMergeRefs)(ref, wrapperRef);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAkE;AAClE,iDAAsD;AACtD,0EAAuE;AACvE,4CAAgD;AAChD
|
|
1
|
+
{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../../src/form/error-summary/ErrorSummary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAkE;AAClE,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,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,IAAA,cAAE,EACX,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,EAAC,8BAA8B,EACxC,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,IAEX,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,SAAS,CAAC,CACxB;QACV,8BAAC,sBAAS,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,2BAA2B,IACjE,QAAQ,CACC,CACR,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,0BAAgB,CAAC;AAErC,kBAAe,oBAAY,CAAC"}
|
|
@@ -44,7 +44,7 @@ const button_1 = require("../../../../button");
|
|
|
44
44
|
const typography_1 = require("../../../../typography");
|
|
45
45
|
const composeEventHandlers_1 = require("../../../../util/composeEventHandlers");
|
|
46
46
|
const hooks_1 = require("../../../../util/hooks");
|
|
47
|
-
const
|
|
47
|
+
const i18n_hooks_1 = require("../../../../util/i18n/i18n.hooks");
|
|
48
48
|
const omit_1 = require("../../../../util/omit");
|
|
49
49
|
const useFormField_1 = require("../../../useFormField");
|
|
50
50
|
const FileUpload_context_1 = require("../../FileUpload.context");
|
|
@@ -53,7 +53,7 @@ const useDropzone_1 = require("./useDropzone");
|
|
|
53
53
|
const Dropzone = (0, react_1.forwardRef)((props, ref) => {
|
|
54
54
|
const { onSelect, error, label, description, className, multiple = true, accept, validator, maxSizeInBytes, fileLimit, icon: DropzoneIcon = aksel_icons_1.CloudUpIcon, disabled, translations, onClick, id: buttonId } = props, rest = __rest(props, ["onSelect", "error", "label", "description", "className", "multiple", "accept", "validator", "maxSizeInBytes", "fileLimit", "icon", "disabled", "translations", "onClick", "id"]);
|
|
55
55
|
const context = (0, FileUpload_context_1.useFileUploadTranslation)(false);
|
|
56
|
-
const translate = (0,
|
|
56
|
+
const translate = (0, i18n_hooks_1.useI18n)("FileUpload", { dropzone: translations }, context === null || context === void 0 ? void 0 : context.translations);
|
|
57
57
|
const fileLimitReached = fileLimit && (fileLimit === null || fileLimit === void 0 ? void 0 : fileLimit.current) >= (fileLimit === null || fileLimit === void 0 ? void 0 : fileLimit.max) && (fileLimit === null || fileLimit === void 0 ? void 0 : fileLimit.max) > 0;
|
|
58
58
|
const _disabled = disabled !== null && disabled !== void 0 ? disabled : fileLimitReached;
|
|
59
59
|
const { inputProps, errorId, showErrorMsg, hasError, inputDescriptionId } = (0, useFormField_1.useFormField)(Object.assign(Object.assign({}, (0, omit_1.omit)(props, ["id"])), { disabled: _disabled }), "fileUpload");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/dropzone/Dropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAmE;AACnE,+CAA4C;AAC5C,uDAAwE;AACxE,gFAA6E;AAC7E,kDAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/dropzone/Dropzone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,7 +42,7 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
44
44
|
const typography_1 = require("../../../../typography");
|
|
45
|
-
const
|
|
45
|
+
const i18n_hooks_1 = require("../../../../util/i18n/i18n.hooks");
|
|
46
46
|
const FileUpload_context_1 = require("../../FileUpload.context");
|
|
47
47
|
const ItemButton_1 = __importDefault(require("./ItemButton"));
|
|
48
48
|
const ItemIcon_1 = __importDefault(require("./ItemIcon"));
|
|
@@ -51,7 +51,7 @@ const format_file_size_1 = require("./utils/format-file-size");
|
|
|
51
51
|
exports.Item = (0, react_1.forwardRef)((_a, ref) => {
|
|
52
52
|
var { as: Component = "div", file, status = "idle", error, className, href, onFileClick, button, translations, description } = _a, rest = __rest(_a, ["as", "file", "status", "error", "className", "href", "onFileClick", "button", "translations", "description"]);
|
|
53
53
|
const context = (0, FileUpload_context_1.useFileUploadTranslation)(false);
|
|
54
|
-
const translate = (0,
|
|
54
|
+
const translate = (0, i18n_hooks_1.useI18n)("FileUpload", { item: translations }, context === null || context === void 0 ? void 0 : context.translations);
|
|
55
55
|
const showError = !!error && status === "idle";
|
|
56
56
|
function getStatusText() {
|
|
57
57
|
if (status === "uploading") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,qDAAkE;AAClE,uDAAmD;AAEnD,
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/form/file-upload/parts/item/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,qDAAkE;AAClE,uDAAmD;AAEnD,iEAA2D;AAE3D,iEAAoE;AAEpE,8DAAsC;AACtC,0DAAkC;AAClC,0DAAkC;AAClC,+DAA0D;AAqD7C,QAAA,IAAI,GACf,IAAA,kBAAU,EACR,CACE,EAYsB,EACtB,GAAG,EACH,EAAE;QAdF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,SAAS,EACT,IAAI,EACJ,WAAW,EACX,MAAM,EACN,YAAY,EACZ,WAAW,OAES,EADjB,IAAI,cAXT,8GAYC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,6CAAwB,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,oBAAO,EACvB,YAAY,EACZ,EAAE,IAAI,EAAE,YAAY,EAAE,EACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI,MAAM,KAAK,MAAM,CAAC;IAE/C,SAAS,aAAa;QACpB,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;YAC3B,OAAO,SAAS,CAAC,gBAAgB,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;YAC7B,OAAO,SAAS,CAAC,kBAAkB,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAA,iCAAc,EAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,CACL,8BAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,iBAAiB,EAAE,SAAS,EAAE;YAC1C,wBAAwB,EAAE,SAAS;SACpC,CAAC;QAEF,uCAAK,SAAS,EAAC,wBAAwB;YACrC,8BAAC,kBAAQ,IACP,SAAS,EAAE,MAAM,KAAK,MAAM,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB;YACF,uCAAK,SAAS,EAAC,4BAA4B;gBACzC,8BAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;gBAC1D,8BAAC,sBAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAC7B,aAAa,EAAE,CACN;gBACZ,uCACE,SAAS,EAAC,wBAAwB,mBACpB,oBAAoB,eACxB,QAAQ,IAEjB,SAAS,IAAI,CACZ,8BAAC,sBAAS,IACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,gCAAgC;oBAE1C,8BAAC,yCAA2B,0BAAe;oBAC1C,KAAK,CACI,CACb,CACG,CACF;YAEL,MAAM,KAAK,MAAM,IAAI,MAAM,IAAI,CAC9B,8BAAC,oBAAU,oBACL,MAAM,IACV,KAAK,EAAE,SAAS,CACd,MAAM,CAAC,MAAM,KAAK,OAAO;oBACvB,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,wBAAwB,CAC7B,IACD,CACH,CACG,CACI,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,YAAI,CAAC"}
|
|
@@ -46,7 +46,7 @@ const stack_1 = require("../../layout/stack");
|
|
|
46
46
|
const progress_bar_1 = require("../../progress-bar");
|
|
47
47
|
const stepper_1 = require("../../stepper");
|
|
48
48
|
const typography_1 = require("../../typography");
|
|
49
|
-
const
|
|
49
|
+
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
50
50
|
/**
|
|
51
51
|
* Component for visualizing progression in a form with multiple steps.
|
|
52
52
|
*
|
|
@@ -62,7 +62,7 @@ const i18n_context_1 = require("../../util/i18n/i18n.context");
|
|
|
62
62
|
*/
|
|
63
63
|
exports.FormProgress = (0, react_1.forwardRef)((_a, ref) => {
|
|
64
64
|
var { totalSteps, activeStep, open, onOpenChange, children, onStepChange, interactiveSteps, translations } = _a, rest = __rest(_a, ["totalSteps", "activeStep", "open", "onOpenChange", "children", "onStepChange", "interactiveSteps", "translations"]);
|
|
65
|
-
const translate = (0,
|
|
65
|
+
const translate = (0, i18n_hooks_1.useI18n)("FormProgress", translations);
|
|
66
66
|
return (react_1.default.createElement("div", Object.assign({ ref: ref }, rest),
|
|
67
67
|
react_1.default.createElement(progress_bar_1.ProgressBar, { "aria-hidden": true, value: activeStep, valueMax: totalSteps, className: "navds-form-progress__bar" }),
|
|
68
68
|
react_1.default.createElement(Collapsible_1.default, { lazy: true, open: open, onOpenChange: onOpenChange },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormProgress.js","sourceRoot":"","sources":["../../../src/form/form-progress/FormProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AACtD,iEAAyC;AACzC,gFAAwD;AACxD,8CAA4C;AAC5C,qDAAiD;AACjD,2CAA0D;AAC1D,iDAA6C;AAC7C
|
|
1
|
+
{"version":3,"file":"FormProgress.js","sourceRoot":"","sources":["../../../src/form/form-progress/FormProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AACtD,iEAAyC;AACzC,gFAAwD;AACxD,8CAA4C;AAC5C,qDAAiD;AACjD,2CAA0D;AAC1D,iDAA6C;AAC7C,2DAAqD;AAyDrD;;;;;;;;;;;;GAYG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EAUoB,EACpB,GAAG,EACH,EAAE;QAZF,EACE,UAAU,EACV,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,YAAY,OAEM,EADf,IAAI,cATT,oHAUC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,qDAAK,GAAG,EAAE,GAAG,IAAM,IAAI;QACrB,8BAAC,0BAAW,yBAEV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAC,0BAA0B,GACpC;QAEF,8BAAC,qBAAW,IAAC,IAAI,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY;YACtD,8BAAC,cAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ;gBAC5C,8BAAC,sBAAS,IAAC,EAAE,EAAC,MAAM,IACjB,SAAS,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CACpC;gBACZ,8BAAC,qBAAW,CAAC,OAAO,IAAC,OAAO,yBAAgB,SAAS;oBACnD,8BAAC,gBAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAE,8BAAC,6BAAe,0BAAe;wBAErC,wCAAM,SAAS,EAAC,mCAAmC,IAChD,SAAS,CAAC,cAAc,CAAC,CACrB;wBACP,wCAAM,SAAS,EAAC,mCAAmC,IAChD,SAAS,CAAC,cAAc,CAAC,CACrB,CACA,CACW,CACf;YAET,8BAAC,qBAAW,CAAC,OAAO,IAAC,SAAS,EAAC,kCAAkC;gBAC/D,uCAAK,SAAS,EAAC,0CAA0C;oBACvD,uCAAK,SAAS,EAAC,8BAA8B;wBAC3C,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,gBAAgB,IAE5B,QAAQ,CACD,CACN,CACF,CACc,CACV,CACV,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,oBAAY,CAAC,IAAI,GAAG,iBAAO,CAAC,IAAI,CAAC;AAEpB,QAAA,gBAAgB,GAAG,iBAAO,CAAC,IAAI,CAAC;AAE7C,kBAAe,oBAAY,CAAC"}
|
|
@@ -41,10 +41,10 @@ exports.FormSummaryEditLink = void 0;
|
|
|
41
41
|
const clsx_1 = __importDefault(require("clsx"));
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const link_1 = require("../../link");
|
|
44
|
-
const
|
|
44
|
+
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
45
45
|
exports.FormSummaryEditLink = (0, react_1.forwardRef)((_a, ref) => {
|
|
46
46
|
var { children, className, as = "a" } = _a, rest = __rest(_a, ["children", "className", "as"]);
|
|
47
|
-
const translate = (0,
|
|
47
|
+
const translate = (0, i18n_hooks_1.useI18n)("FormSummary");
|
|
48
48
|
return (react_1.default.createElement(link_1.Link, Object.assign({ ref: ref, as: as }, rest, { className: (0, clsx_1.default)("navds-form-summary__edit", className) }), children || translate("editAnswer")));
|
|
49
49
|
});
|
|
50
50
|
exports.default = exports.FormSummaryEditLink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qCAAkC;AAClC
|
|
1
|
+
{"version":3,"file":"FormSummaryEditLink.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryEditLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qCAAkC;AAClC,2DAAqD;AAkBxC,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAA0C,EAAE,GAAG,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,GAAG,OAAW,EAAN,IAAI,cAAxC,+BAA0C,CAAF;IACtD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,aAAa,CAAC,CAAC;IACzC,OAAO,CACL,8BAAC,WAAI,kBACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,0BAA0B,EAAE,SAAS,CAAC,KAEnD,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,CAC/B,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}
|
|
@@ -46,7 +46,7 @@ const Theme_1 = require("../../theme/Theme");
|
|
|
46
46
|
const typography_1 = require("../../typography");
|
|
47
47
|
const util_1 = require("../../util");
|
|
48
48
|
const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
|
|
49
|
-
const
|
|
49
|
+
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
50
50
|
const useFormField_1 = require("../useFormField");
|
|
51
51
|
const SearchButton_1 = __importDefault(require("./SearchButton"));
|
|
52
52
|
const context_1 = require("./context");
|
|
@@ -69,7 +69,7 @@ exports.Search = (0, react_1.forwardRef)((props, ref) => {
|
|
|
69
69
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
70
70
|
const searchRef = (0, react_1.useRef)(null);
|
|
71
71
|
const mergedRef = (0, useMergeRefs_1.useMergeRefs)(searchRef, ref);
|
|
72
|
-
const translate = (0,
|
|
72
|
+
const translate = (0, i18n_hooks_1.useI18n)("Search");
|
|
73
73
|
const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : "");
|
|
74
74
|
const handleChange = (newValue) => {
|
|
75
75
|
value === undefined && setInternalValue(newValue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAKe;AACf,qDAAqE;AACrE,yCAAsC;AACtC,6CAAqD;AACrD,iDAAkE;AAClE,qCAAkC;AAClC,gEAA6D;AAC7D
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/form/search/Search.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,12 +42,12 @@ const react_1 = __importStar(require("react"));
|
|
|
42
42
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
43
43
|
const button_1 = require("../../button");
|
|
44
44
|
const composeEventHandlers_1 = require("../../util/composeEventHandlers");
|
|
45
|
-
const
|
|
45
|
+
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
46
46
|
const context_1 = require("./context");
|
|
47
47
|
const SearchButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
48
48
|
var _b;
|
|
49
49
|
var { className, children, disabled, onClick } = _a, rest = __rest(_a, ["className", "children", "disabled", "onClick"]);
|
|
50
|
-
const translate = (0,
|
|
50
|
+
const translate = (0, i18n_hooks_1.useI18n)("Search");
|
|
51
51
|
const context = (0, react_1.useContext)(context_1.SearchContext);
|
|
52
52
|
if (context === null) {
|
|
53
53
|
console.warn("<Search.Button> has to be wrapped in <Search />");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchButton.js","sourceRoot":"","sources":["../../../src/form/search/SearchButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,qDAA0D;AAC1D,yCAAmD;AACnD,0EAAuE;AACvE
|
|
1
|
+
{"version":3,"file":"SearchButton.js","sourceRoot":"","sources":["../../../src/form/search/SearchButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,qDAA0D;AAC1D,yCAAmD;AACnD,0EAAuE;AACvE,2DAAqD;AACrD,uCAA0C;AAc1C,MAAM,YAAY,GAAqB,IAAA,kBAAU,EAC/C,CAAC,EAAmD,EAAE,GAAG,EAAE,EAAE;;QAA5D,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,OAAW,EAAN,IAAI,cAAjD,gDAAmD,CAAF;IAChD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uBAAa,CAAC,CAAC;IAE1C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;IAE/C,OAAO,CACL,8BAAC,eAAM,kBACL,IAAI,EAAC,QAAQ,IACT,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC1D,SAAS,EAAE,IAAA,cAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,EACvD,QAAQ,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,QAAQ,EACvC,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,EACnD,IAAI,EACF,8BAAC,iCAAmB,oBACd,CAAC,QAAQ;YACX,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE;YACzB,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,EACnC,KAGH,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -30,9 +30,9 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const typography_1 = require("../../typography");
|
|
32
32
|
const debounce_1 = __importDefault(require("../../util/debounce"));
|
|
33
|
-
const
|
|
33
|
+
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
34
34
|
const TextareaCounter = ({ maxLengthId, maxLength, currentLength, size, i18n, }) => {
|
|
35
|
-
const translate = (0,
|
|
35
|
+
const translate = (0, i18n_hooks_1.useI18n)("Textarea", {
|
|
36
36
|
charsLeft: (i18n === null || i18n === void 0 ? void 0 : i18n.counterLeft) ? `{chars} ${i18n.counterLeft}` : undefined,
|
|
37
37
|
charsTooMany: (i18n === null || i18n === void 0 ? void 0 : i18n.counterTooMuch)
|
|
38
38
|
? `{chars} ${i18n.counterTooMuch}`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaCounter.js","sourceRoot":"","sources":["../../../src/form/textarea/TextareaCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAmD;AACnD,iDAA6C;AAC7C,mEAA2C;AAC3C
|
|
1
|
+
{"version":3,"file":"TextareaCounter.js","sourceRoot":"","sources":["../../../src/form/textarea/TextareaCounter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAmD;AACnD,iDAA6C;AAC7C,mEAA2C;AAC3C,2DAAqD;AAWrD,MAAM,eAAe,GAAG,CAAC,EACvB,WAAW,EACX,SAAS,EACT,aAAa,EACb,IAAI,EACJ,IAAI,GACE,EAAE,EAAE;IACV,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,EAAE;QACpC,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAC,CAAC,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS;QACxE,YAAY,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc;YAChC,CAAC,CAAC,WAAW,IAAI,CAAC,cAAc,EAAE;YAClC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC;IAC7C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAE/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,IAAA,kBAAQ,EAAC,GAAG,EAAE;YACjC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,YAAY,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL;QACE,wCAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAC,eAAe,IAC7C,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,CAAC,CACjC;QAEN,UAAU,GAAG,EAAE,IAAI,CAClB,wCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0CAA0C,IAEnD,cAAc,CAAC,aAAa,EAAE,SAAS,CAAC,CACpC,CACR;QAED,8BAAC,sBAAS,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE;gBACvC,gCAAgC,EAAE,UAAU,GAAG,CAAC;aACjD,CAAC,EACF,IAAI,EAAE,IAAI,IAET,cAAc,CAAC,UAAU,EAAE,SAAS,CAAC,CAC5B,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CACrB,UAAkB,EAClB,SAGW,EACX,EAAE,CACF,UAAU,GAAG,CAAC;IACZ,CAAC,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IAC5D,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;AAEpD,kBAAe,eAAe,CAAC"}
|
|
@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.DarksideGudiepanelIllustration = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
8
|
+
const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
|
|
9
9
|
const DarksideGudiepanelIllustration = () => {
|
|
10
|
-
const translate = (0,
|
|
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
13
|
react_1.default.createElement("rect", { width: "80", height: "80", rx: "40", fill: "var(--ax-bg-info-moderate)" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Illustration.darkside.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.darkside.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Illustration.darkside.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.darkside.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wDAAkD;AAE3C,MAAM,8BAA8B,GAAG,GAAG,EAAE;IACjD,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,YAAY,CAAC,CAAC;IAExC,OAAO,CACL,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACtB,SAAS,CAAC,mBAAmB,CAAC,EAC1C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;QAEV,qCAAG,QAAQ,EAAC,wBAAwB;YAClC,wCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,4BAA4B,GACjC;YAEF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gmBAAgmB,EAClmB,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gUAAgU,EAClU,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mkCAAmkC,EACrkC,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;YACF,wCACE,CAAC,EAAC,6wBAA6wB,EAC/wB,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yMAAyM,EAC3M,IAAI,EAAC,OAAO,GACZ;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;YACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACA;QACJ;YACE,4CAAU,EAAE,EAAC,kBAAkB;gBAC7B,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CAC3C,CACN,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AA5FW,QAAA,8BAA8B,kCA4FzC"}
|
|
@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.DefaultIllustration = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
8
|
+
const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
|
|
9
9
|
const DefaultIllustration = () => {
|
|
10
|
-
const translate = (0,
|
|
10
|
+
const translate = (0, i18n_hooks_1.useI18n)("GuidePanel");
|
|
11
11
|
return (react_1.default.createElement("svg", { width: "56", height: "85", viewBox: "0 0 56 85", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": translate("illustrationLabel"), focusable: false, role: "img" },
|
|
12
12
|
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M43.1888 40.4308C41.795 44.9808 39.0663 48.7576 35.5693 51.069L35.7484 53.0952L35.7474 53.1777L33.857 69.8797H21.8679L21.8181 69.5289L19.5004 53.1489L19.5862 51.1002C16.0715 48.795 13.3274 45.0119 11.9257 40.4499C11.8781 40.4544 11.83 40.4566 11.7812 40.4566C10.8745 40.4566 10.1562 39.6595 10.1562 38.6939V33.2298C10.1562 32.5825 10.479 32.0106 10.9648 31.7039C11.7229 21.5028 18.8443 13.4855 27.554 13.4855C36.2401 13.4855 43.3472 21.4596 44.1376 31.6211C44.7049 31.8986 45.0937 32.5184 45.0937 33.2298V38.6939C45.0937 39.66 44.3765 40.4566 43.4687 40.4566C43.3731 40.4566 43.2796 40.4478 43.1888 40.4308Z", fill: "#F7F7F7" }),
|
|
13
13
|
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.1471 51.6345C35.0789 55.2819 31.7373 59.0239 27.625 59.0239C23.4949 59.0239 20.142 55.2493 20.1022 51.5869C17.9622 52.1325 14.6956 53.7781 11.9995 56.5281C9.38852 59.1912 7.3125 63.1941 7.3125 66.2993V85.0001H47.9375V66.2993C47.9375 63.1878 45.8167 59.178 43.1575 56.5119C40.4983 53.8458 37.3007 52.2225 35.1471 51.6345Z", fill: "#005B82" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Illustration.js","sourceRoot":"","sources":["../../src/guide-panel/Illustration.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wDAAkD;AAE3C,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,YAAY,CAAC,CAAC;IAExC,OAAO,CACL,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBACtB,SAAS,CAAC,mBAAmB,CAAC,EAC1C,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;QAEV,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,imBAAimB,EACnmB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU,EACxU,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+iCAA+iC,EACjjC,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAC,SAAS,GACd;QACF,wCACE,CAAC,EAAC,4wBAA4wB,EAC9wB,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,GACZ;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8CAA8C,EAChD,IAAI,EAAC,SAAS,GACd;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+tDAA+tD,EACjuD,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AA9EW,QAAA,mBAAmB,uBA8E9B"}
|
|
@@ -44,7 +44,7 @@ const popover_1 = require("../popover");
|
|
|
44
44
|
const Theme_1 = require("../theme/Theme");
|
|
45
45
|
const composeEventHandlers_1 = require("../util/composeEventHandlers");
|
|
46
46
|
const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
|
|
47
|
-
const
|
|
47
|
+
const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
|
|
48
48
|
const HelpTextIcon_1 = require("./HelpTextIcon");
|
|
49
49
|
/**
|
|
50
50
|
* A component that displays a help text button with a popover.
|
|
@@ -65,7 +65,7 @@ exports.HelpText = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
65
65
|
const mergedRef = (0, useMergeRefs_1.useMergeRefs)(buttonRef, ref);
|
|
66
66
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
67
67
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
68
|
-
const translate = (0,
|
|
68
|
+
const translate = (0, i18n_hooks_1.useI18n)("HelpText");
|
|
69
69
|
const titleWithFallback = title || translate("title");
|
|
70
70
|
return (react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-help-text", wrapperClassName) },
|
|
71
71
|
react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setOpen((x) => !x)), className: (0, clsx_1.default)(className, "navds-help-text__button"), type: "button", "aria-expanded": open }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA4D;AAC5D,wCAAmD;AACnD,0CAAkD;AAClD,uEAAoE;AACpE,6DAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA4D;AAC5D,wCAAmD;AACnD,0CAAkD;AAClD,uEAAoE;AACpE,6DAA0D;AAC1D,wDAAkD;AAClD,iDAA8C;AAiB9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,OAEjB,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,cAAE,EAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACrD,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,IAAA,cAAE,EAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,8BAAC,2BAAY,IAAC,KAAK,EAAE,iBAAiB,GAAI;YAC1C,8BAAC,2BAAY,IAAC,MAAM,QAAC,KAAK,EAAE,iBAAiB,GAAI,CAC1C;QACT,8BAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7B,KAAK,EAAE,CAAC,YAAY;YAEpB,8BAAC,iBAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
|
|
@@ -10,8 +10,8 @@ export type PrimitiveProps = {
|
|
|
10
10
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
11
11
|
* or an object of spacing tokens for different breakpoints.
|
|
12
12
|
* @example
|
|
13
|
-
* padding='
|
|
14
|
-
* padding={{xs: '
|
|
13
|
+
* padding='space-16'
|
|
14
|
+
* padding={{xs: 'space-8', sm: 'space-12', md: 'space-16', lg: 'space-20', xl: 'space-24'}}
|
|
15
15
|
*/
|
|
16
16
|
padding?: ResponsiveProp<SpacingScale>;
|
|
17
17
|
/**
|
|
@@ -19,9 +19,9 @@ export type PrimitiveProps = {
|
|
|
19
19
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
20
20
|
* or an object of spacing tokens for different breakpoints.
|
|
21
21
|
* @example
|
|
22
|
-
* paddingInline='
|
|
23
|
-
* paddingInline='
|
|
24
|
-
* paddingInline={{xs: '0
|
|
22
|
+
* paddingInline='space-16'
|
|
23
|
+
* paddingInline='space-16 space-20'
|
|
24
|
+
* paddingInline={{xs: '0 space-8', sm: 'space-12', md: 'space-16 space-20', lg: 'space-20', xl: 'space-24'}}
|
|
25
25
|
*/
|
|
26
26
|
paddingInline?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}`>;
|
|
27
27
|
/**
|
|
@@ -29,9 +29,9 @@ export type PrimitiveProps = {
|
|
|
29
29
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
30
30
|
* or an object of spacing tokens for different breakpoints.
|
|
31
31
|
* @example
|
|
32
|
-
* paddingBlock='
|
|
33
|
-
* paddingBlock='
|
|
34
|
-
* paddingBlock={{xs: '
|
|
32
|
+
* paddingBlock='space-16'
|
|
33
|
+
* paddingBlock='space-16 space-20'
|
|
34
|
+
* paddingBlock={{xs: '0 space-8', sm: 'space-12', md: 'space-16 space-20', lg: 'space-20', xl: 'space-24'}}
|
|
35
35
|
*/
|
|
36
36
|
paddingBlock?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}`>;
|
|
37
37
|
/**
|
|
@@ -39,8 +39,8 @@ export type PrimitiveProps = {
|
|
|
39
39
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
40
40
|
* or an object of spacing tokens for different breakpoints.
|
|
41
41
|
* @example
|
|
42
|
-
* margin='
|
|
43
|
-
* margin={{xs: '
|
|
42
|
+
* margin='space-16'
|
|
43
|
+
* margin={{xs: '0', sm: 'space-12', md: 'space-16', lg: 'space-20', xl: 'space-24'}}
|
|
44
44
|
*/
|
|
45
45
|
margin?: ResponsiveProp<SpacingScale>;
|
|
46
46
|
/**
|
|
@@ -48,9 +48,9 @@ export type PrimitiveProps = {
|
|
|
48
48
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
49
49
|
* or an object of spacing tokens for different breakpoints.
|
|
50
50
|
* @example
|
|
51
|
-
* marginInline='
|
|
52
|
-
* marginInline='
|
|
53
|
-
* marginInline={{xs: '0
|
|
51
|
+
* marginInline='space-16'
|
|
52
|
+
* marginInline='space-16 space-20'
|
|
53
|
+
* marginInline={{xs: '0 space-8', sm: 'space-12', md: 'space-16 space-20', lg: 'space-20', xl: 'space-24'}}
|
|
54
54
|
*/
|
|
55
55
|
marginInline?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}` | "auto" | `auto ${SpacingScale}` | `${SpacingScale} auto`>;
|
|
56
56
|
/**
|
|
@@ -58,9 +58,9 @@ export type PrimitiveProps = {
|
|
|
58
58
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
59
59
|
* or an object of spacing tokens for different breakpoints.
|
|
60
60
|
* @example
|
|
61
|
-
* marginBlock='
|
|
62
|
-
* marginBlock='
|
|
63
|
-
* marginBlock={{xs: '
|
|
61
|
+
* marginBlock='space-16'
|
|
62
|
+
* marginBlock='space-16 space-20'
|
|
63
|
+
* marginBlock={{xs: '0 space-8', sm: 'space-12', md: 'space-16 space-20', lg: 'space-20', xl: 'space-24'}}
|
|
64
64
|
*/
|
|
65
65
|
marginBlock?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}` | "auto" | `auto ${SpacingScale}` | `${SpacingScale} auto`>;
|
|
66
66
|
/**
|
|
@@ -96,9 +96,9 @@ export type PrimitiveProps = {
|
|
|
96
96
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
97
97
|
* or an object of spacing tokens for different breakpoints.
|
|
98
98
|
* @example
|
|
99
|
-
* inset='
|
|
100
|
-
* inset='
|
|
101
|
-
* inset={{xs: '0
|
|
99
|
+
* inset='space-16'
|
|
100
|
+
* inset='space-16 space-20'
|
|
101
|
+
* inset={{xs: '0 space-8', sm: 'space-12', md: 'space-16 space-20', lg: 'space-20', xl: 'space-24'}}
|
|
102
102
|
*/
|
|
103
103
|
inset?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}`>;
|
|
104
104
|
/**
|
|
@@ -106,8 +106,8 @@ export type PrimitiveProps = {
|
|
|
106
106
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
107
107
|
* or an object of spacing tokens for different breakpoints.
|
|
108
108
|
* @example
|
|
109
|
-
* top='
|
|
110
|
-
* top={{xs: '
|
|
109
|
+
* top='space-16'
|
|
110
|
+
* top={{xs: 'space-8', sm: 'space-12', md: 'space-16', lg: 'space-20', xl: 'space-24'}}
|
|
111
111
|
*/
|
|
112
112
|
top?: ResponsiveProp<SpacingScale>;
|
|
113
113
|
/**
|
|
@@ -115,8 +115,8 @@ export type PrimitiveProps = {
|
|
|
115
115
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
116
116
|
* or an object of spacing tokens for different breakpoints.
|
|
117
117
|
* @example
|
|
118
|
-
* right='
|
|
119
|
-
* right={{xs: '
|
|
118
|
+
* right='space-16'
|
|
119
|
+
* right={{xs: 'space-8', sm: 'space-12', md: 'space-16', lg: 'space-20', xl: 'space-24'}}
|
|
120
120
|
*/
|
|
121
121
|
right?: ResponsiveProp<SpacingScale>;
|
|
122
122
|
/**
|
|
@@ -124,8 +124,8 @@ export type PrimitiveProps = {
|
|
|
124
124
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
125
125
|
* or an object of spacing tokens for different breakpoints.
|
|
126
126
|
* @example
|
|
127
|
-
* bottom='
|
|
128
|
-
* bottom={{xs: '
|
|
127
|
+
* bottom='space-16'
|
|
128
|
+
* bottom={{xs: 'space-8', sm: 'space-12', md: 'space-16', lg: 'space-20', xl: 'space-24'}}
|
|
129
129
|
*/
|
|
130
130
|
bottom?: ResponsiveProp<SpacingScale>;
|
|
131
131
|
/**
|
|
@@ -133,8 +133,8 @@ export type PrimitiveProps = {
|
|
|
133
133
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
134
134
|
* or an object of spacing tokens for different breakpoints.
|
|
135
135
|
* @example
|
|
136
|
-
* left='
|
|
137
|
-
* left={{xs: '
|
|
136
|
+
* left='space-16'
|
|
137
|
+
* left={{xs: 'space-8', sm: 'space-12', md: 'space-16', lg: 'space-20', xl: 'space-24'}}
|
|
138
138
|
*/
|
|
139
139
|
left?: ResponsiveProp<SpacingScale>;
|
|
140
140
|
/**
|
|
@@ -12,9 +12,9 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
* The `full` value is used to extend the margin to the full width of the parent.
|
|
13
13
|
*
|
|
14
14
|
* @example
|
|
15
|
-
* marginInline='
|
|
16
|
-
* marginInline='
|
|
17
|
-
* marginInline={{xs: '0
|
|
15
|
+
* marginInline='space-16'
|
|
16
|
+
* marginInline='space-16 space-20'
|
|
17
|
+
* marginInline={{xs: '0 space-8', sm: 'space-12', md: 'space-16 space-20', lg: 'space-20', xl: 'space-24', "2xl": 'space-32'}}
|
|
18
18
|
*/
|
|
19
19
|
marginInline?: ResponsiveProp<BleedSpacingInline | `${BleedSpacingInline} ${BleedSpacingInline}`>;
|
|
20
20
|
/**
|
|
@@ -26,9 +26,9 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
26
26
|
* This prop does **not** accept the `full` value.
|
|
27
27
|
*
|
|
28
28
|
* @example
|
|
29
|
-
* marginBlock='
|
|
30
|
-
* marginBlock='
|
|
31
|
-
* marginBlock={{xs: '
|
|
29
|
+
* marginBlock='space-16'
|
|
30
|
+
* marginBlock='space-16 space-20'
|
|
31
|
+
* marginBlock={{xs: '0 space-8', sm: 'space-12', md: 'space-16 space-20', lg: 'space-20', xl: 'space-24', "2xl": 'space-32'}}
|
|
32
32
|
*/
|
|
33
33
|
marginBlock?: ResponsiveProp<BleedSpacingBlock | `${BleedSpacingBlock} ${BleedSpacingBlock}`>;
|
|
34
34
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type { BorderColorKeys, BorderColorWithRoleKeys, BorderRadiusKeys,
|
|
2
|
+
import type { BorderColorKeys, BorderColorWithRoleKeys, BorderRadiusKeys, ShadowKeys, StaticBgKeys, StaticDefaultBgKeys } from "@navikt/ds-tokens/types";
|
|
3
3
|
import { OverridableComponent } from "../../util/types";
|
|
4
4
|
import { PrimitiveProps } from "../base/BasePrimitive";
|
|
5
5
|
import { PrimitiveAsChildProps } from "../base/PrimitiveAsChildProps";
|
|
@@ -8,9 +8,9 @@ export type BoxNewProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
8
8
|
/**
|
|
9
9
|
* CSS `background-color` property.
|
|
10
10
|
* Accepts a [background/surface color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#afff774dad80).
|
|
11
|
-
* @see {@link
|
|
11
|
+
* @see {@link StaticDefaultBgKeys} and {@link StaticBgKeys}
|
|
12
12
|
*/
|
|
13
|
-
background?:
|
|
13
|
+
background?: StaticDefaultBgKeys | StaticBgKeys;
|
|
14
14
|
/**
|
|
15
15
|
* CSS `border-color` property.
|
|
16
16
|
* Accepts a [border color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#adb1767e2f87).
|
|
@@ -18,9 +18,9 @@ export type HGridProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
18
18
|
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#0cc9fb32f213)
|
|
19
19
|
* or an object of spacing tokens for different breakpoints.
|
|
20
20
|
* @example
|
|
21
|
-
* gap="
|
|
22
|
-
* gap="
|
|
23
|
-
* gap={{ sm: "
|
|
21
|
+
* gap="space-20"
|
|
22
|
+
* gap="space-32 space-16"
|
|
23
|
+
* gap={{ sm: "space-8", md: "space-12", lg: "space-20", xl: "space-24"}}
|
|
24
24
|
*/
|
|
25
25
|
gap?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}`>;
|
|
26
26
|
/**
|
|
@@ -31,9 +31,9 @@ export type StackProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
31
31
|
* or an object of spacing tokens for different breakpoints.
|
|
32
32
|
*
|
|
33
33
|
* @example
|
|
34
|
-
* gap='
|
|
35
|
-
* gap='
|
|
36
|
-
* gap={{xs: '
|
|
34
|
+
* gap='space-16'
|
|
35
|
+
* gap='space-32 space-16'
|
|
36
|
+
* gap={{xs: 'space-8', sm: 'space-12', md: 'space-16', lg: 'space-20', xl: 'space-24'}}
|
|
37
37
|
*/
|
|
38
38
|
gap?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}`>;
|
|
39
39
|
/**
|
|
@@ -2,6 +2,6 @@ import { ResponsiveProp } from "./types";
|
|
|
2
2
|
export declare function getResponsiveValue<T = string>(prefix: string, componentName: string, componentProp: string, responsiveProp?: ResponsiveProp<T>): {
|
|
3
3
|
[k: string]: T;
|
|
4
4
|
};
|
|
5
|
-
export declare function getResponsiveProps<T extends string>(prefix: string, componentName: string, componentProp: string, tokenSubgroup:
|
|
5
|
+
export declare function getResponsiveProps<T extends string>(prefix: string, componentName: string, componentProp: string, tokenSubgroup: "spacing" | "border-radius", responsiveProp?: ResponsiveProp<T>, invert?: boolean, tokenExceptions?: string[]): {
|
|
6
6
|
[x: string]: string;
|
|
7
7
|
};
|