@navikt/ds-react 1.5.0 → 1.5.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/_docs.json CHANGED
@@ -986,45 +986,68 @@
986
986
  }
987
987
  },
988
988
  {
989
- "filePath": "src/chips/Filter.tsx",
990
- "displayName": "FilterChips",
989
+ "filePath": "src/chips/Removable.tsx",
990
+ "displayName": "RemovableChips",
991
991
  "props": {
992
- "onSelect": {
993
- "defaultValue": null,
994
- "description": "",
995
- "name": "onSelect",
992
+ "variant": {
993
+ "defaultValue": {
994
+ "value": "\"action\""
995
+ },
996
+ "description": "Chip-variants",
997
+ "name": "variant",
996
998
  "parent": {
997
- "fileName": "src/chips/Filter.tsx",
998
- "name": "FilterChipsProps"
999
+ "fileName": "src/chips/Removable.tsx",
1000
+ "name": "RemovableChipsProps"
999
1001
  },
1000
1002
  "declarations": [
1001
1003
  {
1002
- "fileName": "src/chips/Filter.tsx",
1003
- "name": "FilterChipsProps"
1004
+ "fileName": "src/chips/Removable.tsx",
1005
+ "name": "RemovableChipsProps"
1004
1006
  }
1005
1007
  ],
1006
1008
  "required": false,
1007
1009
  "type": {
1008
- "name": "(() => void)"
1010
+ "name": "\"action\" | \"neutral\""
1009
1011
  }
1010
1012
  },
1011
- "selected": {
1013
+ "removeLabel": {
1014
+ "defaultValue": {
1015
+ "value": "\"slett filter\""
1016
+ },
1017
+ "description": "Replaces label read for screen-readers",
1018
+ "name": "removeLabel",
1019
+ "parent": {
1020
+ "fileName": "src/chips/Removable.tsx",
1021
+ "name": "RemovableChipsProps"
1022
+ },
1023
+ "declarations": [
1024
+ {
1025
+ "fileName": "src/chips/Removable.tsx",
1026
+ "name": "RemovableChipsProps"
1027
+ }
1028
+ ],
1029
+ "required": false,
1030
+ "type": {
1031
+ "name": "string"
1032
+ }
1033
+ },
1034
+ "onDelete": {
1012
1035
  "defaultValue": null,
1013
- "description": "",
1014
- "name": "selected",
1036
+ "description": "Click callback",
1037
+ "name": "onDelete",
1015
1038
  "parent": {
1016
- "fileName": "src/chips/Filter.tsx",
1017
- "name": "FilterChipsProps"
1039
+ "fileName": "src/chips/Removable.tsx",
1040
+ "name": "RemovableChipsProps"
1018
1041
  },
1019
1042
  "declarations": [
1020
1043
  {
1021
- "fileName": "src/chips/Filter.tsx",
1022
- "name": "FilterChipsProps"
1044
+ "fileName": "src/chips/Removable.tsx",
1045
+ "name": "RemovableChipsProps"
1023
1046
  }
1024
1047
  ],
1025
1048
  "required": false,
1026
1049
  "type": {
1027
- "name": "boolean"
1050
+ "name": "(() => void)"
1028
1051
  }
1029
1052
  },
1030
1053
  "className": {
@@ -1068,68 +1091,26 @@
1068
1091
  }
1069
1092
  },
1070
1093
  {
1071
- "filePath": "src/chips/Removable.tsx",
1072
- "displayName": "RemovableChips",
1094
+ "filePath": "src/chips/Toggle.tsx",
1095
+ "displayName": "ToggleChips",
1073
1096
  "props": {
1074
- "variant": {
1075
- "defaultValue": {
1076
- "value": "\"action\""
1077
- },
1078
- "description": "Chip-variants",
1079
- "name": "variant",
1080
- "parent": {
1081
- "fileName": "src/chips/Removable.tsx",
1082
- "name": "RemovableChipsProps"
1083
- },
1084
- "declarations": [
1085
- {
1086
- "fileName": "src/chips/Removable.tsx",
1087
- "name": "RemovableChipsProps"
1088
- }
1089
- ],
1090
- "required": false,
1091
- "type": {
1092
- "name": "\"action\" | \"neutral\""
1093
- }
1094
- },
1095
- "removeLabel": {
1096
- "defaultValue": {
1097
- "value": "\"slett filter\""
1098
- },
1099
- "description": "Replaces label read for screen-readers",
1100
- "name": "removeLabel",
1101
- "parent": {
1102
- "fileName": "src/chips/Removable.tsx",
1103
- "name": "RemovableChipsProps"
1104
- },
1105
- "declarations": [
1106
- {
1107
- "fileName": "src/chips/Removable.tsx",
1108
- "name": "RemovableChipsProps"
1109
- }
1110
- ],
1111
- "required": false,
1112
- "type": {
1113
- "name": "string"
1114
- }
1115
- },
1116
- "onDelete": {
1097
+ "selected": {
1117
1098
  "defaultValue": null,
1118
- "description": "Click callback",
1119
- "name": "onDelete",
1099
+ "description": "Toggles aria-pressed and visual-changes",
1100
+ "name": "selected",
1120
1101
  "parent": {
1121
- "fileName": "src/chips/Removable.tsx",
1122
- "name": "RemovableChipsProps"
1102
+ "fileName": "src/chips/Toggle.tsx",
1103
+ "name": "ToggleChipsProps"
1123
1104
  },
1124
1105
  "declarations": [
1125
1106
  {
1126
- "fileName": "src/chips/Removable.tsx",
1127
- "name": "RemovableChipsProps"
1107
+ "fileName": "src/chips/Toggle.tsx",
1108
+ "name": "ToggleChipsProps"
1128
1109
  }
1129
1110
  ],
1130
1111
  "required": false,
1131
1112
  "type": {
1132
- "name": "(() => void)"
1113
+ "name": "boolean"
1133
1114
  }
1134
1115
  },
1135
1116
  "className": {
@@ -6671,28 +6652,9 @@
6671
6652
  "filePath": "src/tag/Tag.tsx",
6672
6653
  "displayName": "Tag",
6673
6654
  "props": {
6674
- "children": {
6675
- "defaultValue": null,
6676
- "description": "Tag label",
6677
- "name": "children",
6678
- "parent": {
6679
- "fileName": "src/tag/Tag.tsx",
6680
- "name": "TagProps"
6681
- },
6682
- "declarations": [
6683
- {
6684
- "fileName": "src/tag/Tag.tsx",
6685
- "name": "TagProps"
6686
- }
6687
- ],
6688
- "required": true,
6689
- "type": {
6690
- "name": "ReactNode"
6691
- }
6692
- },
6693
6655
  "variant": {
6694
6656
  "defaultValue": null,
6695
- "description": "Changes background and border color",
6657
+ "description": "Changes visual profile of tag",
6696
6658
  "name": "variant",
6697
6659
  "parent": {
6698
6660
  "fileName": "src/tag/Tag.tsx",
@@ -6713,7 +6675,7 @@
6713
6675
  "defaultValue": {
6714
6676
  "value": "medium"
6715
6677
  },
6716
- "description": "Changes padding and font-sizes",
6678
+ "description": "",
6717
6679
  "name": "size",
6718
6680
  "parent": {
6719
6681
  "fileName": "src/tag/Tag.tsx",
@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
40
40
  exports.Chips = void 0;
41
41
  const clsx_1 = __importDefault(require("clsx"));
42
42
  const react_1 = __importStar(require("react"));
43
- const Filter_1 = __importDefault(require("./Filter"));
43
+ const Toggle_1 = __importDefault(require("./Toggle"));
44
44
  const Removable_1 = __importDefault(require("./Removable"));
45
45
  exports.Chips = (0, react_1.forwardRef)((_a, ref) => {
46
46
  var { className, size = "medium", children } = _a, rest = __rest(_a, ["className", "size", "children"]);
@@ -52,6 +52,6 @@ exports.Chips = (0, react_1.forwardRef)((_a, ref) => {
52
52
  return react_1.default.createElement("li", { key: index + ((_a = chip === null || chip === void 0 ? void 0 : chip.toString()) !== null && _a !== void 0 ? _a : "") }, chip);
53
53
  })));
54
54
  });
55
- exports.Chips.Filter = Filter_1.default;
55
+ exports.Chips.Toggle = Toggle_1.default;
56
56
  exports.Chips.Removable = Removable_1.default;
57
57
  exports.default = exports.Chips;
@@ -37,16 +37,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
37
37
  return (mod && mod.__esModule) ? mod : { "default": mod };
38
38
  };
39
39
  Object.defineProperty(exports, "__esModule", { value: true });
40
- exports.FilterChips = void 0;
40
+ exports.ToggleChips = void 0;
41
41
  const ds_icons_1 = require("@navikt/ds-icons");
42
42
  const clsx_1 = __importDefault(require("clsx"));
43
43
  const react_1 = __importStar(require("react"));
44
- exports.FilterChips = (0, react_1.forwardRef)((_a, ref) => {
44
+ exports.ToggleChips = (0, react_1.forwardRef)((_a, ref) => {
45
45
  var { className, children, selected, as: Component = "button" } = _a, rest = __rest(_a, ["className", "children", "selected", "as"]);
46
- return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-chips__chip navds-chips__filter", className, {
46
+ return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-chips__chip navds-chips__toggle", className, {
47
47
  "navds-chips--icon-left": selected,
48
48
  }), "aria-pressed": selected }),
49
- selected && (react_1.default.createElement(ds_icons_1.SuccessStroke, { "aria-hidden": true, className: "navds-chips__filter-icon" })),
49
+ selected && (react_1.default.createElement(ds_icons_1.SuccessStroke, { "aria-hidden": true, className: "navds-chips__toggle-icon" })),
50
50
  react_1.default.createElement("span", { className: "navds-chips__chip-text" }, children)));
51
51
  });
52
- exports.default = exports.FilterChips;
52
+ exports.default = exports.ToggleChips;
@@ -1,5 +1,5 @@
1
1
  import React, { HTMLAttributes } from "react";
2
- import { FilterChipsType } from "./Filter";
2
+ import { ToggleChipsType } from "./Toggle";
3
3
  import { RemovableChipsType } from "./Removable";
4
4
  export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
5
5
  children: React.ReactNode;
@@ -10,7 +10,7 @@ export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
10
10
  size?: "medium" | "small";
11
11
  }
12
12
  interface ChipsComponent extends React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLUListElement>> {
13
- Filter: FilterChipsType;
13
+ Toggle: ToggleChipsType;
14
14
  Removable: RemovableChipsType;
15
15
  }
16
16
  export declare const Chips: ChipsComponent;
@@ -11,7 +11,7 @@ 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 FilterChips from "./Filter";
14
+ import ToggleChips from "./Toggle";
15
15
  import RemovableChips from "./Removable";
16
16
  export const Chips = forwardRef((_a, ref) => {
17
17
  var { className, size = "medium", children } = _a, rest = __rest(_a, ["className", "size", "children"]);
@@ -23,7 +23,7 @@ export const Chips = forwardRef((_a, ref) => {
23
23
  return React.createElement("li", { key: index + ((_a = chip === null || chip === void 0 ? void 0 : chip.toString()) !== null && _a !== void 0 ? _a : "") }, chip);
24
24
  })));
25
25
  });
26
- Chips.Filter = FilterChips;
26
+ Chips.Toggle = ToggleChips;
27
27
  Chips.Removable = RemovableChips;
28
28
  export default Chips;
29
29
  //# sourceMappingURL=Chips.js.map
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { OverridableComponent } from "..";
3
+ export interface ToggleChipsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
+ children: string;
5
+ /**
6
+ * Toggles aria-pressed and visual-changes
7
+ */
8
+ selected?: boolean;
9
+ }
10
+ export interface ToggleChipsType extends OverridableComponent<ToggleChipsProps, HTMLButtonElement> {
11
+ }
12
+ export declare const ToggleChips: ToggleChipsType;
13
+ export default ToggleChips;
@@ -12,13 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import { SuccessStroke } from "@navikt/ds-icons";
13
13
  import cl from "clsx";
