@synerise/ds-tags 0.3.65 → 0.5.0

package/CHANGELOG.md

@@ -3,6 +3,54 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@0.3.67...@synerise/ds-tags@0.5.0) (2021-10-26)
+
+
+### Bug Fixes
+
+* **tags:** change use asPill prop in styles ([3daa6ca](https://github.com/Synerise/synerise-design/commit/3daa6ca67ea620ea5417933a571c7b74095cdaeb))
+
+
+### Features
+
+* **tags:** add extra prop asPill ([bc21290](https://github.com/Synerise/synerise-design/commit/bc21290803c06a0b9dbb274d1a5a9598db07fe13))
+
+
+
+
+
+# [0.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@0.3.67...@synerise/ds-tags@0.4.0) (2021-10-19)
+
+
+### Bug Fixes
+
+* **tags:** change use asPill prop in styles ([3daa6ca](https://github.com/Synerise/synerise-design/commit/3daa6ca67ea620ea5417933a571c7b74095cdaeb))
+
+
+### Features
+
+* **tags:** add extra prop asPill ([bc21290](https://github.com/Synerise/synerise-design/commit/bc21290803c06a0b9dbb274d1a5a9598db07fe13))
+
+
+
+
+
+## [0.3.67](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@0.3.66...@synerise/ds-tags@0.3.67) (2021-10-19)
+
+**Note:** Version bump only for package @synerise/ds-tags
+
+
+
+
+
+## [0.3.66](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@0.3.65...@synerise/ds-tags@0.3.66) (2021-09-21)
+
+**Note:** Version bump only for package @synerise/ds-tags
+
+
+
+
+
 ## [0.3.65](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tags@0.3.64...@synerise/ds-tags@0.3.65) (2021-09-15)
 
 **Note:** Version bump only for package @synerise/ds-tags

package/dist/Tag/Tag.js

@@ -33,7 +33,8 @@ var Tag = function Tag(_ref) {
       onClick = _ref.onClick,
       prefixel = _ref.prefixel,
       suffixel = _ref.suffixel,
-      texts = _ref.texts;
+      texts = _ref.texts,
+      asPill = _ref.asPill;
   var isDefaultType = shape && [TagShape.DEFAULT_ROUND, TagShape.DEFAULT_SQUARE].includes(shape);
   var isDefaultRound = shape === TagShape.DEFAULT_ROUND;
   var isDefaultSquare = shape === TagShape.DEFAULT_SQUARE;
@@ -84,7 +85,8 @@ var Tag = function Tag(_ref) {
     preffixel: !!prefixel,
     suffixel: !!suffixel,
     hasImage: !!image,
-    iconHover: iconHover
+    iconHover: iconHover,
+    asPill: asPill
   }, React.createElement(S.Content, {
     iconHover: iconHover
   }, image && isDefaultType && React.createElement("img", {

package/dist/Tag/Tag.styles.d.ts

@@ -15,6 +15,7 @@ declare type TagProps = {
     preffixel?: boolean;
     hasImage?: boolean;
     iconHover?: boolean;
+    asPill?: boolean;
 } & ThemeProps;
 export declare const Content: import("styled-components").StyledComponent<"div", any, {
     iconHover?: boolean | undefined;

package/dist/Tag/Tag.styles.js

@@ -128,7 +128,9 @@ export var DefaultPrefixWrapper = styled.div.withConfig({
 export var Tag = styled.div.withConfig({
   displayName: "Tagstyles__Tag",
   componentId: "h010xe-7"
-})(["position:relative;margin:4px;display:inline-flex;font-weight:500;overflow:hidden;cursor:pointer;&:hover:before{filter:", ";}", ";", " ", " ", " .icon1{margin:0 -2px 0 1px;}", ";&:last-of-type{margin-right:0;}", ",", "{margin:", ";}", ",", "{margin:", ";}"], getFilterColor, function (props) {
+})(["position:relative;margin:4px;display:inline-flex;font-weight:500;overflow:hidden;cursor:default;", " ", ";", " ", " ", " .icon1{margin:0 -2px 0 1px;}", ";&:last-of-type{margin-right:0;}", ",", "{margin:", ";}", ",", "{margin:", ";}"], function (props) {
+  return !props.asPill && css(["cursor:pointer;&:hover:before{filter:", ";}"], getFilterColor);
+}, function (props) {
   return insertShapeStyles(props);
 }, function (props) {
   return !!props.iconHover && "\n    &&&:before{\n     background-color:".concat(props.theme.palette['red-050'], ";\n   }\n");

package/dist/Tag/Tag.types.d.ts

@@ -15,6 +15,7 @@ export interface Props {
     prefixel?: React.ReactNode | React.ReactText;
     suffixel?: React.ReactNode | React.ReactText;
     texts?: TagsTexts;
+    asPill?: boolean;
 }
 export declare enum TagShape {
     SINGLE_CHARACTER_ROUND = "single_character_round",

package/dist/Tags.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Props } from './Tags.types';
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<Props>, "data" | "style" | "className" | "children" | "disabled" | "selected" | "maxHeight" | "removable" | "texts" | "overlayStyle" | "tagShape" | "onSelectedChange" | "addable" | "creatable" | "manageLink" | "onCreate" | "overlayPlacement" | "onManageTagClick"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<Props>, "data" | "style" | "className" | "children" | "disabled" | "selected" | "maxHeight" | "removable" | "texts" | "asPill" | "overlayStyle" | "tagShape" | "onSelectedChange" | "addable" | "creatable" | "manageLink" | "onCreate" | "overlayPlacement" | "onManageTagClick"> & {
     theme?: any;
 }>;
 export default _default;

package/dist/Tags.js

@@ -47,6 +47,7 @@ var Tags = function Tags(_ref) {
       maxHeight = _ref.maxHeight,
       overlayStyle = _ref.overlayStyle,
       overlayPlacement = _ref.overlayPlacement,
+      asPill = _ref.asPill,
       onManageTagClick = _ref.onManageTagClick;
 
   var _React$useState = React.useState(false),
@@ -188,7 +189,8 @@ var Tags = function Tags(_ref) {
       removable: removable,
       onRemove: removable ? onRemove : undefined,
       disabled: disabled,
-      texts: texts
+      texts: texts,
+      asPill: asPill
     }, tag));
   }), addable && React.createElement(Dropdown, {
     trigger: ['click'],

package/dist/Tags.types.d.ts

@@ -34,5 +34,6 @@ export interface Props {
     overlayStyle?: React.CSSProperties;
     maxHeight?: number;
     overlayPlacement?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+    asPill?: boolean;
     onManageTagClick?: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tags",
-  "version": "0.3.65",
+  "version": "0.5.0",
   "description": "Tags UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,17 +32,17 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.13.65",
-    "@synerise/ds-dropdown": "^0.16.26",
-    "@synerise/ds-icon": "^0.44.11",
-    "@synerise/ds-search-bar": "^0.3.46"
+    "@synerise/ds-button": "^0.15.0",
+    "@synerise/ds-dropdown": "^0.16.30",
+    "@synerise/ds-icon": "^0.45.2",
+    "@synerise/ds-search-bar": "^0.4.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.18.0"
+    "@synerise/ds-utils": "^0.19.0"
   },
-  "gitHead": "00bb4d7ce228e089b53dfe998b8424984d048784"
+  "gitHead": "daaf50ad62081d7ad77eb4ac65100173df77c731"
 }