@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.
- package/_docs.json +113 -71
- package/cjs/chips/Removable.js +2 -2
- package/cjs/dropdown/Menu/GroupedList/index.js +4 -4
- package/esm/chips/Removable.d.ts +1 -2
- package/esm/chips/Removable.js +2 -2
- package/esm/chips/Removable.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/{Heading.js → GroupedHeading.js} +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -0
- package/esm/dropdown/Menu/GroupedList/{Item.js → GroupedItem.js} +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -0
- package/esm/dropdown/Menu/GroupedList/index.d.ts +2 -2
- package/esm/dropdown/Menu/GroupedList/index.js +2 -2
- package/esm/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/esm/form/TextField.d.ts +1 -1
- package/esm/loader/Loader.d.ts +1 -1
- package/package.json +2 -2
- package/src/chips/Removable.tsx +8 -8
- package/src/dropdown/Menu/GroupedList/index.tsx +2 -2
- package/src/form/TextField.tsx +1 -1
- package/src/loader/Loader.tsx +1 -1
- package/esm/dropdown/Menu/GroupedList/Heading.js.map +0 -1
- package/esm/dropdown/Menu/GroupedList/Item.js.map +0 -1
- /package/cjs/dropdown/Menu/GroupedList/{Heading.js → GroupedHeading.js} +0 -0
- /package/cjs/dropdown/Menu/GroupedList/{Item.js → GroupedItem.js} +0 -0
- /package/esm/dropdown/Menu/GroupedList/{Heading.d.ts → GroupedHeading.d.ts} +0 -0
- /package/esm/dropdown/Menu/GroupedList/{Item.d.ts → GroupedItem.d.ts} +0 -0
- /package/src/dropdown/Menu/GroupedList/{Heading.tsx → GroupedHeading.tsx} +0 -0
- /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\
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
17062
|
+
"fileName": "src/dropdown/Menu/GroupedList/GroupedItem.tsx",
|
|
17021
17063
|
"name": "GroupedItemProps"
|
|
17022
17064
|
}
|
|
17023
17065
|
],
|
package/cjs/chips/Removable.js
CHANGED
|
@@ -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",
|
|
46
|
-
return (react_1.default.createElement(
|
|
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
|
|
44
|
-
const
|
|
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 =
|
|
50
|
-
exports.DescriptionList.Item =
|
|
49
|
+
exports.DescriptionList.Heading = GroupedHeading_1.default;
|
|
50
|
+
exports.DescriptionList.Item = GroupedItem_1.default;
|
|
51
51
|
exports.default = exports.DescriptionList;
|
package/esm/chips/Removable.d.ts
CHANGED
|
@@ -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:
|
|
19
|
+
export declare const RemovableChips: React.ForwardRefExoticComponent<RemovableChipsProps & React.RefAttributes<HTMLButtonElement>>;
|
|
21
20
|
export default RemovableChips;
|
package/esm/chips/Removable.js
CHANGED
|
@@ -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",
|
|
17
|
-
return (React.createElement(
|
|
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;
|
|
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=
|
|
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=
|
|
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 "./
|
|
4
|
-
import { GroupedItemProps } from "./
|
|
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 "./
|
|
15
|
-
import GroupedItem from "./
|
|
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,
|
|
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"}
|
package/esm/form/TextField.d.ts
CHANGED
|
@@ -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.
|
package/esm/loader/Loader.d.ts
CHANGED
|
@@ -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.
|
|
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.
|
|
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",
|
package/src/chips/Removable.tsx
CHANGED
|
@@ -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
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
>
|
|
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
|
-
<
|
|
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
|
-
</
|
|
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 "./
|
|
5
|
-
import GroupedItem, { GroupedItemProps } from "./
|
|
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> {
|
package/src/form/TextField.tsx
CHANGED
|
@@ -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
|
/**
|
package/src/loader/Loader.tsx
CHANGED
|
@@ -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"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|