@appquality/unguess-design-system 2.12.58 → 2.12.60

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+# v2.12.60 (Wed Jan 25 2023)
+
+#### 🐛 Bug Fix
+
+- Change icon button backgrounds, improve types [#186](https://github.com/AppQuality/unguess-design-system/pull/186) ([@cannarocks](https://github.com/cannarocks) [@d-beezee](https://github.com/d-beezee) [@marcbon](https://github.com/marcbon))
+- feat(countermulti): Allow string as id in counter multiselect [#185](https://github.com/AppQuality/unguess-design-system/pull/185) ([@d-beezee](https://github.com/d-beezee))
+- feat(icon-button): add white background to default iconbutton [#182](https://github.com/AppQuality/unguess-design-system/pull/182) ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 3
+
+- [@d-beezee](https://github.com/d-beezee)
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
+# v2.12.59 (Thu Jan 19 2023)
+
+#### 🐛 Bug Fix
+
+- Allow isCompact on counter multiselect [#181](https://github.com/AppQuality/unguess-design-system/pull/181) ([@d-beezee](https://github.com/d-beezee))
+- feat(countermulti): Allow isCompact [#180](https://github.com/AppQuality/unguess-design-system/pull/180) ([@d-beezee](https://github.com/d-beezee))
+
+#### Authors: 1
+
+- [@d-beezee](https://github.com/d-beezee)
+
+---
+
 # v2.12.58 (Tue Jan 17 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -302,6 +302,15 @@ const components = Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.co
             : {})), { "&:hover": {
                 backgroundColor: palette.kale[100],
             } });
+    }, "buttons.icon_button": ({ isDanger, isPrimary, isHovered, isNeutral, }) => {
+        if (isDanger || isPrimary || isNeutral)
+            return {};
+        return {
+            backgroundColor: palette.white,
+            "&:hover": {
+                backgroundColor: palette.kale[100],
+            },
+        };
     } });
 
 const theme = Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME), { breakpoints: Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.breakpoints), { xxl: "1440px" }), colors, palette: palette, fonts: Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.fonts), { system: '"Poppins",sans-serif,Helvetica,Arial,sans-serif' }), fontWeights: fontWeights, gradients: gradients, borderRadii: Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.borderRadii), { lg: "8px", xl: "16px", xxl: "32px" }), lineHeights: Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.lineHeights), { xs: "16px" }), components: components, shadows: Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.shadows), { boxShadow: boxShadow }), levels: {
@@ -1818,7 +1827,7 @@ const StyledAutocomplete = styled__default["default"](reactDropdowns.Autocomplet
     }
   `}
 `;
-const CounterMultiselect = ({ options, label, i18n, onChange, }) => {
+const CounterMultiselect = ({ options, label, i18n, onChange, isCompact, }) => {
     var _a, _b;
     const [selectedItems, setSelectedItems] = React.useState(options.filter((o) => o.selected));
     const [inputValue, setInputValue] = React.useState("");
@@ -1841,11 +1850,11 @@ const CounterMultiselect = ({ options, label, i18n, onChange, }) => {
                 }
             }, downshiftProps: {
                 itemToString: (item) => item && item.id,
-            }, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(reactDropdowns.Field, { children: [label && jsxRuntime.jsx(reactDropdowns.Label, { children: label }), jsxRuntime.jsx(StyledAutocomplete, Object.assign({ hasSelectedItems: hasSelectedItems }, { children: hasSelectedItems
+            }, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(reactDropdowns.Field, { children: [label && jsxRuntime.jsx(reactDropdowns.Label, { children: label }), jsxRuntime.jsx(StyledAutocomplete, Object.assign({ isCompact: isCompact, hasSelectedItems: hasSelectedItems }, { children: hasSelectedItems
                                 ? (i18n === null || i18n === void 0 ? void 0 : i18n.counterText)
                                     ? i18n.counterText(selectedItems.length)
                                     : `Items (${selectedItems.length})`
-                                : (_a = i18n === null || i18n === void 0 ? void 0 : i18n.noItems) !== null && _a !== void 0 ? _a : "No items" }))] }), jsxRuntime.jsx(reactDropdowns.Menu, { children: matchingOptions.length === 0 ? (jsxRuntime.jsx(reactDropdowns.Item, Object.assign({ disabled: true }, { children: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _b !== void 0 ? _b : "No matches found" }))) : (matchingOptions.map((option) => (jsxRuntime.jsx(reactDropdowns.Item, Object.assign({ value: option }, { children: jsxRuntime.jsx("span", { children: option.label }) }), option.id)))) })] })) }));
+                                : (_a = i18n === null || i18n === void 0 ? void 0 : i18n.noItems) !== null && _a !== void 0 ? _a : "No items" }))] }), jsxRuntime.jsx(reactDropdowns.Menu, Object.assign({ isCompact: isCompact }, { children: matchingOptions.length === 0 ? (jsxRuntime.jsx(reactDropdowns.Item, Object.assign({ disabled: true }, { children: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _b !== void 0 ? _b : "No matches found" }))) : (matchingOptions.map((option) => (jsxRuntime.jsx(reactDropdowns.Item, Object.assign({ value: option }, { children: jsxRuntime.jsx("span", { children: option.label }) }), option.id)))) }))] })) }));
 };
 
 const UgSelect = styled__default["default"](reactDropdowns.Select) `

package/build/stories/dropdowns/countermultiselect/_types.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 export interface CounterMultiselectArgs {
     options: {
-        id: number;
+        id: number | string;
         label: string;
         selected?: boolean;
     }[];
+    isCompact?: boolean;
     label?: React.ReactNode;
     onChange?: (selectedItems: CounterMultiselectArgs["options"]) => void;
     i18n?: {

package/build/stories/dropdowns/countermultiselect/index.d.ts

@@ -1,3 +1,3 @@
 import { CounterMultiselectArgs } from "./_types";
-declare const CounterMultiselect: ({ options, label, i18n, onChange, }: CounterMultiselectArgs) => JSX.Element;
+declare const CounterMultiselect: ({ options, label, i18n, onChange, isCompact, }: CounterMultiselectArgs) => JSX.Element;
 export { CounterMultiselect };

package/build/stories/dropdowns/countermultiselect/index.stories.d.ts

@@ -1,5 +1,5 @@
 import { ComponentMeta, Story } from "@storybook/react";
 import { CounterMultiselectArgs } from "./_types";
 export declare const Default: Story<CounterMultiselectArgs>;
-declare const _default: ComponentMeta<({ options, label, i18n, onChange, }: CounterMultiselectArgs) => JSX.Element>;
+declare const _default: ComponentMeta<({ options, label, i18n, onChange, isCompact, }: CounterMultiselectArgs) => JSX.Element>;
 export default _default;

package/build/stories/theme/components.d.ts

@@ -28,4 +28,18 @@ export declare const components: {
         color?: string | undefined;
         cursor?: string | undefined;
     };
+    "buttons.icon_button": ({ isDanger, isPrimary, isHovered, isNeutral, }: {
+        isDanger: boolean;
+        isPrimary: boolean;
+        isHovered: boolean;
+        isNeutral: boolean;
+    }) => {
+        backgroundColor?: undefined;
+        "&:hover"?: undefined;
+    } | {
+        backgroundColor: string;
+        "&:hover": {
+            backgroundColor: string;
+        };
+    };
 };

package/build/stories/theme/index.d.ts

@@ -233,6 +233,20 @@ declare const theme: {
             color?: string | undefined;
             cursor?: string | undefined;
         };
+        "buttons.icon_button": ({ isDanger, isPrimary, isHovered, isNeutral, }: {
+            isDanger: boolean;
+            isPrimary: boolean;
+            isHovered: boolean;
+            isNeutral: boolean;
+        }) => {
+            backgroundColor?: undefined;
+            "&:hover"?: undefined;
+        } | {
+            backgroundColor: string;
+            "&:hover": {
+                backgroundColor: string;
+            };
+        };
     };
     shadows: {
         boxShadow: (theme: import("@zendeskgarden/react-theming").IGardenTheme) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.58",
+  "version": "2.12.60",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",