@navikt/ds-react 4.7.2 → 4.7.4

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.
Files changed (28) hide show
  1. package/_docs.json +113 -71
  2. package/cjs/chips/Removable.js +2 -2
  3. package/cjs/dropdown/Menu/GroupedList/index.js +4 -4
  4. package/esm/chips/Removable.d.ts +1 -2
  5. package/esm/chips/Removable.js +2 -2
  6. package/esm/chips/Removable.js.map +1 -1
  7. package/esm/dropdown/Menu/GroupedList/{Heading.js → GroupedHeading.js} +1 -1
  8. package/esm/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -0
  9. package/esm/dropdown/Menu/GroupedList/{Item.js → GroupedItem.js} +1 -1
  10. package/esm/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -0
  11. package/esm/dropdown/Menu/GroupedList/index.d.ts +2 -2
  12. package/esm/dropdown/Menu/GroupedList/index.js +2 -2
  13. package/esm/dropdown/Menu/GroupedList/index.js.map +1 -1
  14. package/esm/form/TextField.d.ts +1 -1
  15. package/esm/loader/Loader.d.ts +1 -1
  16. package/package.json +2 -2
  17. package/src/chips/Removable.tsx +8 -8
  18. package/src/dropdown/Menu/GroupedList/index.tsx +2 -2
  19. package/src/form/TextField.tsx +1 -1
  20. package/src/loader/Loader.tsx +1 -1
  21. package/esm/dropdown/Menu/GroupedList/Heading.js.map +0 -1
  22. package/esm/dropdown/Menu/GroupedList/Item.js.map +0 -1
  23. /package/cjs/dropdown/Menu/GroupedList/{Heading.js → GroupedHeading.js} +0 -0
  24. /package/cjs/dropdown/Menu/GroupedList/{Item.js → GroupedItem.js} +0 -0
  25. /package/esm/dropdown/Menu/GroupedList/{Heading.d.ts → GroupedHeading.d.ts} +0 -0
  26. /package/esm/dropdown/Menu/GroupedList/{Item.d.ts → GroupedItem.d.ts} +0 -0
  27. /package/src/dropdown/Menu/GroupedList/{Heading.tsx → GroupedHeading.tsx} +0 -0
  28. /package/src/dropdown/Menu/GroupedList/{Item.tsx → GroupedItem.tsx} +0 -0
package/_docs.json CHANGED
@@ -1296,6 +1296,111 @@
1296
1296
  }
1297
1297
  }
1298
1298
  },
1299
+ {
1300
+ "filePath": "src/chips/Removable.tsx",
1301
+ "displayName": "Removable",
1302
+ "props": {
1303
+ "variant": {
1304
+ "defaultValue": {
1305
+ "value": "action"
1306
+ },
1307
+ "description": "Chip-variants",
1308
+ "name": "variant",
1309
+ "parent": {
1310
+ "fileName": "src/chips/Removable.tsx",
1311
+ "name": "RemovableChipsProps"
1312
+ },
1313
+ "declarations": [
1314
+ {
1315
+ "fileName": "src/chips/Removable.tsx",
1316
+ "name": "RemovableChipsProps"
1317
+ }
1318
+ ],
1319
+ "required": false,
1320
+ "type": {
1321
+ "name": "\"action\" | \"neutral\""
1322
+ }
1323
+ },
1324
+ "removeLabel": {
1325
+ "defaultValue": {
1326
+ "value": "slett"
1327
+ },
1328
+ "description": "Replaces label read for screen-readers",
1329
+ "name": "removeLabel",
1330
+ "parent": {
1331
+ "fileName": "src/chips/Removable.tsx",
1332
+ "name": "RemovableChipsProps"
1333
+ },
1334
+ "declarations": [
1335
+ {
1336
+ "fileName": "src/chips/Removable.tsx",
1337
+ "name": "RemovableChipsProps"
1338
+ }
1339
+ ],
1340
+ "required": false,
1341
+ "type": {
1342
+ "name": "string"
1343
+ }
1344
+ },
1345
+ "onDelete": {
1346
+ "defaultValue": null,
1347
+ "description": "Click callback",
1348
+ "name": "onDelete",
1349
+ "parent": {
1350
+ "fileName": "src/chips/Removable.tsx",
1351
+ "name": "RemovableChipsProps"
1352
+ },
1353
+ "declarations": [
1354
+ {
1355
+ "fileName": "src/chips/Removable.tsx",
1356
+ "name": "RemovableChipsProps"
1357
+ }
1358
+ ],
1359
+ "required": false,
1360
+ "type": {
1361
+ "name": "(() => void)"
1362
+ }
1363
+ },
1364
+ "className": {
1365
+ "defaultValue": null,
1366
+ "description": "",
1367
+ "name": "className",
1368
+ "parent": {
1369
+ "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
1370
+ "name": "HTMLAttributes"
1371
+ },
1372
+ "declarations": [
1373
+ {
1374
+ "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
1375
+ "name": "HTMLAttributes"
1376
+ }
1377
+ ],
1378
+ "required": false,
1379
+ "type": {
1380
+ "name": "string"
1381
+ }
1382
+ },
1383
+ "ref": {
1384
+ "defaultValue": null,
1385
+ "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",
1386
+ "name": "ref",
1387
+ "parent": {
1388
+ "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
1389
+ "name": "RefAttributes"
1390
+ },
1391
+ "declarations": [
1392
+ {
1393
+ "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
1394
+ "name": "RefAttributes"
1395
+ }
1396
+ ],
1397
+ "required": false,
1398
+ "type": {
1399
+ "name": "Ref<HTMLButtonElement>"
1400
+ }
1401
+ }
1402
+ }
1403
+ },
1299
1404
  {
1300
1405
  "filePath": "src/chips/Toggle.tsx",
1301
1406
  "displayName": "ToggleChips",
@@ -3529,7 +3634,7 @@
3529
3634
  ],
3530
3635
  "required": false,
3531
3636
  "type": {
3532
- "name": "\"number\" | \"email\" | \"password\" | \"tel\" | \"text\" | \"url\""
3637
+ "name": "\"number\" | \"email\" | \"password\" | \"tel\" | \"text\" | \"url\" | \"time\""
3533
3638
  }
3534
3639
  },
