@synerise/ds-card-select 0.7.24 → 0.7.26

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.7.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-select@0.7.25...@synerise/ds-card-select@0.7.26) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-card-select
+
+
+
+
+
+## [0.7.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-select@0.7.24...@synerise/ds-card-select@0.7.25) (2024-11-21)
+
+**Note:** Version bump only for package @synerise/ds-card-select
+
+
+
+
+
 ## [0.7.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-select@0.7.23...@synerise/ds-card-select@0.7.24) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-card-select

package/dist/CardSelect.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<{
     className?: string | undefined;
-    disabled?: boolean | undefined;
-    onClick?: (() => void) | undefined;
     title?: React.ReactNode;
     onChange?: ((value: boolean) => void) | undefined;
+    onClick?: (() => void) | undefined;
+    disabled?: boolean | undefined;
     key?: React.Key | undefined;
     stretchToFit?: boolean | undefined;
     error?: boolean | undefined;
@@ -20,27 +20,21 @@ declare const _default: React.ForwardRefExoticComponent<{
     tickSize?: number | undefined;
     elementsPosition?: import("./CardSelect.types").CardSelectAlignType | undefined;
     tagProps?: {
-        id?: string | undefined;
-        name?: string | undefined;
-        textColor?: string | undefined;
-        color?: string | undefined;
-        className?: string | undefined;
-        disabled?: boolean | undefined;
-        onClick?: ((() => void) & React.MouseEventHandler<HTMLDivElement>) | undefined;
-        prefixel?: React.ReactNode;
-        suffixel?: React.ReactNode;
-        dashed?: boolean | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
+        autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autoFocus?: boolean | undefined;
+        className?: string | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
+        id?: string | number | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         placeholder?: string | undefined;
@@ -63,9 +57,9 @@ declare const _default: React.ForwardRefExoticComponent<{
         rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
+        color?: string | undefined;
         itemProp?: string | undefined;
         itemScope?: boolean | undefined;
         itemType?: string | undefined;
@@ -73,7 +67,7 @@ declare const _default: React.ForwardRefExoticComponent<{
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
@@ -212,6 +206,7 @@ declare const _default: React.ForwardRefExoticComponent<{
         onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
         onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: (() => void) | undefined;
         onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
@@ -287,6 +282,12 @@ declare const _default: React.ForwardRefExoticComponent<{
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        name?: string | undefined;
+        textColor?: string | undefined;
+        disabled?: boolean | undefined;
+        prefixel?: React.ReactNode;
+        suffixel?: React.ReactNode;
+        dashed?: boolean | undefined;
     } | undefined;
     tagTooltipProps?: import("@synerise/ds-tooltip").TooltipProps | undefined;
 } & {

package/dist/CardSelect.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useState, useRef } from 'react';
 import { withTheme } from 'styled-components';
 import Icon, { Check3M } from '@synerise/ds-icon';
@@ -8,49 +7,43 @@ import { useOnClickOutside } from '@synerise/ds-utils';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './CardSelect.styles';
 import { DEFAULT_ICON_SIZE_LARGE, DEFAULT_ICON_SIZE_SMALL, DEFAULT_TICK_SIZE_LARGE, DEFAULT_TICK_SIZE_SMALL } from './constants';
-
 var CardSelect = function CardSelect(_ref) {
   var title = _ref.title,
-      description = _ref.description,
-      customTickVisible = _ref.customTickVisible,
-      customTickVisibleComponent = _ref.customTickVisibleComponent,
-      tickVisible = _ref.tickVisible,
-      stretchToFit = _ref.stretchToFit,
-      raised = _ref.raised,
-      value = _ref.value,
-      size = _ref.size,
-      disabled = _ref.disabled,
-      onChange = _ref.onChange,
-      icon = _ref.icon,
-      iconSize = _ref.iconSize,
-      tickSize = _ref.tickSize,
-      _ref$elementsPosition = _ref.elementsPosition,
-      elementsPosition = _ref$elementsPosition === void 0 ? 'center' : _ref$elementsPosition,
-      className = _ref.className,
-      onClick = _ref.onClick,
-      theme = _ref.theme,
-      error = _ref.error,
-      tagProps = _ref.tagProps,
-      tagTooltipProps = _ref.tagTooltipProps;
-
+    description = _ref.description,
+    customTickVisible = _ref.customTickVisible,
+    customTickVisibleComponent = _ref.customTickVisibleComponent,
+    tickVisible = _ref.tickVisible,
+    stretchToFit = _ref.stretchToFit,
+    raised = _ref.raised,
+    value = _ref.value,
+    size = _ref.size,
+    disabled = _ref.disabled,
+    onChange = _ref.onChange,
+    icon = _ref.icon,
+    iconSize = _ref.iconSize,
+    tickSize = _ref.tickSize,
+    _ref$elementsPosition = _ref.elementsPosition,
+    elementsPosition = _ref$elementsPosition === void 0 ? 'center' : _ref$elementsPosition,
+    className = _ref.className,
+    onClick = _ref.onClick,
+    theme = _ref.theme,
+    error = _ref.error,
+    tagProps = _ref.tagProps,
+    tagTooltipProps = _ref.tagTooltipProps;
   var _useState = useState(false),
-      isPressed = _useState[0],
-      setIsPressed = _useState[1];
-
+    isPressed = _useState[0],
+    setIsPressed = _useState[1];
   var wrapperRef = useRef(null);
   var tickIconRef = useRef(null);
-
   var handleClick = function handleClick() {
     onClick ? onClick() : onChange && onChange(!value);
     setIsPressed(true);
     setTimeout(function () {
       var _tickIconRef$current;
-
       // eslint-disable-next-line no-unused-expressions
       (_tickIconRef$current = tickIconRef.current) == null || _tickIconRef$current.blur();
     });
   };
-
   var realIconSize = iconSize || (size === 'small' ? DEFAULT_ICON_SIZE_SMALL : DEFAULT_ICON_SIZE_LARGE);
   var realTickSize = tickSize || (size === 'small' ? DEFAULT_TICK_SIZE_SMALL : DEFAULT_TICK_SIZE_LARGE);
   var tagElement = tagProps && /*#__PURE__*/React.createElement(S.TagRibbonAnchor, null, /*#__PURE__*/React.createElement(S.TagRibbon, _extends({}, tagProps, {
@@ -113,7 +106,6 @@ var CardSelect = function CardSelect(_ref) {
     size: size
   }, customTickVisible && customTickVisibleComponent)));
 };
-
 CardSelect.defaultProps = {
   tickVisible: true,
   value: false,

package/dist/CardSelect.styles.js

@@ -1,7 +1,5 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
-
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
 import styled, { css } from 'styled-components';
 import is, { isNot } from 'styled-is';
 import { Tag } from '@synerise/ds-tags';
@@ -18,29 +16,23 @@ var MAP_ELEMENTS_POSITION = {
   right: 'flex-end',
   center: 'center'
 };
-
 var getVar = function getVar(name) {
   return function (props) {
     return props.theme.palette[name];
   };
 };
-
 var getTransformValues = function getTransformValues(props) {
   if (props.size === 'small') {
     return 'translate(-2px,-2px)';
   }
-
   if (props.elementsPosition === 'left') {
     return 'translate(3px,-3px)';
   }
-
   return 'translate( -3px, -3px)';
 };
-
 var sizeCondition = function sizeCondition(smallValue, mediumValue, props) {
   return props.size === 'small' ? smallValue : mediumValue;
 };
-
 export var RadioShape = styled.div.withConfig({
   displayName: "CardSelectstyles__RadioShape",
   componentId: "tfmgtj-0"

package/dist/CardSelectGroup/CardSelectGroup.js

@@ -1,20 +1,18 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { Children } from 'react';
 import CardSelect from '../CardSelect';
 import * as S from './CardSelectGroup.styles';
 var DEFAULT_COLUMNS = 2;
 var DEFAULT_SIZE = 'large';
-
 var CardSelectGroup = function CardSelectGroup(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      items = _ref.items,
-      size = _ref.size,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? DEFAULT_SIZE : _ref$width,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? DEFAULT_COLUMNS : _ref$columns;
+    children = _ref.children,
+    items = _ref.items,
+    size = _ref.size,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? DEFAULT_SIZE : _ref$width,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? DEFAULT_COLUMNS : _ref$columns;
   var cardsCount = (items == null ? void 0 : items.length) || Children.toArray(children).length;
   return /*#__PURE__*/React.createElement(S.CardSelectGroupWrapper, {
     className: className,
@@ -28,5 +26,4 @@ var CardSelectGroup = function CardSelectGroup(_ref) {
     }));
   }) : children);
 };
-
 export default CardSelectGroup;

package/dist/CardSelectGroup/CardSelectGroup.styles.js

@@ -6,6 +6,7 @@ export var CardSelectGroupWrapper = styled.div.withConfig({
   return new Array(props.columns || props.itemsCount).fill('1fr').join(' ');
 }, function (props) {
   return props.size === 'small' ? '16px' : '24px';
-}); // @deprecated - use CardSelectGroupWrapper instead
+});
 
+// @deprecated - use CardSelectGroupWrapper instead
 export var CardGroup = CardSelectGroupWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-select",
-  "version": "0.7.24",
+  "version": "0.7.26",
   "description": "Card-Select UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,10 +34,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.66.4",
-    "@synerise/ds-tags": "^0.10.17",
-    "@synerise/ds-tooltip": "^0.14.48",
-    "@synerise/ds-utils": "^0.31.1",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-tags": "^0.10.19",
+    "@synerise/ds-tooltip": "^0.14.50",
+    "@synerise/ds-utils": "^0.31.2",
     "styled-is": "^1.3.0"
   },
   "peerDependencies": {
@@ -46,5 +46,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }