@appquality/unguess-design-system 2.5.0 → 2.5.1

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+# v2.5.1 (Thu Mar 24 2022)
+
+#### 🐛 Bug Fix
+
+- feat(counter): add Counter component [#25](https://github.com/AppQuality/unguess-design-system/pull/25) ([@cannarocks](https://github.com/cannarocks))
+
+#### ⚠️ Pushed to `master`
+
+- fix(navigation): export Chrome component ([@cannarocks](https://github.com/cannarocks))
+- build(chromatic): add delay to prevent blank snapshot ([@cannarocks](https://github.com/cannarocks))
+
+#### Authors: 1
+
+- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
+
+---
+
 # v2.5.0 (Thu Mar 24 2022)
 
 #### 🚀 Enhancement

package/build/index.d.ts

@@ -40,6 +40,7 @@ export * from './stories/navigation/main';
 export * from './stories/navigation/nav';
 export * from './stories/navigation/nav/nav-item';
 export * from './stories/navigation/sidebar';
+export * from './stories/navigation/chrome';
 export * from './stories/notifications';
 export * from './stories/pagination';
 export { Table, Head as TableHead, HeaderRow, HeaderCell, Body as TableRow, Cell as TableCell, GroupRow, Caption } from './stories/table';

package/build/index.js

@@ -774,7 +774,7 @@ var templateObject_1$c;
  */
 var Main = function (props) { return jsxRuntime.jsx(reactChrome.Main, __assign({}, props)); };
 
-var UgNav = styled__default["default"](reactChrome.Nav)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n  border-right: ", ";\n  border-color: ", ";\n  ", "\n  ", "\n  transition: width 0.25s ease-in-out;\n  padding-top: ", ";\n"], ["\n  border-right: ", ";\n  border-color: ", ";\n  ", "\n  ", "\n  transition: width 0.25s ease-in-out;\n  padding-top: ", ";\n"])), function (_a) {
+var UgNav = styled__default["default"](reactChrome.Nav)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n  border-right: ", ";\n  border-color: ", ";\n  ", "\n  ", "\n  transition: width 0.25s ease-in-out;\n  padding-top: ", ";\n  padding-left: ", ";\n"], ["\n  border-right: ", ";\n  border-color: ", ";\n  ", "\n  ", "\n  transition: width 0.25s ease-in-out;\n  padding-top: ", ";\n  padding-left: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.borders.sm;
 }, function (_a) {
@@ -785,6 +785,9 @@ var UgNav = styled__default["default"](reactChrome.Nav)(templateObject_1$b || (t
 }, function (_a) {
     var theme = _a.theme;
     return theme.space.sm;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.space.xs;
 });
 /**
  * The Nav component provides a high-level layout structure and sets a framework for navigating around dashboards.
@@ -1002,6 +1005,14 @@ var Sidebar = function (props) {
 };
 var templateObject_1$5;
 
+/**
+ * The Chrome component provides a high-level layout structure and sets a framework for navigating around Zendesk products.
+ * <br>
+ * Used for this:
+    - To give a consistent dashboard and navigation experience
+ */
+var Chrome = function (props) { return jsxRuntime.jsx(reactChrome.Chrome, __assign({}, props)); };
+
 /**
  * A Notification is a passive status update that keeps users informed of system progress.
  * <hr>
@@ -1139,6 +1150,7 @@ exports.ButtonGroup = ButtonGroup;
 exports.Caption = Caption;
 exports.Card = Card;
 exports.Checkbox = Checkbox;
+exports.Chrome = Chrome;
 exports.Close = Close;
 exports.Code = Code;
 exports.Col = Col;

package/build/stories/counter/_types.d.ts

@@ -0,0 +1,5 @@
+import { TagArgs } from "../tags/_types";
+export interface CounterArgs extends TagArgs {
+    status: "progress" | "completed" | "incoming" | "functional" | "experiential";
+    counter: number;
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CounterArgs } from "./_types";
+/**
+ * Counter let users categorize content using a keyword.
+ */
+declare const Counter: {
+    (props: CounterArgs): JSX.Element;
+    Avatar: {
+        (props: import("react").HTMLAttributes<HTMLElement>): JSX.Element;
+        displayName: string;
+    };
+};
+export { Counter };

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ComponentMeta, Story } from "@storybook/react";
+import { CounterArgs } from "./_types";
+interface TagStoryProps extends CounterArgs {
+    hasAvatar: boolean;
+}
+export declare const Default: Story<TagStoryProps>;
+declare const _default: ComponentMeta<{
+    (props: CounterArgs): JSX.Element;
+    Avatar: {
+        (props: import("react").HTMLAttributes<HTMLElement>): JSX.Element;
+        displayName: string;
+    };
+}>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "dependencies": {
     "@zendeskgarden/react-accordions": "^8.49.0",
     "@zendeskgarden/react-avatars": "^8.49.0",