@navikt/ds-react 0.15.0-rc.30 → 0.15.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/cjs/accordion/AccordionHeader.js +3 -3
- package/cjs/button/Button.js +3 -3
- package/cjs/form/Fieldset/Fieldset.js +3 -3
- package/cjs/form/Select.js +2 -2
- package/cjs/form/Switch.js +6 -5
- package/cjs/form/TextField.js +5 -3
- package/cjs/form/Textarea.js +3 -3
- package/cjs/form/checkbox/Checkbox.js +13 -2
- package/cjs/form/checkbox/useCheckbox.js +1 -1
- package/cjs/form/search-field/SearchField.js +2 -2
- package/cjs/index.js +1 -2
- package/cjs/{accordion-menu/AccordionMenu.js → menu/Menu.js} +7 -7
- package/cjs/{accordion-menu/AccordionMenuCollapsable.js → menu/MenuCollapse.js} +18 -8
- package/cjs/{accordion-menu/AccordionMenuItem.js → menu/MenuItem.js} +2 -2
- package/cjs/menu/MenuItems.js +23 -0
- package/cjs/menu/index.js +8 -0
- package/cjs/menu/package.json +6 -0
- package/cjs/table/Table.js +2 -15
- package/esm/accordion/AccordionHeader.js +3 -3
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/button/Button.d.ts +1 -1
- package/esm/button/Button.js +3 -3
- package/esm/button/Button.js.map +1 -1
- package/esm/form/Fieldset/Fieldset.js +3 -3
- package/esm/form/Fieldset/Fieldset.js.map +1 -1
- package/esm/form/Select.js +2 -2
- package/esm/form/Select.js.map +1 -1
- package/esm/form/Switch.js +6 -5
- package/esm/form/Switch.js.map +1 -1
- package/esm/form/TextField.js +5 -3
- package/esm/form/TextField.js.map +1 -1
- package/esm/form/Textarea.js +3 -3
- package/esm/form/Textarea.js.map +1 -1
- package/esm/form/checkbox/Checkbox.d.ts +5 -0
- package/esm/form/checkbox/Checkbox.js +13 -2
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/checkbox/useCheckbox.d.ts +0 -1
- package/esm/form/checkbox/useCheckbox.js +1 -1
- package/esm/form/checkbox/useCheckbox.js.map +1 -1
- package/esm/form/search-field/SearchField.js +2 -2
- package/esm/form/search-field/SearchField.js.map +1 -1
- package/esm/index.d.ts +1 -2
- package/esm/index.js +1 -2
- package/esm/index.js.map +1 -1
- package/esm/menu/Menu.d.ts +12 -0
- package/esm/{accordion-menu/AccordionMenu.js → menu/Menu.js} +8 -8
- package/esm/menu/Menu.js.map +1 -0
- package/esm/menu/MenuCollapse.d.ts +12 -0
- package/esm/menu/MenuCollapse.js +37 -0
- package/esm/menu/MenuCollapse.js.map +1 -0
- package/esm/menu/MenuItem.d.ts +13 -0
- package/esm/{accordion-menu/AccordionMenuItem.js → menu/MenuItem.js} +3 -3
- package/esm/menu/MenuItem.js.map +1 -0
- package/esm/{accordion-menu → menu}/MenuItems.d.ts +2 -1
- package/esm/menu/MenuItems.js +19 -0
- package/esm/menu/MenuItems.js.map +1 -0
- package/esm/menu/index.d.ts +3 -0
- package/esm/menu/index.js +2 -0
- package/esm/menu/index.js.map +1 -0
- package/esm/table/Table.d.ts +0 -16
- package/esm/table/Table.js +2 -15
- package/esm/table/Table.js.map +1 -1
- package/package.json +3 -4
- package/src/accordion/accordion.stories.tsx +90 -0
- package/src/alert/{stories/alert.stories.tsx → alert.stories.tsx} +2 -2
- package/src/button/Button.tsx +3 -7
- package/src/button/{stories/button.stories.tsx → button.stories.tsx} +1 -9
- package/src/form/checkbox/Checkbox.tsx +18 -1
- package/src/form/checkbox/stories/checkbox.stories.tsx +38 -1
- package/src/form/checkbox/useCheckbox.ts +0 -1
- package/src/index.ts +1 -2
- package/src/menu/Menu.tsx +36 -0
- package/src/menu/MenuCollapse.tsx +80 -0
- package/src/{accordion-menu/AccordionMenuItem.tsx → menu/MenuItem.tsx} +6 -6
- package/src/menu/MenuItems.tsx +21 -0
- package/src/menu/index.ts +3 -0
- package/src/menu/stories/menu.stories.mdx +93 -0
- package/src/menu/stories/menu.stories.tsx +139 -0
- package/src/table/Table.tsx +2 -47
- package/src/table/stories/table.stories.tsx +2 -35
- package/cjs/accordion-menu/MenuItems.js +0 -8
- package/cjs/accordion-menu/index.js +0 -8
- package/cjs/accordion-menu/package.json +0 -6
- package/cjs/pagination/Pagination.js +0 -44
- package/cjs/pagination/index.js +0 -19
- package/cjs/pagination/package.json +0 -6
- package/cjs/table/ColumnHeader.js +0 -58
- package/esm/accordion-menu/AccordionMenu.d.ts +0 -12
- package/esm/accordion-menu/AccordionMenu.js.map +0 -1
- package/esm/accordion-menu/AccordionMenuCollapsable.d.ts +0 -9
- package/esm/accordion-menu/AccordionMenuCollapsable.js +0 -28
- package/esm/accordion-menu/AccordionMenuCollapsable.js.map +0 -1
- package/esm/accordion-menu/AccordionMenuItem.d.ts +0 -13
- package/esm/accordion-menu/AccordionMenuItem.js.map +0 -1
- package/esm/accordion-menu/MenuItems.js +0 -4
- package/esm/accordion-menu/MenuItems.js.map +0 -1
- package/esm/accordion-menu/index.d.ts +0 -3
- package/esm/accordion-menu/index.js +0 -2
- package/esm/accordion-menu/index.js.map +0 -1
- package/esm/pagination/Pagination.d.ts +0 -21
- package/esm/pagination/Pagination.js +0 -38
- package/esm/pagination/Pagination.js.map +0 -1
- package/esm/pagination/index.d.ts +0 -2
- package/esm/pagination/index.js +0 -3
- package/esm/pagination/index.js.map +0 -1
- package/esm/table/ColumnHeader.d.ts +0 -16
- package/esm/table/ColumnHeader.js +0 -35
- package/esm/table/ColumnHeader.js.map +0 -1
- package/src/accordion/stories/accordion.stories.mdx +0 -72
- package/src/accordion/stories/accordion.stories.tsx +0 -92
- package/src/accordion-menu/AccordionMenu.tsx +0 -39
- package/src/accordion-menu/AccordionMenuCollapsable.tsx +0 -45
- package/src/accordion-menu/MenuItems.tsx +0 -13
- package/src/accordion-menu/index.ts +0 -3
- package/src/accordion-menu/stories/accordion-menu.stories.mdx +0 -66
- package/src/accordion-menu/stories/accordion-menu.stories.tsx +0 -141
- package/src/alert/stories/alert.stories.mdx +0 -96
- package/src/button/stories/button.stories.mdx +0 -76
- package/src/pagination/Pagination.tsx +0 -89
- package/src/pagination/index.ts +0 -2
- package/src/pagination/steps.test.ts +0 -12
- package/src/pagination/stories/pagination.stories.tsx +0 -15
- package/src/table/ColumnHeader.tsx +0 -66
- package/src/table/stories/people.json +0 -822
- package/src/table/stories/table-async.stories.tsx +0 -150
package/esm/form/Textarea.js
CHANGED
|
@@ -26,10 +26,10 @@ const Textarea = forwardRef((props, ref) => {
|
|
|
26
26
|
"navds-textarea--disabled": !!inputProps.disabled,
|
|
27
27
|
}) },
|
|
28
28
|
React.createElement(Label, { htmlFor: inputProps.id, size: size, as: "label", className: cl("navds-textarea__label", {
|
|
29
|
-
"sr-only": hideLabel,
|
|
29
|
+
"navds-sr-only": hideLabel,
|
|
30
30
|
}) }, label),
|
|
31
31
|
!!description && (React.createElement(BodyShort, { as: "div", className: cl("navds-textarea__description", {
|
|
32
|
-
"sr-only": hideLabel,
|
|
32
|
+
"navds-sr-only": hideLabel,
|
|
33
33
|
}), id: inputDescriptionId, size: size }, description)),
|
|
34
34
|
React.createElement("div", { className: "navds-textarea__wrapper" },
|
|
35
35
|
React.createElement(TextareaAutosize, Object.assign({}, omit(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, className: cl("navds-textarea__input", "navds-body-short", `navds-body-${size !== null && size !== void 0 ? size : "medium"}`, {
|
|
@@ -38,7 +38,7 @@ const Textarea = forwardRef((props, ref) => {
|
|
|
38
38
|
[maxLengthId]: hasMaxLength,
|
|
39
39
|
}) })),
|
|
40
40
|
hasMaxLength && (React.createElement(React.Fragment, null,
|
|
41
|
-
React.createElement("span", { id: maxLengthId, className: "sr-only" },
|
|
41
|
+
React.createElement("span", { id: maxLengthId, className: "navds-sr-only" },
|
|
42
42
|
"Tekstomr\u00E5de med plass til ",
|
|
43
43
|
maxLength,
|
|
44
44
|
" tegn., Textarea can have",
|
package/esm/form/Textarea.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/form/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAkB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAiC3B,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAEpC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,GAAG,KAAK,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,+DAOL,CAAQ,CAAC;IAEV,MAAM,WAAW,GAAG,qBAAqB,KAAK,EAAE,EAAE,CAAC;IACnD,MAAM,YAAY,GAAG,SAAS,KAAK,SAAS,IAAI,SAAS,GAAG,CAAC,CAAC;IAE9D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;SAClD,CACF;QAED,oBAAC,KAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE;gBACrC,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/form/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAkB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAiC3B,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAEpC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,GAAG,KAAK,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,+DAOL,CAAQ,CAAC;IAEV,MAAM,WAAW,GAAG,qBAAqB,KAAK,EAAE,EAAE,CAAC;IACnD,MAAM,YAAY,GAAG,SAAS,KAAK,SAAS,IAAI,SAAS,GAAG,CAAC,CAAC;IAE9D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;SAClD,CACF;QAED,oBAAC,KAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE;gBACrC,eAAe,EAAE,SAAS;aAC3B,CAAC,IAED,KAAK,CACA;QACP,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,SAAS,IACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE;gBAC3C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,IAET,WAAW,CACF,CACb;QACD,6BAAK,SAAS,EAAC,yBAAyB;YACtC,oBAAC,gBAAgB,oBACX,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,kBAAkB,EAClB,cAAc,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,EAChC;oBACE,yBAAyB,EAAE,YAAY;iBACxC,CACF,sBACiB,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE;oBACnD,CAAC,WAAW,CAAC,EAAE,YAAY;iBAC5B,CAAC,IACF;YACD,YAAY,IAAI,CACf;gBACE,8BAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAC,eAAe;;oBACnB,SAAS;;oBAA2B,GAAG;oBACjE,SAAS;8BACL;gBACP,oBAAC,OAAO,IACN,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EACjC,IAAI,EAAE,IAAI,GACV,CACD,CACJ,CACG;QACN,6BAAK,EAAE,EAAE,OAAO,mBAAgB,oBAAoB,eAAW,QAAQ,IACpE,YAAY,IAAI,CACf,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAC,KAAK,CAAgB,CACvD,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5D,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC;IAE7C,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;YACvC,gCAAgC,EAAE,UAAU,GAAG,CAAC;SACjD,CAAC,eACS,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC7C,IAAI,EAAE,IAAI,IAET,UAAU,GAAG,CAAC;QACb,CAAC,CAAC,UAAU,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,eAAe;QAC/C,CAAC,CAAC,UAAU,UAAU,aAAa,CAC3B,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -18,6 +18,11 @@ export interface CheckboxProps extends Omit<FormFieldProps, "errorId">, Omit<Inp
|
|
|
18
18
|
* The value of the HTML element.
|
|
19
19
|
*/
|
|
20
20
|
value?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Specify whether the Checkbox is in an indeterminate state
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
indeterminate?: boolean;
|
|
21
26
|
}
|
|
22
27
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
23
28
|
export default Checkbox;
|
|
@@ -15,10 +15,21 @@ const Checkbox = forwardRef((props, ref) => {
|
|
|
15
15
|
"error",
|
|
16
16
|
"description",
|
|
17
17
|
"hideLabel",
|
|
18
|
-
]), inputProps, { className: "navds-checkbox__input",
|
|
18
|
+
]), inputProps, { type: "checkbox", className: "navds-checkbox__input", "aria-checked": props.indeterminate ? "mixed" : inputProps.checked, ref: (el) => {
|
|
19
|
+
var _a;
|
|
20
|
+
if (el) {
|
|
21
|
+
el.indeterminate = (_a = props.indeterminate) !== null && _a !== void 0 ? _a : false;
|
|
22
|
+
}
|
|
23
|
+
if (typeof ref === "function") {
|
|
24
|
+
ref(el);
|
|
25
|
+
}
|
|
26
|
+
else if (ref != null) {
|
|
27
|
+
ref.current = el;
|
|
28
|
+
}
|
|
29
|
+
} })),
|
|
19
30
|
React.createElement("label", { htmlFor: inputProps.id, className: "navds-checkbox__label" },
|
|
20
31
|
React.createElement("div", { className: cl("navds-checkbox__content", {
|
|
21
|
-
"sr-only": props.hideLabel,
|
|
32
|
+
"navds-sr-only": props.hideLabel,
|
|
22
33
|
}) },
|
|
23
34
|
React.createElement(BodyShort, { as: "div", size: size }, props.children),
|
|
24
35
|
props.description && (React.createElement(Description, { as: "div", size: "small", className: "navds-checkbox__description" }, props.description))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AA6BhD,MAAM,QAAQ,GAAG,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,KAAK,CAAC,SAAS,EACf,gBAAgB,EAChB,mBAAmB,IAAI,EAAE,EACzB;YACE,uBAAuB,EAAE,QAAQ;YACjC,0BAA0B,EAAE,UAAU,CAAC,QAAQ;SAChD,CACF;QAED,+CACM,IAAI,CAAC,KAAK,EAAE;YACd,UAAU;YACV,MAAM;YACN,OAAO;YACP,aAAa;YACb,WAAW;SACZ,CAAC,EACE,UAAU,IACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,uBAAuB,kBACnB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAChE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;;gBACV,IAAI,EAAE,EAAE;oBACN,EAAE,CAAC,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC;iBACjD;gBAED,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,EAAE,CAAC,CAAC;iBACT;qBAAM,IAAI,GAAG,IAAI,IAAI,EAAE;oBACtB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;iBAClB;YACH,CAAC,IACD;QACF,+BAAO,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE,SAAS,EAAC,uBAAuB;YAC9D,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;oBACvC,eAAe,EAAE,KAAK,CAAC,SAAS;iBACjC,CAAC;gBAEF,oBAAC,SAAS,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,IAC3B,KAAK,CAAC,QAAQ,CACL;gBACX,KAAK,CAAC,WAAW,IAAI,CACpB,oBAAC,WAAW,IACV,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,6BAA6B,IAEtC,KAAK,CAAC,WAAW,CACN,CACf,CACG,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
|
|
@@ -28,7 +28,7 @@ const useCheckbox = (_a) => {
|
|
|
28
28
|
console.warn("A <Checkbox> element within a <CheckboxGroup> requires a `value` property.");
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
return Object.assign(Object.assign({}, rest), { inputProps: Object.assign(Object.assign({}, inputProps), {
|
|
31
|
+
return Object.assign(Object.assign({}, rest), { inputProps: Object.assign(Object.assign({}, inputProps), { checked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.value)
|
|
32
32
|
? checkboxGroup.value.includes(props.value)
|
|
33
33
|
: props.checked, defaultChecked: (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.defaultValue)
|
|
34
34
|
? checkboxGroup.defaultValue.includes(props.value)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/useCheckbox.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,QAAQ,OAA2B,EAAtB,KAAK,cAApB,YAAsB,CAAF;IACvC,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEvD,MAAM,KAA0B,YAAY,CAC1C,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,EAC5B,UAAU,CACX,EAHK,EAAE,UAAU,OAGjB,EAHsB,IAAI,cAArB,cAAuB,CAG5B,CAAC;IAEF,IAAI,aAAa,EAAE;QACjB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,OAAO,CAAC,IAAI,CACV,8IAA8I,CAC/I,CAAC;SACH;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,OAAO,CAAC,IAAI,CACV,4EAA4E,CAC7E,CAAC;SACH;KACF;IAED,uCACK,IAAI,KACP,UAAU,kCACL,UAAU,KACb,
|
|
1
|
+
{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/form/checkbox/useCheckbox.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,QAAQ,OAA2B,EAAtB,KAAK,cAApB,YAAsB,CAAF;IACvC,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEvD,MAAM,KAA0B,YAAY,CAC1C,IAAI,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,EAC5B,UAAU,CACX,EAHK,EAAE,UAAU,OAGjB,EAHsB,IAAI,cAArB,cAAuB,CAG5B,CAAC;IAEF,IAAI,aAAa,EAAE;QACjB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,OAAO,CAAC,IAAI,CACV,8IAA8I,CAC/I,CAAC;SACH;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,OAAO,CAAC,IAAI,CACV,4EAA4E,CAC7E,CAAC;SACH;KACF;IAED,uCACK,IAAI,KACP,UAAU,kCACL,UAAU,KACb,OAAO,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK;gBAC3B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAe,CAAC;gBACrD,CAAC,CAAC,KAAK,CAAC,OAAO,EACjB,cAAc,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY;gBACzC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAe,CAAC;gBAC5D,CAAC,CAAC,KAAK,CAAC,cAAc,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACpC,aAAa,IAAI,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,KAAe,CAAC,CAAC;YACpE,CAAC,OAEH;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -26,10 +26,10 @@ const SearchField = forwardRef((props, ref) => {
|
|
|
26
26
|
"navds-search-field--disabled": !!inputProps.disabled,
|
|
27
27
|
}) }),
|
|
28
28
|
React.createElement(Label, { htmlFor: inputProps.id, size: size, as: "label", className: cl("navds-text-field__label", {
|
|
29
|
-
"sr-only": hideLabel,
|
|
29
|
+
"navds-sr-only": hideLabel,
|
|
30
30
|
}) }, label),
|
|
31
31
|
!!description && (React.createElement(BodyShort, { as: "div", className: cl("navds-text-field__description", {
|
|
32
|
-
"sr-only": hideLabel,
|
|
32
|
+
"navds-sr-only": hideLabel,
|
|
33
33
|
}), id: inputDescriptionId, size: size }, description)),
|
|
34
34
|
React.createElement("div", { className: "navds-search-field__input-wrapper" },
|
|
35
35
|
React.createElement(SearchFieldContext.Provider, { value: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchField.js","sourceRoot":"","sources":["../../../src/form/search-field/SearchField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAkB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,iBAA4C,MAAM,qBAAqB,CAAC;AAC/E,OAAO,sBAEN,MAAM,0BAA0B,CAAC;AAClC,OAAO,gBAA0C,MAAM,oBAAoB,CAAC;AAY5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CACnD,IAAI,CACL,CAAC;AA4BF,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAEvC,MAAM,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,KAEH,KAAK,EADJ,IAAI,UACL,KAAK,EARH,uEAQL,CAAQ,CAAC;IAEV,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,IAC9D,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,EACvC,oBAAoB,EACpB;YACE,2BAA2B,EAAE,QAAQ;YACrC,8BAA8B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;SACtD,CACF;QAED,oBAAC,KAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,
|
|
1
|
+
{"version":3,"file":"SearchField.js","sourceRoot":"","sources":["../../../src/form/search-field/SearchField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAkB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,iBAA4C,MAAM,qBAAqB,CAAC;AAC/E,OAAO,sBAEN,MAAM,0BAA0B,CAAC;AAClC,OAAO,gBAA0C,MAAM,oBAAoB,CAAC;AAY5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CACnD,IAAI,CACL,CAAC;AA4BF,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAEvC,MAAM,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,KAEH,KAAK,EADJ,IAAI,UACL,KAAK,EARH,uEAQL,CAAQ,CAAC;IAEV,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,IAC9D,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,EACvC,oBAAoB,EACpB;YACE,2BAA2B,EAAE,QAAQ;YACrC,8BAA8B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;SACtD,CACF;QAED,oBAAC,KAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC,IAED,KAAK,CACA;QACP,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,SAAS,IACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,IAET,WAAW,CACF,CACb;QACD,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,kBAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;oBACL,UAAU;oBACV,IAAI;iBACL,IAEA,QAAQ,CACmB,CAC1B;QACN,6BAAK,EAAE,EAAE,OAAO,mBAAgB,oBAAoB,eAAW,QAAQ,IACpE,YAAY,IAAI,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAgB,CAC7D,CACF,CACP,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AACvC,WAAW,CAAC,KAAK,GAAG,sBAAsB,CAAC;AAC3C,WAAW,CAAC,KAAK,GAAG,gBAAgB,CAAC;AAErC,eAAe,WAAW,CAAC"}
|
package/esm/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export * from "./accordion";
|
|
2
|
-
export * from "./accordion-menu";
|
|
3
2
|
export * from "./alert";
|
|
4
3
|
export * from "./button";
|
|
5
4
|
export * from "./form";
|
|
@@ -9,8 +8,8 @@ export * from "./guide-panel";
|
|
|
9
8
|
export * from "./link";
|
|
10
9
|
export * from "./link-panel";
|
|
11
10
|
export * from "./loader";
|
|
11
|
+
export * from "./menu";
|
|
12
12
|
export * from "./modal";
|
|
13
|
-
export * from "./pagination";
|
|
14
13
|
export * from "./panel";
|
|
15
14
|
export * from "./popover";
|
|
16
15
|
export * from "./speech-bubble";
|
package/esm/index.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export * from "./accordion";
|
|
2
|
-
export * from "./accordion-menu";
|
|
3
2
|
export * from "./alert";
|
|
4
3
|
export * from "./button";
|
|
5
4
|
export * from "./form";
|
|
@@ -9,8 +8,8 @@ export * from "./guide-panel";
|
|
|
9
8
|
export * from "./link";
|
|
10
9
|
export * from "./link-panel";
|
|
11
10
|
export * from "./loader";
|
|
11
|
+
export * from "./menu";
|
|
12
12
|
export * from "./modal";
|
|
13
|
-
export * from "./pagination";
|
|
14
13
|
export * from "./panel";
|
|
15
14
|
export * from "./popover";
|
|
16
15
|
export * from "./speech-bubble";
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAEvB,6BAA6B;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { MenuItemType } from "./MenuItem";
|
|
3
|
+
import { MenuCollapseType } from "./MenuCollapse";
|
|
4
|
+
export interface MenuProps extends React.HTMLAttributes<HTMLElement> {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
interface MenuComponent extends React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> {
|
|
8
|
+
Collapse: MenuCollapseType;
|
|
9
|
+
Item: MenuItemType;
|
|
10
|
+
}
|
|
11
|
+
declare const Menu: MenuComponent;
|
|
12
|
+
export default Menu;
|
|
@@ -12,14 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
13
|
import cl from "classnames";
|
|
14
14
|
import MenuItems from "./MenuItems";
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
const
|
|
15
|
+
import Item from "./MenuItem";
|
|
16
|
+
import Collapse from "./MenuCollapse";
|
|
17
|
+
const Menu = forwardRef((_a, ref) => {
|
|
18
18
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
19
|
-
return (React.createElement("nav", Object.assign({ role: "navigation", ref: ref, className: cl("navds-
|
|
19
|
+
return (React.createElement("nav", Object.assign({}, rest, { role: "navigation", ref: ref, className: cl("navds-menu", className) }),
|
|
20
20
|
React.createElement(MenuItems, null, children)));
|
|
21
21
|
});
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
export default
|
|
25
|
-
//# sourceMappingURL=
|
|
22
|
+
Menu.Collapse = Collapse;
|
|
23
|
+
Menu.Item = Item;
|
|
24
|
+
export default Menu;
|
|
25
|
+
//# sourceMappingURL=Menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/menu/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,OAAO,IAAsB,MAAM,YAAY,CAAC;AAChD,OAAO,QAA8B,MAAM,gBAAgB,CAAC;AAc5D,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACvC,6CACM,IAAI,IACR,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;QAEtC,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAC7B,CACP,CAAA;CAAA,CACa,CAAC;AAEnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AAEjB,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from "react";
|
|
2
|
+
export declare const NestingContext: React.Context<{
|
|
3
|
+
depth: number;
|
|
4
|
+
}>;
|
|
5
|
+
export interface MenuCollapseProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
title: string;
|
|
7
|
+
defaultOpen?: boolean;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare type MenuCollapseType = React.ForwardRefExoticComponent<MenuCollapseProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const Collapse: MenuCollapseType;
|
|
12
|
+
export default Collapse;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { createContext, forwardRef, useContext, useState, } from "react";
|
|
13
|
+
import cl from "classnames";
|
|
14
|
+
import { Expand, ExpandFilled } from "@navikt/ds-icons";
|
|
15
|
+
import MenuItems from "./MenuItems";
|
|
16
|
+
export const NestingContext = createContext({ depth: 1 });
|
|
17
|
+
const NestingProvider = ({ children }) => {
|
|
18
|
+
const context = useContext(NestingContext);
|
|
19
|
+
return (React.createElement(NestingContext.Provider, { value: {
|
|
20
|
+
depth: context.depth + 1,
|
|
21
|
+
} }, children));
|
|
22
|
+
};
|
|
23
|
+
const Collapse = forwardRef((_a, ref) => {
|
|
24
|
+
var { children, defaultOpen = false, title, className } = _a, rest = __rest(_a, ["children", "defaultOpen", "title", "className"]);
|
|
25
|
+
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
26
|
+
const context = useContext(NestingContext);
|
|
27
|
+
return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("navds-menu-collapse", className, {
|
|
28
|
+
"navds-menu-collapse--open": isOpen,
|
|
29
|
+
}) }),
|
|
30
|
+
React.createElement("button", { onClick: () => setIsOpen(!isOpen), className: "navds-menu-collapse__button" },
|
|
31
|
+
title,
|
|
32
|
+
React.createElement(Expand, { title: isOpen ? "lukk navigasjons-skuff" : "åpne navigason-skuff", className: "navds-menu-collapse__expand-icon" }),
|
|
33
|
+
React.createElement(ExpandFilled, { title: isOpen ? "lukk navigasjons-skuff" : "åpne navigason-skuff", className: "navds-menu-collapse__expand-icon navds-menu-collapse__expand-icon--filled" })),
|
|
34
|
+
React.createElement(NestingProvider, null, isOpen && (React.createElement(MenuItems, { "data-depth": context.depth, className: "navds-menu__list--inner" }, children)))));
|
|
35
|
+
});
|
|
36
|
+
export default Collapse;
|
|
37
|
+
//# sourceMappingURL=MenuCollapse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuCollapse.js","sourceRoot":"","sources":["../../src/menu/MenuCollapse.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EAEV,UAAU,EACV,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;AAE7E,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvC,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE3C,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,KAAK,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC;SACzB,IAEA,QAAQ,CACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAYF,MAAM,QAAQ,GAAqB,UAAU,CAC3C,CAAC,EAA4D,EAAE,GAAG,EAAE,EAAE;QAArE,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAA1D,iDAA4D,CAAF;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE3C,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE;YAC9C,2BAA2B,EAAE,MAAM;SACpC,CAAC;QAEF,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAC,6BAA6B;YAEtC,KAAK;YACN,oBAAC,MAAM,IACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,EACjE,SAAS,EAAC,kCAAkC,GAC5C;YACF,oBAAC,YAAY,IACX,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,EACjE,SAAS,EAAC,2EAA2E,GACrF,CACK;QACT,oBAAC,eAAe,QACb,MAAM,IAAI,CACT,oBAAC,SAAS,kBACI,OAAO,CAAC,KAAK,EACzB,SAAS,EAAC,yBAAyB,IAElC,QAAQ,CACC,CACb,CACe,CACd,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { OverridableComponent } from "..";
|
|
3
|
+
export interface MenuItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
/**
|
|
6
|
+
* Sets active styling if true
|
|
7
|
+
* @default false
|
|
8
|
+
*/
|
|
9
|
+
active?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare type MenuItemType = OverridableComponent<MenuItemProps, HTMLAnchorElement>;
|
|
12
|
+
declare const Item: MenuItemType;
|
|
13
|
+
export default Item;
|
|
@@ -13,9 +13,9 @@ import React, { forwardRef } from "react";
|
|
|
13
13
|
import cl from "classnames";
|
|
14
14
|
const Item = forwardRef((_a, ref) => {
|
|
15
15
|
var { children, as: Component = "a", active = false, className } = _a, rest = __rest(_a, ["children", "as", "active", "className"]);
|
|
16
|
-
return (React.createElement(Component, Object.assign({ ref: ref, className: cl("navds-
|
|
17
|
-
"navds-
|
|
16
|
+
return (React.createElement(Component, Object.assign({ ref: ref, className: cl("navds-menu-item", className, {
|
|
17
|
+
"navds-menu-item--active": active,
|
|
18
18
|
}) }, rest), children));
|
|
19
19
|
});
|
|
20
20
|
export default Item;
|
|
21
|
-
//# sourceMappingURL=
|
|
21
|
+
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../src/menu/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAiB5B,MAAM,IAAI,GAAiB,UAAU,CACnC,CACE,EAAqE,EACrE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,MAAM,GAAG,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAAnE,yCAAqE,CAAF;IAGnE,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE;YAC1C,yBAAyB,EAAE,MAAM;SAClC,CAAC,IACE,IAAI,GAEP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import cl from "classnames";
|
|
13
|
+
import React from "react";
|
|
14
|
+
const MenuItems = (_a) => {
|
|
15
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
16
|
+
return (React.createElement("ul", Object.assign({}, rest, { className: cl("navds-menu__list", className) }), React.Children.toArray(children).map((child, i) => (React.createElement("li", { key: i, className: "navds-menu__list-item" }, child)))));
|
|
17
|
+
};
|
|
18
|
+
export default MenuItems;
|
|
19
|
+
//# sourceMappingURL=MenuItems.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../src/menu/MenuItems.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,SAAS,GAAG,CAAC,EAOlB,EAAE,EAAE;QAPc,EACjB,QAAQ,EACR,SAAS,OAKV,EAJI,IAAI,cAHU,yBAIlB,CADQ;IAIH,OAAA,CACJ,4CAAQ,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KACvD,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAClD,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,uBAAuB,IAC1C,KAAK,CACH,CACN,CAAC,CACC,CACN,CAAA;CAAA,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAa,MAAM,QAAQ,CAAC"}
|
package/esm/table/Table.d.ts
CHANGED
|
@@ -2,13 +2,8 @@ import React from "react";
|
|
|
2
2
|
import { HeaderType } from "./Header";
|
|
3
3
|
import { BodyType } from "./Body";
|
|
4
4
|
import { RowType } from "./Row";
|
|
5
|
-
import { ColumnHeaderType } from "./ColumnHeader";
|
|
6
5
|
import { HeaderCellType } from "./HeaderCell";
|
|
7
6
|
import { DataCellType } from "./DataCell";
|
|
8
|
-
export interface SortState {
|
|
9
|
-
orderBy: string;
|
|
10
|
-
direction: "ascending" | "descending";
|
|
11
|
-
}
|
|
12
7
|
export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
13
8
|
/**
|
|
14
9
|
* Changes padding
|
|
@@ -20,14 +15,6 @@ export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
|
20
15
|
* @default false
|
|
21
16
|
*/
|
|
22
17
|
zebraStripes?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Sort state
|
|
25
|
-
*/
|
|
26
|
-
sort?: SortState;
|
|
27
|
-
/**
|
|
28
|
-
* Callback whens ort state changes
|
|
29
|
-
*/
|
|
30
|
-
onSortChange?: (state?: SortState) => void;
|
|
31
18
|
}
|
|
32
19
|
export interface TableType extends React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>> {
|
|
33
20
|
Header: HeaderType;
|
|
@@ -35,12 +22,9 @@ export interface TableType extends React.ForwardRefExoticComponent<TableProps &
|
|
|
35
22
|
Row: RowType;
|
|
36
23
|
DataCell: DataCellType;
|
|
37
24
|
HeaderCell: HeaderCellType;
|
|
38
|
-
ColumnHeader: ColumnHeaderType;
|
|
39
25
|
}
|
|
40
26
|
export interface TableContextProps {
|
|
41
27
|
size: "medium" | "small";
|
|
42
|
-
toggleColumnSort?: (sortKey: string) => void;
|
|
43
|
-
sort?: SortState;
|
|
44
28
|
}
|
|
45
29
|
export declare const TableContext: React.Context<TableContextProps | null>;
|
|
46
30
|
declare const Table: TableType;
|
package/esm/table/Table.js
CHANGED
|
@@ -14,24 +14,12 @@ import cl from "classnames";
|
|
|
14
14
|
import Header from "./Header";
|
|
15
15
|
import Body from "./Body";
|
|
16
16
|
import Row from "./Row";
|
|
17
|
-
import ColumnHeader from "./ColumnHeader";
|
|
18
17
|
import HeaderCell from "./HeaderCell";
|
|
19
18
|
import DataCell from "./DataCell";
|
|
20
19
|
export const TableContext = createContext(null);
|
|
21
20
|
const Table = forwardRef((_a, ref) => {
|
|
22
|
-
var { className, zebraStripes = false, size = "medium"
|
|
23
|
-
return (React.createElement(TableContext.Provider, { value: {
|
|
24
|
-
size,
|
|
25
|
-
toggleColumnSort: (sortKey) => onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange((sort === null || sort === void 0 ? void 0 : sort.orderBy) === sortKey && sort.direction === "descending"
|
|
26
|
-
? undefined
|
|
27
|
-
: {
|
|
28
|
-
orderBy: sortKey,
|
|
29
|
-
direction: (sort === null || sort === void 0 ? void 0 : sort.direction) === "ascending"
|
|
30
|
-
? "descending"
|
|
31
|
-
: "ascending",
|
|
32
|
-
}),
|
|
33
|
-
sort,
|
|
34
|
-
} },
|
|
21
|
+
var { className, zebraStripes = false, size = "medium" } = _a, rest = __rest(_a, ["className", "zebraStripes", "size"]);
|
|
22
|
+
return (React.createElement(TableContext.Provider, { value: { size } },
|
|
35
23
|
React.createElement("table", Object.assign({}, rest, { ref: ref, className: cl("navds-table", `navds-table--${size}`, className, {
|
|
36
24
|
"navds-table--zebra-stripes": zebraStripes,
|
|
37
25
|
}) }))));
|
|
@@ -39,7 +27,6 @@ const Table = forwardRef((_a, ref) => {
|
|
|
39
27
|
Table.Header = Header;
|
|
40
28
|
Table.Body = Body;
|
|
41
29
|
Table.Row = Row;
|
|
42
|
-
Table.ColumnHeader = ColumnHeader;
|
|
43
30
|
Table.HeaderCell = HeaderCell;
|
|
44
31
|
Table.DataCell = DataCell;
|
|
45
32
|
export default Table;
|
package/esm/table/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,IAAkB,MAAM,QAAQ,CAAC;AACxC,OAAO,GAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,IAAkB,MAAM,QAAQ,CAAC;AACxC,OAAO,GAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,UAA8B,MAAM,cAAc,CAAC;AAC1D,OAAO,QAA0B,MAAM,YAAY,CAAC;AA8BpD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAE1E,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,YAAY,GAAG,KAAK,EAAE,IAAI,GAAG,QAAQ,OAAW,EAAN,IAAI,cAA3D,qCAA6D,CAAF;IAAY,OAAA,CACtE,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE;QACpC,+CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE,SAAS,EAAE;gBAC9D,4BAA4B,EAAE,YAAY;aAC3C,CAAC,IACF,CACoB,CACzB,CAAA;CAAA,CACW,CAAC;AAEf,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACtB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;AAClB,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;AAChB,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;AAC9B,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAE1B,eAAe,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "NAV designsystem react components",
|
|
6
6
|
"author": "NAV Designsystem team",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@material-ui/core": "^4.12.3",
|
|
38
|
-
"@navikt/ds-icons": "^0.8.
|
|
38
|
+
"@navikt/ds-icons": "^0.8.1",
|
|
39
39
|
"@popperjs/core": "^2.10.1",
|
|
40
40
|
"classnames": "^2.2.6",
|
|
41
41
|
"react-collapse": "^5.1.0",
|
|
@@ -58,12 +58,11 @@
|
|
|
58
58
|
"react-router-dom": "^6.1.0",
|
|
59
59
|
"rimraf": "3.0.2",
|
|
60
60
|
"styled-components": "^5.3.1",
|
|
61
|
-
"swr": "^1.1.2",
|
|
62
61
|
"ts-jest": "^27.0.5"
|
|
63
62
|
},
|
|
64
63
|
"peerDependencies": {
|
|
65
64
|
"@types/react": "^17.0.30",
|
|
66
65
|
"react": "^17.0.0"
|
|
67
66
|
},
|
|
68
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "0128f5a467fcc0dfa9b34c06b5e0eba6fd8bf67a"
|
|
69
68
|
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import AccordionContent from "./AccordionContent";
|
|
3
|
+
import AccordionHeader from "./AccordionHeader";
|
|
4
|
+
import AccordionItem from "./AccordionItem";
|
|
5
|
+
import { Accordion } from ".";
|
|
6
|
+
|
|
7
|
+
export default {
|
|
8
|
+
title: "ds-react/accordion",
|
|
9
|
+
component: Accordion,
|
|
10
|
+
subcomponents: {
|
|
11
|
+
AccordionItem,
|
|
12
|
+
AccordionContent,
|
|
13
|
+
AccordionHeader,
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export const All = () => {
|
|
18
|
+
const [open, setOpen] = useState(false);
|
|
19
|
+
|
|
20
|
+
return (
|
|
21
|
+
<>
|
|
22
|
+
<h1>Accordion</h1>
|
|
23
|
+
<h2>Controlled</h2>
|
|
24
|
+
<Accordion>
|
|
25
|
+
<Accordion.Item open={open}>
|
|
26
|
+
<Accordion.Header onClick={() => setOpen(!open)}>
|
|
27
|
+
Accordion header text
|
|
28
|
+
</Accordion.Header>
|
|
29
|
+
<Accordion.Content>
|
|
30
|
+
Magna aliquip aliquip fugiat nostrud nostrud velit pariatur veniam
|
|
31
|
+
officia laboris voluptate officia pariatur.Lorem est ex anim velit
|
|
32
|
+
occaecat nisi qui nostrud sit consectetur consectetur officia
|
|
33
|
+
nostrud ullamco. Est ex duis proident nostrud elit qui laborum anim
|
|
34
|
+
minim eu eiusmod. Veniam in nostrud sunt tempor velit incididunt
|
|
35
|
+
sint ex dolor qui velit id eu. Deserunt magna sunt velit in. Est
|
|
36
|
+
exercitation id cillum qui do. Minim adipisicing nostrud commodo
|
|
37
|
+
proident occaecat aliquip nulla anim proident reprehenderit. Magna
|
|
38
|
+
ipsum officia veniam cupidatat duis veniam dolore reprehenderit
|
|
39
|
+
mollit velit.Ut consequat commodo minim occaecat id pariatur. Nisi
|
|
40
|
+
enim tempor laborum commodo. Tempor sit quis nostrud eu cupidatat
|
|
41
|
+
sunt commodo reprehenderit irure deserunt eiusmod ipsum.
|
|
42
|
+
Exercitation quis commodo cillum eiusmod eiusmod. Do laborum qui
|
|
43
|
+
proident commodo adipisicing eiusmod id.
|
|
44
|
+
</Accordion.Content>
|
|
45
|
+
</Accordion.Item>
|
|
46
|
+
</Accordion>
|
|
47
|
+
<h2>Un-controlled</h2>
|
|
48
|
+
<Accordion>
|
|
49
|
+
<Accordion.Item>
|
|
50
|
+
<Accordion.Header>Accordion header text</Accordion.Header>
|
|
51
|
+
<Accordion.Content>
|
|
52
|
+
Magna aliquip aliquip fugiat nostrud nostrud velit pariatur veniam
|
|
53
|
+
officia laboris voluptate officia pariatur.Lorem est ex anim velit
|
|
54
|
+
occaecat nisi qui nostrud sit consectetur consectetur officia
|
|
55
|
+
nostrud ullamco. Est ex duis proident nostrud elit qui laborum anim
|
|
56
|
+
minim eu eiusmod. Veniam in nostrud sunt tempor velit incididunt
|
|
57
|
+
sint ex dolor qui velit id eu. Deserunt magna sunt velit in. Est
|
|
58
|
+
exercitation id cillum qui do. Minim adipisicing nostrud commodo
|
|
59
|
+
proident occaecat aliquip nulla anim proident reprehenderit. Magna
|
|
60
|
+
ipsum officia veniam cupidatat duis veniam dolore reprehenderit
|
|
61
|
+
mollit velit.Ut consequat commodo minim occaecat id pariatur. Nisi
|
|
62
|
+
enim tempor laborum commodo. Tempor sit quis nostrud eu cupidatat
|
|
63
|
+
sunt commodo reprehenderit irure deserunt eiusmod ipsum.
|
|
64
|
+
Exercitation quis commodo cillum eiusmod eiusmod. Do laborum qui
|
|
65
|
+
proident commodo adipisicing eiusmod id.
|
|
66
|
+
</Accordion.Content>
|
|
67
|
+
</Accordion.Item>
|
|
68
|
+
<Accordion.Item>
|
|
69
|
+
<Accordion.Header>Accordion header text</Accordion.Header>
|
|
70
|
+
<Accordion.Content>
|
|
71
|
+
Magna aliquip aliquip fugiat nostrud nostrud velit pariatur veniam
|
|
72
|
+
officia laboris voluptate officia pariatur.Lorem est ex anim velit
|
|
73
|
+
occaecat nisi qui nostrud sit consectetur consectetur officia
|
|
74
|
+
nostrud ullamco. Est ex duis proident nostrud elit qui laborum anim
|
|
75
|
+
minim eu eiusmod. Veniam in nostrud sunt tempor velit incididunt
|
|
76
|
+
sint ex dolor qui velit id eu. Deserunt magna sunt velit in. Est
|
|
77
|
+
exercitation id cillum qui do. Minim adipisicing nostrud commodo
|
|
78
|
+
proident occaecat aliquip nulla anim proident reprehenderit. Magna
|
|
79
|
+
ipsum officia veniam cupidatat duis veniam dolore reprehenderit
|
|
80
|
+
mollit velit.Ut consequat commodo minim occaecat id pariatur. Nisi
|
|
81
|
+
enim tempor laborum commodo. Tempor sit quis nostrud eu cupidatat
|
|
82
|
+
sunt commodo reprehenderit irure deserunt eiusmod ipsum.
|
|
83
|
+
Exercitation quis commodo cillum eiusmod eiusmod. Do laborum qui
|
|
84
|
+
proident commodo adipisicing eiusmod id.
|
|
85
|
+
</Accordion.Content>
|
|
86
|
+
</Accordion.Item>
|
|
87
|
+
</Accordion>
|
|
88
|
+
</>
|
|
89
|
+
);
|
|
90
|
+
};
|
package/src/button/Button.tsx
CHANGED
|
@@ -19,7 +19,7 @@ export interface ButtonProps
|
|
|
19
19
|
* Changes padding, height and font-size
|
|
20
20
|
* @default "medium"
|
|
21
21
|
*/
|
|
22
|
-
size?: "medium" | "small"
|
|
22
|
+
size?: "medium" | "small";
|
|
23
23
|
/**
|
|
24
24
|
* Prevent the user from interacting with the button: it cannot be pressed or focused.
|
|
25
25
|
* @note Avoid using if possible for accessibility purposes
|
|
@@ -43,7 +43,6 @@ const Button: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(
|
|
|
43
43
|
size = "medium",
|
|
44
44
|
loading = false,
|
|
45
45
|
disabled,
|
|
46
|
-
style,
|
|
47
46
|
...rest
|
|
48
47
|
},
|
|
49
48
|
ref
|
|
@@ -77,16 +76,13 @@ const Button: OverridableComponent<ButtonProps, HTMLButtonElement> = forwardRef(
|
|
|
77
76
|
"navds-button--loading": widthOverride,
|
|
78
77
|
}
|
|
79
78
|
)}
|
|
80
|
-
style={{
|
|
81
|
-
...style,
|
|
82
|
-
width: widthOverride,
|
|
83
|
-
}}
|
|
79
|
+
style={{ width: widthOverride }}
|
|
84
80
|
disabled={disabled ?? widthOverride ? true : undefined}
|
|
85
81
|
>
|
|
86
82
|
<BodyShort
|
|
87
83
|
as="span"
|
|
88
84
|
className="navds-button__inner"
|
|
89
|
-
size={size
|
|
85
|
+
size={size}
|
|
90
86
|
aria-live="polite"
|
|
91
87
|
>
|
|
92
88
|
{widthOverride ? <Loader size={size} /> : children}
|