14
14
  import React, { forwardRef } from "react";
15
- export const FilterChips = forwardRef((_a, ref) => {
15
+ export const ToggleChips = forwardRef((_a, ref) => {
16
16
  var { className, children, selected, as: Component = "button" } = _a, rest = __rest(_a, ["className", "children", "selected", "as"]);
17
- return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl("navds-chips__chip navds-chips__filter", className, {
17
+ return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl("navds-chips__chip navds-chips__toggle", className, {
18
18
  "navds-chips--icon-left": selected,
19
19
  }), "aria-pressed": selected }),
20
- selected && (React.createElement(SuccessStroke, { "aria-hidden": true, className: "navds-chips__filter-icon" })),
20
+ selected && (React.createElement(SuccessStroke, { "aria-hidden": true, className: "navds-chips__toggle-icon" })),
21
21
  React.createElement("span", { className: "navds-chips__chip-text" }, children)));
22
22
  });
23
- export default FilterChips;
24
- //# sourceMappingURL=Filter.js.map
23
+ export default ToggleChips;
24
+ //# sourceMappingURL=Toggle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAe1C,MAAM,CAAC,MAAM,WAAW,GAAoB,UAAU,CACpD,CACE,EAAoE,EACpE,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,OAAW,EAAN,IAAI,cAAlE,2CAAoE,CAAF;IAGlE,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,EAAE;YAChE,wBAAwB,EAAE,QAAQ;SACnC,CAAC,kBACY,QAAQ;QAErB,QAAQ,IAAI,CACX,oBAAC,aAAa,yBAAa,SAAS,EAAC,0BAA0B,GAAG,CACnE;QACD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ,CAChD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/tag/Tag.d.ts CHANGED
@@ -1,15 +1,11 @@
1
1
  import React, { HTMLAttributes } from "react";
