@appquality/unguess-design-system 2.8.5 → 2.8.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (207) hide show
  1. package/.github/workflows/storybook.yml +37 -37
  2. package/.prettierrc +3 -3
  3. package/CHANGELOG.md +586 -574
  4. package/README.md +73 -73
  5. package/generate-story.sh +60 -60
  6. package/package.json +119 -119
  7. package/build/hooks/useWindowSize.d.ts +0 -4
  8. package/build/index.d.ts +0 -63
  9. package/build/index.js +0 -2133
  10. package/build/stories/accordions/_types.d.ts +0 -25
  11. package/build/stories/accordions/index.d.ts +0 -17
  12. package/build/stories/accordions/index.stories.d.ts +0 -21
  13. package/build/stories/avatar/_types.d.ts +0 -19
  14. package/build/stories/avatar/index.d.ts +0 -13
  15. package/build/stories/avatar/index.stories.d.ts +0 -10
  16. package/build/stories/breadcrumbs/_types.d.ts +0 -5
  17. package/build/stories/breadcrumbs/index.d.ts +0 -11
  18. package/build/stories/breadcrumbs/index.stories.d.ts +0 -6
  19. package/build/stories/buttons/anchor/_types.d.ts +0 -11
  20. package/build/stories/buttons/anchor/index.d.ts +0 -12
  21. package/build/stories/buttons/anchor/index.stories.d.ts +0 -8
  22. package/build/stories/buttons/button/_types.d.ts +0 -30
  23. package/build/stories/buttons/button/index.d.ts +0 -22
  24. package/build/stories/buttons/button/index.stories.d.ts +0 -19
  25. package/build/stories/buttons/button-group/_types.d.ts +0 -5
  26. package/build/stories/buttons/button-group/index.d.ts +0 -9
  27. package/build/stories/buttons/button-group/index.stories.d.ts +0 -15
  28. package/build/stories/buttons/icon-button/_types.d.ts +0 -19
  29. package/build/stories/buttons/icon-button/index.d.ts +0 -14
  30. package/build/stories/buttons/icon-button/index.stories.d.ts +0 -9
  31. package/build/stories/buttons/shared/_shared.d.ts +0 -2
  32. package/build/stories/buttons/split-button/_types.d.ts +0 -2
  33. package/build/stories/buttons/split-button/index.d.ts +0 -11
  34. package/build/stories/buttons/split-button/index.stories.d.ts +0 -6
  35. package/build/stories/buttons/utils/useButtonVariant.d.ts +0 -5
  36. package/build/stories/campaignCards/_types.d.ts +0 -43
  37. package/build/stories/campaignCards/index.d.ts +0 -4
  38. package/build/stories/campaignCards/index.stories.d.ts +0 -7
  39. package/build/stories/cards/_types.d.ts +0 -7
  40. package/build/stories/cards/index.d.ts +0 -10
  41. package/build/stories/cards/index.stories.d.ts +0 -11
  42. package/build/stories/close/_types.d.ts +0 -3
  43. package/build/stories/close/index.d.ts +0 -7
  44. package/build/stories/close/index.stories.d.ts +0 -6
  45. package/build/stories/counter/_types.d.ts +0 -5
  46. package/build/stories/counter/index.d.ts +0 -13
  47. package/build/stories/counter/index.stories.d.ts +0 -15
  48. package/build/stories/dropdowns/field/_types.d.ts +0 -2
  49. package/build/stories/dropdowns/field/index.d.ts +0 -3
  50. package/build/stories/dropdowns/item/_types.d.ts +0 -9
  51. package/build/stories/dropdowns/item/index.d.ts +0 -4
  52. package/build/stories/dropdowns/menu/_types.d.ts +0 -47
  53. package/build/stories/dropdowns/menu/index.d.ts +0 -14
  54. package/build/stories/dropdowns/menu/index.stories.d.ts +0 -6
  55. package/build/stories/dropdowns/multiselect/_types.d.ts +0 -17
  56. package/build/stories/dropdowns/multiselect/index.d.ts +0 -11
  57. package/build/stories/dropdowns/multiselect/index.stories.d.ts +0 -21
  58. package/build/stories/dropdowns/select/_types.d.ts +0 -31
  59. package/build/stories/dropdowns/select/index.d.ts +0 -16
  60. package/build/stories/dropdowns/select/index.stories.d.ts +0 -20
  61. package/build/stories/forms/checkbox/_types.d.ts +0 -8
  62. package/build/stories/forms/checkbox/index.d.ts +0 -14
  63. package/build/stories/forms/checkbox/index.stories.d.ts +0 -6
  64. package/build/stories/forms/field/_types.d.ts +0 -3
  65. package/build/stories/forms/field/index.d.ts +0 -8
  66. package/build/stories/forms/field/index.stories.d.ts +0 -6
  67. package/build/stories/forms/input/_types.d.ts +0 -9
  68. package/build/stories/forms/input/index.d.ts +0 -11
  69. package/build/stories/forms/input/index.stories.d.ts +0 -9
  70. package/build/stories/forms/radio/_types.d.ts +0 -3
  71. package/build/stories/forms/radio/index.d.ts +0 -14
  72. package/build/stories/forms/radio/index.stories.d.ts +0 -7
  73. package/build/stories/forms/textarea/_types.d.ts +0 -15
  74. package/build/stories/forms/textarea/index.d.ts +0 -10
  75. package/build/stories/forms/textarea/index.stories.d.ts +0 -8
  76. package/build/stories/forms/toggle/_types.d.ts +0 -3
  77. package/build/stories/forms/toggle/index.d.ts +0 -13
  78. package/build/stories/forms/toggle/index.stories.d.ts +0 -10
  79. package/build/stories/grid/col/_types.d.ts +0 -77
  80. package/build/stories/grid/col/index.d.ts +0 -4
  81. package/build/stories/grid/col/index.stories.d.ts +0 -8
  82. package/build/stories/grid/grid/_types.d.ts +0 -9
  83. package/build/stories/grid/grid/index.d.ts +0 -10
  84. package/build/stories/grid/grid/index.stories.d.ts +0 -12
  85. package/build/stories/grid/row/_types.d.ts +0 -48
  86. package/build/stories/grid/row/index.d.ts +0 -4
  87. package/build/stories/grid/row/index.stories.d.ts +0 -10
  88. package/build/stories/icons/_types.d.ts +0 -7
  89. package/build/stories/icons/index.d.ts +0 -4
  90. package/build/stories/icons/index.stories.d.ts +0 -6
  91. package/build/stories/label/_types.d.ts +0 -5
  92. package/build/stories/label/index.d.ts +0 -8
  93. package/build/stories/label/index.stories.d.ts +0 -7
  94. package/build/stories/loaders/progress/_types.d.ts +0 -12
  95. package/build/stories/loaders/progress/index.d.ts +0 -14
  96. package/build/stories/loaders/progress/index.stories.d.ts +0 -6
  97. package/build/stories/loaders/skeleton/_types.d.ts +0 -9
  98. package/build/stories/loaders/skeleton/index.d.ts +0 -17
  99. package/build/stories/loaders/skeleton/index.stories.d.ts +0 -7
  100. package/build/stories/loaders/spinner/_types.d.ts +0 -19
  101. package/build/stories/loaders/spinner/index.d.ts +0 -11
  102. package/build/stories/loaders/spinner/index.stories.d.ts +0 -6
  103. package/build/stories/login-form/_types.d.ts +0 -29
  104. package/build/stories/login-form/index.d.ts +0 -10
  105. package/build/stories/login-form/index.stories.d.ts +0 -7
  106. package/build/stories/logo/_types.d.ts +0 -9
  107. package/build/stories/logo/index.d.ts +0 -13
  108. package/build/stories/logo/index.stories.d.ts +0 -6
  109. package/build/stories/modals/_types.d.ts +0 -34
  110. package/build/stories/modals/index.d.ts +0 -11
  111. package/build/stories/modals/index.stories.d.ts +0 -19
  112. package/build/stories/navigation/app-header/_types.d.ts +0 -18
  113. package/build/stories/navigation/app-header/index.d.ts +0 -8
  114. package/build/stories/navigation/app-header/index.stories.d.ts +0 -6
  115. package/build/stories/navigation/body/_types.d.ts +0 -5
  116. package/build/stories/navigation/body/index.d.ts +0 -7
  117. package/build/stories/navigation/chrome/_types.d.ts +0 -7
  118. package/build/stories/navigation/chrome/index.d.ts +0 -10
  119. package/build/stories/navigation/content/_types.d.ts +0 -2
  120. package/build/stories/navigation/content/index.d.ts +0 -7
  121. package/build/stories/navigation/header/_types.d.ts +0 -5
  122. package/build/stories/navigation/header/header-item/_types.d.ts +0 -32
  123. package/build/stories/navigation/header/header-item/brandItem.d.ts +0 -4
  124. package/build/stories/navigation/header/header-item/headerItem.d.ts +0 -4
  125. package/build/stories/navigation/header/header-item/headerItemIcon.d.ts +0 -4
  126. package/build/stories/navigation/header/header-item/headerItemText.d.ts +0 -4
  127. package/build/stories/navigation/header/header-item/index.d.ts +0 -5
  128. package/build/stories/navigation/header/header-item/utils.d.ts +0 -13
  129. package/build/stories/navigation/header/index.d.ts +0 -13
  130. package/build/stories/navigation/main/_types.d.ts +0 -2
  131. package/build/stories/navigation/main/index.d.ts +0 -7
  132. package/build/stories/navigation/nav/_types.d.ts +0 -5
  133. package/build/stories/navigation/nav/index.d.ts +0 -10
  134. package/build/stories/navigation/nav/nav-item/_types.d.ts +0 -29
  135. package/build/stories/navigation/nav/nav-item/index.d.ts +0 -7
  136. package/build/stories/navigation/nav/nav-item/navDivider.d.ts +0 -4
  137. package/build/stories/navigation/nav/nav-item/navItem.d.ts +0 -4
  138. package/build/stories/navigation/nav/nav-item/navItemIcon.d.ts +0 -4
  139. package/build/stories/navigation/nav/nav-item/navItemProject.d.ts +0 -8
  140. package/build/stories/navigation/nav/nav-item/navItemText.d.ts +0 -4
  141. package/build/stories/navigation/nav/nav-item/navToggle.d.ts +0 -4
  142. package/build/stories/navigation/sidebar/_types.d.ts +0 -17
  143. package/build/stories/navigation/sidebar/index.d.ts +0 -10
  144. package/build/stories/navigation/sidebar/index.stories.d.ts +0 -9
  145. package/build/stories/notifications/_types.d.ts +0 -9
  146. package/build/stories/notifications/index.d.ts +0 -20
  147. package/build/stories/notifications/index.stories.d.ts +0 -10
  148. package/build/stories/page/index.d.ts +0 -8
  149. package/build/stories/page/index.stories.d.ts +0 -6
  150. package/build/stories/pagination/_types.d.ts +0 -34
  151. package/build/stories/pagination/index.d.ts +0 -17
  152. package/build/stories/pagination/index.stories.d.ts +0 -7
  153. package/build/stories/profile-modal/UserContainer.d.ts +0 -3
  154. package/build/stories/profile-modal/_types.d.ts +0 -43
  155. package/build/stories/profile-modal/helpMenuItem.d.ts +0 -18
  156. package/build/stories/profile-modal/index.d.ts +0 -11
  157. package/build/stories/profile-modal/index.stories.d.ts +0 -6
  158. package/build/stories/profile-modal/languageMenuItem.d.ts +0 -14
  159. package/build/stories/profile-modal/menuItem.d.ts +0 -11
  160. package/build/stories/profile-modal/menuItemIcon.d.ts +0 -9
  161. package/build/stories/profile-modal/previousMenuButton.d.ts +0 -3
  162. package/build/stories/profile-modal/userMenu.d.ts +0 -3
  163. package/build/stories/profile-modal/utils.d.ts +0 -1
  164. package/build/stories/shared/globalStyle.d.ts +0 -2
  165. package/build/stories/table/_types.d.ts +0 -83
  166. package/build/stories/table/grouped.d.ts +0 -5
  167. package/build/stories/table/index.d.ts +0 -21
  168. package/build/stories/table/index.stories.d.ts +0 -18
  169. package/build/stories/tags/_types.d.ts +0 -17
  170. package/build/stories/tags/index.d.ts +0 -22
  171. package/build/stories/tags/index.stories.d.ts +0 -19
  172. package/build/stories/theme/gradients.d.ts +0 -4
  173. package/build/stories/theme/index.d.ts +0 -244
  174. package/build/stories/theme/mixins.d.ts +0 -3
  175. package/build/stories/theme/palette.d.ts +0 -141
  176. package/build/stories/theme/palette.stories.d.ts +0 -15
  177. package/build/stories/theme/utils.d.ts +0 -3
  178. package/build/stories/tiles/_types.d.ts +0 -12
  179. package/build/stories/tiles/index.d.ts +0 -22
  180. package/build/stories/tiles/index.stories.d.ts +0 -25
  181. package/build/stories/title/_types.d.ts +0 -5
  182. package/build/stories/title/index.d.ts +0 -7
  183. package/build/stories/title/index.stories.d.ts +0 -6
  184. package/build/stories/trigger/_types.d.ts +0 -3
  185. package/build/stories/trigger/index.d.ts +0 -7
  186. package/build/stories/typography/block-quote/_types.d.ts +0 -5
  187. package/build/stories/typography/block-quote/index.d.ts +0 -7
  188. package/build/stories/typography/block-quote/index.stories.d.ts +0 -5
  189. package/build/stories/typography/code/_types.d.ts +0 -7
  190. package/build/stories/typography/code/index.d.ts +0 -7
  191. package/build/stories/typography/code/index.stories.d.ts +0 -8
  192. package/build/stories/typography/ellipsis/_types.d.ts +0 -9
  193. package/build/stories/typography/ellipsis/index.d.ts +0 -7
  194. package/build/stories/typography/ellipsis/index.stories.d.ts +0 -5
  195. package/build/stories/typography/lists/_types.d.ts +0 -17
  196. package/build/stories/typography/lists/index.d.ts +0 -16
  197. package/build/stories/typography/lists/ordered.stories.d.ts +0 -9
  198. package/build/stories/typography/lists/unordered.stories.d.ts +0 -9
  199. package/build/stories/typography/paragraph/_types.d.ts +0 -5
  200. package/build/stories/typography/paragraph/index.d.ts +0 -7
  201. package/build/stories/typography/paragraph/index.stories.d.ts +0 -6
  202. package/build/stories/typography/span/_types.d.ts +0 -13
  203. package/build/stories/typography/span/index.d.ts +0 -13
  204. package/build/stories/typography/span/index.stories.d.ts +0 -6
  205. package/build/stories/typography/typescale/_types.d.ts +0 -43
  206. package/build/stories/typography/typescale/index.d.ts +0 -12
  207. package/build/stories/typography/typescale/index.stories.d.ts +0 -5
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { SpinnerArgs } from './_types';
3
- /**
4
- * Breadcrumbs mark and communicate a user’s location in the product.
5
- * <hr>
6
- * Used for this:
7
- - To show the user where they are in a nested navigation
8
- - To provide a quick way to navigate to ancestor pages
9
- */
10
- declare const Spinner: (props: SpinnerArgs) => JSX.Element;
11
- export { Spinner };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentMeta, Story } from "@storybook/react";
3
- import { SpinnerArgs } from "./_types";
4
- export declare const Default: Story<SpinnerArgs>;
5
- declare const _default: ComponentMeta<(props: SpinnerArgs) => JSX.Element>;
6
- export default _default;
@@ -1,29 +0,0 @@
1
- import { FormikTouched, FormikErrors, FormikValues } from "formik";
2
- import { CardProps } from "../cards/_types";
3
- export interface LoginFormArgs {
4
- /**
5
- * Handles accordion expansion changes
6
- *
7
- * @param {number} index A section index
8
- */
9
- onSubmit: (values: FormikValues, actions: any) => void | Promise<any> | any;
10
- onBlur?: (formData: any) => void;
11
- validate?: (values: FormikValues) => void | object | Promise<FormikErrors<LoginFields>>;
12
- validateOnChange: boolean;
13
- errors: FormikErrors<any>;
14
- touched: FormikTouched<any>;
15
- initialValues: LoginFields;
16
- title: string;
17
- buttonText: string;
18
- placeholderEmail: string;
19
- placeholderPassword: string;
20
- card?: CardProps;
21
- onBackClick?: () => void;
22
- passwordForgotLabel?: string;
23
- passwordForgotLink?: string;
24
- backToLabel?: string;
25
- }
26
- export interface LoginFields {
27
- email: string;
28
- password: string;
29
- }
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { LoginFormArgs } from "./_types";
3
- /**
4
- * Login Form
5
- * <hr>
6
- * Used for this:
7
- - Login user to the application
8
- */
9
- declare const LoginForm: (props: LoginFormArgs) => JSX.Element;
10
- export { LoginForm };
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentMeta, Story } from "@storybook/react";
3
- import { LoginFormArgs } from "./_types";
4
- export declare const Default: Story<LoginFormArgs>;
5
- export declare const Filled: Story<LoginFormArgs>;
6
- declare const _default: ComponentMeta<(props: LoginFormArgs) => JSX.Element>;
7
- export default _default;
@@ -1,9 +0,0 @@
1
- import { ImgHTMLAttributes } from 'react';
2
- export interface LogoArgs extends ImgHTMLAttributes<HTMLImageElement> {
3
- /** Specifies the kind of logo */
4
- type: 'vertical' | 'horizontal' | 'icon';
5
- /** Specifies the css class */
6
- className?: string;
7
- /** Sets the image dimension */
8
- size?: number;
9
- }
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { LogoArgs } from "./_types";
3
- /**
4
- * A Logo is a visual way to represent a brand logo.
5
- * <hr>
6
- * Used for this:
7
- * - To visually represent a brand or product
8
- *
9
- * Not for this:
10
- * - To visually represent a common image
11
- */
12
- declare const Logo: (props: LogoArgs) => JSX.Element;
13
- export { Logo };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentMeta, Story } from "@storybook/react";
3
- import { LogoArgs } from "./_types";
4
- export declare const Default: Story<LogoArgs>;
5
- declare const _default: ComponentMeta<(props: LogoArgs) => JSX.Element>;
6
- export default _default;
@@ -1,34 +0,0 @@
1
- import { IModalProps } from "@zendeskgarden/react-modals";
2
- import { KeyboardEvent, MouseEvent } from "react";
3
- export interface ModalArgs extends IModalProps {
4
- /**
5
- * Handles close actions. Can be triggered from the backdrop and from the close icon.
6
- *
7
- * @param {Object} event The DOM event that triggered the close action
8
- */
9
- onClose?: (event: KeyboardEvent | MouseEvent) => void;
10
- /**
11
- * Centers the modal on the backdrop
12
- */
13
- isCentered?: boolean;
14
- /**
15
- * Animates the modal
16
- */
17
- isAnimated?: boolean;
18
- /**
19
- * Defines the DOM element that the modal will attatch to
20
- */
21
- appendToNode?: Element;
22
- /**
23
- * Applies large styling
24
- */
25
- isLarge?: boolean;
26
- /**
27
- * Directs keyboard focus to the modal on mount
28
- */
29
- focusOnMount?: boolean;
30
- /**
31
- * Returns keyboard focus to the element that triggered the modal
32
- */
33
- restoreFocus?: boolean;
34
- }
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { Close as ModalClose } from "@zendeskgarden/react-modals";
3
- import { ModalArgs } from "./_types";
4
- declare const Modal: {
5
- (props: ModalArgs): JSX.Element;
6
- Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/elements/Header").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
7
- Body: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
8
- Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
9
- };
10
- declare const FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
11
- export { Modal, FooterItem, ModalClose };
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- import { ModalArgs } from "./_types";
3
- import { ComponentMeta, Story } from "@storybook/react";
4
- interface ModalStoryArgs extends ModalArgs {
5
- content: string | any;
6
- title: string;
7
- isDanger?: boolean;
8
- }
9
- export declare const Default: Story<ModalStoryArgs>;
10
- export declare const Danger: Story<ModalStoryArgs>;
11
- export declare const Large: Story<ModalStoryArgs>;
12
- export declare const WithCustomContent: Story<ModalStoryArgs>;
13
- declare const _default: ComponentMeta<{
14
- (props: ModalArgs): JSX.Element;
15
- Header: import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/elements/Header").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
16
- Body: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
17
- Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
18
- }>;
19
- export default _default;
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import { BrandItemArgs } from "../header/header-item/_types";
3
- import { AvatarArgs } from "../../avatar/_types";
4
- import { HeaderArgs } from "../header/_types";
5
- export interface AppHeaderArgs extends HeaderArgs {
6
- /** Display the changelog trigger item */
7
- hasChangelog?: boolean;
8
- /** Changelog element */
9
- changelogItem?: React.ReactNode;
10
- /** Set Brand Item settings */
11
- brand?: BrandItemArgs;
12
- /** Set Avatar settings */
13
- avatar?: AvatarArgs;
14
- isProfileModalOpen?: boolean;
15
- onProfileModalToggle?: () => void;
16
- /** Toggle Sidebar */
17
- onSidebarMenuToggle?: () => void;
18
- }
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { AppHeaderArgs } from "./_types";
3
- /**
4
- * An Header is a visual way to display general information.
5
- * This can include navList Items, modal, profile settings.
6
- */
7
- declare const AppHeader: ({ brand, avatar, ...args }: AppHeaderArgs) => JSX.Element;
8
- export { AppHeader };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentMeta, Story } from "@storybook/react";
3
- import { AppHeaderArgs } from "./_types";
4
- export declare const Default: Story<AppHeaderArgs>;
5
- declare const _default: ComponentMeta<({ brand, avatar, ...args }: AppHeaderArgs) => JSX.Element>;
6
- export default _default;
@@ -1,5 +0,0 @@
1
- import { IBodyProps } from '@zendeskgarden/react-chrome';
2
- export interface BodyArgs extends IBodyProps {
3
- /** Adjusts the body content height to allow space for a footer component */
4
- hasFooter?: boolean;
5
- }
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { BodyArgs } from "./_types";
3
- /**
4
- * A Body defines the main content of an HTML document which displays on the browser
5
- */
6
- declare const Body: (props: BodyArgs) => JSX.Element;
7
- export { Body };
@@ -1,7 +0,0 @@
1
- import { IChromeProps } from '@zendeskgarden/react-chrome';
2
- export interface ChromeArgs extends IChromeProps {
3
- /** Applies a custom hue to the chrome navigation */
4
- hue?: string;
5
- /** Prevents fixed positioning from being applied to the `<html>` element */
6
- isFluid?: boolean;
7
- }
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { ChromeArgs } from "./_types";
3
- /**
4
- * The Chrome component provides a high-level layout structure and sets a framework for navigating around Zendesk products.
5
- * <br>
6
- * Used for this:
7
- - To give a consistent dashboard and navigation experience
8
- */
9
- declare const Chrome: (props: ChromeArgs) => JSX.Element;
10
- export { Chrome };
@@ -1,2 +0,0 @@
1
- export interface ContentArgs {
2
- }
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { ContentArgs } from "./_types";
3
- /**
4
- * A Content defines the main content of an HTML document which displays on the browser
5
- */
6
- declare const Content: (props: ContentArgs) => JSX.Element;
7
- export { Content };
@@ -1,5 +0,0 @@
1
- import { IHeaderProps } from '@zendeskgarden/react-chrome';
2
- export interface HeaderArgs extends IHeaderProps {
3
- /** Displays logo for standlone usage */
4
- isStandalone?: boolean;
5
- }
@@ -1,32 +0,0 @@
1
- import { ButtonHTMLAttributes, HTMLAttributes } from "react";
2
- import { IHeaderItemProps, IHeaderItemTextProps } from "@zendeskgarden/react-chrome";
3
- export interface HeaderItemArgs extends IHeaderItemProps {
4
- /** Maximizes the width of a flex item in the header */
5
- maxX?: boolean;
6
- /** Maximizes the height of the item (i.e. contains a search input) */
7
- maxY?: boolean;
8
- /** Rounds the border radius of the item */
9
- isRound?: boolean;
10
- /** Applies header logo styles to the item */
11
- hasLogo?: boolean;
12
- }
13
- export interface BrandItemArgs extends ButtonHTMLAttributes<HTMLButtonElement> {
14
- /** Maximizes the width of a flex item in the header */
15
- maxX?: boolean;
16
- /** Maximizes the height of the item (i.e. contains a search input) */
17
- maxY?: boolean;
18
- /** Rounds the border radius of the item */
19
- isRound?: boolean;
20
- /** Display a brand identity name */
21
- brandName?: string;
22
- /** Add a descriptive text to the menu item icon*/
23
- menuLabel?: string;
24
- /** Triggered when the menu item is clicked */
25
- toggleMenu?: () => void;
26
- }
27
- export interface HeaderItemTextArgs extends IHeaderItemTextProps {
28
- /** Hides item text. Text remains accessible to screen readers. */
29
- isClipped?: boolean;
30
- }
31
- export interface HeaderItemIconArgs extends HTMLAttributes<HTMLDivElement> {
32
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { BrandItemArgs } from "./_types";
3
- declare const BrandItem: (props: BrandItemArgs) => JSX.Element;
4
- export { BrandItem };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { HeaderItemArgs } from "./_types";
3
- declare const HeaderItem: (props: HeaderItemArgs) => JSX.Element;
4
- export { HeaderItem };
@@ -1,4 +0,0 @@
1
- import { PropsWithChildren } from "react";
2
- import { HeaderItemIconArgs } from "./_types";
3
- declare const HeaderItemIcon: (props: PropsWithChildren<HeaderItemIconArgs>) => JSX.Element;
4
- export { HeaderItemIcon };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { HeaderItemTextArgs } from "./_types";
3
- declare const HeaderItemText: (props: HeaderItemTextArgs) => JSX.Element;
4
- export { HeaderItemText };
@@ -1,5 +0,0 @@
1
- import { HeaderItem } from "./headerItem";
2
- import { HeaderItemText } from "./headerItemText";
3
- import { HeaderItemIcon } from "./headerItemIcon";
4
- import { BrandItem } from "./brandItem";
5
- export { HeaderItem, HeaderItemText, HeaderItemIcon, BrandItem };
@@ -1,13 +0,0 @@
1
- import { ThemeProps } from "styled-components";
2
- import { theme } from "../../../theme";
3
- /**
4
- * Get unitless line height based on the given pixel-valued height and font size.
5
- *
6
- * @param {string|number} height Desired line height in pixels.
7
- * @param {string|number} fontSize Font size (in pixels) of text contained within the line.
8
- *
9
- * @component
10
- */
11
- declare const getLineHeight: (height: string | number, fontSize: string | number) => number;
12
- export declare const getNavWidth: (props: ThemeProps<typeof theme>) => string;
13
- export { getLineHeight };
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { HeaderArgs } from "./_types";
3
- /**
4
- * An Header is a visual way to display general information.
5
- * This can include navList Items, modal, profile settings.
6
- */
7
- declare const Header: {
8
- (props: HeaderArgs): JSX.Element;
9
- HeaderItem: (props: import("./header-item/_types").HeaderItemArgs) => JSX.Element;
10
- HeaderItemText: (props: import("./header-item/_types").HeaderItemTextArgs) => JSX.Element;
11
- HeaderItemIcon: (props: import("react").PropsWithChildren<import("./header-item/_types").HeaderItemIconArgs>) => JSX.Element;
12
- };
13
- export { Header };
@@ -1,2 +0,0 @@
1
- export interface MainArgs {
2
- }
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { MainArgs } from "./_types";
3
- /**
4
- * A Main defines the main content of an HTML document which displays on the browser
5
- */
6
- declare const Main: (props: MainArgs) => JSX.Element;
7
- export { Main };
@@ -1,5 +0,0 @@
1
- import { INavProps } from "@zendeskgarden/react-chrome";
2
- export interface NavArgs extends INavProps {
3
- /** Expands the nav area to display the item text */
4
- isExpanded?: boolean;
5
- }
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { NavArgs } from "./_types";
3
- /**
4
- * The Nav component provides a high-level layout structure and sets a framework for navigating around dashboards.
5
- * <br>
6
- * Used for this:
7
- - To give a consistent dashboard and navigation experience
8
- */
9
- declare const Nav: (props: NavArgs) => JSX.Element;
10
- export { Nav };
@@ -1,29 +0,0 @@
1
- import { INavItemProps, INavItemTextProps } from "@zendeskgarden/react-chrome";
2
- import { HTMLAttributes, PropsWithChildren } from "react";
3
- import { LabelArgs } from "../../../label/_types";
4
- export interface NavItemArgs extends INavItemProps {
5
- /** Indicates that the item is current in the nav */
6
- isCurrent?: boolean;
7
- /** Indicates that the item contains a product logo */
8
- hasLogo?: boolean;
9
- /** Indicates that the item contains the company brandmark */
10
- hasBrandmark?: boolean;
11
- /** Expands the nav area to display the item text */
12
- isExpanded?: boolean;
13
- }
14
- export interface NavItemTextArgs extends INavItemTextProps {
15
- /** Wraps overflow item text instead of truncating long strings with an ellipsis **/
16
- isWrapped?: boolean;
17
- }
18
- export interface NavItemIconArgs extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
19
- /** Indicates that the item is current in the nav */
20
- isCurrent?: boolean;
21
- /** Indicates that the item has a gradient style when selected */
22
- isStyled?: boolean;
23
- }
24
- export interface NavToggleArgs extends NavItemIconArgs {
25
- /** Expands the nav area to display the item text */
26
- isExpanded?: boolean;
27
- }
28
- export interface NavDividerArgs extends LabelArgs {
29
- }
@@ -1,7 +0,0 @@
1
- import { NavItem } from "./navItem";
2
- import { NavItemIcon } from "./navItemIcon";
3
- import { NavItemText } from "./navItemText";
4
- import { NavToggle } from "./navToggle";
5
- import { NavDivider } from "./navDivider";
6
- import { NavItemProject } from "./navItemProject";
7
- export { NavItem, NavItemIcon, NavItemText, NavToggle, NavDivider, NavItemProject };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { NavItemArgs } from "./_types";
3
- declare const NavDivider: (props: NavItemArgs) => JSX.Element;
4
- export { NavDivider };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { NavItemArgs } from "./_types";
3
- declare const NavItem: (props: NavItemArgs) => JSX.Element;
4
- export { NavItem };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { NavItemIconArgs } from "./_types";
3
- declare const NavItemIcon: (props: NavItemIconArgs) => JSX.Element;
4
- export { NavItemIcon };
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { NavItemArgs } from "./_types";
3
- declare const NavItemProject: {
4
- (props: NavItemArgs): JSX.Element;
5
- Title: (props: import("./_types").NavItemTextArgs) => JSX.Element;
6
- SubTitle: import("styled-components").StyledComponent<(props: import("./_types").NavItemTextArgs) => JSX.Element, any, NavItemArgs, never>;
7
- };
8
- export { NavItemProject };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { NavItemTextArgs } from "./_types";
3
- declare const NavItemText: (props: NavItemTextArgs) => JSX.Element;
4
- export { NavItemText };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { NavToggleArgs } from "./_types";
3
- declare const NavToggle: (props: NavToggleArgs) => JSX.Element;
4
- export { NavToggle };
@@ -1,17 +0,0 @@
1
- import { NavArgs } from "../nav/_types";
2
- export interface SidebarArgs extends NavArgs {
3
- projects?: Array<ProjectItem>;
4
- currentRoute?: string;
5
- homeItemLabel?: string;
6
- dividerLabel?: string;
7
- tokens?: string;
8
- tokensLabel?: string;
9
- isExpanded?: boolean;
10
- onToggleMenu?: () => void;
11
- onNavToggle?: (route: string) => void;
12
- }
13
- export interface ProjectItem {
14
- id: string;
15
- title: string;
16
- campaigns: string;
17
- }
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { SidebarArgs } from "./_types";
3
- /**
4
- * The UNGUESS Sidebar component provides a high-level layout structure and sets a framework for navigating around projects.
5
- * <br>
6
- * Used for this:
7
- - To give a consistent dashboard and navigation experience
8
- */
9
- declare const Sidebar: (props: SidebarArgs) => JSX.Element;
10
- export { Sidebar };
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentMeta, Story } from "@storybook/react";
3
- import { SidebarArgs } from "./_types";
4
- interface SidebarStoryArgs extends SidebarArgs {
5
- }
6
- export declare const Default: Story<SidebarStoryArgs>;
7
- export declare const WithTokens: Story<SidebarStoryArgs>;
8
- declare const _default: ComponentMeta<(props: SidebarArgs) => JSX.Element>;
9
- export default _default;
@@ -1,9 +0,0 @@
1
- import { INotificationProps, IToastProviderProps } from "@zendeskgarden/react-notifications";
2
- export interface NotificationArgs extends INotificationProps {
3
- /** Applies notification type styles */
4
- type?: "success" | "warning" | "error" | "info";
5
- }
6
- export interface ToastProviderArgs extends IToastProviderProps {
7
- /** Applies regular (non-bold) font weight */
8
- isRegular?: boolean;
9
- }
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import { NotificationArgs, ToastProviderArgs } from "./_types";
3
- /**
4
- * A Notification is a passive status update that keeps users informed of system progress.
5
- * <hr>
6
- * Used for this:
7
- - For a passive status update about user or system activity
8
- */
9
- declare const Notification: (props: NotificationArgs) => JSX.Element;
10
- declare const ToastProvider: (props: ToastProviderArgs) => JSX.Element;
11
- declare const useToast: () => {
12
- addToast: (content: import("@zendeskgarden/react-notifications").ToastContent, options?: Partial<import("@zendeskgarden/react-notifications").IToastOptions<any>> | undefined) => string;
13
- removeToast: (id: string) => void;
14
- updateToast: (id: string, options: {
15
- content?: import("@zendeskgarden/react-notifications").ToastContent | undefined;
16
- } & Partial<import("@zendeskgarden/react-notifications").IToastOptions<any>>) => void;
17
- removeAllToasts: () => void;
18
- toasts: import("@zendeskgarden/react-notifications").IToast[];
19
- };
20
- export { Notification, ToastProvider, useToast };
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentMeta, Story } from "@storybook/react";
3
- import { NotificationArgs } from "./_types";
4
- interface NotificationStoryProps extends NotificationArgs {
5
- title: string;
6
- content: string;
7
- }
8
- export declare const Default: Story<NotificationStoryProps>;
9
- declare const _default: ComponentMeta<(props: NotificationArgs) => JSX.Element>;
10
- export default _default;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { SidebarArgs } from "../navigation/sidebar/_types";
3
- import { AppHeaderArgs } from "../navigation/app-header/_types";
4
- export interface PageTemplatesArgs {
5
- sidebar?: SidebarArgs;
6
- header?: AppHeaderArgs;
7
- }
8
- export declare const PageTemplate: ({ sidebar, header, ...args }: PageTemplatesArgs) => JSX.Element;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { ComponentMeta, Story } from "@storybook/react";
3
- import { PageTemplatesArgs } from ".";
4
- export declare const Default: Story<PageTemplatesArgs>;
5
- declare const _default: ComponentMeta<({ sidebar, header, ...args }: PageTemplatesArgs) => JSX.Element>;
6
- export default _default;
@@ -1,34 +0,0 @@
1
- import { IPaginationProps, PAGE_TYPE } from "@zendeskgarden/react-pagination";
2
- export interface PaginationProps extends IPaginationProps {
3
- /**
4
- * Sets the current page. Pages start at 1.
5
- */
6
- currentPage: number;
7
- /**
8
- * Defines the total number of pages
9
- */
10
- totalPages: number;
11
- /**
12
- * Sets the number of pages that appear between the current page and a gap indicator
13
- */
14
- pagePadding?: number;
15
- /**
16
- * Positions the leading and trailing gap indicator, based on
17
- * the current and total pages
18
- */
19
- pageGap?: number;
20
- /**
21
- * Handles page change events
22
- *
23
- * @param {any} currentPage The current page
24
- */
25
- onChange?: (currentPage: number) => void;
26
- /**
27
- * Applies localized labels, test attributes, etc. to individual pages
28
- *
29
- * @param {string} pageType The type of the page accepting the props; one of:
30
- * "previous", "gap", "page", "next"
31
- * @param {any} props Default page props to transform
32
- */
33
- transformPageProps?: (pageType: PAGE_TYPE, props: any) => any;
34
- }
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- import { PaginationProps } from './_types';
3
- /**
4
- * Pagination separates content into pages and allows users to navigate between those pages.
5
-
6
- * Used for this:
7
- - To divide large amounts of data into manageable chunks
8
-
9
- */
10
- declare const Pagination: (props: PaginationProps) => JSX.Element;
11
- declare const CursorPagination: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>> & {
12
- First: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
13
- Last: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
14
- Next: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
15
- Previous: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
16
- };
17
- export { Pagination, CursorPagination };