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

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 (233) hide show
  1. package/dist/dsrc.cjs.js +1 -0
  2. package/dist/dsrc.es.js +2213 -0
  3. package/dist/dsrc.umd.js +1 -0
  4. package/dist/src/components/Alert/Alert.d.ts +19 -0
  5. package/{src/components/Alert/index.ts → dist/src/components/Alert/index.d.ts} +0 -0
  6. package/dist/src/components/Badge/Badge.d.ts +5 -0
  7. package/{src/components/Badge/index.ts → dist/src/components/Badge/index.d.ts} +0 -0
  8. package/dist/src/components/Button/Button.d.ts +13 -0
  9. package/{src/components/Button/index.ts → dist/src/components/Button/index.d.ts} +0 -0
  10. package/dist/src/components/ButtonGroup/ButtonGroup.d.ts +11 -0
  11. package/{src/components/ButtonGroup/index.ts → dist/src/components/ButtonGroup/index.d.ts} +0 -0
  12. package/dist/src/components/Card/Card.d.ts +6 -0
  13. package/{src/components/Card/index.ts → dist/src/components/Card/index.d.ts} +0 -0
  14. package/dist/src/components/Checkbox/Checkbox.d.ts +7 -0
  15. package/dist/src/components/Checkbox/CheckboxField.d.ts +7 -0
  16. package/{src/components/Checkbox/index.ts → dist/src/components/Checkbox/index.d.ts} +0 -0
  17. package/dist/src/components/FieldDescription/FieldDescription.d.ts +3 -0
  18. package/{src/components/FieldDescription/index.ts → dist/src/components/FieldDescription/index.d.ts} +0 -0
  19. package/dist/src/components/FieldError/FieldError.d.ts +3 -0
  20. package/{src/components/FieldError/index.ts → dist/src/components/FieldError/index.d.ts} +0 -0
  21. package/dist/src/components/FieldGroup/FieldGroup.d.ts +8 -0
  22. package/{src/components/FieldGroup/index.ts → dist/src/components/FieldGroup/index.d.ts} +0 -0
  23. package/dist/src/components/Form/Form.d.ts +7 -0
  24. package/{src/components/Form/index.ts → dist/src/components/Form/index.d.ts} +0 -0
  25. package/dist/src/components/FormGroup/FormGroup.d.ts +7 -0
  26. package/{src/components/FormGroup/index.ts → dist/src/components/FormGroup/index.d.ts} +0 -0
  27. package/dist/src/components/Icon/Icon.d.ts +70 -0
  28. package/{src/components/Icon/index.ts → dist/src/components/Icon/index.d.ts} +0 -0
  29. package/dist/src/components/InputField/InputField.d.ts +15 -0
  30. package/{src/components/InputField/index.ts → dist/src/components/InputField/index.d.ts} +0 -0
  31. package/{src/components/Link/Link.tsx → dist/src/components/Link/Link.d.ts} +3 -26
  32. package/{src/components/Link/index.ts → dist/src/components/Link/index.d.ts} +0 -0
  33. package/dist/src/components/Loader/Loader.d.ts +10 -0
  34. package/{src/components/Loader/index.ts → dist/src/components/Loader/index.d.ts} +0 -0
  35. package/dist/src/components/Modal/ActionModal.d.ts +8 -0
  36. package/dist/src/components/Modal/Modal.d.ts +7 -0
  37. package/dist/src/components/Modal/ModalBase.d.ts +6 -0
  38. package/dist/src/components/Modal/ModalCloseButton.d.ts +3 -0
  39. package/dist/src/components/Modal/ModalPortal.d.ts +7 -0
  40. package/{src/components/Modal/index.ts → dist/src/components/Modal/index.d.ts} +0 -1
  41. package/dist/src/components/NumericInput/NumericInput.d.ts +14 -0
  42. package/dist/src/components/NumericInput/NumericInputField.d.ts +19 -0
  43. package/{src/components/NumericInput/index.ts → dist/src/components/NumericInput/index.d.ts} +0 -0
  44. package/dist/src/components/Popover/Popover.d.ts +15 -0
  45. package/{src/components/Popover/index.ts → dist/src/components/Popover/index.d.ts} +0 -0
  46. package/dist/src/components/Progress/ProgressCircle.d.ts +9 -0
  47. package/dist/src/components/Progress/constants.d.ts +12 -0
  48. package/dist/src/components/Progress/helpers.d.ts +3 -0
  49. package/{src/components/Progress/index.ts → dist/src/components/Progress/index.d.ts} +0 -0
  50. package/dist/src/components/PromoBanner/PromoBanner.d.ts +19 -0
  51. package/{src/components/PromoBanner/index.ts → dist/src/components/PromoBanner/index.d.ts} +0 -0
  52. package/dist/src/components/RadioButton/RadioButton.d.ts +7 -0
  53. package/{src/components/RadioButton/index.ts → dist/src/components/RadioButton/index.d.ts} +0 -0
  54. package/dist/src/components/Switch/Switch.d.ts +20 -0
  55. package/{src/components/Switch/index.ts → dist/src/components/Switch/index.d.ts} +0 -0
  56. package/dist/src/components/Tab/Tab.d.ts +12 -0
  57. package/dist/src/components/Tab/TabsWrapper.d.ts +3 -0
  58. package/{src/components/Tab/index.ts → dist/src/components/Tab/index.d.ts} +0 -0
  59. package/dist/src/components/Tag/Tag.d.ts +12 -0
  60. package/{src/components/Tag/index.ts → dist/src/components/Tag/index.d.ts} +0 -0
  61. package/dist/src/components/TagInput/EditableTag.d.ts +11 -0
  62. package/dist/src/components/TagInput/EditableTagContent.d.ts +11 -0
  63. package/dist/src/components/TagInput/EmailTagInput.d.ts +5 -0
  64. package/dist/src/components/TagInput/TagInput.d.ts +12 -0
  65. package/{src/components/TagInput/index.ts → dist/src/components/TagInput/index.d.ts} +0 -0
  66. package/dist/src/components/TextField/TextField.d.ts +13 -0
  67. package/{src/components/TextField/index.ts → dist/src/components/TextField/index.d.ts} +0 -0
  68. package/dist/src/components/Toast/Toast.d.ts +22 -0
  69. package/dist/src/components/Toast/ToastWrapper.d.ts +27 -0
  70. package/{src/components/Toast/index.ts → dist/src/components/Toast/index.d.ts} +0 -0
  71. package/dist/src/components/Typography/Heading.d.ts +11 -0
  72. package/dist/src/components/Typography/Text.d.ts +15 -0
  73. package/{src/components/Typography/index.ts → dist/src/components/Typography/index.d.ts} +0 -0
  74. package/{src/index.ts → dist/src/index.d.ts} +0 -3
  75. package/dist/src/themes/designTokens.d.ts +126 -0
  76. package/dist/src/utils/keyCodes.d.ts +12 -0
  77. package/dist/src/utils/noop.d.ts +1 -0
  78. package/{src → dist/src}/vite-env.d.ts +0 -0
  79. package/dist/style.css +1 -0
  80. package/{src/themes/dark.scss → dist/themes/dark.css} +2 -0
  81. package/dist/themes/dark.css.map +1 -0
  82. package/{src/themes/legacy.scss → dist/themes/legacy.css} +2 -0
  83. package/dist/themes/legacy.css.map +1 -0
  84. package/{src/themes/light.scss → dist/themes/light.css} +2 -0
  85. package/dist/themes/light.css.map +1 -0
  86. package/package.json +8 -5
  87. package/.eslintrc +0 -9
  88. package/.storybook/main.js +0 -20
  89. package/.storybook/preview-head.html +0 -31
  90. package/.storybook/preview.js +0 -21
  91. package/src/components/Alert/Alert.module.scss +0 -88
  92. package/src/components/Alert/Alert.spec.tsx +0 -78
  93. package/src/components/Alert/Alert.stories.tsx +0 -73
  94. package/src/components/Alert/Alert.tsx +0 -94
  95. package/src/components/Badge/Badge.module.scss +0 -23
  96. package/src/components/Badge/Badge.spec.tsx +0 -12
  97. package/src/components/Badge/Badge.stories.tsx +0 -24
  98. package/src/components/Badge/Badge.tsx +0 -24
  99. package/src/components/Button/Button.module.scss +0 -257
  100. package/src/components/Button/Button.spec.tsx +0 -110
  101. package/src/components/Button/Button.stories.tsx +0 -152
  102. package/src/components/Button/Button.tsx +0 -88
  103. package/src/components/ButtonGroup/ButtonGroup.module.scss +0 -31
  104. package/src/components/ButtonGroup/ButtonGroup.spec.tsx +0 -61
  105. package/src/components/ButtonGroup/ButtonGroup.stories.tsx +0 -53
  106. package/src/components/ButtonGroup/ButtonGroup.tsx +0 -75
  107. package/src/components/Card/Card.module.scss +0 -31
  108. package/src/components/Card/Card.spec.tsx +0 -38
  109. package/src/components/Card/Card.stories.tsx +0 -30
  110. package/src/components/Card/Card.tsx +0 -34
  111. package/src/components/Checkbox/Checkbox.module.scss +0 -99
  112. package/src/components/Checkbox/Checkbox.tsx +0 -39
  113. package/src/components/Checkbox/CheckboxField.spec.tsx +0 -58
  114. package/src/components/Checkbox/CheckboxField.stories.tsx +0 -30
  115. package/src/components/Checkbox/CheckboxField.tsx +0 -46
  116. package/src/components/FieldDescription/FieldDescription.module.scss +0 -5
  117. package/src/components/FieldDescription/FieldDescription.tsx +0 -23
  118. package/src/components/FieldError/FieldError.module.scss +0 -5
  119. package/src/components/FieldError/FieldError.tsx +0 -23
  120. package/src/components/FieldGroup/FieldGroup.module.scss +0 -25
  121. package/src/components/FieldGroup/FieldGroup.spec.tsx +0 -42
  122. package/src/components/FieldGroup/FieldGroup.stories.tsx +0 -34
  123. package/src/components/FieldGroup/FieldGroup.tsx +0 -38
  124. package/src/components/Form/Form.module.scss +0 -22
  125. package/src/components/Form/Form.spec.tsx +0 -38
  126. package/src/components/Form/Form.stories.tsx +0 -42
  127. package/src/components/Form/Form.tsx +0 -46
  128. package/src/components/FormGroup/FormGroup.module.scss +0 -20
  129. package/src/components/FormGroup/FormGroup.spec.tsx +0 -34
  130. package/src/components/FormGroup/FormGroup.stories.tsx +0 -30
  131. package/src/components/FormGroup/FormGroup.tsx +0 -44
  132. package/src/components/Icon/Icon.module.scss +0 -70
  133. package/src/components/Icon/Icon.stories.tsx +0 -53
  134. package/src/components/Icon/Icon.tsx +0 -118
  135. package/src/components/InputField/InputField.module.scss +0 -37
  136. package/src/components/InputField/InputField.spec.tsx +0 -53
  137. package/src/components/InputField/InputField.stories.tsx +0 -73
  138. package/src/components/InputField/InputField.tsx +0 -72
  139. package/src/components/Link/Link.module.scss +0 -18
  140. package/src/components/Link/Link.stories.tsx +0 -17
  141. package/src/components/Loader/Loader.module.scss +0 -66
  142. package/src/components/Loader/Loader.spec.tsx +0 -64
  143. package/src/components/Loader/Loader.stories.tsx +0 -25
  144. package/src/components/Loader/Loader.tsx +0 -48
  145. package/src/components/Modal/ActionModal.tsx +0 -37
  146. package/src/components/Modal/Modal.module.scss +0 -131
  147. package/src/components/Modal/Modal.stories.tsx +0 -85
  148. package/src/components/Modal/Modal.tsx +0 -41
  149. package/src/components/Modal/ModalBase.spec.tsx +0 -58
  150. package/src/components/Modal/ModalBase.tsx +0 -66
  151. package/src/components/Modal/ModalCloseButton.tsx +0 -20
  152. package/src/components/Modal/ModalPortal.tsx +0 -35
  153. package/src/components/NumericInput/NumericInput.module.scss +0 -110
  154. package/src/components/NumericInput/NumericInput.spec.tsx +0 -129
  155. package/src/components/NumericInput/NumericInput.stories.tsx +0 -56
  156. package/src/components/NumericInput/NumericInput.tsx +0 -161
  157. package/src/components/NumericInput/NumericInputField.stories.tsx +0 -58
  158. package/src/components/NumericInput/NumericInputField.tsx +0 -57
  159. package/src/components/Popover/Popover.module.scss +0 -16
  160. package/src/components/Popover/Popover.spec.tsx +0 -39
  161. package/src/components/Popover/Popover.stories.css +0 -23
  162. package/src/components/Popover/Popover.stories.tsx +0 -164
  163. package/src/components/Popover/Popover.tsx +0 -124
  164. package/src/components/Progress/ProgressBar.module.scss +0 -48
  165. package/src/components/Progress/ProgressBar.spec.tsx +0 -33
  166. package/src/components/Progress/ProgressBar.stories.tsx +0 -23
  167. package/src/components/Progress/ProgressBar.tsx +0 -62
  168. package/src/components/Progress/ProgressCircle.module.scss +0 -64
  169. package/src/components/Progress/ProgressCircle.spec.tsx +0 -34
  170. package/src/components/Progress/ProgressCircle.stories.tsx +0 -28
  171. package/src/components/Progress/ProgressCircle.tsx +0 -104
  172. package/src/components/Progress/constants.ts +0 -23
  173. package/src/components/Progress/helpers.ts +0 -23
  174. package/src/components/PromoBanner/PromoBanner.module.scss +0 -121
  175. package/src/components/PromoBanner/PromoBanner.spec.tsx +0 -119
  176. package/src/components/PromoBanner/PromoBanner.stories.tsx +0 -125
  177. package/src/components/PromoBanner/PromoBanner.tsx +0 -99
  178. package/src/components/RadioButton/RadioButton.module.scss +0 -100
  179. package/src/components/RadioButton/RadioButton.spec.tsx +0 -70
  180. package/src/components/RadioButton/RadioButton.stories.tsx +0 -34
  181. package/src/components/RadioButton/RadioButton.tsx +0 -54
  182. package/src/components/Switch/Switch.module.scss +0 -126
  183. package/src/components/Switch/Switch.spec.tsx +0 -40
  184. package/src/components/Switch/Switch.stories.tsx +0 -23
  185. package/src/components/Switch/Switch.tsx +0 -100
  186. package/src/components/Tab/Tab.module.scss +0 -56
  187. package/src/components/Tab/Tab.spec.tsx +0 -34
  188. package/src/components/Tab/Tab.stories.tsx +0 -20
  189. package/src/components/Tab/Tab.tsx +0 -49
  190. package/src/components/Tab/TabsWrapper.module.scss +0 -11
  191. package/src/components/Tab/TabsWrapper.spec.tsx +0 -19
  192. package/src/components/Tab/TabsWrapper.stories.tsx +0 -46
  193. package/src/components/Tab/TabsWrapper.tsx +0 -24
  194. package/src/components/Tag/Tag.module.scss +0 -131
  195. package/src/components/Tag/Tag.spec.tsx +0 -93
  196. package/src/components/Tag/Tag.stories.tsx +0 -151
  197. package/src/components/Tag/Tag.tsx +0 -129
  198. package/src/components/TagInput/EditableTag.tsx +0 -54
  199. package/src/components/TagInput/EditableTagContent.tsx +0 -81
  200. package/src/components/TagInput/EmailTagInput.tsx +0 -31
  201. package/src/components/TagInput/TagInput.module.scss +0 -81
  202. package/src/components/TagInput/TagInput.spec.tsx +0 -58
  203. package/src/components/TagInput/TagInput.stories.tsx +0 -49
  204. package/src/components/TagInput/TagInput.tsx +0 -133
  205. package/src/components/TextField/TextField.module.scss +0 -90
  206. package/src/components/TextField/TextField.spec.tsx +0 -40
  207. package/src/components/TextField/TextField.stories.tsx +0 -60
  208. package/src/components/TextField/TextField.tsx +0 -100
  209. package/src/components/Toast/Toast.module.scss +0 -218
  210. package/src/components/Toast/Toast.spec.tsx +0 -96
  211. package/src/components/Toast/Toast.stories.tsx +0 -64
  212. package/src/components/Toast/Toast.tsx +0 -121
  213. package/src/components/Toast/ToastWrapper.spec.tsx +0 -13
  214. package/src/components/Toast/ToastWrapper.stories.tsx +0 -55
  215. package/src/components/Toast/ToastWrapper.tsx +0 -87
  216. package/src/components/Typography/Heading.tsx +0 -36
  217. package/src/components/Typography/Text.tsx +0 -49
  218. package/src/components/Typography/Typography.module.scss +0 -132
  219. package/src/index.scss +0 -9
  220. package/src/stories/ColorTokens.stories.mdx +0 -10
  221. package/src/stories/Icons.stories.mdx +0 -12
  222. package/src/stories/Typography.stories.mdx +0 -65
  223. package/src/stories/components/ColorTokens.tsx +0 -99
  224. package/src/stories/components/IconsShowcase.tsx +0 -25
  225. package/src/stories/components/iconsShowcase.css +0 -13
  226. package/src/test/setup.ts +0 -1
  227. package/src/test/utils.ts +0 -3
  228. package/src/themes/designTokens.ts +0 -126
  229. package/src/utils/keyCodes.ts +0 -12
  230. package/src/utils/noop.ts +0 -2
  231. package/tsconfig.json +0 -25
  232. package/tsconfig.node.json +0 -8
  233. package/vite.config.ts +0 -44
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ declare type HTMLProps = (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
3
+ href: string;
4
+ }) | (React.ButtonHTMLAttributes<HTMLButtonElement> & {
5
+ href?: never;
6
+ });
7
+ export declare type TabProps = HTMLProps & {
8
+ description?: React.ReactNode;
9
+ isSelected?: boolean;
10
+ };
11
+ export declare const Tab: React.FC<TabProps>;
12
+ export {};
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ export declare const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>>;
3
+ export declare const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>>;
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ kind?: 'default' | 'info' | 'warning' | 'success' | 'error';
4
+ size?: 'medium' | 'large';
5
+ customColor?: string;
6
+ dismissible?: boolean;
7
+ outline?: boolean;
8
+ onRemove?(): void;
9
+ icon?: React.FC<React.SVGProps<SVGSVGElement>> | string;
10
+ avatar?: string;
11
+ }
12
+ export declare const Tag: React.FC<TagProps>;
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ export interface EditableTagProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ inputRef: React.RefObject<HTMLInputElement>;
4
+ index: number;
5
+ update: (idx: number, value: string) => void;
6
+ remove: (idx: number) => void;
7
+ validator?: (val: string) => boolean;
8
+ children: string;
9
+ size: 'medium' | 'large';
10
+ }
11
+ export declare const EditableTag: React.FC<EditableTagProps>;
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ export interface EditableTagContentProps {
3
+ value: string;
4
+ className?: string;
5
+ innerEditableRef: React.RefObject<HTMLDivElement>;
6
+ inputRef: React.RefObject<HTMLInputElement>;
7
+ change: (value: string) => void;
8
+ remove: () => void;
9
+ validator?: (value: string) => boolean;
10
+ }
11
+ export declare const EditableTagContent: React.FC<EditableTagContentProps>;
@@ -0,0 +1,5 @@
1
+ import { TagInputProps } from './TagInput';
2
+ import * as React from 'react';
3
+ export declare type EmailTagInputProps = Omit<TagInputProps, 'validator'>;
4
+ export declare const emailRegex: RegExp;
5
+ export declare const EmailTagInput: React.FC<EmailTagInputProps>;
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ declare type Tags = string[];
3
+ export interface TagInputProps {
4
+ error?: string;
5
+ tags?: Tags;
6
+ onChange: (tags: Tags) => void;
7
+ placeholder?: string;
8
+ validator?: (val: string) => boolean;
9
+ size?: 'medium' | 'large';
10
+ }
11
+ export declare const TagInput: React.FC<TagInputProps>;
12
+ export {};
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ export interface TextFieldProps {
3
+ labelText?: string;
4
+ labelAdornment?: React.ReactNode;
5
+ labelFor?: string;
6
+ className?: string;
7
+ inline?: boolean;
8
+ error?: string;
9
+ description?: React.ReactNode;
10
+ children?: React.ReactNode;
11
+ labelRightNode?: React.ReactNode;
12
+ }
13
+ export declare const TextField: React.FC<TextFieldProps>;
@@ -0,0 +1,22 @@
1
+ import * as React from 'react';
2
+ export declare const enum Variants {
3
+ Success = "success",
4
+ Warning = "warning",
5
+ Error = "error",
6
+ Info = "info",
7
+ Notification = "notification"
8
+ }
9
+ interface ToastAction {
10
+ handler: () => void;
11
+ label: string;
12
+ closeOnClick?: boolean;
13
+ }
14
+ export interface ToastProps {
15
+ action?: ToastAction;
16
+ className?: string;
17
+ removable?: boolean;
18
+ variant?: Variants;
19
+ onClose?: () => void;
20
+ }
21
+ export declare const Toast: React.FC<ToastProps>;
22
+ export {};
@@ -0,0 +1,27 @@
1
+ import * as React from 'react';
2
+ import { ToastProps, Toast } 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
+ interface Toast extends ToastProps {
14
+ id: string;
15
+ content: React.ReactElement | string;
16
+ }
17
+ export interface ToastWrapperProps {
18
+ className?: string;
19
+ toasts: Toast[];
20
+ fixed?: boolean;
21
+ block?: boolean;
22
+ animationType?: string;
23
+ verticalPosition?: VerticalPosition;
24
+ horizontalPosition?: HorizontalPosition;
25
+ }
26
+ export declare const ToastWrapper: React.FC<ToastWrapperProps>;
27
+ export {};
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ declare type TSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
3
+ interface IProps {
4
+ size?: TSize;
5
+ /** DOM element name that will be rendered */
6
+ as?: string;
7
+ /** Optional custom className */
8
+ className?: string;
9
+ }
10
+ export declare const Heading: React.FC<IProps>;
11
+ export {};
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ declare type TSize = 'md' | 'sm' | 'xs';
3
+ interface IProps {
4
+ /** DOM element name that will be rendered */
5
+ as?: string;
6
+ size?: TSize;
7
+ /** Optional custom className */
8
+ className?: string;
9
+ caps?: boolean;
10
+ bold?: boolean;
11
+ underline?: boolean;
12
+ strike?: boolean;
13
+ }
14
+ export declare const Text: React.FC<IProps>;
15
+ export {};
@@ -1,7 +1,4 @@
1
- import './index.scss';
2
-
3
1
  export { DesignTokens } from './themes/designTokens';