3535
3640
  "error": {
@@ -5494,7 +5599,7 @@
5494
5599
  "defaultValue": {
5495
5600
  "value": "medium"
5496
5601
  },
5497
- "description": "Changes Loader width/height\n64px | 40px | 32px | 24px | 20px | 16px",
5602
+ "description": "Changes Loader width/height\n88px | 64px | 40px | 32px | 24px | 20px | 16px",
5498
5603
  "name": "size",
5499
5604
  "parent": {
5500
5605
  "fileName": "src/loader/Loader.tsx",
@@ -16878,7 +16983,7 @@
16878
16983
  "props": {}
16879
16984
  },
16880
16985
  {
16881
- "filePath": "src/dropdown/Menu/GroupedList/Heading.tsx",
16986
+ "filePath": "src/dropdown/Menu/GroupedList/GroupedHeading.tsx",
16882
16987
  "displayName": "GroupedHeading",
16883
16988
  "props": {
16884
16989
  "children": {
@@ -16886,75 +16991,12 @@
16886
16991
  "description": "Heading",
16887
16992
  "name": "children",
16888
16993
  "parent": {
16889
- "fileName": "src/dropdown/Menu/GroupedList/Heading.tsx",
16890
- "name": "GroupedHeadingProps"
16891
- },
16892
- "declarations": [
16893
- {
16894
- "fileName": "src/dropdown/Menu/GroupedList/Heading.tsx",
16895
- "name": "GroupedHeadingProps"
16896
- }
16897
- ],
16898
- "required": true,
16899
- "type": {
16900
- "name": "ReactNode"
16901
- }
16902
- },
16903
- "className": {
16904
- "defaultValue": null,
16905
- "description": "",
16906
- "name": "className",
16907
- "parent": {
16908
- "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
16909
- "name": "HTMLAttributes"
16910
- },
16911
- "declarations": [
16912
- {
16913
- "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
16914
- "name": "HTMLAttributes"
16915
- }
16916
- ],
16917
- "required": false,
16918
- "type": {
16919
- "name": "string"
16920
- }
16921
- },
16922
- "ref": {
16923
- "defaultValue": null,
16924
- "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",
16925
- "name": "ref",
16926
- "parent": {
16927
- "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
16928
- "name": "RefAttributes"
16929
- },
16930
- "declarations": [
16931
- {
16932
- "fileName": "aksel/node_modules/@types/react/ts5.0/index.d.ts",
16933
- "name": "RefAttributes"
16934
- }
16935
- ],
16936
- "required": false,
16937
- "type": {
16938
- "name": "Ref<HTMLDetailsElement>"
16939
- }
16940
- }
16941
- }
16942
- },
16943
- {
16944
- "filePath": "src/dropdown/Menu/GroupedList/Heading.tsx",
16945
- "displayName": "Heading",
16946
- "props": {
16947
- "children": {
16948
- "defaultValue": null,
16949
- "description": "Heading",
16950
- "name": "children",
16951
- "parent": {
16952
- "fileName": "src/dropdown/Menu/GroupedList/Heading.tsx",
16994
+ "fileName": "src/dropdown/Menu/GroupedList/GroupedHeading.tsx",
16953
16995
  "name": "GroupedHeadingProps"
16954
16996
  },
16955
16997
  "declarations": [
16956
16998
  {
16957
- "fileName": "src/dropdown/Menu/GroupedList/Heading.tsx",
16999
+ "fileName": "src/dropdown/Menu/GroupedList/GroupedHeading.tsx",
16958
17000
  "name": "GroupedHeadingProps"
16959
17001
  }
16960
17002
  ],
@@ -17004,7 +17046,7 @@
17004
17046
  }
17005
17047
  },
17006
17048
  {
17007
- "filePath": "src/dropdown/Menu/GroupedList/Item.tsx",
17049
+ "filePath": "src/dropdown/Menu/GroupedList/GroupedItem.tsx",
17008
17050
  "displayName": "GroupedItem",
17009
17051
  "props": {
17010
17052
  "children": {
@@ -17012,12 +17054,12 @@
17012
17054
  "description": "Menu item content",
17013
17055
  "name": "children",
17014
17056
  "parent": {
17015
- "fileName": "src/dropdown/Menu/GroupedList/Item.tsx",
17057
+ "fileName": "src/dropdown/Menu/GroupedList/GroupedItem.tsx",
17016
17058
  "name": "GroupedItemProps"
17017
17059
  },
17018
17060
  "declarations": [
17019
17061
  {
17020
- "fileName": "src/dropdown/Menu/GroupedList/Item.tsx",
17062
+ "fileName": "src/dropdown/Menu/GroupedList/GroupedItem.tsx",
17021
17063
  "name": "GroupedItemProps"
17022
17064
  }
17023
17065
  ],
@@ -42,8 +42,8 @@ const aksel_icons_1 = require("@navikt/aksel-icons");
42
42
  const clsx_1 = __importDefault(require("clsx"));
43
43
  const react_1 = __importStar(require("react"));
44
44
  exports.RemovableChips = (0, react_1.forwardRef)((_a, ref) => {
45
- var { className, children, variant = "action", as: Component = "button", removeLabel = "slett", onDelete } = _a, rest = __rest(_a, ["className", "children", "variant", "as", "removeLabel", "onDelete"]);
46
- return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${removeLabel}`, onClick: (e) => {
45
+ var { className, children, variant = "action", removeLabel = "slett", onDelete, type = "button" } = _a, rest = __rest(_a, ["className", "children", "variant", "removeLabel", "onDelete", "type"]);
46
+ return (react_1.default.createElement("button", Object.assign({}, rest, { ref: ref, type: type, className: (0, clsx_1.default)("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${removeLabel}`, onClick: (e) => {
47
47
  var _a;
48
48
  onDelete === null || onDelete === void 0 ? void 0 : onDelete();
49
49
  (_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, e);
@@ -40,12 +40,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
40
40
  exports.DescriptionList = void 0;
41
41
  const clsx_1 = __importDefault(require("clsx"));
42
42
  const react_1 = __importStar(require("react"));
43
- const Heading_1 = __importDefault(require("./Heading"));
44
- const Item_1 = __importDefault(require("./Item"));
43
+ const GroupedHeading_1 = __importDefault(require("./GroupedHeading"));
44
+ const GroupedItem_1 = __importDefault(require("./GroupedItem"));
45
45
  exports.DescriptionList = (0, react_1.forwardRef)((_a, ref) => {
46
46
  var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
47
47
  return (react_1.default.createElement("dl", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-dropdown__list", className) }), children));
48
48
  });
49
- exports.DescriptionList.Heading = Heading_1.default;
50
- exports.DescriptionList.Item = Item_1.default;
49
+ exports.DescriptionList.Heading = GroupedHeading_1.default;
50
+ exports.DescriptionList.Item = GroupedItem_1.default;
51
51
  exports.default = exports.DescriptionList;
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "../util/OverridableComponent";
3
2
  export interface RemovableChipsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
3
  children: string;
5
4
  /**
@@ -17,5 +16,5 @@ export interface RemovableChipsProps extends React.ButtonHTMLAttributes<HTMLButt
17
16
  */
18
17
  onDelete?: () => void;
19
18
  }
20
- export declare const RemovableChips: OverridableComponent<RemovableChipsProps, HTMLButtonElement>;
19
+ export declare const RemovableChips: React.ForwardRefExoticComponent<RemovableChipsProps & React.RefAttributes<HTMLButtonElement>>;
21
20
  export default RemovableChips;
@@ -13,8 +13,8 @@ import { XMarkIcon } from "@navikt/aksel-icons";
13
13
  import cl from "clsx";
14
14
  import React, { forwardRef } from "react";
15
15
  export const RemovableChips = forwardRef((_a, ref) => {
16
- var { className, children, variant = "action", as: Component = "button", removeLabel = "slett", onDelete } = _a, rest = __rest(_a, ["className", "children", "variant", "as", "removeLabel", "onDelete"]);
17
- return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${removeLabel}`, onClick: (e) => {
16
+ var { className, children, variant = "action", removeLabel = "slett", onDelete, type = "button" } = _a, rest = __rest(_a, ["className", "children", "variant", "removeLabel", "onDelete", "type"]);
17
+ return (React.createElement("button", Object.assign({}, rest, { ref: ref, type: type, className: cl("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${removeLabel}`, onClick: (e) => {
18
18
  var _a;
19
19
  onDelete === null || onDelete === void 0 ? void 0 : onDelete();
20
20
  (_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, e);
@@ -1 +1 @@
1
- {"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAsB1C,MAAM,CAAC,MAAM,cAAc,GAGvB,UAAU,CACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,WAAW,GAAG,OAAO,EACrB,QAAQ,OAET,EADI,IAAI,cAPT,qEAQC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,EACT,2BAA2B,OAAO,EAAE,CACrC,gBACW,GAAG,QAAQ,IAAI,WAAW,EAAE,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;YACb,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,CAAC,CAAC,CAAC;QACrB,CAAC;QAED,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;QAC1D,8BAAM,SAAS,EAAC,6BAA6B;YAC3C,oBAAC,SAAS,0BAAe,CACpB,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAqB1C,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAItC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,WAAW,GAAG,OAAO,EACrB,QAAQ,EACR,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cAPT,uEAQC,CADQ;IAIT,OAAO,CACL,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,EACT,2BAA2B,OAAO,EAAE,CACrC,gBACW,GAAG,QAAQ,IAAI,WAAW,EAAE,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;YACb,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,CAAC,CAAC,CAAC;QACrB,CAAC;QAED,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;QAC1D,8BAAM,SAAS,EAAC,6BAA6B;YAC3C,oBAAC,SAAS,0BAAe,CACpB,CACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -16,4 +16,4 @@ export const GroupedHeading = forwardRef((_a, ref) => {
16
16
  return (React.createElement("dt", Object.assign({}, rest, { ref: ref, className: cl("navds-dropdown__list-heading", "navds-heading", "navds-heading--xsmall", className) })));
17
17
  });
18
18
  export default GroupedHeading;
19
- //# sourceMappingURL=Heading.js.map
19
+ //# sourceMappingURL=GroupedHeading.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GroupedHeading.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/GroupedHeading.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,MAAM,CAAC;AAUtB,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CACjC,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}
@@ -23,4 +23,4 @@ export const GroupedItem = forwardRef((_a, ref) => {
23
23
  }, ref: ref, className: cl("navds-dropdown__item", "navds-body-short", "navds-body-short--small", className) }))));
24
24
  });
25
25
  export default GroupedItem;
26
- //# sourceMappingURL=Item.js.map
26
+ //# sourceMappingURL=GroupedItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GroupedItem.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/GroupedItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAUjD,MAAM,CAAC,MAAM,WAAW,GAGpB,UAAU,CAAC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,mBAAgD,CAAF;IAC5D,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE5C,OAAO,CACL,4BAAI,SAAS,EAAC,2BAA2B;QACvC,oBAAC,SAAS,oBACJ,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;;gBAC5D,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,wDAAG,KAAK,CAAC,CAAC;gBAC3B,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,KAAK,CAAC,CAAC;YACzB,CAAC,EACD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,SAAS,CACV,IACD,CACC,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { OverridableComponent } from "../../../util/OverridableComponent";
3
- import { GroupedHeadingProps } from "./Heading";
4
- import { GroupedItemProps } from "./Item";
3
+ import { GroupedHeadingProps } from "./GroupedHeading";
4
+ import { GroupedItemProps } from "./GroupedItem";
5
5
  export interface GroupedListProps extends React.HTMLAttributes<HTMLDListElement> {
6
6
  /**
7
7
  * Menu list content
@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import cl from "clsx";
13
13
  import React, { forwardRef } from "react";
14
- import GroupedHeading from "./Heading";
15
- import GroupedItem from "./Item";
14
+ import GroupedHeading from "./GroupedHeading";
15
+ import GroupedItem from "./GroupedItem";
16
16
  export const DescriptionList = forwardRef((_a, ref) => {
17
17
  var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
18
18
  return (React.createElement("dl", Object.assign({}, rest, { ref: ref, className: cl("navds-dropdown__list", className) }), children));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,cAAuC,MAAM,WAAW,CAAC;AAChE,OAAO,WAAiC,MAAM,QAAQ,CAAC;AA2BvD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACzC,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KACrE,QAAQ,CACN,CACN,CAAA;CAAA,CACiB,CAAC;AAErB,eAAe,CAAC,OAAO,GAAG,cAAc,CAAC;AACzC,eAAe,CAAC,IAAI,GAAG,WAAW,CAAC;AAEnC,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,cAAuC,MAAM,kBAAkB,CAAC;AACvE,OAAO,WAAiC,MAAM,eAAe,CAAC;AA2B9D,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACzC,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KACrE,QAAQ,CACN,CACN,CAAA;CAAA,CACiB,CAAC;AAErB,eAAe,CAAC,OAAO,GAAG,cAAc,CAAC;AACzC,eAAe,CAAC,IAAI,GAAG,WAAW,CAAC;AAEnC,eAAe,eAAe,CAAC"}
@@ -25,7 +25,7 @@ export interface TextFieldProps extends FormFieldProps, Omit<InputHTMLAttributes
25
25
  * Type of form control. Picking the correct type helps user fill inn their required information
26
26
  * @default "text"
27
27
  */
28
- type?: "email" | "number" | "password" | "tel" | "text" | "url";
28
+ type?: "email" | "number" | "password" | "tel" | "text" | "url" | "time";
29
29
  }
30
30
  /**
31
31
  * A component that displays a text input field with a label.
@@ -2,7 +2,7 @@ import React, { SVGProps } from "react";
2
2
  export interface LoaderProps extends SVGProps<SVGSVGElement> {
3
3
  /**
4
4
  * Changes Loader width/height
5
- * 64px | 40px | 32px | 24px | 20px | 16px
5
+ * 88px | 64px | 40px | 32px | 24px | 20px | 16px
6
6
  * @default "medium"
7
7
  */
8
8
  size?: "3xlarge" | "2xlarge" | "xlarge" | "large" | "medium" | "small" | "xsmall";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "4.7.2",
3
+ "version": "4.7.4",
4
4
  "description": "Aksel react-components for NAV designsystem",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "license": "MIT",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@floating-ui/react": "0.24.1",
41
- "@navikt/aksel-icons": "^4.7.2",
41
+ "@navikt/aksel-icons": "^4.7.4",
42
42
  "@radix-ui/react-tabs": "1.0.0",
43
43
  "@radix-ui/react-toggle-group": "1.0.0",
44
44
  "clsx": "^1.2.1",
@@ -1,7 +1,6 @@
1
1
  import { XMarkIcon } from "@navikt/aksel-icons";
2
2
  import cl from "clsx";
3
3
  import React, { forwardRef } from "react";
4
- import { OverridableComponent } from "../util/OverridableComponent";
5
4
 
6
5
  export interface RemovableChipsProps
7
6
  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -22,26 +21,27 @@ export interface RemovableChipsProps
22
21
  onDelete?: () => void;
23
22
  }
24
23
 
25
- export const RemovableChips: OverridableComponent<
26
- RemovableChipsProps,
27
- HTMLButtonElement
28
- > = forwardRef(
24
+ export const RemovableChips = forwardRef<
25
+ HTMLButtonElement,
26
+ RemovableChipsProps
27
+ >(
29
28
  (
30
29
  {
31
30
  className,
32
31
  children,
33
32
  variant = "action",
34
- as: Component = "button",
35
33
  removeLabel = "slett",
36
34
  onDelete,
35
+ type = "button",
37
36
  ...rest
38
37
  },
39
38
  ref
40
39
  ) => {
41
40
  return (
42
- <Component
41
+ <button
43
42
  {...rest}
44
43
  ref={ref}
44
+ type={type}
45
45
  className={cl(
46
46
  "navds-chips__chip navds-chips__removable navds-chips--icon-right",
47
47
  className,
@@ -57,7 +57,7 @@ export const RemovableChips: OverridableComponent<
57
57
  <span className="navds-chips__removable-icon">
58
58
  <XMarkIcon aria-hidden />
59
59
  </span>
60
- </Component>
60
+ </button>
61
61
  );
62
62
  }
63
63
  );
@@ -1,8 +1,8 @@
1
1
  import cl from "clsx";
2
2
  import React, { forwardRef } from "react";
3
3
  import { OverridableComponent } from "../../../util/OverridableComponent";
4
- import GroupedHeading, { GroupedHeadingProps } from "./Heading";
5
- import GroupedItem, { GroupedItemProps } from "./Item";
4
+ import GroupedHeading, { GroupedHeadingProps } from "./GroupedHeading";
5
+ import GroupedItem, { GroupedItemProps } from "./GroupedItem";
6
6
 
7
7
  export interface GroupedListProps
8
8
  extends React.HTMLAttributes<HTMLDListElement> {
@@ -31,7 +31,7 @@ export interface TextFieldProps
31
31
  * Type of form control. Picking the correct type helps user fill inn their required information
32
32
  * @default "text"
33
33
  */
34
- type?: "email" | "number" | "password" | "tel" | "text" | "url";
34
+ type?: "email" | "number" | "password" | "tel" | "text" | "url" | "time";
35
35
  }
36
36
 
37
37
  /**
@@ -5,7 +5,7 @@ import { useId } from "..";
5
5
  export interface LoaderProps extends SVGProps<SVGSVGElement> {
6
6
  /**
7
7
  * Changes Loader width/height
8
- * 64px | 40px | 32px | 24px | 20px | 16px
8
+ * 88px | 64px | 40px | 32px | 24px | 20px | 16px
9
9
  * @default "medium"
10
10
  */
11
11
  size?:
@@ -1 +0,0 @@
1
- {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,MAAM,CAAC;AAUtB,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CACjC,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAA;CAAA,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/dropdown/Menu/GroupedList/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAUjD,MAAM,CAAC,MAAM,WAAW,GAGpB,UAAU,CAAC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,mBAAgD,CAAF;IAC5D,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE5C,OAAO,CACL,4BAAI,SAAS,EAAC,2BAA2B;QACvC,oBAAC,SAAS,oBACJ,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;;gBAC5D,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,wDAAG,KAAK,CAAC,CAAC;gBAC3B,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,KAAK,CAAC,CAAC;YACzB,CAAC,EACD,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,SAAS,CACV,IACD,CACC,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}