2
2
  export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
3
- /**
4
- * Tag label
5
- */
6
3
  children: React.ReactNode;
7
4
  /**
8
- * Changes background and border color
5
+ * Changes visual profile of tag
9
6
  */
10
7
  variant: "warning" | "warning-filled" | "error" | "error-filled" | "info" | "info-filled" | "success" | "success-filled" | "neutral" | "neutral-filled" | "alt1" | "alt1-filled" | "alt2" | "alt2-filled" | "alt3" | "alt3-filled";
11
8
  /**
12
- * Changes padding and font-sizes
13
9
  * @default "medium"
14
10
  */
15
11
  size?: "medium" | "small" | "xsmall";
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAkCvC,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,OAAW,EAAN,IAAI,cAA9C,gCAAgD,CAAF;IAC7C,MAAM,SAAS,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAEzD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,EAAE,CACX,WAAW,EACX,SAAS,EACT,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,CACrB,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AA8BvC,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,OAAW,EAAN,IAAI,cAA9C,gCAAgD,CAAF;IAC7C,MAAM,SAAS,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAEzD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,EAAE,CACX,WAAW,EACX,SAAS,EACT,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,CACrB,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,GAAG,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "1.5.0",
3
+ "version": "1.5.2",
4
4
  "description": "NAV designsystem react components",