4
-
5
2
  export * from './components/Alert';
6
3
  export * from './components/Badge';
7
4
  export * from './components/Button';
@@ -0,0 +1,126 @@
1
+ export declare const DesignTokens: {
2
+ Background: string;
3
+ SurfaceBasicDefault: string;
4
+ SurfaceBasicSubtle: string;
5
+ SurfaceBasicHover: string;
6
+ SurfaceBasicActive: string;
7
+ SurfaceBasicDisabled: string;
8
+ SurfaceSecondaryDefault: string;
9
+ SurfaceSecondarySubtle: string;
10
+ SurfaceSecondaryHover: string;
11
+ SurfaceSecondaryDisabled: string;
12
+ SurfaceFeedbackInfo: string;
13
+ SurfaceFeedbackNegative: string;
14
+ SurfaceFeedbackWarning: string;
15
+ SurfaceFeedbackPositive: string;
16
+ SurfaceInvertDefault: string;
17
+ SurfaceInvertSubtle: string;
18
+ SurfaceInvertDisabled: string;
19
+ SurfaceOverlay: string;
20
+ ContentDefault: string;
21
+ ContentSubtle: string;
22
+ ContentDisabled: string;
23
+ ContentWhiteLocked: string;
24
+ ContentInvertDefault: string;
25
+ ContentInvertSubtle: string;
26
+ ContentInvertDisabled: string;
27
+ BorderDefault: string;
28
+ BorderSubtle: string;
29
+ BorderHover: string;
30
+ BorderDisabled: string;
31
+ BorderInvertDefault: string;
32
+ BorderInvertSubtle: string;
33
+ BorderInvertHover: string;
34
+ BorderInvertDisabled: string;
35
+ ColorActionActive: string;
36
+ ColorActionHover: string;
37
+ ColorActionDefault: string;
38
+ ColorActionDisabled: string;
39
+ ColorNegativeActive: string;
40
+ ColorNegativeHover: string;
41
+ ColorNegativeDefault: string;
42
+ ColorNegativeDisabled: string;
43
+ ColorWarningDefault: string;
44
+ ColorWarningHover: string;
45
+ ColorPositiveDefault: string;
46
+ ColorPositiveHover: string;
47
+ ColorPositiveDisabled: string;
48
+ ColorBot: string;
49
+ ColorBlack: string;
50
+ ColorWhite: string;
51
+ DecorBlue900: string;
52
+ DecorBlue800: string;
53
+ DecorBlue700: string;
54
+ DecorBlue600: string;
55
+ DecorBlue500: string;
56
+ DecorBlue400: string;
57
+ DecorBlue300: string;
58
+ DecorBlue200: string;
59
+ DecorBlue100: string;
60
+ DecorBlue50: string;
61
+ DecorOrange900: string;
62
+ DecorOrange800: string;
63
+ DecorOrange700: string;
64
+ DecorOrange600: string;
65
+ DecorOrange500: string;
66
+ DecorOrange400: string;
67
+ DecorOrange300: string;
68
+ DecorOrange200: string;
69
+ DecorOrange100: string;
70
+ DecorOrange50: string;
71
+ DecorYellow900: string;
72
+ DecorYellow800: string;
73
+ DecorYellow700: string;
74
+ DecorYellow600: string;
75
+ DecorYellow500: string;
76
+ DecorYellow400: string;
77
+ DecorYellow300: string;
78
+ DecorYellow200: string;
79
+ DecorYellow100: string;
80
+ DecorYellow50: string;
81
+ DecorGray950: string;
82
+ DecorGray900: string;
83
+ DecorGray800: string;
84
+ DecorGray700: string;
85
+ DecorGray600: string;
86
+ DecorGray500: string;
87
+ DecorGray400: string;
88
+ DecorGray300: string;
89
+ DecorGray200: string;
90
+ DecorGray150: string;
91
+ DecorGray100: string;
92
+ DecorGray75: string;
93
+ DecorGray50: string;
94
+ DecorGray40: string;
95
+ DecorGray20: string;
96
+ DecorGreen900: string;
97
+ DecorGreen800: string;
98
+ DecorGreen700: string;
99
+ DecorGreen600: string;
100
+ DecorGreen500: string;
101
+ DecorGreen400: string;
102
+ DecorGreen300: string;
103
+ DecorGreen200: string;
104
+ DecorGreen100: string;
105
+ DecorGreen50: string;
106
+ DecorRed900: string;
107
+ DecorRed800: string;
108
+ DecorRed700: string;
109
+ DecorRed600: string;
110
+ DecorRed500: string;
111
+ DecorRed400: string;
112
+ DecorRed300: string;
113
+ DecorRed200: string;
114
+ DecorRed100: string;
115
+ DecorRed50: string;
116
+ DecorPurple900: string;
117
+ DecorPurple800: string;
118
+ DecorPurple700: string;
119
+ DecorPurple600: string;
120
+ DecorPurple500: string;
121
+ DecorPurple400: string;
122
+ DecorPurple300: string;
123
+ DecorPurple200: string;
124
+ DecorPurple100: string;
125
+ DecorPurple50: string;
126
+ };
@@ -0,0 +1,12 @@
1
+ export declare const KeyCodes: {
2
+ esc: string;
3
+ enter: string;
4
+ backspace: string;
5
+ delete: string;
6
+ spacebar: string;
7
+ tab: string;
8
+ semicolon: string;
9
+ comma: string;
10
+ arrowUp: string;
11
+ arrowDown: string;
12
+ };
@@ -0,0 +1 @@
1
+ export default function (): void;
File without changes
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ :root,.lc-legacy-theme{--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, .7);--content-default: #424d57;--content-subtle: #677179;--content-disabled: #a0a6ab;--content-white-locked: #fff;--content-invert-default: #fff;--content-invert-subtle: rgba(255, 255, 255, .7);--content-invert-disabled: rgba(255, 255, 255, .5);--border-default: #bdc7d1;--border-subtle: #e4e8ec;--border-hover: #a0a6ab;--border-disabled: #dee3e8;--border-invert-default: rgba(255, 255, 255, .7);--border-invert-subtle: rgba(255, 255, 255, .3);--border-invert-hover: #fff;--border-invert-disabled: rgba(255, 255, 255, .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-bot: #6b5aba;--color-black: #424d57;--color-white: #fff;--decor-blue900: #003288;--decor-blue800: #003fa4;--decor-blue700: #004bc2;--decor-blue600: #0059e1;--decor-blue500: #06f;--decor-blue400: #328dff;--decor-blue300: #68afff;--decor-blue200: #9dceff;--decor-blue100: #daedff;--decor-blue50: #f4faff;--decor-orange900: #6c1d00;--decor-orange800: #842600;--decor-orange700: #9c2e00;--decor-orange600: #b43700;--decor-orange500: #d54300;--decor-orange400: #ff5100;--decor-orange300: #ff8a77;--decor-orange200: #ffb8af;--decor-orange100: #ffe5e3;--decor-orange50: #fff8f7;--decor-yellow900: #493700;--decor-yellow800: #755b00;--decor-yellow700: #c9a100;--decor-yellow600: #e8bb00;--decor-yellow500: #f3c600;--decor-yellow400: #d1aa00;--decor-yellow300: #fed65e;--decor-yellow200: #fedc89;--decor-yellow100: #fff2d6;--decor-yellow50: #fff9ed;--decor-gray950: #131317;--decor-gray900: #1b1b20;--decor-gray800: #29292f;--decor-gray700: #3b3b43;--decor-gray600: #4e4e58;--decor-gray500: #62626d;--decor-gray400: #767680;--decor-gray300: #8d8d95;--decor-gray200: #ababb1;--decor-gray150: #c9c9cd;--decor-gray100: #c9c9cd;--decor-gray75: #eeeeef;--decor-gray50: #e2e2e4;--decor-gray40: #eeeeef;--decor-gray20: #fcfcfc;--decor-green900: #00431a;--decor-green800: #005321;--decor-green700: #006329;--decor-green600: #007331;--decor-green500: #00893c;--decor-green400: #00a449;--decor-green300: #00c057;--decor-green200: #7edd92;--decor-green100: #e4f4ed;--decor-green50: #f3fcf4;--decor-red900: #790002;--decor-red800: #930002;--decor-red700: #ae0003;--decor-red600: #ca0005;--decor-red500: #ee0007;--decor-red400: #ff4c4d;--decor-red300: #ff8889;--decor-red200: #ffb7b7;--decor-red100: #ffe5e5;--decor-red50: #fff8f8;--decor-purple900: #50009c;--decor-purple800: #6100bd;--decor-purple700: #7400df;--decor-purple600: #8609ff;--decor-purple500: #9146ff;--decor-purple400: #a372ff;--decor-purple300: #b99aff;--decor-purple200: #d1c0ff;--decor-purple100: #eee8ff;--decor-purple50: #faf8ff}*[class^=lc-]{box-sizing:border-box;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lc-Typography-module__heading-xl___nhr-6{font-size:32px;font-style:normal;font-weight:600;letter-spacing:0;line-height:40px}.lc-Typography-module__heading-lg___XYF7l{font-size:24px;font-style:normal;font-weight:600;letter-spacing:0;line-height:32px}.lc-Typography-module__heading-md___wHOIs{font-size:20px;font-style:normal;font-weight:600;letter-spacing:0;line-height:28px}.lc-Typography-module__heading-sm___nBmTV{font-size:18px;font-style:normal;font-weight:600;letter-spacing:0;line-height:24px}.lc-Typography-module__heading-xs___VcZBs{font-size:16px;font-style:normal;font-weight:600;letter-spacing:0;line-height:24px}.lc-Typography-module__caps___c3eNJ{font-size:12px;font-style:normal;font-weight:400;letter-spacing:.2px;line-height:20px;text-transform:uppercase}.lc-Typography-module__caps--bold___OZovw{font-weight:600}.lc-Typography-module__paragraph-md___UGoqq{font-size:15px;font-style:normal;font-weight:400;letter-spacing:0;line-height:22px}.lc-Typography-module__paragraph-md--bold___mWcMG{font-weight:600}.lc-Typography-module__paragraph-md--underline___Fv6zM{text-decoration-line:underline}.lc-Typography-module__paragraph-md--strike___yLGHh{text-decoration-line:line-through}.lc-Typography-module__paragraph-sm___QIEFL{font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px}.lc-Typography-module__paragraph-sm--bold___fAjI5{font-weight:600}.lc-Typography-module__paragraph-xs___OUooD{font-size:12px;font-style:normal;font-weight:400;letter-spacing:.2px;line-height:16px}.lc-Typography-module__paragraph-xs--bold___z7om7{font-weight:600}.lc-Icon-module__icon___tw31R{align-items:center;display:flex}.lc-Icon-module__icon--primary___JJnBV{color:var(--content-default)}.lc-Icon-module__icon--subtle___sZIzL{color:var(--content-subtle)}.lc-Icon-module__icon--inverted___zA9QC{color:var(--content-invert-default)}.lc-Icon-module__icon--inverted-subtle___6UwBT{color:var(--content-invert-subtle)}.lc-Icon-module__icon--link___Jwkw9{color:var(--color-action-default)}.lc-Icon-module__icon--success___MKdz3{color:var(--color-positive-default)}.lc-Icon-module__icon--warning___5YCSW{color:var(--color-warning-default)}.lc-Icon-module__icon--error___CiJCD{color:var(--color-negative-default)}.lc-Icon-module__icon--disabled--primary___E0nee,.lc-Icon-module__icon--disabled--subtle___l-hK4{color:var(--content-disabled)}.lc-Icon-module__icon--disabled--inverted___5SBAf,.lc-Icon-module__icon--disabled--inverted-subtle___w-NBk{color:var(--content-invert-disabled)}.lc-Icon-module__icon--disabled--link___sVJOa{color:var(--color-action-disabled)}.lc-Icon-module__icon--disabled--success___sG-7d{color:var(--color-positive-disabled)}.lc-Icon-module__icon--disabled--warning___8ko1e{color:var(--color-warning-default)}.lc-Icon-module__icon--disabled--error___9KbVo{color:var(--color-negative-disabled)}.lc-Alert-module__alert___HBTns{box-sizing:border-box;overflow:hidden;padding:20px;position:relative;width:100%;word-break:break-word}.lc-Alert-module__alert__content-text___x2Un5{color:var(--content-default)}.lc-Alert-module__alert__content___9nZdf{display:flex;justify-content:flex-start;width:100%}.lc-Alert-module__alert--small___Fyk-v{max-width:400px}.lc-Alert-module__alert--small___Fyk-v .lc-Alert-module__alert__content___9nZdf{flex-direction:column}.lc-Alert-module__alert--small___Fyk-v .lc-Alert-module__alert__content-text___x2Un5{margin:14px 0 0;max-width:246px}.lc-Alert-module__alert--medium___ItZWT{max-width:800px}.lc-Alert-module__alert--medium___ItZWT .lc-Alert-module__alert__content-text___x2Un5{margin:0 30px 0 16px;max-width:640px}.lc-Alert-module__alert--large___IH9yM .lc-Alert-module__alert__content-text___x2Un5{margin:0 30px 0 16px;max-width:720px}.lc-Alert-module__alert__close-icon___rYxVy{background-color:transparent;border:0;box-shadow:none;height:24px;overflow:hidden;padding:0;position:absolute;right:12px;top:12px;width:24px}.lc-Alert-module__alert--info___GmIGN{background-color:var(--surface-feedback-info);box-shadow:inset 0 3px 0 0 var(--color-action-default)}.lc-Alert-module__alert--warning___MubhD{background-color:var(--surface-feedback-warning);box-shadow:inset 0 3px 0 0 var(--color-warning-default)}.lc-Alert-module__alert--success___fPtlZ{background-color:var(--surface-feedback-positive);box-shadow:inset 0 3px 0 0 var(--color-positive-default)}.lc-Alert-module__alert--error___DKPo0{background-color:var(--surface-feedback-negative);box-shadow:inset 0 3px 0 0 var(--color-negative-default)}.lc-Alert-module__alert__icon___8TaAH{flex-shrink:0}.lc-Badge-module__badge___GhLnu{background-color:var(--color-negative-default);border-radius:18px;box-sizing:border-box;color:var(--content-invert-default);display:inline-block;font-size:10px;font-weight:600;height:18px;line-height:18px;min-width:18px;padding:0 3px;text-align:center}.lc-Badge-module__badge___GhLnu+.lc-Badge-module__badge___GhLnu{margin-left:4px}.lc-Badge-module__badge--secondary___JjNIJ{background-color:var(--surface-secondary-default);color:var(--surface-invert-default)}@keyframes lc-Loader-module__rotate___Tlni-{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.lc-Loader-module__loader___LRflD{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap}.lc-Loader-module__loader__spinner___l3C1g{flex-shrink:0;height:36px;width:36px}.lc-Loader-module__loader__spinner--small___dGFFt{height:15px;width:15px}.lc-Loader-module__loader__spinner--small___dGFFt [class*=spinner-circle]{border-width:2px}.lc-Loader-module__loader__spinner--medium___J-ki0{height:36px;width:36px}.lc-Loader-module__loader__spinner--medium___J-ki0 [class*=spinner-circle]{border-width:3px}.lc-Loader-module__loader__spinner--large___Poqq7{height:56px;width:56px}.lc-Loader-module__loader__spinner--large___Poqq7 [class*=spinner-circle]{border-width:4px}.lc-Loader-module__loader__spinner-circle___ApBUO{animation:lc-Loader-module__rotate___Tlni- 1s infinite linear;border-color:var(--surface-secondary-subtle);border-radius:50%;border-style:solid;border-top-color:var(--color-action-default);border-width:3px;box-sizing:border-box;height:100%;width:100%}.lc-Loader-module__loader__label___R74f6{color:var(--content-subtle);margin-left:10px}.lc-Button-module__btn___aijZJ{align-items:center;border-radius:4px;border-style:solid;border-width:1px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;height:36px;justify-content:center;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);user-select:none}.lc-Button-module__btn___aijZJ:focus,.lc-Button-module__btn___aijZJ:hover,.lc-Button-module__btn___aijZJ:active{outline:0}.lc-Button-module__btn___aijZJ:focus{box-shadow:0 0 1px 2px rgba(var(--color-action-default-rgb),.7)}.lc-Button-module__btn--disabled___lXBav{cursor:not-allowed}.lc-Button-module__btn--icon-only___bF5pW{padding:6px}.lc-Button-module__btn--icon-only___bF5pW .lc-Button-module__btn__icon--left___H68zu,.lc-Button-module__btn--icon-only___bF5pW .lc-Button-module__btn__icon--right___fHr3D{margin:0}.lc-Button-module__btn--full-width___kdbAr{width:100%}.lc-Button-module__btn--basic___Jc2gD{background-color:var(--surface-basic-default);border-color:var(--color-action-default);color:var(--color-action-default)}.lc-Button-module__btn--basic___Jc2gD:hover{background-color:var(--surface-basic-subtle);color:var(--color-action-hover)}.lc-Button-module__btn--basic___Jc2gD:active{background-color:var(--surface-feedback-info);color:var(--color-action-hover)}.lc-Button-module__btn--basic___Jc2gD[disabled]{background-color:inherit;border-color:var(--color-action-disabled);color:var(--color-action-disabled)}.lc-Button-module__btn--primary___ajbjQ{background-color:var(--color-action-default);border-color:var(--color-action-default);color:var(--content-invert-default)}.lc-Button-module__btn--primary___ajbjQ:hover{background-color:var(--color-action-hover);border-color:var(--color-action-hover)}.lc-Button-module__btn--primary___ajbjQ:active{background-color:var(--color-action-active);border-color:var(--color-action-active)}.lc-Button-module__btn--primary___ajbjQ[disabled]{background-color:var(--color-action-disabled);border-color:var(--color-action-disabled)}.lc-Button-module__btn--secondary___iWzE0{background-color:var(--surface-basic-default);border-color:var(--surface-secondary-default);color:var(--content-default)}.lc-Button-module__btn--secondary___iWzE0:hover{background-color:var(--surface-basic-hover);border-color:var(--surface-secondary-hover)}.lc-Button-module__btn--secondary___iWzE0:active{background-color:var(--surface-feedback-info);border-color:var(--color-action-default);color:var(--color-action-default)}.lc-Button-module__btn--secondary___iWzE0[disabled]{background-color:inherit;border-color:var(--border-disabled);color:var(--content-disabled)}.lc-Button-module__btn--destructive___-kLCl{background-color:var(--color-negative-default);border-color:var(--color-negative-default);color:var(--content-invert-default)}.lc-Button-module__btn--destructive___-kLCl:hover{background-color:var(--color-negative-hover);border-color:var(--color-negative-hover)}.lc-Button-module__btn--destructive___-kLCl:active{background-color:var(--color-negative-active);border-color:var(--color-negative-active)}.lc-Button-module__btn--destructive___-kLCl[disabled]{background-color:var(--color-negative-disabled);border-color:var(--color-negative-disabled)}.lc-Button-module__btn--compact___4eptQ{height:32px;min-width:32px;padding:6px 16px}.lc-Button-module__btn--compact___4eptQ.lc-Button-module__btn--icon-only___bF5pW{padding:4px}.lc-Button-module__btn--large___lb-z6{height:42px;min-width:42px;padding:11px 16px}.lc-Button-module__btn--large___lb-z6.lc-Button-module__btn--icon-only___bF5pW{padding:9px}.lc-Button-module__btn--text___WA8OL,.lc-Button-module__btn--plain___eOPui,.lc-Button-module__btn--plain-light___eS9em{background-color:transparent;border-color:transparent;color:var(--color-action-default)}.lc-Button-module__btn--text___WA8OL:hover,.lc-Button-module__btn--plain___eOPui:hover,.lc-Button-module__btn--plain-light___eS9em:hover{color:var(--color-action-hover)}.lc-Button-module__btn--text___WA8OL[disabled],.lc-Button-module__btn--plain___eOPui[disabled],.lc-Button-module__btn--plain-light___eS9em[disabled]{color:var(--color-action-disabled)}.lc-Button-module__btn--plain-light___eS9em{font-weight:400}.lc-Button-module__btn--plain___eOPui{font-weight:600}.lc-Button-module__btn--plain___eOPui,.lc-Button-module__btn--plain-light___eS9em{border:0;height:auto;min-width:auto;padding:0}.lc-Button-module__btn--plain___eOPui:hover,.lc-Button-module__btn--plain___eOPui:focus,.lc-Button-module__btn--plain-light___eS9em:hover,.lc-Button-module__btn--plain-light___eS9em:focus{box-shadow:none;text-decoration:underline}.lc-Button-module__btn--plain___eOPui:disabled,.lc-Button-module__btn--plain-light___eS9em:disabled{text-decoration:none}.lc-Button-module__btn--loading___ZAgjv{cursor:progress;transition:all .2s cubic-bezier(.64,0,.35,1)}.lc-Button-module__btn--loading___ZAgjv>*{opacity:0}.lc-Button-module__btn--loading___ZAgjv .lc-Button-module__btn__loader___c8zZz{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-Button-module__btn--loading___ZAgjv .lc-Button-module__btn__loader___c8zZz>*{color:inherit;font-weight:inherit;margin:0 5px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.lc-Button-module__btn__content___wefl2{margin-top:-2px}.lc-Button-module__btn__icon___GVExB{color:inherit;display:inline-block;height:20px;line-height:1;width:20px}.lc-Button-module__btn__icon--left___H68zu{margin-left:-4px;margin-right:5px;order:-1}.lc-Button-module__btn__icon--right___fHr3D{margin-left:5px;margin-right:-4px;order:1}.lc-ButtonGroup-module__btn-group___R-lZQ{border:1px solid var(--border-subtle);border-radius:4px;display:inline-flex;flex-direction:row;padding:3px;vertical-align:middle}.lc-ButtonGroup-module__btn-group___R-lZQ .lc-ButtonGroup-module__btn___bXPrU{border-color:transparent;color:var(--content-default)}.lc-ButtonGroup-module__btn-group___R-lZQ .lc-ButtonGroup-module__btn--active___VAc37{background-color:var(--surface-basic-active)}.lc-ButtonGroup-module__btn-group___R-lZQ .lc-ButtonGroup-module__btn--compact___t1whe{height:24px}.lc-ButtonGroup-module__btn-group___R-lZQ .lc-ButtonGroup-module__btn--medium___XFRBP{height:28px}.lc-ButtonGroup-module__btn-group___R-lZQ .lc-ButtonGroup-module__btn--large___OtNUz{height:34px}.lc-ButtonGroup-module__btn-group___R-lZQ .lc-ButtonGroup-module__btn___bXPrU+.lc-ButtonGroup-module__btn___bXPrU{margin-left:2px}.lc-Card-module__card___GqMm2{background-color:var(--surface-basic-default);border:solid 1px var(--border-subtle);border-radius:4px;color:var(--content-default);margin-top:8px;overflow:hidden;padding:16px}.lc-Card-module__card__title___1YjAR{align-items:center;display:flex;margin-bottom:14px}.lc-Card-module__card__text___-jYlF{color:var(--content-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.lc-Card-module__card__img___teLC8{border-radius:4px;display:inline-block;height:24px;margin-right:10px;width:24px}.lc-Checkbox-module__checkbox___G7nTf{display:inline-block}.lc-Checkbox-module__checkbox__label___-o01x{align-items:center;cursor:pointer;display:inline-flex;flex:0 1 auto;width:100%}.lc-Checkbox-module__checkbox__square___MHUyd{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-module__checkbox__checkmark___16pfY{opacity:0;pointer-events:none;transition:all .2s ease}.lc-Checkbox-module__checkbox--selected___S2vqY .lc-Checkbox-module__checkbox__square___MHUyd{background-color:var(--color-action-default);border-color:var(--color-action-default)}.lc-Checkbox-module__checkbox--selected___S2vqY .lc-Checkbox-module__checkbox__checkmark___16pfY{opacity:1}.lc-Checkbox-module__checkbox--selected___S2vqY:hover .lc-Checkbox-module__checkbox__input___YLbVF:checked+.lc-Checkbox-module__checkbox__square___MHUyd{background-color:var(--color-action-hover);border-color:var(--color-action-hover)}.lc-Checkbox-module__checkbox__text___P2SIq{color:var(--content-default);flex:1 0 auto}.lc-Checkbox-module__checkbox__input___YLbVF{display:none;height:100%;width:100%}.lc-Checkbox-module__checkbox__input___YLbVF:checked+.lc-Checkbox-module__checkbox__square___MHUyd{background-color:var(--color-action-default);border-color:var(--color-action-default)}.lc-Checkbox-module__checkbox__input___YLbVF:checked+.lc-Checkbox-module__checkbox__square___MHUyd .lc-Checkbox-module__checkbox__checkmark___16pfY{opacity:1}.lc-Checkbox-module__checkbox__input___YLbVF:focus+.lc-Checkbox-module__checkbox__square___MHUyd{box-shadow:0 0 1px 2px #4284f5b3}.lc-Checkbox-module__checkbox--disabled___-lAqW .lc-Checkbox-module__checkbox__square___MHUyd{background-color:var(--surface-basic-disabled);border-color:var(--border-disabled);opacity:.4}.lc-Checkbox-module__checkbox--disabled___-lAqW .lc-Checkbox-module__checkbox__label___-o01x,.lc-Checkbox-module__checkbox--disabled___-lAqW .lc-Checkbox-module__checkbox__input___YLbVF,.lc-Checkbox-module__checkbox--disabled___-lAqW .lc-Checkbox-module__checkbox__helper___YSJ-n,.lc-Checkbox-module__checkbox--disabled___-lAqW .lc-Checkbox-module__checkbox__text___P2SIq{color:var(--content-disabled);cursor:not-allowed}.lc-Checkbox-module__checkbox__helper___YSJ-n{cursor:default;margin-left:24px}.lc-FieldDescription-module__field-description___IcRDH{color:var(--content-subtle);display:block;margin:4px 0 0}.lc-FieldError-module__field-error___IDkPT{color:var(--color-negative-default);display:block;margin:4px 0 0}.lc-FieldGroup-module__field-group___gy8lp{align-items:flex-start;display:flex;flex-direction:column;margin:-8px 0}.lc-FieldGroup-module__field-group___gy8lp>*{padding:0 0 8px}.lc-FieldGroup-module__field-group--inline___or4qf{flex-direction:row;margin:0 -8px}.lc-FieldGroup-module__field-group--inline___or4qf>*{padding:0 8px}.lc-FieldGroup-module__field-group--stretched___6rkuO>*{width:100%}.lc-Form-module__form___1nOYF{border:0;box-sizing:border-box;margin:0;padding:0}.lc-Form-module__form__header___U4B7t,.lc-Form-module__form__footer___1-sUX{margin-bottom:32px}.lc-Form-module__form__label___spg-J{color:var(--content-default);margin:0 0 16px}.lc-Form-module__form__helper___bhfwS{color:var(--content-default);margin:0}.lc-FormGroup-module__form-group___e2JHa{border-style:none;margin:0 0 32px;min-width:auto;padding:0}.lc-FormGroup-module__form-group__header___DgGmR{margin-bottom:16px}.lc-FormGroup-module__form-group__label___NC-JW{color:var(--content-default);display:block;margin-bottom:4px}.lc-FormGroup-module__form-group__helper___SRuxe{color:var(--content-subtle)}.lc-TextField-module__text-field___bis8c{margin-bottom:20px}.lc-TextField-module__text-field--inline___MPHqg{display:flex;flex-direction:column}.lc-TextField-module__text-field__wrapper--inline___-gOob{display:flex;flex-direction:row;flex-wrap:nowrap}.lc-TextField-module__text-field__label___vpNdg{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:4px}.lc-TextField-module__text-field__label___vpNdg label{margin-bottom:0}.lc-TextField-module__text-field__label--inline___YSRYX{align-items:center;height:32px;justify-content:center;margin-bottom:0;margin-right:10px}.lc-TextField-module__text-field__label--no-text___XSyn2{justify-content:flex-end;margin-right:0}.lc-TextField-module__text-field__label-wrapper___SNCct{display:flex;flex-grow:1}.lc-TextField-module__text-field__label-adornment___--pgp{align-items:center;align-self:flex-end;display:flex;flex-shrink:0;height:20px;justify-content:flex-end;line-height:20px;margin-left:4px;overflow:hidden;width:20px}.lc-TextField-module__text-field__label-right-node___sdnWg{align-self:flex-end;color:var(--content-default);display:flex;flex-shrink:0;font-size:14px;justify-content:flex-end;line-height:20px;margin-left:5px}.lc-TextField-module__text-field__label-right-node--inline___vMBP2{flex-grow:1;margin-bottom:4px}.lc-TextField-module__text-field__row-break___AnNrI{flex-basis:100%;height:0}.lc-TextField-module__text-field__content___dCkUW{flex-grow:1}.lc-TextField-module__field-label___q8Y-p{color:var(--content-default);display:block;font-size:14px;line-height:20px;margin-bottom:4px}.lc-InputField-module__input-field___A-GHj{background-clip:padding-box;border:1px solid var(--border-default);border-radius:4px;box-sizing:border-box;color:var(--content-default);font-size:15px;line-height:1.2;padding:8px 10px;transition:border .25s ease-in-out;width:100%;will-change:border-color}.lc-InputField-module__input-field___A-GHj::placeholder{color:var(--content-disabled)}.lc-InputField-module__input-field___A-GHj:hover{border-color:var(--border-hover);outline:0}.lc-InputField-module__input-field___A-GHj:focus{border-color:var(--color-action-default);outline:0}.lc-InputField-module__input-field--error___MMchC,.lc-InputField-module__input-field--error___MMchC:focus{border-color:var(--color-negative-default)}.lc-InputField-module__input-field___A-GHj:disabled{color:var(--content-disabled);cursor:not-allowed}.lc-Link-module__link___kqx52{color:var(--color-action-default);cursor:pointer;text-decoration:none}.lc-Link-module__link___kqx52:hover{color:var(--color-action-hover);text-decoration:underline}.lc-Link-module__link___kqx52:active{color:var(--color-action-active)}.lc-Link-module__link--bold___1rGdO{font-weight:600}.lc-Modal-module__modal-base___hbL1U{background-color:var(--surface-basic-default);border-radius:4px;box-shadow:0 20px 60px #0000004d;color:var(--content-default);display:flex;flex-direction:column;margin:10px;max-width:800px;min-width:400px;overflow:hidden;position:relative}.lc-Modal-module__modal-base__overlay___kCQ8t{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-module__modal-base__overlay--visible___zUNJL{display:flex}.lc-Modal-module__modal-base__close___gJlgr{align-items:center;background-color:transparent;border-style:none;box-shadow:none;color:var(--content-subtle);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-module__modal-base__close___gJlgr:hover{color:var(--content-default)}.lc-Modal-module__modal__header___Fp5VE{background-color:var(--surface-basic-default);box-shadow:inset 0 -1px 0 var(--border-subtle);box-sizing:border-box;color:var(--content-default);padding:20px;width:100%}.lc-Modal-module__modal__heading___G9KVK{color:var(--content-default);margin:0;max-width:calc(100% - 32px);padding:0;text-align:left}.lc-Modal-module__modal__body___M-jmN{background-color:var(--surface-basic-default);box-sizing:border-box;color:var(--content-default);display:flex;flex-direction:column;flex-grow:1;padding:20px;position:relative;width:100%}.lc-Modal-module__modal__footer___2LYdc{box-shadow:inset 0 1px 0 var(--border-subtle);box-sizing:border-box;display:flex;flex-shrink:0;justify-content:flex-end;padding:20px;width:100%}.lc-Modal-module__action-modal___CsRC7{align-items:center;box-sizing:border-box;justify-content:center;padding:52px 20px}.lc-Modal-module__action-modal__heading___m3MuG{color:var(--content-default);font-size:24px;font-weight:600;line-height:1.33;margin:0 0 20px;text-align:center;width:100%}.lc-Modal-module__action-modal__content___gf-R2{color:var(--content-default);font-size:15px;line-height:1.33;text-align:center;width:100%}.lc-Modal-module__action-modal__actions___kpRXD{box-sizing:border-box;display:flex;justify-content:center;margin-top:32px;width:100%}.lc-Modal-module__action-modal__icon___MK5xt{margin-bottom:20px}.lc-NumericInput-module__numeric-input___j1esc{display:inline-block;height:36px;position:relative;width:64px}.lc-NumericInput-module__numeric-input__increment___i3Tys,.lc-NumericInput-module__numeric-input__decrement___3qgn0{align-items:center;background:transparent;border:0;border-left:1px solid var(--border-default);box-sizing:border-box;cursor:pointer;display:flex;height:50%;justify-content:center;padding:0;position:absolute;right:1px;top:1px;width:23px}.lc-NumericInput-module__numeric-input__increment___i3Tys:hover,.lc-NumericInput-module__numeric-input__increment___i3Tys:focus,.lc-NumericInput-module__numeric-input__decrement___3qgn0:hover,.lc-NumericInput-module__numeric-input__decrement___3qgn0:focus{outline:0}.lc-NumericInput-module__numeric-input___j1esc .lc-NumericInput-module__numeric-input__increment___i3Tys:disabled{border-color:var(--border-disabled);cursor:not-allowed}.lc-NumericInput-module__numeric-input___j1esc .lc-NumericInput-module__numeric-input__decrement___3qgn0{border-top:1px solid var(--border-default);bottom:1px;top:auto}.lc-NumericInput-module__numeric-input___j1esc .lc-NumericInput-module__numeric-input__decrement___3qgn0:disabled{border-color:var(--border-disabled);cursor:not-allowed}.lc-NumericInput-module__numeric-input___j1esc input{appearance:textfield;background-clip:padding-box;border:1px solid var(--border-default);border-radius:4px;box-sizing:border-box;color:var(--content-default);height:100%;line-height:36px;padding:0 28px 0 4px;text-align:right;transition:border .25s ease-in-out;width:100%;will-change:border-color}.lc-NumericInput-module__numeric-input___j1esc input::-webkit-outer-spin-button,.lc-NumericInput-module__numeric-input___j1esc input::-webkit-inner-spin-button{appearance:none;margin:0}.lc-NumericInput-module__numeric-input___j1esc input:hover{border-color:var(--border-hover);outline:0}.lc-NumericInput-module__numeric-input___j1esc input:focus{border-color:var(--color-action-default);outline:0}.lc-NumericInput-module__numeric-input___j1esc input:disabled{color:var(--content-disabled);cursor:not-allowed}.lc-NumericInput-module__numeric-input___j1esc input:disabled:hover{border-color:var(--border-disabled)}.lc-NumericInput-module__numeric-input--disabled___yaRvQ{background-color:var(--surface-basic-disabled);color:var(--content-default);cursor:not-allowed}.lc-NumericInput-module__numeric-input___j1esc.lc-NumericInput-module__numeric-input--no-controls___D90rG input{padding:0 4px}.lc-NumericInput-module__numeric-input___j1esc.lc-NumericInput-module__numeric-input--error___TMxRx input,.lc-NumericInput-module__numeric-input___j1esc.lc-NumericInput-module__numeric-input--error___TMxRx input:hover,.lc-NumericInput-module__numeric-input___j1esc.lc-NumericInput-module__numeric-input--error___TMxRx input:focus{border-color:var(--color-negative-default)}.lc-Popover-module__popover___8X1b2{background-color:var(--surface-basic-default);border-radius:4px;box-shadow:0 1px 10px #424d574d;display:none;max-width:336px;min-width:168px}.lc-Popover-module__popover___8X1b2:focus{outline:none}.lc-Popover-module__popover--visible___u5NXB{display:block}.lc-ProgressCircle-module__progress-circle___NRHCi{height:36px;transform:rotate(-90deg);width:36px}.lc-ProgressCircle-module__progress-circle--small___8FVwG{height:15px;width:15px}.lc-ProgressCircle-module__progress-circle--medium___XlzEX{height:36px;width:36px}.lc-ProgressCircle-module__progress-circle--large___qxa2y{height:56px;width:56px}.lc-ProgressCircle-module__progress-circle__bg-line--normal___nDNwj{stroke:var(--color-action-disabled)}.lc-ProgressCircle-module__progress-circle__bg-line--success___1aP-O{stroke:var(--color-positive-disabled)}.lc-ProgressCircle-module__progress-circle__bg-line--error___oqMZL{stroke:var(--color-negative-disabled)}.lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX{stroke:var(--color-action-default);transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR{stroke:var(--color-positive-default);transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9{transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.lc-ProgressCircle-module__progress-circle--error___2AA9K .lc-ProgressCircle-module__progress-circle__bg-line___12YrE{stroke:var(--color-negative-disabled)}.lc-ProgressCircle-module__progress-circle--success___hH5jv .lc-ProgressCircle-module__progress-circle__bg-line___12YrE{stroke:var(--color-positive-disabled)}.lc-ProgressCircle-module__progress-circle--normal___dFneQ .lc-ProgressCircle-module__progress-circle__bg-line___12YrE{stroke:var(--color-action-disabled)}.lc-PromoBanner-module__promo-banner___-mGpq{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-PromoBanner-module__promo-banner___-mGpq b{font-weight:600}.lc-PromoBanner-module__promo-banner__content___kRWar{display:flex;flex-direction:row;justify-content:flex-start}.lc-PromoBanner-module__promo-banner__wrapper___I-8cl{display:flex;flex-direction:column}.lc-PromoBanner-module__promo-banner__header___ebYHW{font-weight:600;margin-bottom:8px}.lc-PromoBanner-module__promo-banner__img___eaShb{height:48px;object-fit:contain;width:48px}.lc-PromoBanner-module__promo-banner__button-text___taYKa{margin-right:24px}.lc-PromoBanner-module__promo-banner--light___eJxOR{background-color:var(--surface-basic-default);border:solid 1px var(--border-subtle)}.lc-PromoBanner-module__promo-banner--small___7sWLV{flex-wrap:wrap;max-width:400px}.lc-PromoBanner-module__promo-banner--small___7sWLV .lc-PromoBanner-module__promo-banner__content___kRWar{flex-direction:column}.lc-PromoBanner-module__promo-banner--small___7sWLV .lc-PromoBanner-module__promo-banner__img___eaShb{margin-bottom:12px}.lc-PromoBanner-module__promo-banner--small___7sWLV .lc-PromoBanner-module__promo-banner__footer___8OjvH{display:flex;margin-top:12px}.lc-PromoBanner-module__promo-banner--medium___NeeoJ{flex-wrap:wrap;max-width:800px}.lc-PromoBanner-module__promo-banner--medium___NeeoJ .lc-PromoBanner-module__promo-banner__img___eaShb{margin-right:20px}.lc-PromoBanner-module__promo-banner--medium___NeeoJ .lc-PromoBanner-module__promo-banner__wrapper___I-8cl{max-width:680px}.lc-PromoBanner-module__promo-banner--medium___NeeoJ .lc-PromoBanner-module__promo-banner__footer___8OjvH{display:flex;flex-shrink:0;margin-top:12px}.lc-PromoBanner-module__promo-banner--large___pMiCU{min-width:600px}.lc-PromoBanner-module__promo-banner--large___pMiCU .lc-PromoBanner-module__promo-banner__img___eaShb{margin-right:20px}.lc-PromoBanner-module__promo-banner--large___pMiCU .lc-PromoBanner-module__promo-banner__wrapper___I-8cl{max-width:680px;min-width:180px}.lc-PromoBanner-module__promo-banner--large___pMiCU .lc-PromoBanner-module__promo-banner__footer___8OjvH{align-items:center;display:inline-flex;flex-shrink:0;margin:0 56px}.lc-PromoBanner-module__promo-banner__close-icon___GowBL{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-RadioButton-module__radio-button___WaToM{display:inline-block}.lc-RadioButton-module__radio-button__label___i7ygg{align-items:center;cursor:pointer;display:inline-flex;flex:0 1 auto;width:100%}.lc-RadioButton-module__radio-button__circle___wimWA{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-RadioButton-module__radio-button__inner-circle___qkRVf{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-RadioButton-module__radio-button__text___mT8c0{color:var(--content-default);flex:1 0 auto}.lc-RadioButton-module__radio-button__input___7OTAK{cursor:pointer;height:100%;margin:0;opacity:0;width:100%}.lc-RadioButton-module__radio-button__helper___r8gJJ{cursor:default;margin-left:24px}.lc-RadioButton-module__radio-button___WaToM:focus .lc-RadioButton-module__radio-button__circle___wimWA{border-radius:20px;box-shadow:0 0 1px 1.6px #4384f5b3}.lc-RadioButton-module__radio-button--selected___s9lqj .lc-RadioButton-module__radio-button__circle___wimWA{border-color:var(--color-action-default)}.lc-RadioButton-module__radio-button--selected___s9lqj .lc-RadioButton-module__radio-button__inner-circle___qkRVf{opacity:1}.lc-RadioButton-module__radio-button--selected___s9lqj:hover .lc-RadioButton-module__radio-button__circle___wimWA{border-color:var(--color-action-hover)}.lc-RadioButton-module__radio-button--selected___s9lqj:hover .lc-RadioButton-module__radio-button__inner-circle___qkRVf{background-color:var(--color-action-hover)}.lc-RadioButton-module__radio-button--disabled___wHSA7 .lc-RadioButton-module__radio-button__circle___wimWA{opacity:.4}.lc-RadioButton-module__radio-button--disabled___wHSA7:not(.lc-RadioButton-module__radio-button--selected___s9lqj) .lc-RadioButton-module__radio-button__circle___wimWA{background-color:var(--surface-basic-disabled)}.lc-RadioButton-module__radio-button--disabled___wHSA7 .lc-RadioButton-module__radio-button__label___i7ygg,.lc-RadioButton-module__radio-button--disabled___wHSA7 .lc-RadioButton-module__radio-button__input___7OTAK,.lc-RadioButton-module__radio-button--disabled___wHSA7 .lc-RadioButton-module__radio-button__text___mT8c0,.lc-RadioButton-module__radio-button--disabled___wHSA7 .lc-RadioButton-module__radio-button__helper___r8gJJ{color:var(--content-disabled);cursor:not-allowed}.lc-Switch-module__switch___AaA2k{display:inline-block;outline:none;position:relative}.lc-Switch-module__switch___AaA2k:hover .lc-Switch-module__switch__track--enabled___sy4Xl{background-color:var(--color-positive-default)}.lc-Switch-module__switch___AaA2k:hover .lc-Switch-module__switch__track--disabled___HkDhl{background-color:var(--surface-secondary-default)}.lc-Switch-module__switch--basic___jKO4n{height:28px;width:44px}.lc-Switch-module__switch--compact___OGFIX{height:16px;width:25px}.lc-Switch-module__switch__input___NiiOR{cursor:pointer;height:100%;margin:0;opacity:0;width:100%}.lc-Switch-module__switch__input___NiiOR:focus+.lc-Switch-module__switch__container___79F7W .lc-Switch-module__switch__track___2wr2M{box-shadow:0 0 1px 2px #4379d6b3}.lc-Switch-module__switch__container___79F7W{align-items:center;display:flex;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.lc-Switch-module__switch__track___2wr2M{border-radius:24px;flex:1;height:100%;transition-duration:.3s;transition-property:background-color;transition-timing-function:cubic-bezier(.33,0,.67,1)}.lc-Switch-module__switch__track--enabled___sy4Xl{background-color:var(--color-positive-default)}.lc-Switch-module__switch__track--disabled___HkDhl{background-color:var(--surface-secondary-default)}.lc-Switch-module__switch__slider___WHd--{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)}.lc-Switch-module__switch__slider--basic___OMKTp{height:24px;width:24px}.lc-Switch-module__switch__slider--basic--enabled___sh9jo{left:18px;right:2px}.lc-Switch-module__switch__slider--basic--disabled___GSTO9{left:2px;right:18px}.lc-Switch-module__switch__slider--compact___uZ-lS{height:14px;width:14px}.lc-Switch-module__switch__slider--compact--enabled___04TFA{left:9px;right:2px}.lc-Switch-module__switch__slider--compact--disabled___Vqznr{left:2px;right:9px}.lc-Tab-module__tab___fME7u{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-module__tab__description___JGXU6{color:var(--content-subtle);display:inline-block;padding-left:3px;transition:color .25s}.lc-Tab-module__tab___fME7u: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-module__tab--selected___c0EkL,.lc-Tab-module__tab--selected___c0EkL .lc-Tab-module__tab__description___JGXU6{color:var(--color-action-default)}.lc-Tab-module__tab--selected___c0EkL:before{bottom:-12px;height:3px}.lc-Tab-module__tab___fME7u:hover{color:var(--color-action-default);text-decoration:none}.lc-Tab-module__tab___fME7u:hover .lc-Tab-module__tab__description___JGXU6{color:var(--color-action-default)}.lc-TabsWrapper-module__tabs___Y2xyD{border-bottom:1px solid var(--border-subtle);position:relative}.lc-TabsWrapper-module__tabs__list___i6tVO{display:flex;flex-direction:row;margin:0 -8px;position:relative}.lc-Tag-module__tag___1QRVY{align-items:center;background-color:var(--surface-secondary-default);border-color:var(--border-default);border-radius:4px;border-style:none;border-width:1px;box-sizing:border-box;color:var(--content-default);display:inline-flex;position:relative}.lc-Tag-module__tag--success___P2hXQ{background-color:#d1f4d5;border-color:#005321;color:#005321}.lc-Tag-module__tag--success___P2hXQ .lc-Tag-module__tag__remove___UmtrW{color:#005321}.lc-Tag-module__tag--error___1cjsm{background-color:var(--surface-feedback-negative);border-color:var(--color-negative-active);color:var(--color-negative-active)}.lc-Tag-module__tag--error___1cjsm .lc-Tag-module__tag__remove___UmtrW{color:var(--color-negative-active)}.lc-Tag-module__tag--warning___PstMG{background-color:#ffe9bc;border-color:#755b00;color:#755b00}.lc-Tag-module__tag--warning___PstMG .lc-Tag-module__tag__remove___UmtrW{color:#755b00}.lc-Tag-module__tag--info___RTH0C{background-color:var(--surface-feedback-info);border-color:var(--color-action-active);color:var(--color-action-active)}.lc-Tag-module__tag--info___RTH0C .lc-Tag-module__tag__remove___UmtrW{color:var(--color-action-active)}.lc-Tag-module__tag--medium___l5-KI{padding:1px 8px}.lc-Tag-module__tag--large___ytC6Y{padding:5px 12px}.lc-Tag-module__tag--outline___aZXtr{background-color:transparent;border-style:solid}.lc-Tag-module__tag--outline___aZXtr.lc-Tag-module__tag--medium___l5-KI{padding:0 7px}.lc-Tag-module__tag--outline___aZXtr.lc-Tag-module__tag--large___ytC6Y{padding:4px 11px}.lc-Tag-module__tag--outline___aZXtr .lc-Tag-module__icon___2Z-35{background-color:transparent}.lc-Tag-module__tag--text-white___x0fnD{color:#fff}.lc-Tag-module__tag--text-black___dUvmD{color:#000}.lc-Tag-module__tag--with-icon___ZlkvT.lc-Tag-module__tag--medium___l5-KI{padding-left:4px}.lc-Tag-module__tag--with-icon___ZlkvT.lc-Tag-module__tag--large___ytC6Y{padding-left:6px}.lc-Tag-module__tag--dismissible___Qobyr.lc-Tag-module__tag--medium___l5-KI{padding-right:4px}.lc-Tag-module__tag--dismissible___Qobyr.lc-Tag-module__tag--large___ytC6Y{padding-right:6px}.lc-Tag-module__tag__icon___tZoQ9{margin-right:4px}.lc-Tag-module__tag__avatar___U4c-P{border-radius:50%;height:20px;margin-right:4px;width:20px}.lc-Tag-module__tag__remove___UmtrW{align-items:center;background-color:transparent;border-style:none;box-shadow:none;color:var(--content-subtle);cursor:pointer;display:flex;justify-content:center;outline:none;padding:0 0 0 4px}.lc-Tag-module__tag__remove___UmtrW:hover{color:var(--content-default)}.lc-TagInput-module__tag-input___CLVY-{align-items:center;background-clip:padding-box;border:1px solid var(--border-default);border-radius:4px;box-sizing:border-box;color:var(--content-default);display:flex;flex-wrap:wrap;font-size:15px;overflow-y:auto;padding:4px;transition:border .25s ease-in-out;width:100%;will-change:border-color}.lc-TagInput-module__tag-input___CLVY-::placeholder{color:var(--content-disabled)}.lc-TagInput-module__tag-input___CLVY-:hover{border-color:var(--border-hover);outline:0}.lc-TagInput-module__tag-input___CLVY-:focus-within{border-color:var(--color-action-default);outline:0}.lc-TagInput-module__tag-input--error___RP0SB,.lc-TagInput-module__tag-input--error___RP0SB:focus-within{border-color:var(--color-negative-default)}.lc-TagInput-module__tag-input___CLVY-:disabled{color:var(--content-disabled);cursor:not-allowed}.lc-TagInput-module__tag-input___CLVY- *{box-sizing:border-box}.lc-TagInput-module__tag-input___CLVY->*{margin:2px}.lc-TagInput-module__tag-input__input___dgEYB{appearance:none;background:transparent;border-style:none;box-shadow:none;color:var(--content-default);flex-grow:1;font-size:15px;margin:0 4px;outline:0;padding:0 0 0 4px;width:auto}.lc-TagInput-module__tag-input__input--medium___DYF7X{line-height:28px}.lc-TagInput-module__tag-input__input--large___G6iEO{line-height:36px}.lc-TagInput-module__tag-input__input___dgEYB:focus{border-style:none}.lc-TagInput-module__tag-input__tag__content___x95-M{border-style:none;outline:0;padding:0;white-space:nowrap}.lc-Toast-module__toast___j5Amn{align-items:center;background:#fff;border-radius:4px;box-shadow:0 6px 30px -10px #0000004d;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-module__toast__content___HjaNw{color:var(--content-default);width:100%}.lc-Toast-module__toast__icon___wLbLu,.lc-Toast-module__toast__close___O18Lh{align-self:baseline;height:20px;padding-right:12px}.lc-Toast-module__toast__icon___wLbLu svg{display:flex;fill:var(--color-action-default);height:20px;width:20px}.lc-Toast-module__toast__actions___JWu-1{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-module__toast__actions-close___xN8YT{align-items:center;display:flex;flex:0 1 auto;height:100%;margin-left:16px;width:100%}.lc-Toast-module__toast__actions-close___xN8YT svg{cursor:pointer;display:flex;fill:var(--content-subtle);height:16px;width:16px}.lc-Toast-module__toast__actions-custom___z1UUf{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-module__toast--notification___pDXnc{background:#fff}.lc-Toast-module__toast--success___7UC6m{background:var(--color-positive-default)}.lc-Toast-module__toast--warning___pteb7{background:var(--color-warning-default)}.lc-Toast-module__toast--warning___pteb7 .lc-Toast-module__toast__content___HjaNw{color:#424d57}.lc-Toast-module__toast--error___trg--{background:var(--color-negative-default)}.lc-Toast-module__toast--info___IOp44{background:var(--color-action-default)}.lc-Toast-module__toast--success___7UC6m .lc-Toast-module__toast__content___HjaNw,.lc-Toast-module__toast--success___7UC6m .lc-Toast-module__toast__actions-custom___z1UUf,.lc-Toast-module__toast--error___trg-- .lc-Toast-module__toast__content___HjaNw,.lc-Toast-module__toast--error___trg-- .lc-Toast-module__toast__actions-custom___z1UUf,.lc-Toast-module__toast--info___IOp44 .lc-Toast-module__toast__content___HjaNw,.lc-Toast-module__toast--info___IOp44 .lc-Toast-module__toast__actions-custom___z1UUf{color:#fff}.lc-Toast-module__toast-wrapper___Oiwqp{align-items:center;display:flex;flex-direction:column;position:absolute;z-index:120}.lc-Toast-module__toast-wrapper--fixed___QYxRI{position:fixed}.lc-Toast-module__toast-wrapper--block___j0kGt{position:static}.lc-Toast-module__toast-wrapper--horizontal-center___t9AFd{left:50%;transform:translate(-50%)}.lc-Toast-module__toast-wrapper--horizontal-left___-GY4I{left:5px}.lc-Toast-module__toast-wrapper--horizontal-right___VVMgm{right:5px}.lc-Toast-module__toast-wrapper--vertical-top___uBfEG{top:5px}.lc-Toast-module__toast-wrapper--vertical-top___uBfEG .lc-Toast-module__toast___j5Amn{margin-bottom:10px}.lc-Toast-module__toast-wrapper--vertical-top___uBfEG .lc-Toast-module__toast-appear--slide___G7GAp{transform:translateY(-100%)!important}.lc-Toast-module__toast-wrapper--vertical-top___uBfEG .lc-Toast-module__toast-appear--slide___G7GAp.lc-Toast-module__toast-appear-active--slide___brfgK{transform:translateY(0)!important;transition:transform .2s ease-in}.lc-Toast-module__toast-wrapper--vertical-top___uBfEG .lc-Toast-module__toast-exit--slide___aqiBq{transform:translateY(0)!important}.lc-Toast-module__toast-wrapper--vertical-top___uBfEG .lc-Toast-module__toast-exit--slide___aqiBq.lc-Toast-module__toast-exit-active--slide___WryMi{transform:translateY(-100%)!important;transition:transform .2s ease-in}.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH{bottom:5px}.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH .lc-Toast-module__toast___j5Amn{margin-top:10px}.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH .lc-Toast-module__toast-appear--slide___G7GAp{transform:translateY(100%)!important}.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH .lc-Toast-module__toast-appear--slide___G7GAp.lc-Toast-module__toast-appear-active--slide___brfgK{transform:translateY(0)!important;transition:transform .2s ease-in}.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH .lc-Toast-module__toast-exit--slide___aqiBq{transform:translateY(0)!important}.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH .lc-Toast-module__toast-exit--slide___aqiBq.lc-Toast-module__toast-exit-active--slide___WryMi{transform:translateY(100%)!important;transition:transform .2s ease-in}.lc-Toast-module__toast-wrapper--vertical-top___uBfEG .lc-Toast-module__toast-appear--fade___oUwHm,.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH .lc-Toast-module__toast-appear--fade___oUwHm{opacity:0}.lc-Toast-module__toast-wrapper--vertical-top___uBfEG .lc-Toast-module__toast-appear--fade___oUwHm.lc-Toast-module__toast-appear-active--fade___D3--J,.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH .lc-Toast-module__toast-appear--fade___oUwHm.lc-Toast-module__toast-appear-active--fade___D3--J,.lc-Toast-module__toast-wrapper--vertical-top___uBfEG .lc-Toast-module__toast-exit--fade___iDA1p,.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH .lc-Toast-module__toast-exit--fade___iDA1p{opacity:1;transition:opacity .2s ease-in}.lc-Toast-module__toast-wrapper--vertical-top___uBfEG .lc-Toast-module__toast-exit--fade___iDA1p.lc-Toast-module__toast-exit-active--fade___tL7sb,.lc-Toast-module__toast-wrapper--vertical-bottom___erPuH .lc-Toast-module__toast-exit--fade___iDA1p.lc-Toast-module__toast-exit-active--fade___tL7sb{opacity:0}
@@ -125,3 +125,5 @@
125
125
  --decor-purple100: #eee8ff;
