@appquality/unguess-design-system 3.0.1 → 3.0.2-svgr-beta

package/.github/dependabot.yml

@@ -1,11 +1,11 @@
-# To get started with Dependabot version updates, you'll need to specify which
-# package ecosystems to update and where the package manifests are located.
-# Please see the documentation for all configuration options:
-# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
-
-version: 2
-updates:
-  - package-ecosystem: "yarn"
-    directory: "/" # Location of package manifests
-    schedule:
-      interval: "daily"
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "yarn"
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "daily"

package/CHANGELOG.md

@@ -1,22 +1,3 @@
-# v2.12.87 (Tue May 09 2023)
-
-#### 🐛 Bug Fix
-
-- Restore release command [#242](https://github.com/AppQuality/unguess-design-system/pull/242) ([@d-beezee](https://github.com/d-beezee))
-- chore: Restore release command [#241](https://github.com/AppQuality/unguess-design-system/pull/241) ([@d-beezee](https://github.com/d-beezee))
-- Update actions [#240](https://github.com/AppQuality/unguess-design-system/pull/240) ([@d-beezee](https://github.com/d-beezee))
-- ci: Update node version on workflows [#239](https://github.com/AppQuality/unguess-design-system/pull/239) ([@d-beezee](https://github.com/d-beezee))
-- Storybook 7 [#238](https://github.com/AppQuality/unguess-design-system/pull/238) ([@cannarocks](https://github.com/cannarocks) [@marcbon](https://github.com/marcbon) [@d-beezee](https://github.com/d-beezee))
-- Storybook-7 [#237](https://github.com/AppQuality/unguess-design-system/pull/237) ([@cannarocks](https://github.com/cannarocks) [@marcbon](https://github.com/marcbon))
-
-#### 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.86 (Mon May 08 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -37,7 +37,6 @@ var formik = require('formik');
 var reactPagination = require('@zendeskgarden/react-pagination');
 var SlickSlider = require('react-slick');
 var reactTables = require('@zendeskgarden/react-tables');
-var reactSpring = require('react-spring');
 var reactTooltips = require('@zendeskgarden/react-tooltips');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -2780,12 +2779,12 @@ const UgToggle = styled__default["default"](reactForms.Toggle) ``;
    **/
 const Toggle = (props) => jsxRuntime.jsx(UgToggle, Object.assign({}, props));
 
-const StyledCol$1 = styled__default["default"](reactGrid.Col) `
-  margin-bottom: ${theme.space.lg};
-
-  @media screen and (max-width: ${theme.breakpoints.sm}) {
-    margin-bottom: ${theme.space.md};
-  }
+const StyledCol$1 = styled__default["default"](reactGrid.Col) `
+  margin-bottom: ${theme.space.lg};
+
+  @media screen and (max-width: ${theme.breakpoints.sm}) {
+    margin-bottom: ${theme.space.md};
+  }
 `;
 const Col = (props) => jsxRuntime.jsx(StyledCol$1, Object.assign({}, props));
 
@@ -3172,7 +3171,7 @@ const StyledToggle = styled__default["default"](IconButton) `
   }
 `;
 const NavToggle = (props) => {
-    return (jsxRuntime.jsx(StyledToggle, Object.assign({}, props, { className: "toggle-navigation", isPrimary: true, size: "small" }, { children: props.isExpanded ? (jsxRuntime.jsx(SvgChevronLeftStroke, { style: { width: "100%" } })) : (jsxRuntime.jsx(SvgChevronRightStroke, { style: { width: "100%" } })) })));
+    return (jsxRuntime.jsx(StyledToggle, Object.assign({}, props, { className: "toggle-navigation", isPrimary: true, size: "small" }, { children: props.isExpanded ? (jsxRuntime.jsx(SvgChevronLeftStroke, {})) : (jsxRuntime.jsx(SvgChevronRightStroke, {})) })));
 };
 
 const UgNavItem$1 = styled__default["default"](reactChrome.NavItem) `
@@ -5055,47 +5054,47 @@ const Slider = (props) => {
 };
 Slider.Slide = Slide;
 
-const UgStep = styled__default["default"](reactAccordions.Stepper.Step) `
-  svg {
-    color: ${({ theme }) => theme.palette.green[700]};
-  }
+const UgStep = styled__default["default"](reactAccordions.Stepper.Step) `
+  svg {
+    color: ${({ theme }) => theme.palette.green[700]};
+  }
 `;
 const UgLabel = styled__default["default"](reactAccordions.Stepper.Label) ``;
-const UgStepper = styled__default["default"](reactAccordions.Stepper) `
-  div[data-garden-id="accordions.step_icon"] {
-    background-color: ${({ theme }) => theme.palette.grey[200]};
-    color: ${({ theme }) => theme.palette.grey[800]};
-    font-weight: bold;
-  }
-
+const UgStepper = styled__default["default"](reactAccordions.Stepper) `
+  div[data-garden-id="accordions.step_icon"] {
+    background-color: ${({ theme }) => theme.palette.grey[200]};
+    color: ${({ theme }) => theme.palette.grey[800]};
+    font-weight: bold;
+  }
+
   ${(props) => props.activeIndex !== undefined &&
-    `
-      ${UgStep}:nth-child(${props.activeIndex + 1})  {
-        
-        div[data-garden-id="accordions.step_icon"] {
-            background-color: ${props.theme.palette.blue[600]};
-            color: white;
-        }
-
-        ${UgLabel} {
-            font-weight: 500;
-            color: ${props.theme.palette.blue[600]};
-        }
-      }
-    `}
-`;
-const UgContent = styled__default["default"](reactAccordions.Stepper.Content) `
-  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.sm} ${theme.space.sm} 24px`};
-  margin-top: 0;
-  margin-bottom: 0;
-  > div {
-    color: ${({ theme }) => theme.palette.grey[600]};
-  }
+    `
+      ${UgStep}:nth-child(${props.activeIndex + 1})  {
+        
+        div[data-garden-id="accordions.step_icon"] {
+            background-color: ${props.theme.palette.blue[600]};
+            color: white;
+        }
+
+        ${UgLabel} {
+            font-weight: 500;
+            color: ${props.theme.palette.blue[600]};
+        }
+      }
+    `}
+`;
+const UgContent = styled__default["default"](reactAccordions.Stepper.Content) `
+  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.sm} ${theme.space.sm} 24px`};
+  margin-top: 0;
+  margin-bottom: 0;
+  > div {
+    color: ${({ theme }) => theme.palette.grey[600]};
+  }
 `;
-const StyledAccordionHeader = styled__default["default"](Accordion.Header) `
-  button, svg {
-    padding: ${({ theme }) => `${theme.space.xs} ${theme.space.md}`};
-  }
+const StyledAccordionHeader = styled__default["default"](Accordion.Header) `
+  button, svg {
+    padding: ${({ theme }) => `${theme.space.xs} ${theme.space.md}`};
+  }
 `;
 /**
  * A Stepper guides users through steps of a task in sequential order.
@@ -5156,7 +5155,7 @@ const Row = (props) => jsxRuntime.jsx(UgRow, Object.assign({}, props));
 const Cell = (props) => jsxRuntime.jsx(UgCell, Object.assign({}, props));
 const Caption = (props) => (jsxRuntime.jsx(reactTables.Caption, Object.assign({}, props)));
 
-const StyledAnimatedToggle = styled__default["default"](reactSpring.animated.div) `
+const StyledAnimatedToggle = styled__default["default"].div `
   display: inline-block;
   float: right;
 `;
@@ -5193,16 +5192,8 @@ const UgGroupRow = styled__default["default"](reactTables.GroupRow) `
 `;
 const GroupRow = (props) => jsxRuntime.jsx(UgGroupRow, Object.assign({}, props));
 const GroupRowComponent = (props) => {
-    const toggleIconAnimation = reactSpring.useSpring({
-        config: { duration: 120 },
-        transform: props.group.items.length > 0
-            ? props.open
-                ? "rotate(180deg)"
-                : "rotate(0deg)"
-            : "rotate(0deg)",
-    });
     return (jsxRuntime.jsx(GroupRow, Object.assign({}, (props && props.group.items.length === 0 && { className: "empty" }), (props &&
-        props.group.items.length > 0 && { onClick: props.handleToggle }), props, { children: jsxRuntime.jsxs(Cell, Object.assign({ colSpan: props.colSpan, className: props.open ? "open" : "closed" }, { children: [props.group.groupIcon && (jsxRuntime.jsx(StyledUgIcon, { size: 12, type: props.group.groupIcon })), jsxRuntime.jsxs(Label, Object.assign({ isRegular: true, className: "title" }, { children: [props.group.groupName, " ", jsxRuntime.jsxs("b", { children: ["(", props.group.items.length, ")"] })] })), jsxRuntime.jsx(StyledAnimatedToggle, Object.assign({ style: toggleIconAnimation }, { children: jsxRuntime.jsx(SvgChevronDownStroke, {}) }))] })) })));
+        props.group.items.length > 0 && { onClick: props.handleToggle }), props, { children: jsxRuntime.jsxs(Cell, Object.assign({ colSpan: props.colSpan, className: props.open ? "open" : "closed" }, { children: [props.group.groupIcon && (jsxRuntime.jsx(StyledUgIcon, { size: 12, type: props.group.groupIcon })), jsxRuntime.jsxs(Label, Object.assign({ isRegular: true, className: "title" }, { children: [props.group.groupName, " ", jsxRuntime.jsxs("b", { children: ["(", props.group.items.length, ")"] })] })), jsxRuntime.jsx(StyledAnimatedToggle, Object.assign({ style: { transform: props.open ? "rotate(180deg)" : "none" } }, { children: jsxRuntime.jsx(SvgChevronDownStroke, {}) }))] })) })));
 };
 const AnimatedRow = styled__default["default"](Row) `
   &.render {

package/build/stories/buttons/button/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 export declare const Default: {
     decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
@@ -75,7 +76,7 @@ export declare const Default: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -379,7 +380,7 @@ export declare const Basic: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -683,7 +684,7 @@ export declare const Primary: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -987,7 +988,7 @@ export declare const WithIcon: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownArgs, SelectArgs } from "./_types";
 import { MenuArgs } from "../menu/_types";
 interface IItem {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorArgs } from "./_types";
 interface EditorStoryArgs extends EditorArgs {
     children?: any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TooltipArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.0.1",
+  "version": "3.0.2-svgr-beta",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -59,7 +59,6 @@
     "@zendeskgarden/react-tooltips": "^8.49.0",
     "@zendeskgarden/react-typography": "^8.49.0",
     "react-slick": "^0.29.0",
-    "react-spring": "^9.4.4",
     "react-window": "^1.8.6",
     "ua-parser-js": "^1.0.2"
   },