5
5
  "author": "NAV Designsystem team",
6
6
  "license": "MIT",
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@floating-ui/react-dom-interactions": "0.9.2",
40
- "@navikt/ds-icons": "^1.5.0",
40
+ "@navikt/ds-icons": "^1.5.2",
41
41
  "@radix-ui/react-tabs": "1.0.0",
42
42
  "@radix-ui/react-toggle-group": "1.0.0",
43
43
  "clsx": "^1.2.1",
@@ -1,6 +1,6 @@
1
1
  import cl from "clsx";
2
2
  import React, { forwardRef, HTMLAttributes } from "react";
3
- import FilterChips, { FilterChipsType } from "./Filter";
3
+ import ToggleChips, { ToggleChipsType } from "./Toggle";
4
4
  import RemovableChips, { RemovableChipsType } from "./Removable";
5
5
 
6
6
  export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
@@ -16,7 +16,7 @@ interface ChipsComponent
16
16
  extends React.ForwardRefExoticComponent<
17
17
  ChipsProps & React.RefAttributes<HTMLUListElement>
18
18
  > {
19
- Filter: FilterChipsType;
19
+ Toggle: ToggleChipsType;
20
20
  Removable: RemovableChipsType;
21
21
  }
22
22
 
@@ -39,7 +39,7 @@ export const Chips: ChipsComponent = forwardRef<HTMLUListElement, ChipsProps>(
39
39
  }
