@synerise/ds-card-select 1.1.14 → 1.1.16

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 (7) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/CardSelect.d.ts +85 -85
  3. package/dist/CardSelect.js +2 -1
  4. package/dist/CardSelect.styles.d.ts +26 -26
  5. package/dist/CardSelect.types.d.ts +2 -1
  6. package/dist/CardSelectGroup/CardSelectGroup.styles.d.ts +4 -4
  7. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.1.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-select@1.1.15...@synerise/ds-card-select@1.1.16) (2025-08-14)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-card-select
9
+
10
+
11
+
12
+
13
+
14
+ ## [1.1.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-select@1.1.14...@synerise/ds-card-select@1.1.15) (2025-07-24)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-card-select
17
+
18
+
19
+
20
+
21
+
6
22
  ## [1.1.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-select@1.1.13...@synerise/ds-card-select@1.1.14) (2025-07-17)
7
23
 
8
24
  **Note:** Version bump only for package @synerise/ds-card-select
package/dist/CardSelect.d.ts CHANGED
@@ -6,11 +6,11 @@ declare const _default: React.ForwardRefExoticComponent<{
6
6
  onClick?: (() => void) | undefined;
7
7
  disabled?: boolean | undefined;
8
8
  key?: React.Key | undefined;
9
+ value?: boolean | undefined;
10
+ size?: import("./CardSelect.types").CardSelectSizeType | undefined;
9
11
  stretchToFit?: boolean | undefined;
10
12
  error?: boolean | undefined;
11
- value?: boolean | undefined;
12
13
  raised?: boolean | undefined;
13
- size?: import("./CardSelect.types").CardSelectSizeType | undefined;
14
14
  description?: React.ReactNode;
15
15
  customTickVisible?: boolean | undefined;
16
16
  customTickVisibleComponent?: React.ReactNode;
@@ -21,114 +21,114 @@ declare const _default: React.ForwardRefExoticComponent<{
21
21
  elementsPosition?: import("./CardSelect.types").CardSelectAlignType | undefined;
22
22
  tagProps?: {
23
23
  [x: `data-${string}`]: string;
24
- defaultChecked?: boolean | undefined;
24
+ defaultChecked?: boolean | undefined | undefined;
25
25
  defaultValue?: string | number | readonly string[] | undefined;
26
- suppressContentEditableWarning?: boolean | undefined;
27
- suppressHydrationWarning?: boolean | undefined;
28
- accessKey?: string | undefined;
29
- autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
30
- autoFocus?: boolean | undefined;
26
+ suppressContentEditableWarning?: boolean | undefined | undefined;
27
+ suppressHydrationWarning?: boolean | undefined | undefined;
28
+ accessKey?: string | undefined | undefined;
29
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
30
+ autoFocus?: boolean | undefined | undefined;
31
31
  className?: string | undefined;
32
32
  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
33
- contextMenu?: string | undefined;
34
- dir?: string | undefined;
33
+ contextMenu?: string | undefined | undefined;
34
+ dir?: string | undefined | undefined;
35
35
  draggable?: (boolean | "true" | "false") | undefined;
36
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
37
- hidden?: boolean | undefined;
36
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
37
+ hidden?: boolean | undefined | undefined;
38
38
  id?: string | number | undefined;
39
- lang?: string | undefined;
40
- nonce?: string | undefined;
41
- slot?: string | undefined;
39
+ lang?: string | undefined | undefined;
40
+ nonce?: string | undefined | undefined;
41
+ slot?: string | undefined | undefined;
42
42
  spellCheck?: (boolean | "true" | "false") | undefined;
43
43
  style?: React.CSSProperties | undefined;
44
- tabIndex?: number | undefined;
45
- title?: string | undefined;
46
- translate?: "yes" | "no" | undefined;
47
- radioGroup?: string | undefined;
44
+ tabIndex?: number | undefined | undefined;
45
+ title?: string | undefined | undefined;
46
+ translate?: "yes" | "no" | undefined | undefined;
47
+ radioGroup?: string | undefined | undefined;
48
48
  role?: React.AriaRole | undefined;
49
- about?: string | undefined;
50
- content?: string | undefined;
51
- datatype?: string | undefined;
49
+ about?: string | undefined | undefined;
50
+ content?: string | undefined | undefined;
51
+ datatype?: string | undefined | undefined;
52
52
  inlist?: any;
53
- prefix?: string | undefined;
54
- property?: string | undefined;
55
- rel?: string | undefined;
56
- resource?: string | undefined;
57
- rev?: string | undefined;
58
- typeof?: string | undefined;
59
- vocab?: string | undefined;
60
- autoCorrect?: string | undefined;
61
- autoSave?: string | undefined;
53
+ prefix?: string | undefined | undefined;
54
+ property?: string | undefined | undefined;
55
+ rel?: string | undefined | undefined;
56
+ resource?: string | undefined | undefined;
57
+ rev?: string | undefined | undefined;
58
+ typeof?: string | undefined | undefined;
59
+ vocab?: string | undefined | undefined;
60
+ autoCorrect?: string | undefined | undefined;
61
+ autoSave?: string | undefined | undefined;
62
62
  color?: string | undefined;
63
- itemProp?: string | undefined;
64
- itemScope?: boolean | undefined;
65
- itemType?: string | undefined;
66
- itemID?: string | undefined;
67
- itemRef?: string | undefined;
68
- results?: number | undefined;
69
- security?: string | undefined;
70
- unselectable?: "off" | "on" | undefined;
71
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
72
- is?: string | undefined;
73
- exportparts?: string | undefined;
74
- part?: string | undefined;
75
- "aria-activedescendant"?: string | undefined;
63
+ itemProp?: string | undefined | undefined;
64
+ itemScope?: boolean | undefined | undefined;
65
+ itemType?: string | undefined | undefined;
66
+ itemID?: string | undefined | undefined;
67
+ itemRef?: string | undefined | undefined;
68
+ results?: number | undefined | undefined;
69
+ security?: string | undefined | undefined;
70
+ unselectable?: "on" | "off" | undefined | undefined;
71
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
72
+ is?: string | undefined | undefined;
73
+ exportparts?: string | undefined | undefined;
74
+ part?: string | undefined | undefined;
75
+ "aria-activedescendant"?: string | undefined | undefined;
76
76
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
77
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
78
- "aria-braillelabel"?: string | undefined;
79
- "aria-brailleroledescription"?: string | undefined;
77
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
78
+ "aria-braillelabel"?: string | undefined | undefined;
79
+ "aria-brailleroledescription"?: string | undefined | undefined;
80
80
  "aria-busy"?: (boolean | "true" | "false") | undefined;
81
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
82
- "aria-colcount"?: number | undefined;
83
- "aria-colindex"?: number | undefined;
84
- "aria-colindextext"?: string | undefined;
85
- "aria-colspan"?: number | undefined;
86
- "aria-controls"?: string | undefined;
87
- "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
88
- "aria-describedby"?: string | undefined;
89
- "aria-description"?: string | undefined;
90
- "aria-details"?: string | undefined;
81
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
82
+ "aria-colcount"?: number | undefined | undefined;
83
+ "aria-colindex"?: number | undefined | undefined;
84
+ "aria-colindextext"?: string | undefined | undefined;
85
+ "aria-colspan"?: number | undefined | undefined;
86
+ "aria-controls"?: string | undefined | undefined;
87
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
88
+ "aria-describedby"?: string | undefined | undefined;
89
+ "aria-description"?: string | undefined | undefined;
90
+ "aria-details"?: string | undefined | undefined;
91
91
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
92
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
93
- "aria-errormessage"?: string | undefined;
92
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
93
+ "aria-errormessage"?: string | undefined | undefined;
94
94
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
95
- "aria-flowto"?: string | undefined;
95
+ "aria-flowto"?: string | undefined | undefined;
96
96
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
97
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
97
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
98
98
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
99
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
100
- "aria-keyshortcuts"?: string | undefined;
101
- "aria-label"?: string | undefined;
102
- "aria-labelledby"?: string | undefined;
103
- "aria-level"?: number | undefined;
104
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
99
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
100
+ "aria-keyshortcuts"?: string | undefined | undefined;
101
+ "aria-label"?: string | undefined | undefined;
102
+ "aria-labelledby"?: string | undefined | undefined;
103
+ "aria-level"?: number | undefined | undefined;
104
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
105
105
  "aria-modal"?: (boolean | "true" | "false") | undefined;
106
106
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
107
107
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
108
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
109
- "aria-owns"?: string | undefined;
110
- "aria-placeholder"?: string | undefined;
111
- "aria-posinset"?: number | undefined;
112
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
108
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
109
+ "aria-owns"?: string | undefined | undefined;
110
+ "aria-placeholder"?: string | undefined | undefined;
111
+ "aria-posinset"?: number | undefined | undefined;
112
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
113
113
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
114
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
114
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
115
115
  "aria-required"?: (boolean | "true" | "false") | undefined;
116
- "aria-roledescription"?: string | undefined;
117
- "aria-rowcount"?: number | undefined;
118
- "aria-rowindex"?: number | undefined;
119
- "aria-rowindextext"?: string | undefined;
120
- "aria-rowspan"?: number | undefined;
116
+ "aria-roledescription"?: string | undefined | undefined;
117
+ "aria-rowcount"?: number | undefined | undefined;
118
+ "aria-rowindex"?: number | undefined | undefined;
119
+ "aria-rowindextext"?: string | undefined | undefined;
120
+ "aria-rowspan"?: number | undefined | undefined;
121
121
  "aria-selected"?: (boolean | "true" | "false") | undefined;
122
- "aria-setsize"?: number | undefined;
123
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
124
- "aria-valuemax"?: number | undefined;
125
- "aria-valuemin"?: number | undefined;
126
- "aria-valuenow"?: number | undefined;
127
- "aria-valuetext"?: string | undefined;
122
+ "aria-setsize"?: number | undefined | undefined;
123
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
124
+ "aria-valuemax"?: number | undefined | undefined;
125
+ "aria-valuemin"?: number | undefined | undefined;
126
+ "aria-valuenow"?: number | undefined | undefined;
127
+ "aria-valuetext"?: string | undefined | undefined;
128
128
  children?: React.ReactNode;
129
129
  dangerouslySetInnerHTML?: {
130
130
  __html: string | TrustedHTML;
131
- } | undefined;
131
+ } | undefined | undefined;
132
132
  onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
133
133
  onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
134
134
  onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
package/dist/CardSelect.js CHANGED
@@ -1,6 +1,7 @@
1
1
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
2
  import React, { useRef, useState } from 'react';
3
3
  import { withTheme } from 'styled-components';
4
+ import { useTheme } from '@synerise/ds-core';
4
5
  import Icon, { Check3M, InfoFillS } from '@synerise/ds-icon';
5
6
  import { TagShape } from '@synerise/ds-tag';
6
7
  import Tooltip from '@synerise/ds-tooltip';
@@ -29,7 +30,6 @@ var CardSelect = function CardSelect(_ref) {
29
30
  elementsPosition = _ref$elementsPosition === void 0 ? 'center' : _ref$elementsPosition,
30
31
  className = _ref.className,
31
32
  onClick = _ref.onClick,
32
- theme = _ref.theme,
33
33
  error = _ref.error,
34
34
  tagProps = _ref.tagProps,
35
35
  tagTooltipProps = _ref.tagTooltipProps,
@@ -37,6 +37,7 @@ var CardSelect = function CardSelect(_ref) {
37
37
  var _useState = useState(false),
38
38
  isPressed = _useState[0],
39
39
  setIsPressed = _useState[1];
40
+ var theme = useTheme();
40
41
  var wrapperRef = useRef(null);
41
42
  var tickIconRef = useRef(null);
42
43
  var handleClick = function handleClick() {
package/dist/CardSelect.styles.d.ts CHANGED
@@ -2,50 +2,50 @@ import type React from 'react';
2
2
  import { type ThemeProps } from '@synerise/ds-core';
3
3
  import { type CardSelectAlignType, type CardSelectSizeType } from './CardSelect.types';
4
4
  export declare const RadioShape: import("styled-components").StyledComponent<"div", any, {
5
- size?: CardSelectSizeType | undefined;
5
+ size?: CardSelectSizeType;
6
6
  }, never>;
7
7
  export declare const Title: import("styled-components").StyledComponent<"div", any, {
8
8
  hasIcon: boolean;
9
- size?: CardSelectSizeType | undefined;
9
+ size?: CardSelectSizeType;
10
10
  }, never>;
11
11
  export declare const Description: import("styled-components").StyledComponent<"div", any, {
12
- hasTitle?: boolean | undefined;
13
- hasIcon?: boolean | undefined;
14
- size?: CardSelectSizeType | undefined;
12
+ hasTitle?: boolean;
13
+ hasIcon?: boolean;
14
+ size?: CardSelectSizeType;
15
15
  }, never>;
16
16
  export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
17
- size?: CardSelectSizeType | undefined;
17
+ size?: CardSelectSizeType;
18
18
  }, never>;
19
19
  export declare const Aside: import("styled-components").StyledComponent<"div", any, {
20
- size?: CardSelectSizeType | undefined;
21
- elementsPosition?: CardSelectAlignType | undefined;
22
- tickVisible?: boolean | undefined;
20
+ size?: CardSelectSizeType;
21
+ elementsPosition?: CardSelectAlignType;
22
+ tickVisible?: boolean;
23
23
  }, never>;
24
24
  export declare const Container: import("styled-components").StyledComponent<"div", any, {
25
- disabled?: boolean | undefined;
26
- raised?: boolean | undefined;
27
- value?: boolean | undefined;
28
- size?: CardSelectSizeType | undefined;
25
+ disabled?: boolean;
26
+ raised?: boolean;
27
+ value?: boolean;
28
+ size?: CardSelectSizeType;
29
29
  elementsPosition: CardSelectAlignType;
30
- selected?: boolean | undefined;
31
- pressed?: boolean | undefined;
32
- stretchToFit?: boolean | undefined;
33
- error?: boolean | undefined;
30
+ selected?: boolean;
31
+ pressed?: boolean;
32
+ stretchToFit?: boolean;
33
+ error?: boolean;
34
34
  } & ThemeProps, never>;
35
35
  export declare const TagRibbonAnchor: import("styled-components").StyledComponent<"div", any, {}, never>;
36
36
  export declare const TagRibbon: import("styled-components").StyledComponent<({ id, name, className, disabled, removable, image, shape, color, textColor, onRemove, onClick, prefixel, suffixel, texts, asPill, dashed, ...htmlAttributes }: import("@synerise/ds-tag").TagProps) => React.JSX.Element, any, {}, never>;
37
37
  export declare const Main: import("styled-components").StyledComponent<"div", any, {}, never>;
38
38
  export declare const TickIcon: import("styled-components").StyledComponent<"div", any, {
39
- size?: CardSelectSizeType | undefined;
40
- disabled?: boolean | undefined;
41
- selected?: boolean | undefined;
39
+ size?: CardSelectSizeType;
40
+ disabled?: boolean;
41
+ selected?: boolean;
42
42
  elementsPosition: CardSelectAlignType;
43
43
  }, never>;
44
44
  export declare const CardWrapper: import("styled-components").StyledComponent<"div", any, {
45
- size?: CardSelectSizeType | undefined;
46
- disabled?: boolean | undefined;
47
- stretchToFit?: boolean | undefined;
48
- hasTick?: boolean | undefined;
49
- hasIcon?: boolean | undefined;
50
- elementsPosition?: CardSelectAlignType | undefined;
45
+ size?: CardSelectSizeType;
46
+ disabled?: boolean;
47
+ stretchToFit?: boolean;
48
+ hasTick?: boolean;
49
+ hasIcon?: boolean;
50
+ elementsPosition?: CardSelectAlignType;
51
51
  }, never>;
package/dist/CardSelect.types.d.ts CHANGED
@@ -23,7 +23,8 @@ export type CardSelectProps = {
23
23
  tagProps?: CardSelectTagProps;
24
24
  tagTooltipProps?: TooltipProps;
25
25
  infoTooltipProps?: TooltipProps;
26
- theme: {
26
+ /** @deprecated */
27
+ theme?: {
27
28
  [k: string]: string;
28
29
  };
29
30
  onChange?: (value: boolean) => void;
package/dist/CardSelectGroup/CardSelectGroup.styles.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export declare const CardSelectGroupWrapper: import("styled-components").StyledComponent<"div", any, {
2
- itemsCount?: number | undefined;
3
- size: 'small' | 'medium' | 'large';
2
+ itemsCount?: number;
3
+ size: "small" | "medium" | "large";
4
4
  columns: number | null;
5
5
  }, never>;
6
6
  export declare const CardGroup: import("styled-components").StyledComponent<"div", any, {
7
- itemsCount?: number | undefined;
8
- size: 'small' | 'medium' | 'large';
7
+ itemsCount?: number;
8
+ size: "small" | "medium" | "large";
9
9
  columns: number | null;
10
10
  }, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-card-select",
3
- "version": "1.1.14",
3
+ "version": "1.1.16",
4
4
  "description": "Card-Select UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,10 +34,10 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-icon": "^1.6.1",
38
- "@synerise/ds-tag": "^1.1.14",
39
- "@synerise/ds-tooltip": "^1.1.14",
40
- "@synerise/ds-utils": "^1.3.1",
37
+ "@synerise/ds-icon": "^1.7.0",
38
+ "@synerise/ds-tag": "^1.1.16",
39
+ "@synerise/ds-tooltip": "^1.1.16",
40
+ "@synerise/ds-utils": "^1.4.0",
41
41
  "styled-is": "^1.3.0"
42
42
  },
43
43
  "peerDependencies": {
@@ -46,5 +46,5 @@
46
46
  "react": ">=16.9.0 <= 18.3.1",
47
47
  "styled-components": "^5.3.3"
48
48
  },
49
- "gitHead": "4e851d649cb25346f2f8e0575dde91cc50f43bc4"
49
+ "gitHead": "408d73cc145b6c8c61f3e70dce05badf3ad1ffde"
50
50
  }