@livechat/design-system-react-components 1.0.0-alpha.2 → 1.0.0-alpha.4

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 (271) hide show
  1. package/.eslintrc +9 -0
  2. package/.storybook/main.js +20 -0
  3. package/.storybook/preview-head.html +31 -0
  4. package/.storybook/preview.js +21 -0
  5. package/package.json +40 -37
  6. package/src/components/Alert/Alert.module.scss +88 -0
  7. package/src/components/Alert/Alert.spec.tsx +78 -0
  8. package/src/components/Alert/Alert.stories.tsx +73 -0
  9. package/src/components/Alert/Alert.tsx +94 -0
  10. package/src/components/Alert/index.ts +1 -0
  11. package/src/components/Badge/Badge.module.scss +23 -0
  12. package/src/components/Badge/Badge.spec.tsx +12 -0
  13. package/src/components/Badge/Badge.stories.tsx +24 -0
  14. package/src/components/Badge/Badge.tsx +24 -0
  15. package/src/components/Badge/index.ts +1 -0
  16. package/src/components/Button/Button.module.scss +257 -0
  17. package/src/components/Button/Button.spec.tsx +110 -0
  18. package/src/components/Button/Button.stories.tsx +152 -0
  19. package/src/components/Button/Button.tsx +88 -0
  20. package/src/components/Button/index.ts +2 -0
  21. package/src/components/ButtonGroup/ButtonGroup.module.scss +31 -0
  22. package/src/components/ButtonGroup/ButtonGroup.spec.tsx +61 -0
  23. package/src/components/ButtonGroup/ButtonGroup.stories.tsx +53 -0
  24. package/src/components/ButtonGroup/ButtonGroup.tsx +75 -0
  25. package/src/components/ButtonGroup/index.ts +1 -0
  26. package/src/components/Card/Card.module.scss +31 -0
  27. package/src/components/Card/Card.spec.tsx +38 -0
  28. package/src/components/Card/Card.stories.tsx +30 -0
  29. package/src/components/Card/Card.tsx +34 -0
  30. package/src/components/Card/index.ts +2 -0
  31. package/src/components/Checkbox/Checkbox.module.scss +99 -0
  32. package/src/components/Checkbox/Checkbox.tsx +39 -0
  33. package/src/components/Checkbox/CheckboxField.spec.tsx +58 -0
  34. package/src/components/Checkbox/CheckboxField.stories.tsx +30 -0
  35. package/src/components/Checkbox/CheckboxField.tsx +46 -0
  36. package/src/components/Checkbox/index.ts +2 -0
  37. package/src/components/FieldDescription/FieldDescription.module.scss +5 -0
  38. package/src/components/FieldDescription/FieldDescription.tsx +23 -0
  39. package/src/components/FieldDescription/index.ts +1 -0
  40. package/src/components/FieldError/FieldError.module.scss +5 -0
  41. package/src/components/FieldError/FieldError.tsx +23 -0
  42. package/src/components/FieldError/index.ts +1 -0
  43. package/src/components/FieldGroup/FieldGroup.module.scss +25 -0
  44. package/src/components/FieldGroup/FieldGroup.spec.tsx +42 -0
  45. package/src/components/FieldGroup/FieldGroup.stories.tsx +34 -0
  46. package/src/components/FieldGroup/FieldGroup.tsx +38 -0
  47. package/src/components/FieldGroup/index.ts +1 -0
  48. package/src/components/Form/Form.module.scss +22 -0
  49. package/src/components/Form/Form.spec.tsx +38 -0
  50. package/src/components/Form/Form.stories.tsx +42 -0
  51. package/src/components/Form/Form.tsx +46 -0
  52. package/src/components/Form/index.ts +2 -0
  53. package/src/components/FormGroup/FormGroup.module.scss +20 -0
  54. package/src/components/FormGroup/FormGroup.spec.tsx +34 -0
  55. package/src/components/FormGroup/FormGroup.stories.tsx +30 -0
  56. package/src/components/FormGroup/FormGroup.tsx +44 -0
  57. package/src/components/FormGroup/index.ts +1 -0
  58. package/src/components/Icon/Icon.module.scss +70 -0
  59. package/src/components/Icon/Icon.stories.tsx +53 -0
  60. package/src/components/Icon/Icon.tsx +118 -0
  61. package/src/components/Icon/index.ts +1 -0
  62. package/src/components/InputField/InputField.module.scss +37 -0
  63. package/src/components/InputField/InputField.spec.tsx +53 -0
  64. package/src/components/InputField/InputField.stories.tsx +73 -0
  65. package/src/components/InputField/InputField.tsx +72 -0
  66. package/src/components/InputField/index.ts +1 -0
  67. package/src/components/Link/Link.module.scss +18 -0
  68. package/src/components/Link/Link.stories.tsx +17 -0
  69. package/src/components/Link/Link.tsx +37 -0
  70. package/src/components/Link/index.ts +1 -0
  71. package/src/components/Loader/Loader.module.scss +66 -0
  72. package/src/components/Loader/Loader.spec.tsx +64 -0
  73. package/src/components/Loader/Loader.stories.tsx +25 -0
  74. package/src/components/Loader/Loader.tsx +48 -0
  75. package/src/components/Loader/index.ts +1 -0
  76. package/src/components/Modal/ActionModal.tsx +37 -0
  77. package/src/components/Modal/Modal.module.scss +131 -0
  78. package/src/components/Modal/Modal.stories.tsx +85 -0
  79. package/src/components/Modal/Modal.tsx +41 -0
  80. package/src/components/Modal/ModalBase.spec.tsx +58 -0
  81. package/src/components/Modal/ModalBase.tsx +66 -0
  82. package/src/components/Modal/ModalCloseButton.tsx +20 -0
  83. package/src/components/Modal/ModalPortal.tsx +35 -0
  84. package/src/components/Modal/index.ts +11 -0
  85. package/src/components/NumericInput/NumericInput.module.scss +110 -0
  86. package/src/components/NumericInput/NumericInput.spec.tsx +129 -0
  87. package/src/components/NumericInput/NumericInput.stories.tsx +56 -0
  88. package/src/components/NumericInput/NumericInput.tsx +161 -0
  89. package/src/components/NumericInput/NumericInputField.stories.tsx +58 -0
  90. package/src/components/NumericInput/NumericInputField.tsx +57 -0
  91. package/src/components/NumericInput/index.ts +2 -0
  92. package/src/components/Popover/Popover.module.scss +16 -0
  93. package/src/components/Popover/Popover.spec.tsx +39 -0
  94. package/src/components/Popover/Popover.stories.css +23 -0
  95. package/src/components/Popover/Popover.stories.tsx +164 -0
  96. package/src/components/Popover/Popover.tsx +124 -0
  97. package/src/components/Popover/index.ts +1 -0
  98. package/src/components/Progress/ProgressBar.module.scss +48 -0
  99. package/src/components/Progress/ProgressBar.spec.tsx +33 -0
  100. package/src/components/Progress/ProgressBar.stories.tsx +23 -0
  101. package/src/components/Progress/ProgressBar.tsx +62 -0
  102. package/src/components/Progress/ProgressCircle.module.scss +64 -0
  103. package/src/components/Progress/ProgressCircle.spec.tsx +34 -0
  104. package/src/components/Progress/ProgressCircle.stories.tsx +28 -0
  105. package/src/components/Progress/ProgressCircle.tsx +104 -0
  106. package/src/components/Progress/constants.ts +23 -0
  107. package/src/components/Progress/helpers.ts +23 -0
  108. package/src/components/Progress/index.ts +1 -0
  109. package/src/components/PromoBanner/PromoBanner.module.scss +121 -0
  110. package/src/components/PromoBanner/PromoBanner.spec.tsx +119 -0
  111. package/src/components/PromoBanner/PromoBanner.stories.tsx +125 -0
  112. package/src/components/PromoBanner/PromoBanner.tsx +99 -0
  113. package/src/components/PromoBanner/index.ts +1 -0
  114. package/src/components/RadioButton/RadioButton.module.scss +100 -0
  115. package/src/components/RadioButton/RadioButton.spec.tsx +70 -0
  116. package/src/components/RadioButton/RadioButton.stories.tsx +34 -0
  117. package/src/components/RadioButton/RadioButton.tsx +54 -0
  118. package/src/components/RadioButton/index.ts +1 -0
  119. package/src/components/Switch/Switch.module.scss +126 -0
  120. package/src/components/Switch/Switch.spec.tsx +40 -0
  121. package/src/components/Switch/Switch.stories.tsx +23 -0
  122. package/src/components/Switch/Switch.tsx +100 -0
  123. package/src/components/Switch/index.ts +1 -0
  124. package/src/components/Tab/Tab.module.scss +56 -0
  125. package/src/components/Tab/Tab.spec.tsx +34 -0
  126. package/src/components/Tab/Tab.stories.tsx +20 -0
  127. package/src/components/Tab/Tab.tsx +49 -0
  128. package/src/components/Tab/TabsWrapper.module.scss +11 -0
  129. package/src/components/Tab/TabsWrapper.spec.tsx +19 -0
  130. package/src/components/Tab/TabsWrapper.stories.tsx +46 -0
  131. package/src/components/Tab/TabsWrapper.tsx +24 -0
  132. package/src/components/Tab/index.ts +2 -0
  133. package/src/components/Tag/Tag.module.scss +131 -0
  134. package/src/components/Tag/Tag.spec.tsx +93 -0
  135. package/src/components/Tag/Tag.stories.tsx +151 -0
  136. package/src/components/Tag/Tag.tsx +129 -0
  137. package/src/components/Tag/index.ts +1 -0
  138. package/src/components/TagInput/EditableTag.tsx +54 -0
  139. package/src/components/TagInput/EditableTagContent.tsx +81 -0
  140. package/src/components/TagInput/EmailTagInput.tsx +31 -0
  141. package/src/components/TagInput/TagInput.module.scss +81 -0
  142. package/src/components/TagInput/TagInput.spec.tsx +58 -0
  143. package/src/components/TagInput/TagInput.stories.tsx +49 -0
  144. package/src/components/TagInput/TagInput.tsx +133 -0
  145. package/src/components/TagInput/index.ts +4 -0
  146. package/src/components/TextField/TextField.module.scss +90 -0
  147. package/src/components/TextField/TextField.spec.tsx +40 -0
  148. package/src/components/TextField/TextField.stories.tsx +60 -0
  149. package/src/components/TextField/TextField.tsx +100 -0
  150. package/src/components/TextField/index.ts +1 -0
  151. package/src/components/Toast/Toast.module.scss +218 -0
  152. package/src/components/Toast/Toast.spec.tsx +96 -0
  153. package/src/components/Toast/Toast.stories.tsx +64 -0
  154. package/src/components/Toast/Toast.tsx +121 -0
  155. package/src/components/Toast/ToastWrapper.spec.tsx +13 -0
  156. package/src/components/Toast/ToastWrapper.stories.tsx +55 -0
  157. package/src/components/Toast/ToastWrapper.tsx +87 -0
  158. package/src/components/Toast/index.ts +2 -0
  159. package/src/components/Typography/Heading.tsx +36 -0
  160. package/src/components/Typography/Text.tsx +49 -0
  161. package/src/components/Typography/Typography.module.scss +132 -0
  162. package/src/components/Typography/index.ts +2 -0
  163. package/src/index.scss +9 -0
  164. package/src/index.ts +32 -0
  165. package/src/stories/ColorTokens.stories.mdx +10 -0
  166. package/src/stories/Icons.stories.mdx +12 -0
  167. package/src/stories/Typography.stories.mdx +65 -0
  168. package/src/stories/components/ColorTokens.tsx +99 -0
  169. package/src/stories/components/IconsShowcase.tsx +25 -0
  170. package/src/stories/components/iconsShowcase.css +13 -0
  171. package/src/test/setup.ts +1 -0
  172. package/{dist/test-utils.d.ts → src/test/utils.ts} +3 -2
  173. package/src/themes/dark.scss +127 -0
  174. package/src/themes/designTokens.ts +126 -0
  175. package/src/themes/legacy.scss +128 -0
  176. package/src/themes/light.scss +127 -0
  177. package/src/utils/keyCodes.ts +12 -0
  178. package/src/utils/noop.ts +2 -0
  179. package/src/vite-env.d.ts +1 -0
  180. package/tsconfig.json +25 -0
  181. package/tsconfig.node.json +8 -0
  182. package/vite.config.ts +44 -0
  183. package/dist/components/Alert.d.ts +0 -19
  184. package/dist/components/Alert.spec.d.ts +0 -1
  185. package/dist/components/Badge.d.ts +0 -6
  186. package/dist/components/Badge.spec.d.ts +0 -1
  187. package/dist/components/Button.d.ts +0 -13
  188. package/dist/components/Button.spec.d.ts +0 -1
  189. package/dist/components/ButtonGroup.d.ts +0 -11
  190. package/dist/components/ButtonGroup.spec.d.ts +0 -1
  191. package/dist/components/Card.d.ts +0 -6
  192. package/dist/components/Card.spec.d.ts +0 -1
  193. package/dist/components/Checkbox.d.ts +0 -7
  194. package/dist/components/CheckboxField.d.ts +0 -7
  195. package/dist/components/CheckboxField.spec.d.ts +0 -1
  196. package/dist/components/FieldDescription.d.ts +0 -3
  197. package/dist/components/FieldError.d.ts +0 -3
  198. package/dist/components/FieldGroup.d.ts +0 -8
  199. package/dist/components/FieldGroup.spec.d.ts +0 -1
  200. package/dist/components/FieldLabel.d.ts +0 -3
  201. package/dist/components/Form.d.ts +0 -7
  202. package/dist/components/Form.spec.d.ts +0 -1
  203. package/dist/components/FormGroup.d.ts +0 -7
  204. package/dist/components/FormGroup.spec.d.ts +0 -1
  205. package/dist/components/Heading.d.ts +0 -11
  206. package/dist/components/Icon.d.ts +0 -69
  207. package/dist/components/Loader.d.ts +0 -10
  208. package/dist/components/Loader.spec.d.ts +0 -1
  209. package/dist/components/Modal/ActionModal.d.ts +0 -8
  210. package/dist/components/Modal/Modal.d.ts +0 -7
  211. package/dist/components/Modal/ModalBase.d.ts +0 -6
  212. package/dist/components/Modal/ModalBase.spec.d.ts +0 -1
  213. package/dist/components/Modal/ModalCloseButton.d.ts +0 -3
  214. package/dist/components/Modal/ModalPortal.d.ts +0 -7
  215. package/dist/components/ProgressBar.d.ts +0 -9
  216. package/dist/components/ProgressBar.spec.d.ts +0 -1
  217. package/dist/components/ProgressCircle.d.ts +0 -9
  218. package/dist/components/ProgressCircle.spec.d.ts +0 -1
  219. package/dist/components/PromoBanner.d.ts +0 -19
  220. package/dist/components/PromoBanner.spec.d.ts +0 -1
  221. package/dist/components/RadioButton.d.ts +0 -7
  222. package/dist/components/RadioButton.spec.d.ts +0 -1
  223. package/dist/components/Switch.d.ts +0 -17
  224. package/dist/components/Switch.spec.d.ts +0 -1
  225. package/dist/components/Tab.d.ts +0 -12
  226. package/dist/components/Tab.spec.d.ts +0 -1
  227. package/dist/components/TabsWrapper.d.ts +0 -3
  228. package/dist/components/TabsWrapper.spec.d.ts +0 -1
  229. package/dist/components/Text.d.ts +0 -15
  230. package/dist/components/Toast.d.ts +0 -22
  231. package/dist/components/Toast.spec.d.ts +0 -1
  232. package/dist/components/ToastWrapper.d.ts +0 -26
  233. package/dist/components/ToastWrapper.spec.d.ts +0 -1
  234. package/dist/components/constants.d.ts +0 -12
  235. package/dist/components/helpers.d.ts +0 -3
  236. package/dist/constants/keyCodes.d.ts +0 -3
  237. package/dist/index.css +0 -2
  238. package/dist/index.css.map +0 -1
  239. package/dist/index.d.ts +0 -8
  240. package/dist/index.js +0 -2
  241. package/dist/index.js.map +0 -1
  242. package/dist/index.modern.js +0 -2
  243. package/dist/index.modern.js.map +0 -1
  244. package/dist/index.module.js +0 -2
  245. package/dist/index.module.js.map +0 -1
  246. package/dist/index.umd.js +0 -2
  247. package/dist/index.umd.js.map +0 -1
  248. package/dist/stories/Alert.stories.d.ts +0 -14
  249. package/dist/stories/Badge.stories.d.ts +0 -16
  250. package/dist/stories/Button.stories.d.ts +0 -20
  251. package/dist/stories/ButtonGroup.stories.d.ts +0 -18
  252. package/dist/stories/Card.stories.d.ts +0 -10
  253. package/dist/stories/CheckboxField.stories.d.ts +0 -9
  254. package/dist/stories/FieldGroup.stories.d.ts +0 -9
  255. package/dist/stories/Form.stories.d.ts +0 -6
  256. package/dist/stories/FormGroup.stories.d.ts +0 -9
  257. package/dist/stories/Icon.stories.d.ts +0 -14
  258. package/dist/stories/Loader.stories.d.ts +0 -8
  259. package/dist/stories/Modal.stories.d.ts +0 -19
  260. package/dist/stories/ProgressCircle.stories.d.ts +0 -13
  261. package/dist/stories/Progressbar.stories.d.ts +0 -13
  262. package/dist/stories/PromoBanner.stories.d.ts +0 -13
  263. package/dist/stories/RadioButton.stories.d.ts +0 -9
  264. package/dist/stories/Switch.stories.d.ts +0 -12
  265. package/dist/stories/Tab.stories.d.ts +0 -10
  266. package/dist/stories/TabsWrapper.stories.d.ts +0 -15
  267. package/dist/stories/Toast.stories.d.ts +0 -15
  268. package/dist/stories/ToastWrapper.stories.d.ts +0 -40
  269. package/dist/stories/foundations/components/ColorTokens.d.ts +0 -2
  270. package/dist/stories/foundations/components/IconsShowcase.d.ts +0 -6
  271. package/dist/utils/noop.d.ts +0 -1