40
40
  ) as ChipsComponent;
41
41
 
42
- Chips.Filter = FilterChips;
42
+ Chips.Toggle = ToggleChips;
43
43
  Chips.Removable = RemovableChips;
44
44
 
45
45
  export default Chips;
@@ -3,23 +3,19 @@ import cl from "clsx";
3
3
  import React, { forwardRef } from "react";
4
4
  import { OverridableComponent } from "..";
5
5
 
6
- export interface FilterChipsProps
6
+ export interface ToggleChipsProps
7
7
  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
8
8
  children: string;
9
9
  /**
10
- *
11
- */
12
- onSelect?: () => void;
13
- /**
14
- *
10
+ * Toggles aria-pressed and visual-changes
15
11
  */
16
12
  selected?: boolean;
17
13
  }
18
14
 
19
- export interface FilterChipsType
20
- extends OverridableComponent<FilterChipsProps, HTMLButtonElement> {}
15
+ export interface ToggleChipsType
16
+ extends OverridableComponent<ToggleChipsProps, HTMLButtonElement> {}
21
17
 
22
- export const FilterChips: FilterChipsType = forwardRef(
18
+ export const ToggleChips: ToggleChipsType = forwardRef(
23
19
  (
24
20
  { className, children, selected, as: Component = "button", ...rest },
25
21
  ref
@@ -28,13 +24,13 @@ export const FilterChips: FilterChipsType = forwardRef(
28
24
  <Component
29
25
  {...rest}
30
26
  ref={ref}
31
- className={cl("navds-chips__chip navds-chips__filter", className, {
27
+ className={cl("navds-chips__chip navds-chips__toggle", className, {
32
28
  "navds-chips--icon-left": selected,
33
29
  })}
34
30
  aria-pressed={selected}
35
31
  >
36
32
  {selected && (
37
- <SuccessStroke aria-hidden className="navds-chips__filter-icon" />
33
+ <SuccessStroke aria-hidden className="navds-chips__toggle-icon" />
38
34
  )}
39
35
  <span className="navds-chips__chip-text">{children}</span>
40
36
  </Component>
@@ -42,4 +38,4 @@ export const FilterChips: FilterChipsType = forwardRef(
42
38
  }
43
39
  );
44
40
 
45
- export default FilterChips;
41
+ export default ToggleChips;
@@ -8,7 +8,7 @@ export default {
8
8
  type: {
9
9
  control: {
10
10
  type: "radio",
11
- options: ["filter", "removable"],
11
+ options: ["toggle", "removable"],
12
12
  },
13
13
  },
14
14
  size: {
@@ -26,11 +26,11 @@ export const Default = (props) => {
26
26
  const [selected, setSelected] = useState(["Dansk", "Svensk"]);
27
27
  const [filter, setFilter] = useState(options);
28
28
 
29
- if (props.type === "filter") {
29
+ if (props.type === "toggle") {
30
30
  return (
31
31
  <Chips size={props.size ?? "medium"}>
32
32
  {options.map((c) => (
33
- <Chips.Filter
33
+ <Chips.Toggle
34
34
  selected={selected.includes(c)}
35
35
  key={c}
36
36
  onClick={() =>
@@ -42,7 +42,7 @@ export const Default = (props) => {
42
42
  }
43
43
  >
44
44
  {c}
45
- </Chips.Filter>
45
+ </Chips.Toggle>
46
46
  ))}
47
47
  </Chips>
48
48
  );
@@ -62,12 +62,12 @@ export const Default = (props) => {
62
62
  );
63
63
  };
64
64
 
65
- export const Filter = () => {
65
+ export const Toggle = () => {
66
66
  const [selected, setSelected] = useState<number[]>([]);
67
67
  return (
68
68
  <Chips>
69
69
  {options.map((c, y) => (
70
- <Chips.Filter
70
+ <Chips.Toggle
71
71
  selected={selected.includes(y)}
72
72
  onClick={() =>
73
73
  setSelected(
@@ -79,7 +79,7 @@ export const Filter = () => {
79
79
  key={y}
80
80
  >
81
81
  {c}
82
- </Chips.Filter>
82
+ </Chips.Toggle>
83
83
  ))}
84
84
  </Chips>
85
85
  );
@@ -115,7 +115,7 @@ export const Regular = () => {
115
115
  </Chips>
116
116
  <Chips>
117
117
  {options.map((c, y) => (
118
- <Chips.Filter
118
+ <Chips.Toggle
119
119
  selected={selected.includes(y)}
120
120
  onClick={() =>
121
121
  setSelected(
@@ -127,7 +127,7 @@ export const Regular = () => {
127
127
  key={y}
128
128
  >
129
129
  {c}
130
- </Chips.Filter>
130
+ </Chips.Toggle>
131
131
  ))}
132
132
  </Chips>
133
133
  </div>
@@ -145,7 +145,7 @@ export const Small = () => {
145
145
  </Chips>
146
146
  <Chips size="small">
147
147
  {options.map((c, y) => (
148
- <Chips.Filter
148
+ <Chips.Toggle
149
149
  selected={selected.includes(y)}
150
150
  onClick={() =>
151
151
  setSelected(
@@ -157,7 +157,7 @@ export const Small = () => {
157
157
  key={y}
158
158
  >
159
159
  {c}
160
- </Chips.Filter>
160
+ </Chips.Toggle>
161
161
  ))}
162
162
  </Chips>
163
163
  </div>
package/src/tag/Tag.tsx CHANGED
@@ -3,12 +3,9 @@ import cl from "clsx";
3
3
  import { BodyShort, Detail } from "..";
4
4
 
5
5
  export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
6
- /**
7
- * Tag label
8
- */
9
6
  children: React.ReactNode;
10
7
  /**
11
- * Changes background and border color
8
+ * Changes visual profile of tag
12
9
  */
13
10
  variant:
14
11
  | "warning"
@@ -28,7 +25,6 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
28
25
  | "alt3"
29
26
  | "alt3-filled";
30
27
  /**
31
- * Changes padding and font-sizes
32
28
  * @default "medium"
33
29
  */
34
30
  size?: "medium" | "small" | "xsmall";
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import { OverridableComponent } from "..";
3
- export interface FilterChipsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
- children: string;
5
- /**
6
- *
7
- */
8
- onSelect?: () => void;
9
- /**
10
- *
11
- */
12
- selected?: boolean;
13
- }
14
- export interface FilterChipsType extends OverridableComponent<FilterChipsProps, HTMLButtonElement> {
15
- }
16
- export declare const FilterChips: FilterChipsType;
17
- export default FilterChips;
@@ -1 +0,0 @@
1
- {"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../src/chips/Filter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAmB1C,MAAM,CAAC,MAAM,WAAW,GAAoB,UAAU,CACpD,CACE,EAAoE,EACpE,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,OAAW,EAAN,IAAI,cAAlE,2CAAoE,CAAF;IAGlE,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,EAAE;YAChE,wBAAwB,EAAE,QAAQ;SACnC,CAAC,kBACY,QAAQ;QAErB,QAAQ,IAAI,CACX,oBAAC,aAAa,yBAAa,SAAS,EAAC,0BAA0B,GAAG,CACnE;QACD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ,CAChD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}