126
126
  --decor-purple50: #faf8ff;
127
127
  }
128
+
129
+ /*# sourceMappingURL=dark.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/themes/dark.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"dark.css"}
@@ -126,3 +126,5 @@
126
126
  --decor-purple100: #eee8ff;
127
127
  --decor-purple50: #faf8ff;
128
128
  }
129
+
130
+ /*# sourceMappingURL=legacy.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/themes/legacy.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"legacy.css"}
@@ -125,3 +125,5 @@
125
125
  --decor-purple100: #eee8ff;
126
126
  --decor-purple50: #faf8ff;
127
127
  }
128
+
129
+ /*# sourceMappingURL=light.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/themes/light.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"light.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livechat/design-system-react-components",
3
- "version": "1.0.0-alpha.4",
3
+ "version": "1.0.0-alpha.7",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -11,6 +11,9 @@
11
11
  "module": "./dist/dsrc.es.js",
12
12
  "unpkg": "./dist/dsrc.umd.js",
13
13
  "types": "./dist/src/index.d.ts",
14
+ "files": [
15
+ "dist"
16
+ ],
14
17
  "scripts": {
15
18
  "dev": "run-p dev:*",
16
19
  "dev:storybook": "start-storybook -p 6006 --quiet",
@@ -27,12 +30,11 @@
27
30
  "test:coverage": "vitest run --coverage"
28
31
  },
29
32
  "peerDependencies": {
30
- "react": "^17.0.2",
31
- "react-dom": "^17.0.2"
33
+ "react": ">= 17.0.2",
34
+ "react-dom": ">= 17.0.2"
32
35
  },
33
36
  "devDependencies": {
34
37
  "@babel/core": "^7.17.7",
35
- "@livechat/design-system-icons": "^1.0.0-alpha.4",
36
38
  "@storybook/addon-actions": "^6.4.13",
37
39
  "@storybook/addon-essentials": "^6.4.13",
38
40
  "@storybook/addon-links": "^6.4.13",
@@ -59,6 +61,7 @@
59
61
  "vitest": "^0.6.3"
60
62
  },
61
63
  "dependencies": {
64
+ "@livechat/design-system-icons": "^1.0.0-alpha.7",
62
65
  "@popperjs/core": "^2.11.2",
63
66
  "clsx": "^1.1.1",
64
67
  "lodash.escape": "^4.0.1",
@@ -66,5 +69,5 @@
66
69
  "react-popper": "^2.2.5",
67
70
  "react-transition-group": "^4.4.2"
68
71
  },
69
- "gitHead": "d92d4b040d6f91f8cce3e3e255d78d8de381713a"
72
+ "gitHead": "ffd7278b06adf9a994987439b9b2ed88294ae4b3"
70
73
  }
package/.eslintrc DELETED
@@ -1,9 +0,0 @@
1
- {
2
- "extends": "../../.eslintrc",
3
- "env": {
4
- "node": true
5
- },
6
- "parserOptions": {
7
- "project": "tsconfig.json"
8
- }
9
- }
@@ -1,20 +0,0 @@
1
- const foundations = ['Typography', 'ColorTokens', 'Icons'].map(
2
- (name) => `../src/stories/${name}.stories.mdx`
3
- );
4
-
5
- module.exports = {
6
- stories: [
7
- ...foundations,
8
- '../src/**/*.stories.mdx',
9
- '../src/**/*.stories.@(js|jsx|ts|tsx)',
10
- ],
11
- addons: [
12
- '@storybook/addon-links',
13
- '@storybook/addon-essentials',
14
- 'storybook-addon-themes',
15
- ],
16
- framework: '@storybook/react',
17
- core: {
18
- builder: 'storybook-builder-vite',
19
- },
20
- };
@@ -1,31 +0,0 @@
1
- <script>
2
- window.global = window;
3
- </script>
4
-
5
- <style>
6
- body {
7
- background-color: var(--background);
8
- color: var(--content-default);
9
- }
10
-
11
- .spacer {
12
- margin-bottom: 5px;
13
- }
14
- .spacer > * + * {
15
- margin-left: 5px;
16
- }
17
-
18
- .lc-dark-theme,
19
- .lc-light-theme,
20
- .lc-legacy-theme {
21
- background-color: var(--background);
22
- color: var(--content-default);
23
- }
24
-
25
- * {
26
- box-sizing: border-box;
27
- font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI,
28
- Helvetica Neue, Arial, sans-serif;
29
- -webkit-font-smoothing: antialiased;
30
- }
31
- </style>
@@ -1,21 +0,0 @@
1
- import '../src/themes/legacy.scss';
2
- import '../src/themes/light.scss';
3
- import '../src/themes/dark.scss';
4
-
5
- export const parameters = {
6
- actions: { argTypesRegex: '^on[A-Z].*' },
7
- controls: {
8
- matchers: {
9
- color: /(background|color)$/i,
10
- date: /Date$/,
11
- },
12
- },
13
- themes: {
14
- default: 'legacy',
15
- list: [
16
- { name: 'legacy', class: 'lc-legacy-theme', color: '#4284f5' },
17
- { name: 'light', class: 'lc-light-theme', color: '#06f' },
18
- { name: 'dark', class: 'lc-dark-theme', color: '#000' },
19
- ],
20
- },
21
- };