@@ -1,22 +0,0 @@
1
- import * as React from 'react';
2
- export declare enum Variants {
3
- Success = "success",
4
- Warning = "warning",
5
- Error = "error",
6
- Info = "info",
7
- Notification = "notification"
8
- }
9
- interface IToastActionProps {
10
- handler: () => void;
11
- label: string;
12
- closeOnClick?: boolean;
13
- }
14
- export interface IToastProps {
15
- action?: IToastActionProps;
16
- className?: string;
17
- removable?: boolean;
18
- variant?: Variants;
19
- onClose?: () => void;
20
- }
21
- export declare const Toast: React.FC<IToastProps>;
22
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,26 +0,0 @@
1
- import * as React from 'react';
2
- import { IToastProps } from './Toast';
3
- export declare enum HorizontalPosition {
4
- Left = "left",
5
- Center = "center",
6
- Right = "right"
7
- }
8
- export declare enum VerticalPosition {
9
- Top = "top",
10
- Bottom = "bottom"
11
- }
12
- export declare const ANIMATION_TIME = 200;
13
- export interface IToastsProps extends IToastProps {
14
- id: string;
15
- content: React.ReactElement | string;
16
- }
17
- export interface IToastWrapperProps {
18
- className?: string;
19
- toasts: IToastsProps[];
20
- fixed?: boolean;
21
- block?: boolean;
22
- animationType?: string;
23
- verticalPosition?: VerticalPosition;
24
- horizontalPosition?: HorizontalPosition;
25
- }
26
- export declare const ToastWrapper: React.FC<IToastWrapperProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,12 +0,0 @@
1
- export declare enum ProgressStatus {
2
- Normal = "normal",
3
- Error = "error",
4
- Success = "success"
5
- }
6
- export declare enum ProgressSize {
7
- Small = "small",
8
- Medium = "medium",
9
- Large = "large"
10
- }
11
- export declare const PROGRESS_STATUSES: ProgressStatus[];
12
- export declare const PROGRESS_SIZES: ProgressSize[];
@@ -1,3 +0,0 @@
1
- import { ProgressStatus } from './constants';
2
- export declare function getPercentNumber(status: ProgressStatus, percent?: number): number;
3
- export declare function getProgressStatus(status: ProgressStatus, percent: number): ProgressStatus;
@@ -1,3 +0,0 @@
1
- export declare const KeyCodes: {
2
- esc: string;
3
- };
package/dist/index.css DELETED
@@ -1,2 +0,0 @@
1
- .lc-heading-xl{font-size:32px;line-height:40px}.lc-heading-lg,.lc-heading-xl{font-style:normal;font-weight:600;letter-spacing:0}.lc-heading-lg{font-size:24px;line-height:32px}.lc-heading-md{font-size:20px;font-style:normal;font-weight:600;letter-spacing:0;line-height:28px}.lc-heading-sm{font-size:18px}.lc-heading-sm,.lc-heading-xs{font-style:normal;font-weight:600;letter-spacing:0;line-height:24px}.lc-heading-xs{font-size:16px}.lc-caps{font-size:12px;font-style:normal;font-weight:400;letter-spacing:.2px;line-height:20px;text-transform:uppercase}.lc-caps--bold{font-weight:600}.lc-paragraph-md{font-size:15px;font-style:normal;font-weight:400;letter-spacing:0;line-height:22px}.lc-paragraph-md--bold{font-weight:600}.lc-paragraph-md--underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.lc-paragraph-md--strike{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.lc-paragraph-sm{font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px}.lc-paragraph-sm--bold{font-weight:600}.lc-paragraph-xs{font-size:12px;font-style:normal;font-weight:400;letter-spacing:.2px;line-height:16px}.lc-badge,.lc-paragraph-xs--bold{font-weight:600}.lc-badge{background-color:var(--color-negative-default);border-radius:18px;box-sizing:border-box;color:var(--content-invert-default);display:inline-block;font-size:10px;height:18px;line-height:18px;min-width:18px;padding:0 3px;text-align:center}.lc-badge+.lc-badge{margin-left:4px}.lc-badge--secondary{background-color:var(--surface-secondary-default);color:var(--surface-invert-default)}.switch{display:inline-block;outline:none;position:relative}.switch:hover .switch__track--enabled{background-color:var(--color-positive-default)}.switch:hover .switch__track--disabled{background-color:var(--surface-secondary-default)}.switch--basic{height:28px;width:44px}.switch--compact{height:16px;width:25px}.switch__input{cursor:pointer;height:100%;margin:0;opacity:0;width:100%}.switch__input:focus+.switch__container .switch__track{box-shadow:0 0 1px 2px rgba(67,121,214,.7)}.switch__container{align-items:center;display:flex;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.switch__track{border-radius:24px;flex:1;height:100%;transition-duration:.3s;transition-property:background-color;transition-timing-function:cubic-bezier(.33,0,.67,1)}.switch__track--enabled{background-color:var(--color-positive-default)}.switch__track--disabled{background-color:var(--surface-secondary-default)}.switch__slider{background:var(--content-white-locked);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);transition-duration:.3s;transition-property:left,right;transition-timing-function:cubic-bezier(.33,0,.67,1)}.switch__slider--basic{height:24px;width:24px}.switch__slider--basic--enabled{left:18px;right:2px}.switch__slider--basic--disabled{left:2px;right:18px}.switch__slider--compact{height:14px;width:14px}.switch__slider--compact--enabled{left:9px;right:2px}.switch__slider--compact--disabled{left:2px;right:9px}.lc-progress-bar{background-color:var(--color-action-disabled);border-radius:100px;display:inline-block;height:4px;position:relative;width:100%}.lc-progress-bar--small{height:3px}.lc-progress-bar--medium{height:4px}.lc-progress-bar--large{height:6px}.lc-progress-bar--error{background-color:var(--color-negative-disabled)}.lc-progress-bar--success{background-color:var(--color-positive-disabled)}.lc-progress-bar--normal{background-color:var(--color-action-disabled)}.lc-progress-bar__indicator--success{background-color:var(--color-positive-default)}.lc-progress-bar__indicator--normal,.lc-progress-bar__indicator--success{border-radius:100px;height:100%;position:relative;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.lc-progress-bar__indicator--normal{background-color:var(--color-action-default)}.lc-progress-circle{height:36px;transform:rotate(-90deg);width:36px}.lc-progress-circle--small{height:15px;width:15px}.lc-progress-circle--medium{height:36px;width:36px}.lc-progress-circle--large{height:56px;width:56px}.lc-progress-circle__bg-line--normal{stroke:var(--color-action-disabled)}.lc-progress-circle__bg-line--success{stroke:var(--color-positive-disabled)}.lc-progress-circle__bg-line--error{stroke:var(--color-negative-disabled)}.lc-progress-circle__indicator--normal{stroke:var(--color-action-default);transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.lc-progress-circle__indicator--success{stroke:var(--color-positive-default)}.lc-progress-circle__indicator--error,.lc-progress-circle__indicator--success{transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.lc-progress-circle--error .lc-progress-circle__bg-line{stroke:var(--color-negative-disabled)}.lc-progress-circle--success .lc-progress-circle__bg-line{stroke:var(--color-positive-disabled)}.lc-progress-circle--normal .lc-progress-circle__bg-line{stroke:var(--color-action-disabled)}.lc-alert{box-sizing:border-box;overflow:hidden;padding:20px;position:relative;width:100%;word-break:break-word}.lc-alert__content-text{color:var(--content-default)}.lc-alert__content{display:flex;justify-content:flex-start;width:100%}.lc-alert--small{max-width:400px}.lc-alert--small .lc-alert__content{flex-direction:column}.lc-alert--small .lc-alert__content-text{margin:14px 0 0;max-width:246px}.lc-alert--medium{max-width:800px}.lc-alert--medium .lc-alert__content-text{margin:0 30px 0 16px;max-width:640px}.lc-alert--large .lc-alert__content-text{margin:0 30px 0 16px;max-width:720px}.lc-alert__close-icon{background-color:transparent;border:0;box-shadow:none;height:24px;overflow:hidden;padding:0;position:absolute;right:12px;top:12px;width:24px}.lc-alert--info{background-color:var(--surface-feedback-info);box-shadow:inset 0 3px 0 0 var(--color-action-default)}.lc-alert--warning{background-color:var(--surface-feedback-warning);box-shadow:inset 0 3px 0 0 var(--color-warning-default)}.lc-alert--success{background-color:var(--surface-feedback-positive);box-shadow:inset 0 3px 0 0 var(--color-positive-default)}.lc-alert--error{background-color:var(--surface-feedback-negative);box-shadow:inset 0 3px 0 0 var(--color-negative-default)}.lc-alert__icon{flex-shrink:0}.lc-btn{align-items:center;border-radius:4px;border-style:solid;border-width:1px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;min-height:36px;min-width:36px;padding:8px 16px;position:relative;text-align:center;text-decoration:none;transition-duration:.2s;transition-property:opacity,border,color,background-color,box-shadow;transition-timing-function:cubic-bezier(.64,0,.35,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lc-btn:active,.lc-btn:focus,.lc-btn:hover{outline:0}.lc-btn:focus{box-shadow:0 0 1px 2px rgba(var(--color-action-default-rgb),.7)}.lc-btn:disabled:not(.lc-btn--loading){cursor:not-allowed}.lc-btn--icon-only{padding:6px}.lc-btn--icon-only .lc-btn__icon--left,.lc-btn--icon-only .lc-btn__icon--right{margin:0}.lc-btn--full-width{width:100%}.lc-btn--basic{background-color:var(--surface-basic-default);border-color:var(--color-action-default);color:var(--color-action-default)}.lc-btn--basic:hover{background-color:var(--surface-basic-subtle);color:var(--color-action-hover)}.lc-btn--basic:active{background-color:var(--surface-feedback-info);color:var(--color-action-hover)}.lc-btn--basic[disabled]{background-color:inherit;border-color:var(--color-action-disabled);color:var(--color-action-disabled)}.lc-btn--primary{background-color:var(--color-action-default);border-color:var(--color-action-default);color:var(--content-invert-default)}.lc-btn--primary:hover{background-color:var(--color-action-hover);border-color:var(--color-action-hover)}.lc-btn--primary:active{background-color:var(--color-action-active);border-color:var(--color-action-active)}.lc-btn--primary[disabled]{background-color:var(--color-action-disabled);border-color:var(--color-action-disabled)}.lc-btn--secondary{background-color:var(--surface-basic-default);border-color:var(--surface-secondary-default);color:var(--content-default)}.lc-btn--secondary:hover{background-color:var(--surface-basic-hover);border-color:var(--surface-secondary-hover)}.lc-btn--secondary:active{background-color:var(--surface-feedback-info);border-color:var(--color-action-default);color:var(--color-action-default)}.lc-btn--secondary[disabled]{background-color:inherit;border-color:var(--border-disabled);color:var(--content-disabled)}.lc-btn--destructive{background-color:var(--color-negative-default);border-color:var(--color-negative-default);color:var(--content-invert-default)}.lc-btn--destructive:hover{background-color:var(--color-negative-hover);border-color:var(--color-negative-hover)}.lc-btn--destructive:active{background-color:var(--color-negative-active);border-color:var(--color-negative-active)}.lc-btn--destructive[disabled]{background-color:var(--color-negative-disabled);border-color:var(--color-negative-disabled)}.lc-btn--text{background-color:transparent;border-color:transparent;color:var(--color-action-default)}.lc-btn--text:hover{color:var(--color-action-hover)}.lc-btn--text[disabled]{color:var(--color-action-disabled)}.lc-btn--compact{min-height:32px;min-width:32px;padding:6px 16px}.lc-btn--compact.lc-btn--icon-only{padding:4px}.lc-btn--large{min-height:42px;min-width:42px;padding:11px 16px}.lc-btn--large.lc-btn--icon-only{padding:9px}.lc-btn--loading{cursor:progress;transition:all .2s cubic-bezier(.64,0,.35,1)}.lc-btn--loading>*{opacity:0}.lc-btn--loading .lc-btn__loader{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:1;padding:inherit;position:absolute;top:0;width:100%}.lc-btn--loading .lc-btn__loader .lc-loader__label{color:inherit;font-weight:inherit;margin:0 5px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.lc-btn__content{margin-top:-2px}.lc-btn .lc-icon{color:inherit}.lc-btn__icon{display:inline-block;height:20px;line-height:1;width:20px}.lc-btn__icon--left{margin-left:-4px;margin-right:5px;order:-1}.lc-btn__icon--right{margin-left:5px;margin-right:-4px;order:1}.lc-btn-group{border:1px solid var(--border-subtle);border-radius:4px;display:inline-flex;flex-direction:row;padding:3px;vertical-align:middle}.lc-btn-group .lc-btn{border-color:transparent;color:var(--content-default)}.lc-btn-group .lc-btn--active{background-color:var(--surface-basic-active)}.lc-btn-group .lc-btn+.lc-btn{margin-left:2px}.lc-card{background-color:var(--surface-basic-default);border:1px solid var(--border-subtle);border-radius:4px;color:var(--content-default);margin-top:8px;overflow:hidden;padding:16px}.lc-card__title{align-items:center;display:flex;margin-bottom:14px}.lc-card__text{color:var(--content-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.lc-card__img{border-radius:4px;height:24px;margin-right:10px;width:24px}.lc-card__img,.lc-checkbox{display:inline-block}.lc-checkbox__label{align-items:center;cursor:pointer;display:inline-flex;flex:0 1 auto;width:100%}.lc-checkbox__square{align-items:center;background-color:var(--surface-basic-default);border:1px solid var(--border-default);border-radius:4px;box-sizing:border-box;display:flex;height:16px;justify-content:center;margin-right:8px;position:relative;transition:all .2s ease;width:16px}.lc-checkbox__checkmark{opacity:0;pointer-events:none;transition:all .2s ease}.lc-checkbox--selected .lc-checkbox__square{background-color:var(--color-action-default);border-color:var(--color-action-default)}.lc-checkbox--selected .lc-checkbox__checkmark{opacity:1}.lc-checkbox--selected:hover .lc-checkbox__input:checked+.lc-checkbox__square{background-color:var(--color-action-hover);border-color:var(--color-action-hover)}.lc-checkbox__text{color:var(--content-default);flex:1 0 auto}.lc-checkbox__input{display:none;height:100%;width:100%}.lc-checkbox__input:checked+.lc-checkbox__square{background-color:var(--color-action-default);border-color:var(--color-action-default)}.lc-checkbox__input:checked+.lc-checkbox__square .lc-checkbox__checkmark{opacity:1}.lc-checkbox__input:focus+.lc-checkbox__square{box-shadow:0 0 1px 2px rgba(66,132,245,.7)}.lc-checkbox--disabled .lc-checkbox__square{background-color:var(--surface-basic-disabled);border-color:var(--border-disabled);opacity:.4}.lc-checkbox--disabled .lc-checkbox__helper,.lc-checkbox--disabled .lc-checkbox__input,.lc-checkbox--disabled .lc-checkbox__label,.lc-checkbox--disabled .lc-checkbox__text{color:var(--content-disabled);cursor:not-allowed}.lc-checkbox__helper{cursor:default;margin-left:24px}.lc-field-description{color:var(--content-subtle);display:block}.lc-field-label{color:var(--content-default);display:block;font-size:14px;line-height:20px;margin-bottom:4px}.lc-field-error{color:var(--color-negative-default);display:block;margin:2px 0 0}.lc-field-group{align-items:flex-start;display:flex;flex-direction:column;margin:-8px 0}.lc-field-group>*{padding:0 0 8px}.lc-field-group--inline{flex-direction:row;margin:0 -8px}.lc-field-group--inline>*{padding:0 8px}.lc-field-group--stretched>*{width:100%}.lc-form-group{border-style:none;margin:0 0 32px;min-width:auto;padding:0}.lc-form-group__header{margin-bottom:16px}.lc-form-group__label{color:var(--content-default);display:block;margin-bottom:4px}.lc-form-group__helper{color:var(--content-subtle)}.lc-icon--primary{color:var(--content-default)}.lc-icon--subtle{color:var(--content-subtle)}.lc-icon--inverted{color:var(--content-invert-default)}.lc-icon--inverted-subtle{color:var(--content-invert-subtle)}.lc-icon--link{color:var(--color-action-default)}.lc-icon--success{color:var(--color-positive-default)}.lc-icon--warning{color:var(--color-warning-default)}.lc-icon--error{color:var(--color-negative-default)}.lc-icon--disabled--primary,.lc-icon--disabled--subtle{color:var(--content-disabled)}.lc-icon--disabled--inverted,.lc-icon--disabled--inverted-subtle{color:var(--content-invert-disabled)}.lc-icon--disabled--link{color:var(--color-action-disabled)}.lc-icon--disabled--success{color:var(--color-positive-disabled)}.lc-icon--disabled--warning{color:var(--color-warning-default)}.lc-icon--disabled--error{color:var(--color-negative-disabled)}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lc-loader{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap}.lc-loader__spinner{flex-shrink:0;height:36px;width:36px}.lc-loader__spinner--small{height:15px;width:15px}.lc-loader__spinner--small [class$=circle]{border-width:2px}.lc-loader__spinner--medium{height:36px;width:36px}.lc-loader__spinner--medium [class$=circle]{border-width:3px}.lc-loader__spinner--large{height:56px;width:56px}.lc-loader__spinner--large [class$=circle]{border-width:4px}.lc-loader__spinner-circle{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;border:3px solid var(--surface-secondary-subtle);border-radius:50%;border-top-color:var(--color-action-default);box-sizing:border-box;height:100%;width:100%}.lc-loader__label{color:var(--content-subtle);margin-left:10px}.lc-promo-banner{align-items:center;background-color:var(--surface-basic-subtle);border-radius:4px;box-sizing:border-box;color:var(--content-default);display:flex;font-size:16px;justify-content:space-between;min-width:180px;padding:20px;position:relative;width:100%;word-break:break-word}.lc-promo-banner b{font-weight:600}.lc-promo-banner__content{display:flex;flex-direction:row;justify-content:flex-start}.lc-promo-banner__wrapper{display:flex;flex-direction:column}.lc-promo-banner__header{font-weight:600;margin-bottom:8px}.lc-promo-banner__img{height:48px;-o-object-fit:contain;object-fit:contain;width:48px}.lc-promo-banner__button-text{margin-right:24px}.lc-promo-banner--light{background-color:var(--surface-basic-default);border:1px solid var(--border-subtle)}.lc-promo-banner--small{flex-wrap:wrap;max-width:400px}.lc-promo-banner--small .lc-promo-banner__content{flex-direction:column}.lc-promo-banner--small .lc-promo-banner__img{margin-bottom:12px}.lc-promo-banner--small .lc-promo-banner__footer{display:flex;margin-top:12px}.lc-promo-banner--medium{flex-wrap:wrap;max-width:800px}.lc-promo-banner--medium .lc-promo-banner__img{margin-right:20px}.lc-promo-banner--medium .lc-promo-banner__wrapper{max-width:680px}.lc-promo-banner--medium .lc-promo-banner__footer{display:flex;flex-shrink:0;margin-top:12px}.lc-promo-banner--large{min-width:600px}.lc-promo-banner--large .lc-promo-banner__img{margin-right:20px}.lc-promo-banner--large .lc-promo-banner__wrapper{max-width:680px;min-width:180px}.lc-promo-banner--large .lc-promo-banner__footer{align-items:center;display:inline-flex;flex-shrink:0;margin:0 56px}.lc-promo-banner__close-icon{background-color:transparent;border:0;box-shadow:none;cursor:pointer;height:24px;overflow:hidden;padding:0;position:absolute;right:12px;top:12px;width:24px}.lc-radio-button{display:inline-block}.lc-radio-button__label{align-items:center;cursor:pointer;display:inline-flex;flex:0 1 auto;width:100%}.lc-radio-button__circle{background-color:var(--surface-basic-default);border:1px solid var(--border-default);border-radius:16px;box-sizing:border-box;height:16px;margin-right:8px;position:relative;transition:all .2s ease;width:16px}.lc-radio-button__inner-circle{background-color:var(--color-action-default);border-radius:8px;height:8px;left:3px;opacity:0;position:absolute;top:3px;transition:all .2s ease;width:8px}.lc-radio-button__text{color:var(--content-default);flex:1 0 auto}.lc-radio-button__input{cursor:pointer;height:100%;margin:0;opacity:0;width:100%}.lc-radio-button .lc-radio-button__helper{cursor:default;margin-left:24px}.lc-radio-button:focus .lc-radio-button__circle{border-radius:20px;box-shadow:0 0 1px 1.6px rgba(67,132,245,.7)}.lc-radio-button--selected .lc-radio-button__circle{border-color:var(--color-action-default)}.lc-radio-button--selected .lc-radio-button__inner-circle{opacity:1}.lc-radio-button--selected:hover .lc-radio-button__circle{border-color:var(--color-action-hover)}.lc-radio-button--selected:hover .lc-radio-button__inner-circle{background-color:var(--color-action-hover)}.lc-radio-button--disabled .lc-radio-button__circle{opacity:.4}.lc-radio-button--disabled:not(.lc-radio-button--selected) .lc-radio-button__circle{background-color:var(--surface-basic-disabled)}.lc-radio-button--disabled .lc-radio-button__helper,.lc-radio-button--disabled .lc-radio-button__input,.lc-radio-button--disabled .lc-radio-button__label,.lc-radio-button--disabled .lc-radio-button__text{color:var(--content-disabled);cursor:not-allowed}.lc-tab{align-items:center;background:none;border:0;color:var(--content-default);cursor:pointer;display:flex;flex-direction:row;margin:0 8px 11px;outline:none;overflow:visible;padding:0 12px 1px;position:relative;transition:color .25s}.lc-tab__description{color:var(--content-subtle);display:inline-block;padding-left:3px;transition:color .25s}.lc-tab:before{background-color:var(--color-action-default);bottom:0;content:"";display:block;height:0;left:0;position:absolute;right:0;z-index:1}.lc-tab--selected,.lc-tab--selected .lc-tab__description{color:var(--color-action-default)}.lc-tab--selected:before{bottom:-12px;height:3px}.lc-tab:hover{text-decoration:none}.lc-tab:hover,.lc-tab:hover .lc-tab__description{color:var(--color-action-default)}.lc-tabs{border-bottom:1px solid var(--border-subtle);position:relative}.lc-tabs__list{display:flex;flex-direction:row;margin:0 -8px;position:relative}.lc-toast{align-items:center;background:#fff;border-radius:4px;box-shadow:0 6px 30px -10px rgba(0,0,0,.3);box-sizing:border-box;display:inline-flex;flex:0 1 auto;font-size:15px;font-stretch:normal;font-style:normal;font-weight:600;justify-content:flex-start;letter-spacing:normal;line-height:20px;max-width:500px;min-width:300px;padding:10px 12px}.lc-toast__content{color:var(--content-default);width:100%}.lc-toast__close,.lc-toast__icon{align-self:baseline;height:20px;padding-right:12px}.lc-toast__icon svg{fill:var(--color-action-default);display:flex;height:20px;width:20px}.lc-toast__actions{align-items:center;align-self:flex-start;display:inline-flex;flex:1 0 auto;flex-wrap:nowrap;height:20px;margin-bottom:auto;margin-left:auto}.lc-toast__actions-close{align-items:center;display:flex;flex:0 1 auto;height:100%;margin-left:16px;width:100%}.lc-toast__actions-close svg{fill:var(--content-subtle);cursor:pointer;display:flex;height:16px;width:16px}.lc-toast__actions-custom{background-color:transparent;border:0;color:var(--content-default);cursor:pointer;font-weight:600;line-height:20px;margin-left:16px;outline:0;padding:0;text-decoration:underline;white-space:nowrap}.lc-toast--success{background:var(--color-positive-default)}.lc-toast--warning{background:var(--color-warning-default)}.lc-toast--warning .lc-toast__content{color:#424d57}.lc-toast--error{background:var(--color-negative-default)}.lc-toast--info{background:var(--color-action-default)}.lc-toast--error .lc-toast__actions-custom,.lc-toast--error .lc-toast__content,.lc-toast--info .lc-toast__actions-custom,.lc-toast--info .lc-toast__content,.lc-toast--success .lc-toast__actions-custom,.lc-toast--success .lc-toast__content{color:#fff}.lc-toast-wrapper{align-items:center;display:flex;flex-direction:column;position:absolute;z-index:120}.lc-toast-wrapper--fixed{position:fixed}.lc-toast-wrapper--block{position:static}.lc-toast-wrapper--horizontal-center{left:50%;transform:translateX(-50%)}.lc-toast-wrapper--horizontal-left{left:5px}.lc-toast-wrapper--horizontal-right{right:5px}.lc-toast-wrapper--vertical-top{top:5px}.lc-toast-wrapper--vertical-top .lc-toast{margin-bottom:10px}.lc-toast-wrapper--vertical-top .lc-toast-appear--slide{transform:translateY(-100%)!important}.lc-toast-wrapper--vertical-top .lc-toast-appear--slide.lc-toast-appear-active--slide{transform:translateY(0)!important;transition:transform .2s ease-in}.lc-toast-wrapper--vertical-top .lc-toast-exit--slide{transform:translateY(0)!important}.lc-toast-wrapper--vertical-top .lc-toast-exit--slide.lc-toast-exit-active--slide{transform:translateY(-100%)!important;transition:transform .2s ease-in}.lc-toast-wrapper--vertical-bottom{bottom:5px}.lc-toast-wrapper--vertical-bottom .lc-toast{margin-top:10px}.lc-toast-wrapper--vertical-bottom .lc-toast-appear--slide{transform:translateY(100%)!important}.lc-toast-wrapper--vertical-bottom .lc-toast-appear--slide.lc-toast-appear-active--slide{transform:translateY(0)!important;transition:transform .2s ease-in}.lc-toast-wrapper--vertical-bottom .lc-toast-exit--slide{transform:translateY(0)!important}.lc-toast-wrapper--vertical-bottom .lc-toast-exit--slide.lc-toast-exit-active--slide{transform:translateY(100%)!important;transition:transform .2s ease-in}.lc-toast-wrapper--vertical-bottom .lc-toast-appear--fade,.lc-toast-wrapper--vertical-top .lc-toast-appear--fade{opacity:0}.lc-toast-wrapper--vertical-bottom .lc-toast-appear--fade.lc-toast-appear-active--fade,.lc-toast-wrapper--vertical-bottom .lc-toast-exit--fade,.lc-toast-wrapper--vertical-top .lc-toast-appear--fade.lc-toast-appear-active--fade,.lc-toast-wrapper--vertical-top .lc-toast-exit--fade{opacity:1;transition:opacity .2s ease-in}.lc-toast-wrapper--vertical-bottom .lc-toast-exit--fade.lc-toast-exit-active--fade,.lc-toast-wrapper--vertical-top .lc-toast-exit--fade.lc-toast-exit-active--fade{opacity:0}.lc-form{border:0;box-sizing:border-box;margin:0;padding:0}.lc-form__footer,.lc-form__header{margin-bottom:32px}.lc-form__label{color:var(--content-default);margin:0 0 16px}.lc-form__helper{color:var(--content-default);margin:0}.lc-modal-base{background-color:var(--surface-basic-default);border-radius:4px;box-shadow:0 20px 60px 0 rgba(0,0,0,.3);color:var(--content-default);display:flex;flex-direction:column;margin:10px;max-width:800px;min-width:400px;overflow:hidden;position:relative}.lc-modal-base__overlay{align-items:center;background-color:var(--surface-overlay);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:13000}.lc-modal-base__overlay--visible{display:flex}.lc-modal-base__close{align-items:center;background-color:transparent;border-style:none;box-shadow:none;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;padding:0;position:absolute;right:18px;top:18px;width:24px;z-index:1}.lc-modal-base__close .lc-icon{color:var(--content-subtle)}.lc-modal-base__close .lc-icon:hover,.lc-modal__header{color:var(--content-default)}.lc-modal__header{background-color:var(--surface-basic-default);box-shadow:inset 0 -1px 0 var(--border-subtle);box-sizing:border-box;padding:20px;width:100%}.lc-modal__heading{color:var(--content-default);margin:0;max-width:calc(100% - 32px);padding:0;text-align:left}.lc-modal__body{background-color:var(--surface-basic-default);color:var(--content-default);flex-direction:column;flex-grow:1;position:relative}.lc-modal__body,.lc-modal__footer{box-sizing:border-box;display:flex;padding:20px;width:100%}.lc-modal__footer{box-shadow:inset 0 1px 0 var(--border-subtle);flex-shrink:0;justify-content:flex-end}.lc-action-modal{align-items:center;box-sizing:border-box;justify-content:center;padding:52px 20px}.lc-action-modal__heading{font-size:24px;font-weight:600;margin:0 0 20px}.lc-action-modal__content,.lc-action-modal__heading{color:var(--content-default);line-height:1.33;text-align:center;width:100%}.lc-action-modal__content{font-size:15px}.lc-action-modal__actions{box-sizing:border-box;display:flex;justify-content:center;margin-top:32px;width:100%}.lc-action-modal__icon{margin-bottom:20px}.lc-legacy-theme,:root{--background:#fff;--surface-basic-default:#fff;--surface-basic-subtle:#f1f6f8;--surface-basic-hover:#e0e8eb;--surface-basic-active:#dae4eb;--surface-basic-disabled:#eaedf0;--surface-secondary-default:#bdc7d1;--surface-secondary-subtle:#e4e8ec;--surface-secondary-hover:#a0a6ab;--surface-secondary-disabled:#dee3e8;--surface-feedback-info:#e5f3ff;--surface-feedback-negative:#fbeaed;--surface-feedback-warning:#fff8e0;--surface-feedback-positive:#e6f4ec;--surface-invert-default:#424d57;--surface-invert-subtle:#677179;--surface-invert-disabled:#a0a6ab;--surface-overlay:rgba(0,0,0,0.7);--content-default:#424d57;--content-subtle:#677179;--content-disabled:#a0a6ab;--content-white-locked:#fff;--content-invert-default:#fff;--content-invert-subtle:hsla(0,0%,100%,0.7);--content-invert-disabled:hsla(0,0%,100%,0.5);--border-default:#bdc7d1;--border-subtle:#e4e8ec;--border-hover:#a0a6ab;--border-disabled:#dee3e8;--border-invert-default:hsla(0,0%,100%,0.7);--border-invert-subtle:hsla(0,0%,100%,0.3);--border-invert-hover:#fff;--border-invert-disabled:hsla(0,0%,100%,0.5);--color-action-active:#295fbc;--color-action-hover:#4379d6;--color-action-default:#4284f5;--color-action-default-rgb:66,132,245;--color-action-disabled:#a3c3fa;--color-negative-active:#94383a;--color-negative-hover:#b94648;--color-negative-default:#d74747;--color-negative-disabled:#eba3a3;--color-warning-default:#fbbd04;--color-warning-hover:#f99a01;--color-positive-default:#22aa61;--color-positive-hover:#0d874a;--color-positive-disabled:#90d5c4;--color-filter:#58689d;--color-bot:#6b5aba}.lc-light-theme{--background:#fff;--surface-basic-default:#fff;--surface-basic-subtle:#f6f6f7;--surface-basic-hover:#e2e2e4;--surface-basic-active:#c9c9cd;--surface-basic-disabled:#f6f6f7;--surface-secondary-default:#c9c9cd;--surface-secondary-subtle:#e4e8ec;--surface-secondary-hover:#ababb1;--surface-secondary-disabled:#eeeeef;--surface-feedback-info:#daedff;--surface-feedback-negative:#ffe5e5;--surface-feedback-warning:#fff2d6;--surface-feedback-positive:#e4f4ed;--surface-invert-default:#1b1b20;--surface-invert-subtle:#4e4e58;--surface-invert-disabled:#8d8d95;--surface-overlay:rgba(19,19,23,0.7);--content-default:#1b1b20;--content-subtle:#4e4e58;--content-disabled:#8d8d95;--content-white-locked:#fff;--content-invert-default:#fff;--content-invert-subtle:hsla(0,0%,100%,0.7);--content-invert-disabled:hsla(0,0%,100%,0.5);--border-default:#c9c9cd;--border-subtle:#eeeeef;--border-hover:#ababb1;--border-disabled:#e2e2e4;--border-invert-default:hsla(0,0%,100%,0.7);--border-invert-subtle:hsla(0,0%,100%,0.3);--border-invert-hover:#fff;--border-invert-disabled:hsla(0,0%,100%,0.5);--color-action-active:#003fa4;--color-action-hover:#004bc2;--color-action-default:#06f;--color-action-default-rgb:0,102,255;--color-action-disabled:#9dceff;--color-negative-active:#930002;--color-negative-hover:#ae0003;--color-negative-default:#ca0005;--color-negative-disabled:#eba3a3;--color-warning-default:#e8bb00;--color-warning-hover:#c9a100;--color-positive-default:#00893c;--color-positive-hover:#006329;--color-positive-disabled:#d1f4d5;--color-filter:#003288;--color-bot:#50009c}.lc-dark-theme{--background:#131317;--surface-basic-default:#1b1b20;--surface-basic-subtle:#29292f;--surface-basic-hover:hsla(0,0%,100%,0.1);--surface-basic-active:hsla(0,0%,100%,0.2);--surface-basic-disabled:hsla(0,0%,100%,0.04);--surface-secondary-default:#767680;--surface-secondary-subtle:#3b3b43;--surface-secondary-hover:#ababb1;--surface-secondary-disabled:#3b3b43;--surface-feedback-info:#323640;--surface-feedback-negative:#3a3136;--surface-feedback-warning:#3a362b;--surface-feedback-positive:#263532;--surface-invert-default:#eeeeef;--surface-invert-subtle:#c9c9cd;--surface-invert-disabled:#29292f;--surface-overlay:rgba(41,41,47,0.7);--content-default:hsla(0,0%,100%,0.8);--content-subtle:hsla(0,0%,100%,0.6);--content-disabled:hsla(0,0%,100%,0.4);--content-white-locked:#fff;--content-invert-default:#131317;--content-invert-subtle:rgba(19,19,23,0.7);--content-invert-disabled:rgba(19,19,23,0.3);--border-default:hsla(0,0%,100%,0.8);--border-subtle:hsla(0,0%,100%,0.1);--border-hover:#fff;--border-disabled:hsla(0,0%,100%,0.5);--border-invert-default:rgba(19,19,23,0.5);--border-invert-subtle:rgba(19,19,23,0.1);--border-invert-hover:rgba(19,19,23,0.7);--border-invert-disabled:rgba(19,19,23,0.3);--color-action-active:#ebf5ff;--color-action-hover:#c2e0ff;--color-action-default:#9dceff;--color-action-default-rgb:157,206,255;--color-action-disabled:rgba(157,206,255,0.3);--color-negative-active:#ffe5e5;--color-negative-hover:#ffb7b7;--color-negative-default:#ff4c4d;--color-negative-disabled:rgba(255,76,77,0.3);--color-warning-default:#fed65e;--color-warning-hover:#fedc89;--color-positive-default:#00c057;--color-positive-hover:#00e066;--color-positive-disabled:#4d735e;--color-filter:#06f;--color-bot:#50009c}[class^=lc-]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}[class^=lc-]:after,[class^=lc-]:before{box-sizing:inherit}
2
- /*# sourceMappingURL=index.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/typography/_classTokens.scss","../../src/typography/_mixins.scss","styles.css","../../src/components/_badge.scss","../../src/components/_switch.scss","../../src/components/_progress.scss","../../src/components/_alert.scss","../../src/components/_button.scss","../../src/components/_buttonGroup.scss","../../src/components/_card.scss","../../src/components/_checkbox.scss","../../src/components/_field-description.scss","../../src/components/_field-label.scss","../../src/components/_field-error.scss","../../src/components/_field-group.scss","../../src/components/_form-group.scss","../../src/components/_icon.scss","../../src/components/_loader.scss","../../src/components/_promo-banner.scss","../../src/components/_radio-button.scss","../../src/components/_tab.scss","../../src/components/_tabs-wrapper.scss","../../src/components/_toast.scss","../../src/components/_form.scss","../../src/components/_modal.scss","../../src/themes/legacy.scss","../../src/themes/light.scss","../../src/themes/dark.scss","../../src/styles.scss"],"names":[],"mappings":"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","file":"index.css"}
package/dist/index.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import '../../styles/dist/css/styles.css';
2
- export { Badge } from './components/Badge';
3
- export { Icon } from './components/Icon';
4
- export { Card } from './components/Card';
5
- export { Tab } from './components/Tab';
6
- export { TabsWrapper, TabsList } from './components/TabsWrapper';
7
- export { Form } from './components/Form';
8
- export { Button } from './components/Button';
package/dist/index.js DELETED
@@ -1,2 +0,0 @@
1
- var e=require("react"),l=require("classnames");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function t(e){if(e&&e.__esModule)return e;var l=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(l,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}}),l.default=e,l}var r,s=/*#__PURE__*/t(e),c=/*#__PURE__*/a(l);!function(e){e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(r||(r={}));const n={[r.XSmall]:{width:12,height:12},[r.Small]:{width:16,height:16},[r.Medium]:{width:20,height:20},[r.Large]:{width:24,height:24},[r.XLarge]:{width:32,height:32}};var i;!function(e){e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error"}(i||(i={}));const d={[i.Primary]:"primary",[i.Subtle]:"subtle",[i.Inverted]:"inverted",[i.InvertedSubtle]:"inverted-subtle",[i.Link]:"link",[i.Success]:"success",[i.Warning]:"warning",[i.Error]:"error"},m={[i.Primary]:"disabled--primary",[i.Subtle]:"disabled--subtle",[i.Inverted]:"disabled--inverted",[i.InvertedSubtle]:"disabled--inverted-subtle",[i.Link]:"disabled--link",[i.Success]:"disabled--success",[i.Warning]:"disabled--warning",[i.Error]:"disabled--error"},o=({as:e="p",size:l="md",caps:a=!1,bold:t=!1,underline:r=!1,strike:n=!1,children:i,className:d,...m})=>{const o=a?"lc-caps":`lc-paragraph-${l}`;/*#__PURE__*/return s.createElement(e,{className:c.default({[`${o}`]:!0,[`${o}--bold`]:t,[`${o}--strike`]:n,[`${o}--underline`]:r},d),...m},i)};var u;!function(e){e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5"}(u||(u={}));const b=({as:e,size:l="md",children:a,className:t,...r})=>/*#__PURE__*/s.createElement(e||u[l],{className:c.default(`lc-heading-${l}`,t),...r},a),f=({primaryColor:e,secondaryColor:l,label:a,className:t,size:r="medium"})=>/*#__PURE__*/s.createElement("div",{className:c.default("lc-loader",t)},/*#__PURE__*/s.createElement("div",{className:c.default("lc-loader__spinner",`lc-loader__spinner--${r}`)},/*#__PURE__*/s.createElement("div",{className:"lc-loader__spinner-circle",style:{borderColor:l,borderTopColor:e}})),a&&/*#__PURE__*/s.createElement(o,{as:"div",size:"md",className:"lc-loader__label"},a));exports.Badge=({children:e,className:l="",secondary:a=!1})=>{const t=c.default("lc-badge",{"lc-badge--secondary":a,[l]:!!l});/*#__PURE__*/return s.createElement("span",{className:t},e)},exports.Button=({loading:e=!1,disabled:l=!1,type:a="button",fullWidth:t=!1,kind:r="basic",size:n="medium",icon:i=null,iconPosition:d="left",loaderLabel:m,className:o,children:u,...b})=>{const h=e||l,p=c.default(o,"lc-btn",`lc-btn--${r}`,`lc-btn--${n}`,{"lc-btn--loading":e,"lc-btn--full-width":t,"lc-btn--icon-only":!u&&i});/*#__PURE__*/return s.createElement("button",{className:p,disabled:h,type:a,...b},e&&/*#__PURE__*/s.createElement(f,{size:"small",label:m,className:"lc-btn__loader"}),i&&/*#__PURE__*/s.cloneElement(i,{className:c.default("lc-btn__icon",`lc-btn__icon--${d}`),disabled:l}),/*#__PURE__*/s.createElement("div",{className:"lc-btn__content"},u))},exports.Card=({img:e,title:l,children:a,className:t,...r})=>/*#__PURE__*/s.createElement(o,{as:"div",size:"md",className:c.default("lc-card",t),...r},(e||l)&&/*#__PURE__*/s.createElement(b,{as:"div",size:"sm",className:"lc-card__title"},e&&/*#__PURE__*/s.createElement("img",{src:e,className:"lc-card__img"}),l&&/*#__PURE__*/s.createElement("div",{className:"lc-card__text"},l)),a),exports.Form=({className:e,children:l,labelText:a,helperText:t,formFooter:r,...n})=>/*#__PURE__*/s.createElement("form",{className:c.default("lc-form",e),...n},(a||t)&&/*#__PURE__*/s.createElement("div",{className:"lc-form__header"},a&&/*#__PURE__*/s.createElement(b,{size:"sm",className:"lc-form__label"},a),t&&/*#__PURE__*/s.createElement(o,{as:"p",size:"sm",className:"lc-form__helper"},t)),l,r&&/*#__PURE__*/s.createElement("div",{className:"lc-form__footer"},r)),exports.Icon=e=>{const{source:l,size:a=r.Medium,iconType:t=i.Primary,disabled:o,className:u,...b}=e;let f=d[t];o&&(f=m[t]);const h=/*#__PURE__*/s.createElement(l,{...n[a]}),p=c.default(u,"lc-icon",`lc-icon--${f}`);/*#__PURE__*/return s.createElement("span",{...b,className:p},h)},exports.Tab=({children:e,className:l,description:a,isSelected:t,...r})=>/*#__PURE__*/s.createElement(o,{...r,as:r.href?"a":"button",size:"md",bold:t,className:c.default("lc-tab",l,t&&"lc-tab--selected")},e,a&&/*#__PURE__*/s.createElement(o,{as:"span",size:"md",className:"lc-tab__description"},"(",a,")")),exports.TabsList=({className:e,children:l})=>/*#__PURE__*/s.createElement("div",{className:c.default("lc-tabs__list",e)},l),exports.TabsWrapper=({className:e,children:l})=>/*#__PURE__*/s.createElement("div",{className:c.default("lc-tabs",e)},l);
2
- //# sourceMappingURL=index.js.map
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../src/components/Icon.tsx","../src/components/Text.tsx","../src/components/Heading.tsx","../src/components/Loader.tsx","../src/components/Badge.tsx","../src/components/Button.tsx","../src/components/Card.tsx","../src/components/Form.tsx","../src/components/Tab.tsx","../src/components/TabsWrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\n\nexport enum IconSizeName {\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n XLarge = 'xlarge',\n}\n\nexport const IconSize = {\n [IconSizeName.XSmall]: {\n width: 12,\n height: 12,\n },\n [IconSizeName.Small]: {\n width: 16,\n height: 16,\n },\n [IconSizeName.Medium]: {\n width: 20,\n height: 20,\n },\n [IconSizeName.Large]: {\n width: 24,\n height: 24,\n },\n [IconSizeName.XLarge]: {\n width: 32,\n height: 32,\n },\n};\n\nexport enum IconTypeName {\n Primary = 'primary',\n Subtle = 'subtle',\n Inverted = 'inverted',\n InvertedSubtle = 'inverted_subtle',\n Link = 'link',\n Success = 'success',\n Warning = 'warning',\n Error = 'error',\n}\n\nexport const IconColorMapper = {\n [IconTypeName.Primary]: 'primary',\n [IconTypeName.Subtle]: 'subtle',\n [IconTypeName.Inverted]: 'inverted',\n [IconTypeName.InvertedSubtle]: 'inverted-subtle',\n [IconTypeName.Link]: 'link',\n [IconTypeName.Success]: 'success',\n [IconTypeName.Warning]: 'warning',\n [IconTypeName.Error]: 'error',\n};\n\nexport const IconColorDisabledMapper = {\n [IconTypeName.Primary]: 'disabled--primary',\n [IconTypeName.Subtle]: 'disabled--subtle',\n [IconTypeName.Inverted]: 'disabled--inverted',\n [IconTypeName.InvertedSubtle]: 'disabled--inverted-subtle',\n [IconTypeName.Link]: 'disabled--link',\n [IconTypeName.Success]: 'disabled--success',\n [IconTypeName.Warning]: 'disabled--warning',\n [IconTypeName.Error]: 'disabled--error',\n};\n\nexport interface IIconProps {\n source: React.FC<React.SVGProps<SVGSVGElement>> | string;\n size?: IconSizeName;\n iconType?: IconTypeName;\n disabled?: boolean;\n className?: string;\n}\n\nconst baseClass = 'lc-icon';\n\nexport const Icon: React.FC<IIconProps> = (props) => {\n const {\n source,\n size = IconSizeName.Medium,\n iconType = IconTypeName.Primary,\n disabled,\n className,\n ...restProps\n } = props;\n let filledColor = IconColorMapper[iconType];\n\n if (disabled) {\n filledColor = IconColorDisabledMapper[iconType];\n }\n\n const GeneratedIcon = React.createElement(source, {\n ...IconSize[size],\n });\n\n const mergedClassNames = cx(\n className,\n baseClass,\n `${baseClass}--${filledColor}`\n );\n\n return (\n <span {...restProps} className={mergedClassNames}>\n {GeneratedIcon}\n </span>\n );\n};\n\nexport default Icon;\n","import * as React from 'react';\nimport cx from 'classnames';\n\ntype TSize = 'md' | 'sm' | 'xs';\n\ninterface IProps {\n /** DOM element name that will be rendered */\n as?: string;\n size?: TSize;\n /** Optional custom className */\n className?: string;\n caps?: boolean;\n bold?: boolean;\n underline?: boolean;\n strike?: boolean;\n}\n\nexport const Text: React.FC<IProps> = ({\n as = 'p',\n size = 'md',\n caps = false,\n bold = false,\n underline = false,\n strike = false,\n children,\n className,\n ...props\n}) => {\n const baseClassPrefix = caps ? 'lc-caps' : `lc-paragraph-${size}`;\n\n return React.createElement(\n as,\n {\n className: cx(\n {\n [`${baseClassPrefix}`]: true,\n [`${baseClassPrefix}--bold`]: bold,\n [`${baseClassPrefix}--strike`]: strike,\n [`${baseClassPrefix}--underline`]: underline,\n },\n className\n ),\n ...props,\n },\n children\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nenum sizeToElement {\n xl = 'h1',\n lg = 'h2',\n md = 'h3',\n sm = 'h4',\n xs = 'h5',\n}\n\ntype TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\ninterface IProps {\n size?: TSize;\n /** DOM element name that will be rendered */\n as?: string;\n /** Optional custom className */\n className?: string;\n}\n\nexport const Heading: React.FC<IProps> = ({\n as,\n size = 'md',\n children,\n className,\n ...props\n}) => {\n return React.createElement(\n as || sizeToElement[size],\n { className: cx(`lc-heading-${size}`, className), ...props },\n children\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Text } from './Text';\n\nconst baseClass = 'lc-loader';\nconst spinnerClass = `${baseClass}__spinner`;\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n size?: 'small' | 'medium' | 'large';\n label?: string;\n /** Fragment circle color */\n primaryColor?: string;\n /** Main circle color */\n secondaryColor?: string;\n}\n\nexport const Loader: React.FC<Props> = ({\n primaryColor,\n secondaryColor,\n label,\n className,\n size = 'medium',\n}) => {\n return (\n <div className={cx(baseClass, className)}>\n <div className={cx(spinnerClass, `${spinnerClass}--${size}`)}>\n <div\n className=\"lc-loader__spinner-circle\"\n style={{\n /* stylelint-disable */\n borderColor: secondaryColor,\n borderTopColor: primaryColor,\n }}\n />\n </div>\n {label && (\n <Text as=\"div\" size=\"md\" className=\"lc-loader__label\">\n {label}\n </Text>\n )}\n </div>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nexport interface IBadgeProps {\n secondary?: boolean;\n className?: string;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({\n children,\n className: extraClassName = '',\n secondary = false,\n}) => {\n const className = cx('lc-badge', {\n 'lc-badge--secondary': secondary,\n [extraClassName]: !!extraClassName,\n });\n\n return <span className={className}>{children}</span>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Loader } from './Loader';\n\nexport type ButtonSize = 'compact' | 'medium' | 'large';\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';\n size?: ButtonSize;\n disabled?: boolean;\n loading?: boolean;\n fullWidth?: boolean;\n loaderLabel?: string;\n icon?: React.ReactElement;\n iconPosition?: 'left' | 'right';\n}\n\nconst baseClass = 'lc-btn';\n\nexport const Button: React.FC<ButtonProps> = ({\n loading = false,\n disabled = false,\n type = 'button',\n fullWidth = false,\n kind = 'basic',\n size = 'medium',\n icon = null,\n iconPosition = 'left',\n loaderLabel,\n className,\n children,\n ...props\n}) => {\n const isDisabled = loading || disabled;\n\n const mergedClassNames = cx(\n className,\n baseClass,\n `${baseClass}--${kind}`,\n `${baseClass}--${size}`,\n {\n [`${baseClass}--loading`]: loading,\n [`${baseClass}--full-width`]: fullWidth,\n [`${baseClass}--icon-only`]: !children && icon,\n }\n );\n\n return (\n <button\n className={mergedClassNames}\n disabled={isDisabled}\n type={type}\n {...props}\n >\n {loading && (\n <Loader\n size=\"small\"\n label={loaderLabel}\n className={`${baseClass}__loader`}\n />\n )}\n {icon &&\n React.cloneElement(icon, {\n className: cx(\n `${baseClass}__icon`,\n `${baseClass}__icon--${iconPosition}`\n ),\n disabled,\n })}\n <div className={`${baseClass}__content`}>{children}</div>\n </button>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\nimport { Heading } from './Heading';\n\nexport interface ICardProps extends React.HTMLAttributes<HTMLDivElement> {\n title: string;\n img?: string;\n}\n\nexport const Card: React.FC<ICardProps> = ({\n img,\n title,\n children,\n className,\n ...restProps\n}) => {\n return (\n <Text\n as=\"div\"\n size=\"md\"\n className={cx('lc-card', className)}\n {...restProps}\n >\n {(img || title) && (\n <Heading as=\"div\" size=\"sm\" className={'lc-card__title'}>\n {img && <img src={img} className={'lc-card__img'} />}\n {title && <div className={'lc-card__text'}>{title}</div>}\n </Heading>\n )}\n {children}\n </Text>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Heading } from './Heading';\nimport { Text } from './Text';\n\nexport interface IFormProps extends React.HTMLAttributes<HTMLFormElement> {\n labelText?: string;\n helperText?: string;\n formFooter?: React.ReactNode;\n}\n\nconst baseClass = 'lc-form';\n\nexport const Form: React.FC<IFormProps> = ({\n className,\n children,\n labelText,\n helperText,\n formFooter,\n ...restProps\n}) => {\n return (\n <form className={cx(baseClass, className)} {...restProps}>\n {(labelText || helperText) && (\n <div className={`${baseClass}__header`}>\n {labelText && (\n <Heading size=\"sm\" className={`${baseClass}__label`}>\n {labelText}\n </Heading>\n )}\n {helperText && (\n <Text as=\"p\" size=\"sm\" className={`${baseClass}__helper`}>\n {helperText}\n </Text>\n )}\n </div>\n )}\n {children}\n {formFooter && <div className={`${baseClass}__footer`}>{formFooter}</div>}\n </form>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\n\ntype HTMLProps =\n | (React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string })\n | (React.ButtonHTMLAttributes<HTMLButtonElement> & { href?: never });\n\nexport type ITabProps = HTMLProps & {\n description?: React.ReactNode;\n isSelected?: boolean;\n};\n\nconst baseClass = 'lc-tab';\n\nexport const Tab: React.FC<ITabProps> = ({\n children,\n className,\n description,\n isSelected,\n ...restProps\n}) => {\n return (\n <Text\n {...restProps}\n as={restProps.href ? 'a' : 'button'}\n size=\"md\"\n bold={isSelected}\n className={cx(\n baseClass,\n className,\n isSelected && `${baseClass}--selected`\n )}\n >\n {children}\n {description && (\n <Text as=\"span\" size=\"md\" className={`${baseClass}__description`}>\n ({description})\n </Text>\n )}\n </Text>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nconst baseClass = 'lc-tabs';\n\nexport const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n}) => {\n return <div className={cx(baseClass, className)}>{children}</div>;\n};\n\nexport const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n}) => {\n return <div className={cx(`${baseClass}__list`, className)}>{children}</div>;\n};\n"],"names":["IconSizeName","IconSize","XSmall","width","height","Small","Medium","Large","XLarge","IconTypeName","IconColorMapper","Primary","Subtle","Inverted","InvertedSubtle","Link","Success","Warning","Error","IconColorDisabledMapper","Text","as","size","caps","bold","underline","strike","children","className","props","baseClassPrefix","React","createElement","cx","sizeToElement","Heading","Loader","primaryColor","secondaryColor","label","style","borderColor","borderTopColor","extraClassName","secondary","loading","disabled","type","fullWidth","kind","icon","iconPosition","loaderLabel","isDisabled","mergedClassNames","cloneElement","img","title","restProps","src","labelText","helperText","formFooter","source","iconType","filledColor","GeneratedIcon","description","isSelected","href"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import*as e from"react";import l from"classnames";const a=({children:a,className:s="",secondary:r=!1})=>{const t=l("lc-badge",{"lc-badge--secondary":r,[s]:!!s});/*#__PURE__*/return e.createElement("span",{className:t},a)};function s(){return(s=Object.assign||function(e){for(var l=1;l<arguments.length;l++){var a=arguments[l];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}function r(e,l){if(null==e)return{};var a,s,r={},t=Object.keys(e);for(s=0;s<t.length;s++)l.indexOf(a=t[s])>=0||(r[a]=e[a]);return r}const t=["source","size","iconType","disabled","className"];var c;!function(e){e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(c||(c={}));const n={[c.XSmall]:{width:12,height:12},[c.Small]:{width:16,height:16},[c.Medium]:{width:20,height:20},[c.Large]:{width:24,height:24},[c.XLarge]:{width:32,height:32}};var i;!function(e){e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error"}(i||(i={}));const d={[i.Primary]:"primary",[i.Subtle]:"subtle",[i.Inverted]:"inverted",[i.InvertedSubtle]:"inverted-subtle",[i.Link]:"link",[i.Success]:"success",[i.Warning]:"warning",[i.Error]:"error"},m={[i.Primary]:"disabled--primary",[i.Subtle]:"disabled--subtle",[i.Inverted]:"disabled--inverted",[i.InvertedSubtle]:"disabled--inverted-subtle",[i.Link]:"disabled--link",[i.Success]:"disabled--success",[i.Warning]:"disabled--warning",[i.Error]:"disabled--error"},o=a=>{const{source:o,size:b=c.Medium,iconType:u=i.Primary,disabled:h,className:N}=a,p=r(a,t);let _=d[u];h&&(_=m[u]);const g=/*#__PURE__*/e.createElement(o,s({},n[b])),v=l(N,"lc-icon",`lc-icon--${_}`);/*#__PURE__*/return e.createElement("span",s({},p,{className:v}),g)},b=["as","size","caps","bold","underline","strike","children","className"],u=a=>{let{as:t="p",size:c="md",caps:n=!1,bold:i=!1,underline:d=!1,strike:m=!1,children:o,className:u}=a,h=r(a,b);const N=n?"lc-caps":`lc-paragraph-${c}`;/*#__PURE__*/return e.createElement(t,s({className:l({[`${N}`]:!0,[`${N}--bold`]:i,[`${N}--strike`]:m,[`${N}--underline`]:d},u)},h),o)},h=["as","size","children","className"];var N;!function(e){e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5"}(N||(N={}));const p=a=>{let{as:t,size:c="md",children:n,className:i}=a,d=r(a,h);/*#__PURE__*/return e.createElement(t||N[c],s({className:l(`lc-heading-${c}`,i)},d),n)},_=["img","title","children","className"],g=a=>{let{img:t,title:c,children:n,className:i}=a,d=r(a,_);/*#__PURE__*/return e.createElement(u,s({as:"div",size:"md",className:l("lc-card",i)},d),(t||c)&&/*#__PURE__*/e.createElement(p,{as:"div",size:"sm",className:"lc-card__title"},t&&/*#__PURE__*/e.createElement("img",{src:t,className:"lc-card__img"}),c&&/*#__PURE__*/e.createElement("div",{className:"lc-card__text"},c)),n)},v=["children","className","description","isSelected"],E=a=>{let{children:t,className:c,description:n,isSelected:i}=a,d=r(a,v);/*#__PURE__*/return e.createElement(u,s({},d,{as:d.href?"a":"button",size:"md",bold:i,className:l("lc-tab",c,i&&"lc-tab--selected")}),t,n&&/*#__PURE__*/e.createElement(u,{as:"span",size:"md",className:"lc-tab__description"},"(",n,")"))},f=({className:a,children:s})=>/*#__PURE__*/e.createElement("div",{className:l("lc-tabs",a)},s),y=({className:a,children:s})=>/*#__PURE__*/e.createElement("div",{className:l("lc-tabs__list",a)},s),z=["className","children","labelText","helperText","formFooter"],S=a=>{let{className:t,children:c,labelText:n,helperText:i,formFooter:d}=a,m=r(a,z);/*#__PURE__*/return e.createElement("form",s({className:l("lc-form",t)},m),(n||i)&&/*#__PURE__*/e.createElement("div",{className:"lc-form__header"},n&&/*#__PURE__*/e.createElement(p,{size:"sm",className:"lc-form__label"},n),i&&/*#__PURE__*/e.createElement(u,{as:"p",size:"sm",className:"lc-form__helper"},i)),c,d&&/*#__PURE__*/e.createElement("div",{className:"lc-form__footer"},d))},k=({primaryColor:a,secondaryColor:s,label:r,className:t,size:c="medium"})=>/*#__PURE__*/e.createElement("div",{className:l("lc-loader",t)},/*#__PURE__*/e.createElement("div",{className:l("lc-loader__spinner",`lc-loader__spinner--${c}`)},/*#__PURE__*/e.createElement("div",{className:"lc-loader__spinner-circle",style:{borderColor:s,borderTopColor:a}})),r&&/*#__PURE__*/e.createElement(u,{as:"div",size:"md",className:"lc-loader__label"},r)),x=["loading","disabled","type","fullWidth","kind","size","icon","iconPosition","loaderLabel","className","children"],$=a=>{let{loading:t=!1,disabled:c=!1,type:n="button",fullWidth:i=!1,kind:d="basic",size:m="medium",icon:o=null,iconPosition:b="left",loaderLabel:u,className:h,children:N}=a,p=r(a,x);const _=t||c,g=l(h,"lc-btn",`lc-btn--${d}`,`lc-btn--${m}`,{"lc-btn--loading":t,"lc-btn--full-width":i,"lc-btn--icon-only":!N&&o});/*#__PURE__*/return e.createElement("button",s({className:g,disabled:_,type:n},p),t&&/*#__PURE__*/e.createElement(k,{size:"small",label:u,className:"lc-btn__loader"}),o&&/*#__PURE__*/e.cloneElement(o,{className:l("lc-btn__icon",`lc-btn__icon--${b}`),disabled:c}),/*#__PURE__*/e.createElement("div",{className:"lc-btn__content"},N))};export{a as Badge,$ as Button,g as Card,S as Form,o as Icon,E as Tab,y as TabsList,f as TabsWrapper};
2
- //# sourceMappingURL=index.modern.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.modern.js","sources":["../src/components/Badge.tsx","../src/components/Icon.tsx","../src/components/Text.tsx","../src/components/Heading.tsx","../src/components/Card.tsx","../src/components/Tab.tsx","../src/components/TabsWrapper.tsx","../src/components/Form.tsx","../src/components/Loader.tsx","../src/components/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\n\nexport interface IBadgeProps {\n secondary?: boolean;\n className?: string;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({\n children,\n className: extraClassName = '',\n secondary = false,\n}) => {\n const className = cx('lc-badge', {\n 'lc-badge--secondary': secondary,\n [extraClassName]: !!extraClassName,\n });\n\n return <span className={className}>{children}</span>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nexport enum IconSizeName {\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n XLarge = 'xlarge',\n}\n\nexport const IconSize = {\n [IconSizeName.XSmall]: {\n width: 12,\n height: 12,\n },\n [IconSizeName.Small]: {\n width: 16,\n height: 16,\n },\n [IconSizeName.Medium]: {\n width: 20,\n height: 20,\n },\n [IconSizeName.Large]: {\n width: 24,\n height: 24,\n },\n [IconSizeName.XLarge]: {\n width: 32,\n height: 32,\n },\n};\n\nexport enum IconTypeName {\n Primary = 'primary',\n Subtle = 'subtle',\n Inverted = 'inverted',\n InvertedSubtle = 'inverted_subtle',\n Link = 'link',\n Success = 'success',\n Warning = 'warning',\n Error = 'error',\n}\n\nexport const IconColorMapper = {\n [IconTypeName.Primary]: 'primary',\n [IconTypeName.Subtle]: 'subtle',\n [IconTypeName.Inverted]: 'inverted',\n [IconTypeName.InvertedSubtle]: 'inverted-subtle',\n [IconTypeName.Link]: 'link',\n [IconTypeName.Success]: 'success',\n [IconTypeName.Warning]: 'warning',\n [IconTypeName.Error]: 'error',\n};\n\nexport const IconColorDisabledMapper = {\n [IconTypeName.Primary]: 'disabled--primary',\n [IconTypeName.Subtle]: 'disabled--subtle',\n [IconTypeName.Inverted]: 'disabled--inverted',\n [IconTypeName.InvertedSubtle]: 'disabled--inverted-subtle',\n [IconTypeName.Link]: 'disabled--link',\n [IconTypeName.Success]: 'disabled--success',\n [IconTypeName.Warning]: 'disabled--warning',\n [IconTypeName.Error]: 'disabled--error',\n};\n\nexport interface IIconProps {\n source: React.FC<React.SVGProps<SVGSVGElement>> | string;\n size?: IconSizeName;\n iconType?: IconTypeName;\n disabled?: boolean;\n className?: string;\n}\n\nconst baseClass = 'lc-icon';\n\nexport const Icon: React.FC<IIconProps> = (props) => {\n const {\n source,\n size = IconSizeName.Medium,\n iconType = IconTypeName.Primary,\n disabled,\n className,\n ...restProps\n } = props;\n let filledColor = IconColorMapper[iconType];\n\n if (disabled) {\n filledColor = IconColorDisabledMapper[iconType];\n }\n\n const GeneratedIcon = React.createElement(source, {\n ...IconSize[size],\n });\n\n const mergedClassNames = cx(\n className,\n baseClass,\n `${baseClass}--${filledColor}`\n );\n\n return (\n <span {...restProps} className={mergedClassNames}>\n {GeneratedIcon}\n </span>\n );\n};\n\nexport default Icon;\n","import * as React from 'react';\nimport cx from 'classnames';\n\ntype TSize = 'md' | 'sm' | 'xs';\n\ninterface IProps {\n /** DOM element name that will be rendered */\n as?: string;\n size?: TSize;\n /** Optional custom className */\n className?: string;\n caps?: boolean;\n bold?: boolean;\n underline?: boolean;\n strike?: boolean;\n}\n\nexport const Text: React.FC<IProps> = ({\n as = 'p',\n size = 'md',\n caps = false,\n bold = false,\n underline = false,\n strike = false,\n children,\n className,\n ...props\n}) => {\n const baseClassPrefix = caps ? 'lc-caps' : `lc-paragraph-${size}`;\n\n return React.createElement(\n as,\n {\n className: cx(\n {\n [`${baseClassPrefix}`]: true,\n [`${baseClassPrefix}--bold`]: bold,\n [`${baseClassPrefix}--strike`]: strike,\n [`${baseClassPrefix}--underline`]: underline,\n },\n className\n ),\n ...props,\n },\n children\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nenum sizeToElement {\n xl = 'h1',\n lg = 'h2',\n md = 'h3',\n sm = 'h4',\n xs = 'h5',\n}\n\ntype TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\ninterface IProps {\n size?: TSize;\n /** DOM element name that will be rendered */\n as?: string;\n /** Optional custom className */\n className?: string;\n}\n\nexport const Heading: React.FC<IProps> = ({\n as,\n size = 'md',\n children,\n className,\n ...props\n}) => {\n return React.createElement(\n as || sizeToElement[size],\n { className: cx(`lc-heading-${size}`, className), ...props },\n children\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\nimport { Heading } from './Heading';\n\nexport interface ICardProps extends React.HTMLAttributes<HTMLDivElement> {\n title: string;\n img?: string;\n}\n\nexport const Card: React.FC<ICardProps> = ({\n img,\n title,\n children,\n className,\n ...restProps\n}) => {\n return (\n <Text\n as=\"div\"\n size=\"md\"\n className={cx('lc-card', className)}\n {...restProps}\n >\n {(img || title) && (\n <Heading as=\"div\" size=\"sm\" className={'lc-card__title'}>\n {img && <img src={img} className={'lc-card__img'} />}\n {title && <div className={'lc-card__text'}>{title}</div>}\n </Heading>\n )}\n {children}\n </Text>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\n\ntype HTMLProps =\n | (React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string })\n | (React.ButtonHTMLAttributes<HTMLButtonElement> & { href?: never });\n\nexport type ITabProps = HTMLProps & {\n description?: React.ReactNode;\n isSelected?: boolean;\n};\n\nconst baseClass = 'lc-tab';\n\nexport const Tab: React.FC<ITabProps> = ({\n children,\n className,\n description,\n isSelected,\n ...restProps\n}) => {\n return (\n <Text\n {...restProps}\n as={restProps.href ? 'a' : 'button'}\n size=\"md\"\n bold={isSelected}\n className={cx(\n baseClass,\n className,\n isSelected && `${baseClass}--selected`\n )}\n >\n {children}\n {description && (\n <Text as=\"span\" size=\"md\" className={`${baseClass}__description`}>\n ({description})\n </Text>\n )}\n </Text>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nconst baseClass = 'lc-tabs';\n\nexport const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n}) => {\n return <div className={cx(baseClass, className)}>{children}</div>;\n};\n\nexport const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n}) => {\n return <div className={cx(`${baseClass}__list`, className)}>{children}</div>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Heading } from './Heading';\nimport { Text } from './Text';\n\nexport interface IFormProps extends React.HTMLAttributes<HTMLFormElement> {\n labelText?: string;\n helperText?: string;\n formFooter?: React.ReactNode;\n}\n\nconst baseClass = 'lc-form';\n\nexport const Form: React.FC<IFormProps> = ({\n className,\n children,\n labelText,\n helperText,\n formFooter,\n ...restProps\n}) => {\n return (\n <form className={cx(baseClass, className)} {...restProps}>\n {(labelText || helperText) && (\n <div className={`${baseClass}__header`}>\n {labelText && (\n <Heading size=\"sm\" className={`${baseClass}__label`}>\n {labelText}\n </Heading>\n )}\n {helperText && (\n <Text as=\"p\" size=\"sm\" className={`${baseClass}__helper`}>\n {helperText}\n </Text>\n )}\n </div>\n )}\n {children}\n {formFooter && <div className={`${baseClass}__footer`}>{formFooter}</div>}\n </form>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Text } from './Text';\n\nconst baseClass = 'lc-loader';\nconst spinnerClass = `${baseClass}__spinner`;\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n size?: 'small' | 'medium' | 'large';\n label?: string;\n /** Fragment circle color */\n primaryColor?: string;\n /** Main circle color */\n secondaryColor?: string;\n}\n\nexport const Loader: React.FC<Props> = ({\n primaryColor,\n secondaryColor,\n label,\n className,\n size = 'medium',\n}) => {\n return (\n <div className={cx(baseClass, className)}>\n <div className={cx(spinnerClass, `${spinnerClass}--${size}`)}>\n <div\n className=\"lc-loader__spinner-circle\"\n style={{\n /* stylelint-disable */\n borderColor: secondaryColor,\n borderTopColor: primaryColor,\n }}\n />\n </div>\n {label && (\n <Text as=\"div\" size=\"md\" className=\"lc-loader__label\">\n {label}\n </Text>\n )}\n </div>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Loader } from './Loader';\n\nexport type ButtonSize = 'compact' | 'medium' | 'large';\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';\n size?: ButtonSize;\n disabled?: boolean;\n loading?: boolean;\n fullWidth?: boolean;\n loaderLabel?: string;\n icon?: React.ReactElement;\n iconPosition?: 'left' | 'right';\n}\n\nconst baseClass = 'lc-btn';\n\nexport const Button: React.FC<ButtonProps> = ({\n loading = false,\n disabled = false,\n type = 'button',\n fullWidth = false,\n kind = 'basic',\n size = 'medium',\n icon = null,\n iconPosition = 'left',\n loaderLabel,\n className,\n children,\n ...props\n}) => {\n const isDisabled = loading || disabled;\n\n const mergedClassNames = cx(\n className,\n baseClass,\n `${baseClass}--${kind}`,\n `${baseClass}--${size}`,\n {\n [`${baseClass}--loading`]: loading,\n [`${baseClass}--full-width`]: fullWidth,\n [`${baseClass}--icon-only`]: !children && icon,\n }\n );\n\n return (\n <button\n className={mergedClassNames}\n disabled={isDisabled}\n type={type}\n {...props}\n >\n {loading && (\n <Loader\n size=\"small\"\n label={loaderLabel}\n className={`${baseClass}__loader`}\n />\n )}\n {icon &&\n React.cloneElement(icon, {\n className: cx(\n `${baseClass}__icon`,\n `${baseClass}__icon--${iconPosition}`\n ),\n disabled,\n })}\n <div className={`${baseClass}__content`}>{children}</div>\n </button>\n );\n};\n"],"names":["Badge","children","className","extraClassName","secondary","cx","React","IconSizeName","IconSize","XSmall","width","height","Small","Medium","Large","XLarge","IconTypeName","IconColorMapper","Primary","Subtle","Inverted","InvertedSubtle","Link","Success","Warning","Error","IconColorDisabledMapper","Icon","props","source","size","iconType","disabled","restProps","filledColor","GeneratedIcon","createElement","mergedClassNames","Text","_ref","as","caps","bold","underline","strike","baseClassPrefix","sizeToElement","Heading","Card","img","title","src","Tab","description","isSelected","href","TabsWrapper","TabsList","Form","labelText","helperText","formFooter","Loader","primaryColor","secondaryColor","label","style","borderColor","borderTopColor","Button","loading","type","fullWidth","kind","icon","iconPosition","loaderLabel","isDisabled","cloneElement"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import*as e from"react";import l from"classnames";const a=({children:a,className:s="",secondary:c=!1})=>{const r=l("lc-badge",{"lc-badge--secondary":c,[s]:!!s});/*#__PURE__*/return e.createElement("span",{className:r},a)};var s;!function(e){e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(s||(s={}));const c={[s.XSmall]:{width:12,height:12},[s.Small]:{width:16,height:16},[s.Medium]:{width:20,height:20},[s.Large]:{width:24,height:24},[s.XLarge]:{width:32,height:32}};var r;!function(e){e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error"}(r||(r={}));const t={[r.Primary]:"primary",[r.Subtle]:"subtle",[r.Inverted]:"inverted",[r.InvertedSubtle]:"inverted-subtle",[r.Link]:"link",[r.Success]:"success",[r.Warning]:"warning",[r.Error]:"error"},n={[r.Primary]:"disabled--primary",[r.Subtle]:"disabled--subtle",[r.Inverted]:"disabled--inverted",[r.InvertedSubtle]:"disabled--inverted-subtle",[r.Link]:"disabled--link",[r.Success]:"disabled--success",[r.Warning]:"disabled--warning",[r.Error]:"disabled--error"},i=a=>{const{source:i,size:m=s.Medium,iconType:d=r.Primary,disabled:o,className:b,...u}=a;let h=t[d];o&&(h=n[d]);const N=/*#__PURE__*/e.createElement(i,{...c[m]}),_=l(b,"lc-icon",`lc-icon--${h}`);/*#__PURE__*/return e.createElement("span",{...u,className:_},N)},m=({as:a="p",size:s="md",caps:c=!1,bold:r=!1,underline:t=!1,strike:n=!1,children:i,className:m,...d})=>{const o=c?"lc-caps":`lc-paragraph-${s}`;/*#__PURE__*/return e.createElement(a,{className:l({[`${o}`]:!0,[`${o}--bold`]:r,[`${o}--strike`]:n,[`${o}--underline`]:t},m),...d},i)};var d;!function(e){e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5"}(d||(d={}));const o=({as:a,size:s="md",children:c,className:r,...t})=>/*#__PURE__*/e.createElement(a||d[s],{className:l(`lc-heading-${s}`,r),...t},c),b=({img:a,title:s,children:c,className:r,...t})=>/*#__PURE__*/e.createElement(m,{as:"div",size:"md",className:l("lc-card",r),...t},(a||s)&&/*#__PURE__*/e.createElement(o,{as:"div",size:"sm",className:"lc-card__title"},a&&/*#__PURE__*/e.createElement("img",{src:a,className:"lc-card__img"}),s&&/*#__PURE__*/e.createElement("div",{className:"lc-card__text"},s)),c),u=({children:a,className:s,description:c,isSelected:r,...t})=>/*#__PURE__*/e.createElement(m,{...t,as:t.href?"a":"button",size:"md",bold:r,className:l("lc-tab",s,r&&"lc-tab--selected")},a,c&&/*#__PURE__*/e.createElement(m,{as:"span",size:"md",className:"lc-tab__description"},"(",c,")")),h=({className:a,children:s})=>/*#__PURE__*/e.createElement("div",{className:l("lc-tabs",a)},s),N=({className:a,children:s})=>/*#__PURE__*/e.createElement("div",{className:l("lc-tabs__list",a)},s),_=({className:a,children:s,labelText:c,helperText:r,formFooter:t,...n})=>/*#__PURE__*/e.createElement("form",{className:l("lc-form",a),...n},(c||r)&&/*#__PURE__*/e.createElement("div",{className:"lc-form__header"},c&&/*#__PURE__*/e.createElement(o,{size:"sm",className:"lc-form__label"},c),r&&/*#__PURE__*/e.createElement(m,{as:"p",size:"sm",className:"lc-form__helper"},r)),s,t&&/*#__PURE__*/e.createElement("div",{className:"lc-form__footer"},t)),E=({primaryColor:a,secondaryColor:s,label:c,className:r,size:t="medium"})=>/*#__PURE__*/e.createElement("div",{className:l("lc-loader",r)},/*#__PURE__*/e.createElement("div",{className:l("lc-loader__spinner",`lc-loader__spinner--${t}`)},/*#__PURE__*/e.createElement("div",{className:"lc-loader__spinner-circle",style:{borderColor:s,borderTopColor:a}})),c&&/*#__PURE__*/e.createElement(m,{as:"div",size:"md",className:"lc-loader__label"},c)),g=({loading:a=!1,disabled:s=!1,type:c="button",fullWidth:r=!1,kind:t="basic",size:n="medium",icon:i=null,iconPosition:m="left",loaderLabel:d,className:o,children:b,...u})=>{const h=a||s,N=l(o,"lc-btn",`lc-btn--${t}`,`lc-btn--${n}`,{"lc-btn--loading":a,"lc-btn--full-width":r,"lc-btn--icon-only":!b&&i});/*#__PURE__*/return e.createElement("button",{className:N,disabled:h,type:c,...u},a&&/*#__PURE__*/e.createElement(E,{size:"small",label:d,className:"lc-btn__loader"}),i&&/*#__PURE__*/e.cloneElement(i,{className:l("lc-btn__icon",`lc-btn__icon--${m}`),disabled:s}),/*#__PURE__*/e.createElement("div",{className:"lc-btn__content"},b))};export{a as Badge,g as Button,b as Card,_ as Form,i as Icon,u as Tab,N as TabsList,h as TabsWrapper};
2
- //# sourceMappingURL=index.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.module.js","sources":["../src/components/Badge.tsx","../src/components/Icon.tsx","../src/components/Text.tsx","../src/components/Heading.tsx","../src/components/Card.tsx","../src/components/Tab.tsx","../src/components/TabsWrapper.tsx","../src/components/Form.tsx","../src/components/Loader.tsx","../src/components/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\n\nexport interface IBadgeProps {\n secondary?: boolean;\n className?: string;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({\n children,\n className: extraClassName = '',\n secondary = false,\n}) => {\n const className = cx('lc-badge', {\n 'lc-badge--secondary': secondary,\n [extraClassName]: !!extraClassName,\n });\n\n return <span className={className}>{children}</span>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nexport enum IconSizeName {\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n XLarge = 'xlarge',\n}\n\nexport const IconSize = {\n [IconSizeName.XSmall]: {\n width: 12,\n height: 12,\n },\n [IconSizeName.Small]: {\n width: 16,\n height: 16,\n },\n [IconSizeName.Medium]: {\n width: 20,\n height: 20,\n },\n [IconSizeName.Large]: {\n width: 24,\n height: 24,\n },\n [IconSizeName.XLarge]: {\n width: 32,\n height: 32,\n },\n};\n\nexport enum IconTypeName {\n Primary = 'primary',\n Subtle = 'subtle',\n Inverted = 'inverted',\n InvertedSubtle = 'inverted_subtle',\n Link = 'link',\n Success = 'success',\n Warning = 'warning',\n Error = 'error',\n}\n\nexport const IconColorMapper = {\n [IconTypeName.Primary]: 'primary',\n [IconTypeName.Subtle]: 'subtle',\n [IconTypeName.Inverted]: 'inverted',\n [IconTypeName.InvertedSubtle]: 'inverted-subtle',\n [IconTypeName.Link]: 'link',\n [IconTypeName.Success]: 'success',\n [IconTypeName.Warning]: 'warning',\n [IconTypeName.Error]: 'error',\n};\n\nexport const IconColorDisabledMapper = {\n [IconTypeName.Primary]: 'disabled--primary',\n [IconTypeName.Subtle]: 'disabled--subtle',\n [IconTypeName.Inverted]: 'disabled--inverted',\n [IconTypeName.InvertedSubtle]: 'disabled--inverted-subtle',\n [IconTypeName.Link]: 'disabled--link',\n [IconTypeName.Success]: 'disabled--success',\n [IconTypeName.Warning]: 'disabled--warning',\n [IconTypeName.Error]: 'disabled--error',\n};\n\nexport interface IIconProps {\n source: React.FC<React.SVGProps<SVGSVGElement>> | string;\n size?: IconSizeName;\n iconType?: IconTypeName;\n disabled?: boolean;\n className?: string;\n}\n\nconst baseClass = 'lc-icon';\n\nexport const Icon: React.FC<IIconProps> = (props) => {\n const {\n source,\n size = IconSizeName.Medium,\n iconType = IconTypeName.Primary,\n disabled,\n className,\n ...restProps\n } = props;\n let filledColor = IconColorMapper[iconType];\n\n if (disabled) {\n filledColor = IconColorDisabledMapper[iconType];\n }\n\n const GeneratedIcon = React.createElement(source, {\n ...IconSize[size],\n });\n\n const mergedClassNames = cx(\n className,\n baseClass,\n `${baseClass}--${filledColor}`\n );\n\n return (\n <span {...restProps} className={mergedClassNames}>\n {GeneratedIcon}\n </span>\n );\n};\n\nexport default Icon;\n","import * as React from 'react';\nimport cx from 'classnames';\n\ntype TSize = 'md' | 'sm' | 'xs';\n\ninterface IProps {\n /** DOM element name that will be rendered */\n as?: string;\n size?: TSize;\n /** Optional custom className */\n className?: string;\n caps?: boolean;\n bold?: boolean;\n underline?: boolean;\n strike?: boolean;\n}\n\nexport const Text: React.FC<IProps> = ({\n as = 'p',\n size = 'md',\n caps = false,\n bold = false,\n underline = false,\n strike = false,\n children,\n className,\n ...props\n}) => {\n const baseClassPrefix = caps ? 'lc-caps' : `lc-paragraph-${size}`;\n\n return React.createElement(\n as,\n {\n className: cx(\n {\n [`${baseClassPrefix}`]: true,\n [`${baseClassPrefix}--bold`]: bold,\n [`${baseClassPrefix}--strike`]: strike,\n [`${baseClassPrefix}--underline`]: underline,\n },\n className\n ),\n ...props,\n },\n children\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nenum sizeToElement {\n xl = 'h1',\n lg = 'h2',\n md = 'h3',\n sm = 'h4',\n xs = 'h5',\n}\n\ntype TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\ninterface IProps {\n size?: TSize;\n /** DOM element name that will be rendered */\n as?: string;\n /** Optional custom className */\n className?: string;\n}\n\nexport const Heading: React.FC<IProps> = ({\n as,\n size = 'md',\n children,\n className,\n ...props\n}) => {\n return React.createElement(\n as || sizeToElement[size],\n { className: cx(`lc-heading-${size}`, className), ...props },\n children\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\nimport { Heading } from './Heading';\n\nexport interface ICardProps extends React.HTMLAttributes<HTMLDivElement> {\n title: string;\n img?: string;\n}\n\nexport const Card: React.FC<ICardProps> = ({\n img,\n title,\n children,\n className,\n ...restProps\n}) => {\n return (\n <Text\n as=\"div\"\n size=\"md\"\n className={cx('lc-card', className)}\n {...restProps}\n >\n {(img || title) && (\n <Heading as=\"div\" size=\"sm\" className={'lc-card__title'}>\n {img && <img src={img} className={'lc-card__img'} />}\n {title && <div className={'lc-card__text'}>{title}</div>}\n </Heading>\n )}\n {children}\n </Text>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\n\ntype HTMLProps =\n | (React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string })\n | (React.ButtonHTMLAttributes<HTMLButtonElement> & { href?: never });\n\nexport type ITabProps = HTMLProps & {\n description?: React.ReactNode;\n isSelected?: boolean;\n};\n\nconst baseClass = 'lc-tab';\n\nexport const Tab: React.FC<ITabProps> = ({\n children,\n className,\n description,\n isSelected,\n ...restProps\n}) => {\n return (\n <Text\n {...restProps}\n as={restProps.href ? 'a' : 'button'}\n size=\"md\"\n bold={isSelected}\n className={cx(\n baseClass,\n className,\n isSelected && `${baseClass}--selected`\n )}\n >\n {children}\n {description && (\n <Text as=\"span\" size=\"md\" className={`${baseClass}__description`}>\n ({description})\n </Text>\n )}\n </Text>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nconst baseClass = 'lc-tabs';\n\nexport const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n}) => {\n return <div className={cx(baseClass, className)}>{children}</div>;\n};\n\nexport const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n}) => {\n return <div className={cx(`${baseClass}__list`, className)}>{children}</div>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Heading } from './Heading';\nimport { Text } from './Text';\n\nexport interface IFormProps extends React.HTMLAttributes<HTMLFormElement> {\n labelText?: string;\n helperText?: string;\n formFooter?: React.ReactNode;\n}\n\nconst baseClass = 'lc-form';\n\nexport const Form: React.FC<IFormProps> = ({\n className,\n children,\n labelText,\n helperText,\n formFooter,\n ...restProps\n}) => {\n return (\n <form className={cx(baseClass, className)} {...restProps}>\n {(labelText || helperText) && (\n <div className={`${baseClass}__header`}>\n {labelText && (\n <Heading size=\"sm\" className={`${baseClass}__label`}>\n {labelText}\n </Heading>\n )}\n {helperText && (\n <Text as=\"p\" size=\"sm\" className={`${baseClass}__helper`}>\n {helperText}\n </Text>\n )}\n </div>\n )}\n {children}\n {formFooter && <div className={`${baseClass}__footer`}>{formFooter}</div>}\n </form>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Text } from './Text';\n\nconst baseClass = 'lc-loader';\nconst spinnerClass = `${baseClass}__spinner`;\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n size?: 'small' | 'medium' | 'large';\n label?: string;\n /** Fragment circle color */\n primaryColor?: string;\n /** Main circle color */\n secondaryColor?: string;\n}\n\nexport const Loader: React.FC<Props> = ({\n primaryColor,\n secondaryColor,\n label,\n className,\n size = 'medium',\n}) => {\n return (\n <div className={cx(baseClass, className)}>\n <div className={cx(spinnerClass, `${spinnerClass}--${size}`)}>\n <div\n className=\"lc-loader__spinner-circle\"\n style={{\n /* stylelint-disable */\n borderColor: secondaryColor,\n borderTopColor: primaryColor,\n }}\n />\n </div>\n {label && (\n <Text as=\"div\" size=\"md\" className=\"lc-loader__label\">\n {label}\n </Text>\n )}\n </div>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Loader } from './Loader';\n\nexport type ButtonSize = 'compact' | 'medium' | 'large';\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';\n size?: ButtonSize;\n disabled?: boolean;\n loading?: boolean;\n fullWidth?: boolean;\n loaderLabel?: string;\n icon?: React.ReactElement;\n iconPosition?: 'left' | 'right';\n}\n\nconst baseClass = 'lc-btn';\n\nexport const Button: React.FC<ButtonProps> = ({\n loading = false,\n disabled = false,\n type = 'button',\n fullWidth = false,\n kind = 'basic',\n size = 'medium',\n icon = null,\n iconPosition = 'left',\n loaderLabel,\n className,\n children,\n ...props\n}) => {\n const isDisabled = loading || disabled;\n\n const mergedClassNames = cx(\n className,\n baseClass,\n `${baseClass}--${kind}`,\n `${baseClass}--${size}`,\n {\n [`${baseClass}--loading`]: loading,\n [`${baseClass}--full-width`]: fullWidth,\n [`${baseClass}--icon-only`]: !children && icon,\n }\n );\n\n return (\n <button\n className={mergedClassNames}\n disabled={isDisabled}\n type={type}\n {...props}\n >\n {loading && (\n <Loader\n size=\"small\"\n label={loaderLabel}\n className={`${baseClass}__loader`}\n />\n )}\n {icon &&\n React.cloneElement(icon, {\n className: cx(\n `${baseClass}__icon`,\n `${baseClass}__icon--${iconPosition}`\n ),\n disabled,\n })}\n <div className={`${baseClass}__content`}>{children}</div>\n </button>\n );\n};\n"],"names":["Badge","children","className","extraClassName","secondary","cx","React","IconSizeName","IconSize","XSmall","width","height","Small","Medium","Large","XLarge","IconTypeName","IconColorMapper","Primary","Subtle","Inverted","InvertedSubtle","Link","Success","Warning","Error","IconColorDisabledMapper","Icon","props","source","size","iconType","disabled","restProps","filledColor","GeneratedIcon","createElement","mergedClassNames","Text","as","caps","bold","underline","strike","baseClassPrefix","sizeToElement","Heading","Card","img","title","src","Tab","description","isSelected","href","TabsWrapper","TabsList","Form","labelText","helperText","formFooter","Loader","primaryColor","secondaryColor","label","style","borderColor","borderTopColor","Button","loading","type","fullWidth","kind","icon","iconPosition","loaderLabel","isDisabled","cloneElement"],"mappings":"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"}
package/dist/index.umd.js DELETED
@@ -1,2 +0,0 @@
1
- !function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("react"),require("classnames")):"function"==typeof define&&define.amd?define(["exports","react","classnames"],a):a((e||self).designSystemReactComponents={},e.react,e.classnames)}(this,function(e,a,l){function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach(function(l){if("default"!==l){var t=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,t.get?t:{enumerable:!0,get:function(){return e[l]}})}}),a.default=e,a}var r,c=/*#__PURE__*/s(a),n=/*#__PURE__*/t(l);!function(e){e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(r||(r={}));const i={[r.XSmall]:{width:12,height:12},[r.Small]:{width:16,height:16},[r.Medium]:{width:20,height:20},[r.Large]:{width:24,height:24},[r.XLarge]:{width:32,height:32}};var d;!function(e){e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error"}(d||(d={}));const m={[d.Primary]:"primary",[d.Subtle]:"subtle",[d.Inverted]:"inverted",[d.InvertedSubtle]:"inverted-subtle",[d.Link]:"link",[d.Success]:"success",[d.Warning]:"warning",[d.Error]:"error"},o={[d.Primary]:"disabled--primary",[d.Subtle]:"disabled--subtle",[d.Inverted]:"disabled--inverted",[d.InvertedSubtle]:"disabled--inverted-subtle",[d.Link]:"disabled--link",[d.Success]:"disabled--success",[d.Warning]:"disabled--warning",[d.Error]:"disabled--error"},u=({as:e="p",size:a="md",caps:l=!1,bold:t=!1,underline:s=!1,strike:r=!1,children:i,className:d,...m})=>{const o=l?"lc-caps":`lc-paragraph-${a}`;/*#__PURE__*/return c.createElement(e,{className:n.default({[`${o}`]:!0,[`${o}--bold`]:t,[`${o}--strike`]:r,[`${o}--underline`]:s},d),...m},i)};var b;!function(e){e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5"}(b||(b={}));const f=({as:e,size:a="md",children:l,className:t,...s})=>/*#__PURE__*/c.createElement(e||b[a],{className:n.default(`lc-heading-${a}`,t),...s},l),h="lc-loader__spinner",p=({primaryColor:e,secondaryColor:a,label:l,className:t,size:s="medium"})=>/*#__PURE__*/c.createElement("div",{className:n.default("lc-loader",t)},/*#__PURE__*/c.createElement("div",{className:n.default(h,`${h}--${s}`)},/*#__PURE__*/c.createElement("div",{className:"lc-loader__spinner-circle",style:{borderColor:a,borderTopColor:e}})),l&&/*#__PURE__*/c.createElement(u,{as:"div",size:"md",className:"lc-loader__label"},l));e.Badge=({children:e,className:a="",secondary:l=!1})=>{const t=n.default("lc-badge",{"lc-badge--secondary":l,[a]:!!a});/*#__PURE__*/return c.createElement("span",{className:t},e)},e.Button=({loading:e=!1,disabled:a=!1,type:l="button",fullWidth:t=!1,kind:s="basic",size:r="medium",icon:i=null,iconPosition:d="left",loaderLabel:m,className:o,children:u,...b})=>{const f=e||a,h=n.default(o,"lc-btn",`lc-btn--${s}`,`lc-btn--${r}`,{"lc-btn--loading":e,"lc-btn--full-width":t,"lc-btn--icon-only":!u&&i});/*#__PURE__*/return c.createElement("button",{className:h,disabled:f,type:l,...b},e&&/*#__PURE__*/c.createElement(p,{size:"small",label:m,className:"lc-btn__loader"}),i&&/*#__PURE__*/c.cloneElement(i,{className:n.default("lc-btn__icon",`lc-btn__icon--${d}`),disabled:a}),/*#__PURE__*/c.createElement("div",{className:"lc-btn__content"},u))},e.Card=({img:e,title:a,children:l,className:t,...s})=>/*#__PURE__*/c.createElement(u,{as:"div",size:"md",className:n.default("lc-card",t),...s},(e||a)&&/*#__PURE__*/c.createElement(f,{as:"div",size:"sm",className:"lc-card__title"},e&&/*#__PURE__*/c.createElement("img",{src:e,className:"lc-card__img"}),a&&/*#__PURE__*/c.createElement("div",{className:"lc-card__text"},a)),l),e.Form=({className:e,children:a,labelText:l,helperText:t,formFooter:s,...r})=>/*#__PURE__*/c.createElement("form",{className:n.default("lc-form",e),...r},(l||t)&&/*#__PURE__*/c.createElement("div",{className:"lc-form__header"},l&&/*#__PURE__*/c.createElement(f,{size:"sm",className:"lc-form__label"},l),t&&/*#__PURE__*/c.createElement(u,{as:"p",size:"sm",className:"lc-form__helper"},t)),a,s&&/*#__PURE__*/c.createElement("div",{className:"lc-form__footer"},s)),e.Icon=e=>{const{source:a,size:l=r.Medium,iconType:t=d.Primary,disabled:s,className:u,...b}=e;let f=m[t];s&&(f=o[t]);const h=/*#__PURE__*/c.createElement(a,{...i[l]}),p=n.default(u,"lc-icon",`lc-icon--${f}`);/*#__PURE__*/return c.createElement("span",{...b,className:p},h)},e.Tab=({children:e,className:a,description:l,isSelected:t,...s})=>/*#__PURE__*/c.createElement(u,{...s,as:s.href?"a":"button",size:"md",bold:t,className:n.default("lc-tab",a,t&&"lc-tab--selected")},e,l&&/*#__PURE__*/c.createElement(u,{as:"span",size:"md",className:"lc-tab__description"},"(",l,")")),e.TabsList=({className:e,children:a})=>/*#__PURE__*/c.createElement("div",{className:n.default("lc-tabs__list",e)},a),e.TabsWrapper=({className:e,children:a})=>/*#__PURE__*/c.createElement("div",{className:n.default("lc-tabs",e)},a)});
2
- //# sourceMappingURL=index.umd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.umd.js","sources":["../src/components/Icon.tsx","../src/components/Text.tsx","../src/components/Heading.tsx","../src/components/Loader.tsx","../src/components/Badge.tsx","../src/components/Button.tsx","../src/components/Card.tsx","../src/components/Form.tsx","../src/components/Tab.tsx","../src/components/TabsWrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\n\nexport enum IconSizeName {\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n XLarge = 'xlarge',\n}\n\nexport const IconSize = {\n [IconSizeName.XSmall]: {\n width: 12,\n height: 12,\n },\n [IconSizeName.Small]: {\n width: 16,\n height: 16,\n },\n [IconSizeName.Medium]: {\n width: 20,\n height: 20,\n },\n [IconSizeName.Large]: {\n width: 24,\n height: 24,\n },\n [IconSizeName.XLarge]: {\n width: 32,\n height: 32,\n },\n};\n\nexport enum IconTypeName {\n Primary = 'primary',\n Subtle = 'subtle',\n Inverted = 'inverted',\n InvertedSubtle = 'inverted_subtle',\n Link = 'link',\n Success = 'success',\n Warning = 'warning',\n Error = 'error',\n}\n\nexport const IconColorMapper = {\n [IconTypeName.Primary]: 'primary',\n [IconTypeName.Subtle]: 'subtle',\n [IconTypeName.Inverted]: 'inverted',\n [IconTypeName.InvertedSubtle]: 'inverted-subtle',\n [IconTypeName.Link]: 'link',\n [IconTypeName.Success]: 'success',\n [IconTypeName.Warning]: 'warning',\n [IconTypeName.Error]: 'error',\n};\n\nexport const IconColorDisabledMapper = {\n [IconTypeName.Primary]: 'disabled--primary',\n [IconTypeName.Subtle]: 'disabled--subtle',\n [IconTypeName.Inverted]: 'disabled--inverted',\n [IconTypeName.InvertedSubtle]: 'disabled--inverted-subtle',\n [IconTypeName.Link]: 'disabled--link',\n [IconTypeName.Success]: 'disabled--success',\n [IconTypeName.Warning]: 'disabled--warning',\n [IconTypeName.Error]: 'disabled--error',\n};\n\nexport interface IIconProps {\n source: React.FC<React.SVGProps<SVGSVGElement>> | string;\n size?: IconSizeName;\n iconType?: IconTypeName;\n disabled?: boolean;\n className?: string;\n}\n\nconst baseClass = 'lc-icon';\n\nexport const Icon: React.FC<IIconProps> = (props) => {\n const {\n source,\n size = IconSizeName.Medium,\n iconType = IconTypeName.Primary,\n disabled,\n className,\n ...restProps\n } = props;\n let filledColor = IconColorMapper[iconType];\n\n if (disabled) {\n filledColor = IconColorDisabledMapper[iconType];\n }\n\n const GeneratedIcon = React.createElement(source, {\n ...IconSize[size],\n });\n\n const mergedClassNames = cx(\n className,\n baseClass,\n `${baseClass}--${filledColor}`\n );\n\n return (\n <span {...restProps} className={mergedClassNames}>\n {GeneratedIcon}\n </span>\n );\n};\n\nexport default Icon;\n","import * as React from 'react';\nimport cx from 'classnames';\n\ntype TSize = 'md' | 'sm' | 'xs';\n\ninterface IProps {\n /** DOM element name that will be rendered */\n as?: string;\n size?: TSize;\n /** Optional custom className */\n className?: string;\n caps?: boolean;\n bold?: boolean;\n underline?: boolean;\n strike?: boolean;\n}\n\nexport const Text: React.FC<IProps> = ({\n as = 'p',\n size = 'md',\n caps = false,\n bold = false,\n underline = false,\n strike = false,\n children,\n className,\n ...props\n}) => {\n const baseClassPrefix = caps ? 'lc-caps' : `lc-paragraph-${size}`;\n\n return React.createElement(\n as,\n {\n className: cx(\n {\n [`${baseClassPrefix}`]: true,\n [`${baseClassPrefix}--bold`]: bold,\n [`${baseClassPrefix}--strike`]: strike,\n [`${baseClassPrefix}--underline`]: underline,\n },\n className\n ),\n ...props,\n },\n children\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nenum sizeToElement {\n xl = 'h1',\n lg = 'h2',\n md = 'h3',\n sm = 'h4',\n xs = 'h5',\n}\n\ntype TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n\ninterface IProps {\n size?: TSize;\n /** DOM element name that will be rendered */\n as?: string;\n /** Optional custom className */\n className?: string;\n}\n\nexport const Heading: React.FC<IProps> = ({\n as,\n size = 'md',\n children,\n className,\n ...props\n}) => {\n return React.createElement(\n as || sizeToElement[size],\n { className: cx(`lc-heading-${size}`, className), ...props },\n children\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Text } from './Text';\n\nconst baseClass = 'lc-loader';\nconst spinnerClass = `${baseClass}__spinner`;\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n size?: 'small' | 'medium' | 'large';\n label?: string;\n /** Fragment circle color */\n primaryColor?: string;\n /** Main circle color */\n secondaryColor?: string;\n}\n\nexport const Loader: React.FC<Props> = ({\n primaryColor,\n secondaryColor,\n label,\n className,\n size = 'medium',\n}) => {\n return (\n <div className={cx(baseClass, className)}>\n <div className={cx(spinnerClass, `${spinnerClass}--${size}`)}>\n <div\n className=\"lc-loader__spinner-circle\"\n style={{\n /* stylelint-disable */\n borderColor: secondaryColor,\n borderTopColor: primaryColor,\n }}\n />\n </div>\n {label && (\n <Text as=\"div\" size=\"md\" className=\"lc-loader__label\">\n {label}\n </Text>\n )}\n </div>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nexport interface IBadgeProps {\n secondary?: boolean;\n className?: string;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({\n children,\n className: extraClassName = '',\n secondary = false,\n}) => {\n const className = cx('lc-badge', {\n 'lc-badge--secondary': secondary,\n [extraClassName]: !!extraClassName,\n });\n\n return <span className={className}>{children}</span>;\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Loader } from './Loader';\n\nexport type ButtonSize = 'compact' | 'medium' | 'large';\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';\n size?: ButtonSize;\n disabled?: boolean;\n loading?: boolean;\n fullWidth?: boolean;\n loaderLabel?: string;\n icon?: React.ReactElement;\n iconPosition?: 'left' | 'right';\n}\n\nconst baseClass = 'lc-btn';\n\nexport const Button: React.FC<ButtonProps> = ({\n loading = false,\n disabled = false,\n type = 'button',\n fullWidth = false,\n kind = 'basic',\n size = 'medium',\n icon = null,\n iconPosition = 'left',\n loaderLabel,\n className,\n children,\n ...props\n}) => {\n const isDisabled = loading || disabled;\n\n const mergedClassNames = cx(\n className,\n baseClass,\n `${baseClass}--${kind}`,\n `${baseClass}--${size}`,\n {\n [`${baseClass}--loading`]: loading,\n [`${baseClass}--full-width`]: fullWidth,\n [`${baseClass}--icon-only`]: !children && icon,\n }\n );\n\n return (\n <button\n className={mergedClassNames}\n disabled={isDisabled}\n type={type}\n {...props}\n >\n {loading && (\n <Loader\n size=\"small\"\n label={loaderLabel}\n className={`${baseClass}__loader`}\n />\n )}\n {icon &&\n React.cloneElement(icon, {\n className: cx(\n `${baseClass}__icon`,\n `${baseClass}__icon--${iconPosition}`\n ),\n disabled,\n })}\n <div className={`${baseClass}__content`}>{children}</div>\n </button>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\nimport { Heading } from './Heading';\n\nexport interface ICardProps extends React.HTMLAttributes<HTMLDivElement> {\n title: string;\n img?: string;\n}\n\nexport const Card: React.FC<ICardProps> = ({\n img,\n title,\n children,\n className,\n ...restProps\n}) => {\n return (\n <Text\n as=\"div\"\n size=\"md\"\n className={cx('lc-card', className)}\n {...restProps}\n >\n {(img || title) && (\n <Heading as=\"div\" size=\"sm\" className={'lc-card__title'}>\n {img && <img src={img} className={'lc-card__img'} />}\n {title && <div className={'lc-card__text'}>{title}</div>}\n </Heading>\n )}\n {children}\n </Text>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nimport { Heading } from './Heading';\nimport { Text } from './Text';\n\nexport interface IFormProps extends React.HTMLAttributes<HTMLFormElement> {\n labelText?: string;\n helperText?: string;\n formFooter?: React.ReactNode;\n}\n\nconst baseClass = 'lc-form';\n\nexport const Form: React.FC<IFormProps> = ({\n className,\n children,\n labelText,\n helperText,\n formFooter,\n ...restProps\n}) => {\n return (\n <form className={cx(baseClass, className)} {...restProps}>\n {(labelText || helperText) && (\n <div className={`${baseClass}__header`}>\n {labelText && (\n <Heading size=\"sm\" className={`${baseClass}__label`}>\n {labelText}\n </Heading>\n )}\n {helperText && (\n <Text as=\"p\" size=\"sm\" className={`${baseClass}__helper`}>\n {helperText}\n </Text>\n )}\n </div>\n )}\n {children}\n {formFooter && <div className={`${baseClass}__footer`}>{formFooter}</div>}\n </form>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\nimport { Text } from './Text';\n\ntype HTMLProps =\n | (React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string })\n | (React.ButtonHTMLAttributes<HTMLButtonElement> & { href?: never });\n\nexport type ITabProps = HTMLProps & {\n description?: React.ReactNode;\n isSelected?: boolean;\n};\n\nconst baseClass = 'lc-tab';\n\nexport const Tab: React.FC<ITabProps> = ({\n children,\n className,\n description,\n isSelected,\n ...restProps\n}) => {\n return (\n <Text\n {...restProps}\n as={restProps.href ? 'a' : 'button'}\n size=\"md\"\n bold={isSelected}\n className={cx(\n baseClass,\n className,\n isSelected && `${baseClass}--selected`\n )}\n >\n {children}\n {description && (\n <Text as=\"span\" size=\"md\" className={`${baseClass}__description`}>\n ({description})\n </Text>\n )}\n </Text>\n );\n};\n","import * as React from 'react';\nimport cx from 'classnames';\n\nconst baseClass = 'lc-tabs';\n\nexport const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n}) => {\n return <div className={cx(baseClass, className)}>{children}</div>;\n};\n\nexport const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n className,\n children,\n}) => {\n return <div className={cx(`${baseClass}__list`, className)}>{children}</div>;\n};\n"],"names":["IconSizeName","IconSize","XSmall","width","height","Small","Medium","Large","XLarge","IconTypeName","IconColorMapper","Primary","Subtle","Inverted","InvertedSubtle","Link","Success","Warning","Error","IconColorDisabledMapper","Text","as","size","caps","bold","underline","strike","children","className","props","baseClassPrefix","React","createElement","cx","sizeToElement","Heading","spinnerClass","Loader","primaryColor","secondaryColor","label","style","borderColor","borderTopColor","extraClassName","secondary","loading","disabled","type","fullWidth","kind","icon","iconPosition","loaderLabel","isDisabled","mergedClassNames","cloneElement","img","title","restProps","src","labelText","helperText","formFooter","source","iconType","filledColor","GeneratedIcon","description","isSelected","href"],"mappings":"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"}
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta, Story } from '@storybook/react';
3
- import { IAlertProps } from '../components/Alert';
4
- declare const _default: ComponentMeta<React.FC<IAlertProps>>;
5
- export default _default;
6
- export declare const Alert: Story<IAlertProps>;
7
- export declare const InfoAlert: Story<IAlertProps>;
8
- export declare const WarningAlert: Story<IAlertProps>;
9
- export declare const SuccessAlert: Story<IAlertProps>;
10
- export declare const ErrorAlert: Story<IAlertProps>;
11
- export declare const BannerWithClose: Story<IAlertProps>;
12
- export declare const SmallAlert: Story<IAlertProps>;
13
- export declare const MediumBanner: Story<IAlertProps>;
14
- export declare const LargeAlert: Story<IAlertProps>;
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { IBadgeProps } from '../components/Badge';
4
- declare const _default: ComponentMeta<React.FC<IBadgeProps>>;
5
- export default _default;
6
- interface IBadgeArgs extends IBadgeProps {
7
- label: string;
8
- }
9
- export declare const Badge: {
10
- (args: IBadgeArgs): React.ReactElement;
11
- args: {
12
- secondary: boolean;
13
- children: string;
14
- label: string;
15
- };
16
- };
@@ -1,20 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<React.FC<import("../components/Button").ButtonProps>>;
4
- export default _default;
5
- export declare const button: {
6
- (args: any): React.ReactElement;
7
- args: {
8
- loading: boolean;
9
- disabled: boolean;
10
- size: string;
11
- kind: string;
12
- children: string;
13
- fullWidth: boolean;
14
- iconPosition: string;
15
- icon: string;
16
- };
17
- };
18
- export declare const kinds: () => React.ReactElement;
19
- export declare const sizes: () => React.ReactElement;
20
- export declare const loading: () => React.ReactElement;
@@ -1,18 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { ButtonGroupProps } from '../components/ButtonGroup';
4
- declare const _default: ComponentMeta<React.FC<ButtonGroupProps>>;
5
- export default _default;
6
- export declare const controlled: {
7
- (args: ButtonGroupProps): React.ReactElement;
8
- args: {
9
- currentIndex: number;
10
- };
11
- };
12
- export declare const uncontrolledEmptySelection: (args: ButtonGroupProps) => React.ReactElement;
13
- export declare const uncontrolledWithInitialSelection: {
14
- (args: ButtonGroupProps): React.ReactElement;
15
- args: {
16
- initialIndex: number;
17
- };
18
- };
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { ICardProps } from '../components/Card';
4
- declare const _default: ComponentMeta<React.FC<ICardProps>>;
5
- export default _default;
6
- declare type ICardArgs = ICardProps;
7
- export declare const Card: {
8
- (args: ICardArgs): React.ReactElement;
9
- args: ICardProps;
10
- };
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { ICheckboxFieldProps } from '../components/CheckboxField';
4
- declare const _default: ComponentMeta<React.FC<ICheckboxFieldProps>>;
5
- export default _default;
6
- export declare const CheckboxField: {
7
- (args: ICheckboxFieldProps): React.ReactElement;
8
- args: ICheckboxFieldProps;
9
- };
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { IFieldGroupProps } from '../components/FieldGroup';
4
- declare const _default: ComponentMeta<React.FC<IFieldGroupProps>>;
5
- export default _default;
6
- export declare const FieldGroup: {
7
- ({ ...args }: IFieldGroupProps): React.ReactElement;
8
- args: IFieldGroupProps;
9
- };
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta, Story } from '@storybook/react';
3
- import { IFormProps } from '../components/Form';
4
- declare const _default: ComponentMeta<React.FC<IFormProps>>;
5
- export default _default;
6
- export declare const Form: Story<IFormProps>;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { IFormGroupProps } from '../components/FormGroup';
4
- declare const _default: ComponentMeta<React.FC<IFormGroupProps>>;
5
- export default _default;
6
- export declare const FormGroup: {
7
- ({ ...args }: IFormGroupProps): React.ReactElement;
8
- args: IFormGroupProps;
9
- };
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import * as MaterialIcons from '@livechat/design-system-icons/dist/material';
4
- import { IconSizeName, IconTypeName, IIconProps } from '../components/Icon';
5
- declare const _default: ComponentMeta<React.FC<IIconProps>>;
6
- export default _default;
7
- export declare const Icon: {
8
- (args: IIconProps): React.ReactElement;
9
- args: {
10
- source: typeof MaterialIcons.Email;
11
- size: IconSizeName;
12
- iconType: IconTypeName;
13
- };
14
- };