@livechat/design-system-react-components 1.0.0-alpha.1 → 1.0.0-alpha.10

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 (158) hide show
  1. package/dist/dsrc.cjs.js +1 -0
  2. package/dist/dsrc.es.js +2228 -0
  3. package/dist/dsrc.umd.js +1 -0
  4. package/dist/{components → src/components/Alert}/Alert.d.ts +13 -19
  5. package/dist/src/components/Alert/index.d.ts +1 -0
  6. package/dist/src/components/Badge/Badge.d.ts +5 -0
  7. package/dist/src/components/Badge/index.d.ts +1 -0
  8. package/dist/src/components/Button/Button.d.ts +13 -0
  9. package/dist/src/components/Button/index.d.ts +2 -0
  10. package/dist/src/components/ButtonGroup/ButtonGroup.d.ts +11 -0
  11. package/dist/src/components/ButtonGroup/index.d.ts +1 -0
  12. package/dist/src/components/Card/Card.d.ts +6 -0
  13. package/dist/src/components/Card/index.d.ts +2 -0
  14. package/dist/src/components/Checkbox/Checkbox.d.ts +7 -0
  15. package/dist/{components → src/components/Checkbox}/CheckboxField.d.ts +7 -7
  16. package/dist/src/components/Checkbox/index.d.ts +2 -0
  17. package/dist/src/components/FieldDescription/FieldDescription.d.ts +3 -0
  18. package/dist/src/components/FieldDescription/index.d.ts +1 -0
  19. package/dist/src/components/FieldError/FieldError.d.ts +3 -0
  20. package/dist/src/components/FieldError/index.d.ts +1 -0
  21. package/dist/src/components/FieldGroup/FieldGroup.d.ts +8 -0
  22. package/dist/src/components/FieldGroup/index.d.ts +1 -0
  23. package/dist/src/components/Form/Form.d.ts +7 -0
  24. package/dist/src/components/Form/index.d.ts +2 -0
  25. package/dist/src/components/FormGroup/FormGroup.d.ts +7 -0
  26. package/dist/src/components/FormGroup/index.d.ts +1 -0
  27. package/dist/{components → src/components/Icon}/Icon.d.ts +70 -69
  28. package/dist/src/components/Icon/index.d.ts +1 -0
  29. package/dist/src/components/InputField/InputField.d.ts +15 -0
  30. package/dist/src/components/InputField/index.d.ts +1 -0
  31. package/dist/src/components/Link/Link.d.ts +14 -0
  32. package/dist/src/components/Link/index.d.ts +1 -0
  33. package/dist/{components → src/components/Loader}/Loader.d.ts +10 -10
  34. package/dist/src/components/Loader/index.d.ts +1 -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/dist/src/components/Modal/index.d.ts +10 -0
  41. package/dist/src/components/NumericInput/NumericInput.d.ts +14 -0
  42. package/dist/src/components/NumericInput/NumericInputField.d.ts +19 -0
  43. package/dist/src/components/NumericInput/index.d.ts +2 -0
  44. package/dist/src/components/Popover/Popover.d.ts +15 -0
  45. package/dist/src/components/Popover/index.d.ts +1 -0
  46. package/dist/{components → src/components/Progress}/ProgressCircle.d.ts +9 -9
  47. package/dist/{components → src/components/Progress}/constants.d.ts +12 -13
  48. package/dist/{components → src/components/Progress}/helpers.d.ts +3 -3
  49. package/dist/src/components/Progress/index.d.ts +1 -0
  50. package/dist/{components → src/components/PromoBanner}/PromoBanner.d.ts +19 -19
  51. package/dist/src/components/PromoBanner/index.d.ts +1 -0
  52. package/dist/src/components/RadioButton/RadioButton.d.ts +7 -0
  53. package/dist/src/components/RadioButton/index.d.ts +1 -0
  54. package/dist/{components → src/components/Switch}/Switch.d.ts +20 -17
  55. package/dist/src/components/Switch/index.d.ts +1 -0
  56. package/dist/{components → src/components/Tab}/Tab.d.ts +12 -12
  57. package/dist/{components → src/components/Tab}/TabsWrapper.d.ts +3 -3
  58. package/dist/src/components/Tab/index.d.ts +2 -0
  59. package/dist/src/components/Tag/Tag.d.ts +12 -0
  60. package/dist/src/components/Tag/index.d.ts +1 -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/dist/src/components/TagInput/index.d.ts +4 -0
  66. package/dist/src/components/TextField/TextField.d.ts +13 -0
  67. package/dist/src/components/TextField/index.d.ts +1 -0
  68. package/dist/{components → src/components/Toast}/Toast.d.ts +22 -22
  69. package/dist/{components → src/components/Toast}/ToastWrapper.d.ts +27 -26
  70. package/dist/src/components/Toast/index.d.ts +2 -0
  71. package/dist/{components → src/components/Typography}/Heading.d.ts +11 -11
  72. package/dist/{components → src/components/Typography}/Text.d.ts +15 -15
  73. package/dist/src/components/Typography/index.d.ts +2 -0
  74. package/dist/src/index.d.ts +29 -0
  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/dist/src/vite-env.d.ts +1 -0
  79. package/dist/style.css +1 -0
  80. package/dist/themes/dark.css +129 -0
  81. package/dist/themes/dark.css.map +1 -0
  82. package/dist/themes/legacy.css +130 -0
  83. package/dist/themes/legacy.css.map +1 -0
  84. package/dist/themes/light.css +129 -0
  85. package/dist/themes/light.css.map +1 -0
  86. package/package.json +45 -37
  87. package/dist/components/Alert.spec.d.ts +0 -1
  88. package/dist/components/AlertIcon.d.ts +0 -7
  89. package/dist/components/Badge.d.ts +0 -6
  90. package/dist/components/Badge.spec.d.ts +0 -1
  91. package/dist/components/Button.d.ts +0 -12
  92. package/dist/components/Button.spec.d.ts +0 -1
  93. package/dist/components/Card.d.ts +0 -6
  94. package/dist/components/Card.spec.d.ts +0 -1
  95. package/dist/components/Checkbox.d.ts +0 -7
  96. package/dist/components/CheckboxField.spec.d.ts +0 -1
  97. package/dist/components/FieldDescription.d.ts +0 -3
  98. package/dist/components/FieldError.d.ts +0 -3
  99. package/dist/components/FieldGroup.d.ts +0 -8
  100. package/dist/components/FieldGroup.spec.d.ts +0 -1
  101. package/dist/components/FieldLabel.d.ts +0 -3
  102. package/dist/components/Form.d.ts +0 -7
  103. package/dist/components/Form.spec.d.ts +0 -1
  104. package/dist/components/FormGroup.d.ts +0 -7
  105. package/dist/components/FormGroup.spec.d.ts +0 -1
  106. package/dist/components/Loader.spec.d.ts +0 -1
  107. package/dist/components/Modal/ActionModal.d.ts +0 -8
  108. package/dist/components/Modal/Modal.d.ts +0 -7
  109. package/dist/components/Modal/ModalBase.d.ts +0 -6
  110. package/dist/components/Modal/ModalBase.spec.d.ts +0 -1
  111. package/dist/components/Modal/ModalCloseButton.d.ts +0 -3
  112. package/dist/components/Modal/ModalPortal.d.ts +0 -7
  113. package/dist/components/ProgressBar.d.ts +0 -9
  114. package/dist/components/ProgressBar.spec.d.ts +0 -1
  115. package/dist/components/ProgressCircle.spec.d.ts +0 -1
  116. package/dist/components/PromoBanner.spec.d.ts +0 -1
  117. package/dist/components/RadioButton.d.ts +0 -7
  118. package/dist/components/RadioButton.spec.d.ts +0 -1
  119. package/dist/components/Switch.spec.d.ts +0 -1
  120. package/dist/components/Tab.spec.d.ts +0 -1
  121. package/dist/components/TabsWrapper.spec.d.ts +0 -1
  122. package/dist/components/Toast.spec.d.ts +0 -1
  123. package/dist/components/ToastIcon.d.ts +0 -7
  124. package/dist/components/ToastWrapper.spec.d.ts +0 -1
  125. package/dist/constants/keyCodes.d.ts +0 -3
  126. package/dist/index.css +0 -2
  127. package/dist/index.css.map +0 -1
  128. package/dist/index.d.ts +0 -7
  129. package/dist/index.js +0 -2
  130. package/dist/index.js.map +0 -1
  131. package/dist/index.modern.js +0 -2
  132. package/dist/index.modern.js.map +0 -1
  133. package/dist/index.module.js +0 -2
  134. package/dist/index.module.js.map +0 -1
  135. package/dist/index.umd.js +0 -2
  136. package/dist/index.umd.js.map +0 -1
  137. package/dist/stories/Alert.stories.d.ts +0 -14
  138. package/dist/stories/Badge.stories.d.ts +0 -16
  139. package/dist/stories/Button.stories.d.ts +0 -21
  140. package/dist/stories/Card.stories.d.ts +0 -10
  141. package/dist/stories/CheckboxField.stories.d.ts +0 -9
  142. package/dist/stories/FieldGroup.stories.d.ts +0 -9
  143. package/dist/stories/Form.stories.d.ts +0 -6
  144. package/dist/stories/FormGroup.stories.d.ts +0 -9
  145. package/dist/stories/Icon.stories.d.ts +0 -14
  146. package/dist/stories/Loader.stories.d.ts +0 -8
  147. package/dist/stories/Modal.stories.d.ts +0 -19
  148. package/dist/stories/ProgressCircle.stories.d.ts +0 -13
  149. package/dist/stories/Progressbar.stories.d.ts +0 -13
  150. package/dist/stories/PromoBanner.stories.d.ts +0 -13
  151. package/dist/stories/RadioButton.stories.d.ts +0 -9
  152. package/dist/stories/Switch.stories.d.ts +0 -11
  153. package/dist/stories/Tab.stories.d.ts +0 -10
  154. package/dist/stories/TabsWrapper.stories.d.ts +0 -15
  155. package/dist/stories/Toast.stories.d.ts +0 -15
  156. package/dist/stories/ToastWrapper.stories.d.ts +0 -40
  157. package/dist/stories/foundations/components/IconsShowcase.d.ts +0 -6
  158. package/dist/test-utils.d.ts +0 -1
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- export interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
- kind?: 'basic' | 'primary' | 'secondary' | 'destructive' | 'text';
4
- size?: 'compact' | 'medium' | 'large';
5
- disabled?: boolean;
6
- loading?: boolean;
7
- fullWidth?: boolean;
8
- loaderLabel?: string;
9
- icon?: React.ReactElement;
10
- iconPosition?: 'left' | 'right';
11
- }
12
- export declare const Button: React.FC<Props>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- export interface ICardProps extends React.HTMLAttributes<HTMLDivElement> {
3
- title: string;
4
- img?: string;
5
- }
6
- export declare const Card: React.FC<ICardProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface ICheckboxProps extends React.HTMLAttributes<HTMLInputElement> {
3
- className?: string;
4
- checked?: boolean;
5
- disabled?: boolean;
6
- }
7
- export declare const Checkbox: React.FC<ICheckboxProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare type IFieldDescriptionProps = React.HTMLAttributes<HTMLSpanElement>;
3
- export declare const FieldDescription: React.FC<IFieldDescriptionProps>;
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare type IFieldErrorProps = React.HTMLAttributes<HTMLSpanElement>;
3
- export declare const FieldError: React.FC<IFieldErrorProps>;
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- export interface IFieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
3
- description?: React.ReactNode;
4
- error?: string;
5
- inline?: boolean;
6
- stretch?: boolean;
7
- }
8
- export declare const FieldGroup: React.FC<IFieldGroupProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare type IFieldLabelProps = React.HTMLAttributes<HTMLSpanElement>;
3
- export declare const FieldLabel: React.FC<IFieldLabelProps>;
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface IFormProps extends React.HTMLAttributes<HTMLFormElement> {
3
- labelText?: string;
4
- helperText?: string;
5
- formFooter?: React.ReactNode;
6
- }
7
- export declare const Form: React.FC<IFormProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface IFormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
3
- className?: string;
4
- labelText?: string;
5
- helperText?: string;
6
- }
7
- export declare const FormGroup: React.FC<IFormGroupProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- import { IModalBaseProps } from './ModalBase';
3
- export interface IActionModalProps extends IModalBaseProps {
4
- icon?: React.ReactNode;
5
- heading?: React.ReactNode;
6
- actions?: React.ReactNode;
7
- }
8
- export declare const ActionModal: React.FC<IActionModalProps>;
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import { IModalBaseProps } from './ModalBase';
3
- export interface IModalProps extends IModalBaseProps {
4
- heading?: React.ReactNode;
5
- footer?: React.ReactNode;
6
- }
7
- export declare const Modal: React.FC<IModalProps>;
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- export interface IModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
3
- onClose(): void;
4
- closeOnEscPress?: boolean;
5
- }
6
- export declare const ModalBase: React.FC<IModalBaseProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare type IModalCloseButtonProps = React.HTMLAttributes<HTMLButtonElement>;
3
- export declare const ModalCloseButton: React.FC<IModalCloseButtonProps>;
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface IModalPortalProps extends React.HTMLAttributes<HTMLDivElement> {
3
- children: React.ReactNode;
4
- zIndex: number;
5
- parentElementName: string;
6
- }
7
- export declare const ModalPortal: React.FC<IModalPortalProps>;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ProgressSize, ProgressStatus } from './constants';
3
- export interface IProps {
4
- className?: string;
5
- percent: number;
6
- status?: ProgressStatus;
7
- size?: ProgressSize;
8
- }
9
- export declare const ProgressBar: React.ExoticComponent<IProps & React.RefAttributes<HTMLInputElement>>;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface IRadioButtonProps extends React.HTMLAttributes<HTMLInputElement> {
3
- description?: React.ReactNode;
4
- checked?: boolean;
5
- disabled?: boolean;
6
- }
7
- export declare const RadioButton: React.FC<IRadioButtonProps>;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import { Variants } from './Toast';
3
- interface IToastIconProps {
4
- variant: Variants;
5
- }
6
- export declare const ToastIcon: React.FC<IToastIconProps>;
7
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -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-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;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-feedback-positive);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;line-height:1.5;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-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;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--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,.lc-toast--warning .lc-toast__actions-custom,.lc-toast--warning .lc-toast__content{color:#fff}.lc-toast--error svg,.lc-toast--info svg,.lc-toast--success svg,.lc-toast--warning svg{fill:#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/_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,7 +0,0 @@
1
- import '../../styles/dist/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';
package/dist/index.js DELETED
@@ -1,2 +0,0 @@
1
- var e=require("react"),a=require("classnames");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function t(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}}),a.default=e,a}var l,s=/*#__PURE__*/t(e),c=/*#__PURE__*/r(a);!function(e){e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(l||(l={}));const n={[l.XSmall]:{width:12,height:12},[l.Small]:{width:16,height:16},[l.Medium]:{width:20,height:20},[l.Large]:{width:24,height:24},[l.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:a="md",caps:r=!1,bold:t=!1,underline:l=!1,strike:n=!1,children:i,className:d,...m})=>{const o=r?"lc-caps":`lc-paragraph-${a}`;/*#__PURE__*/return s.createElement(e,{className:c.default({[`${o}`]:!0,[`${o}--bold`]:t,[`${o}--strike`]:n,[`${o}--underline`]:l},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:a="md",children:r,className:t,...l})=>/*#__PURE__*/s.createElement(e||u[a],{className:c.default(`lc-heading-${a}`,t),...l},r);exports.Badge=({children:e,className:a="",secondary:r=!1})=>{const t=c.default("lc-badge",{"lc-badge--secondary":r,[a]:!!a});/*#__PURE__*/return s.createElement("span",{className:t},e)},exports.Card=({img:e,title:a,children:r,className:t,...l})=>/*#__PURE__*/s.createElement(o,{as:"div",size:"md",className:c.default("lc-card",t),...l},(e||a)&&/*#__PURE__*/s.createElement(b,{as:"div",size:"sm",className:"lc-card__title"},e&&/*#__PURE__*/s.createElement("img",{src:e,className:"lc-card__img"}),a&&/*#__PURE__*/s.createElement("div",{className:"lc-card__text"},a)),r),exports.Form=({className:e,children:a,labelText:r,helperText:t,formFooter:l,...n})=>/*#__PURE__*/s.createElement("form",{className:c.default("lc-form",e),...n},(r||t)&&/*#__PURE__*/s.createElement("div",{className:"lc-form__header"},r&&/*#__PURE__*/s.createElement(b,{size:"sm",className:"lc-form__label"},r),t&&/*#__PURE__*/s.createElement(o,{as:"p",size:"sm",className:"lc-form__helper"},t)),a,l&&/*#__PURE__*/s.createElement("div",{className:"lc-form__footer"},l)),exports.Icon=e=>{const{source:a,size:r=l.Medium,iconType:t=i.Primary,disabled:o,className:u,...b}=e;let h=d[t];o&&(h=m[t]);const f=/*#__PURE__*/s.createElement(a,{...n[r]}),p=c.default(u,"lc-icon",`lc-icon--${h}`);/*#__PURE__*/return s.createElement("span",{...b,className:p},f)},exports.Tab=({children:e,className:a,description:r,isSelected:t,...l})=>/*#__PURE__*/s.createElement(o,{...l,as:l.href?"a":"button",size:"md",bold:t,className:c.default("lc-tab",a,t&&"lc-tab--selected")},e,r&&/*#__PURE__*/s.createElement(o,{as:"span",size:"md",className:"lc-tab__description"},"(",r,")")),exports.TabsList=({className:e,children:a})=>/*#__PURE__*/s.createElement("div",{className:c.default("lc-tabs__list",e)},a),exports.TabsWrapper=({className:e,children:a})=>/*#__PURE__*/s.createElement("div",{className:c.default("lc-tabs",e)},a);
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/Badge.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\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 { 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","extraClassName","secondary","img","title","restProps","src","labelText","helperText","formFooter","source","iconType","disabled","filledColor","GeneratedIcon","mergedClassNames","description","isSelected","href"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import*as e from"react";import a from"classnames";const r=({children:r,className:s="",secondary:l=!1})=>{const t=a("lc-badge",{"lc-badge--secondary":l,[s]:!!s});/*#__PURE__*/return e.createElement("span",{className:t},r)};function s(){return(s=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s])}return e}).apply(this,arguments)}function l(e,a){if(null==e)return{};var r,s,l={},t=Object.keys(e);for(s=0;s<t.length;s++)a.indexOf(r=t[s])>=0||(l[r]=e[r]);return l}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 i={[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 n;!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"}(n||(n={}));const m={[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"},d={[n.Primary]:"disabled--primary",[n.Subtle]:"disabled--subtle",[n.Inverted]:"disabled--inverted",[n.InvertedSubtle]:"disabled--inverted-subtle",[n.Link]:"disabled--link",[n.Success]:"disabled--success",[n.Warning]:"disabled--warning",[n.Error]:"disabled--error"},o=r=>{const{source:o,size:u=c.Medium,iconType:h=n.Primary,disabled:b,className:N}=r,g=l(r,t);let p=m[h];b&&(p=d[h]);const v=/*#__PURE__*/e.createElement(o,s({},i[u])),f=a(N,"lc-icon",`lc-icon--${p}`);/*#__PURE__*/return e.createElement("span",s({},g,{className:f}),v)},u=["as","size","caps","bold","underline","strike","children","className"],h=r=>{let{as:t="p",size:c="md",caps:i=!1,bold:n=!1,underline:m=!1,strike:d=!1,children:o,className:h}=r,b=l(r,u);const N=i?"lc-caps":`lc-paragraph-${c}`;/*#__PURE__*/return e.createElement(t,s({className:a({[`${N}`]:!0,[`${N}--bold`]:n,[`${N}--strike`]:d,[`${N}--underline`]:m},h)},b),o)},b=["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 g=r=>{let{as:t,size:c="md",children:i,className:n}=r,m=l(r,b);/*#__PURE__*/return e.createElement(t||N[c],s({className:a(`lc-heading-${c}`,n)},m),i)},p=["img","title","children","className"],v=r=>{let{img:t,title:c,children:i,className:n}=r,m=l(r,p);/*#__PURE__*/return e.createElement(h,s({as:"div",size:"md",className:a("lc-card",n)},m),(t||c)&&/*#__PURE__*/e.createElement(g,{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)),i)},f=["children","className","description","isSelected"],E=r=>{let{children:t,className:c,description:i,isSelected:n}=r,m=l(r,f);/*#__PURE__*/return e.createElement(h,s({},m,{as:m.href?"a":"button",size:"md",bold:n,className:a("lc-tab",c,n&&"lc-tab--selected")}),t,i&&/*#__PURE__*/e.createElement(h,{as:"span",size:"md",className:"lc-tab__description"},"(",i,")"))},_=({className:r,children:s})=>/*#__PURE__*/e.createElement("div",{className:a("lc-tabs",r)},s),y=({className:r,children:s})=>/*#__PURE__*/e.createElement("div",{className:a("lc-tabs__list",r)},s),S=["className","children","labelText","helperText","formFooter"],z=r=>{let{className:t,children:c,labelText:i,helperText:n,formFooter:m}=r,d=l(r,S);/*#__PURE__*/return e.createElement("form",s({className:a("lc-form",t)},d),(i||n)&&/*#__PURE__*/e.createElement("div",{className:"lc-form__header"},i&&/*#__PURE__*/e.createElement(g,{size:"sm",className:"lc-form__label"},i),n&&/*#__PURE__*/e.createElement(h,{as:"p",size:"sm",className:"lc-form__helper"},n)),c,m&&/*#__PURE__*/e.createElement("div",{className:"lc-form__footer"},m))};export{r as Badge,v as Card,z as Form,o as Icon,E as Tab,y as TabsList,_ 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"],"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"],"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"],"mappings":"kDAQaA,MAAAA,EAA+B,EAC1CC,SAAAA,EACAC,UAAWC,EAAiB,GAC5BC,UAAAA,GAAY,MAEZ,MAAMF,EAAYG,EAAG,WAAY,CAC/B,sBAAuBD,EACvBD,CAACA,KAAmBA,iBAGtB,OAAOG,wBAAMJ,UAAWA,GAAYD,uZCf1BM,GAAZ,SAAYA,GACVA,kBACAA,gBACAA,kBACAA,gBACAA,kBALF,CAAYA,IAAAA,aAQCC,EAAW,CACtB,CAACD,EAAaE,QAAS,CACrBC,MAAO,GACPC,OAAQ,IAEV,CAACJ,EAAaK,OAAQ,CACpBF,MAAO,GACPC,OAAQ,IAEV,CAACJ,EAAaM,QAAS,CACrBH,MAAO,GACPC,OAAQ,IAEV,CAACJ,EAAaO,OAAQ,CACpBJ,MAAO,GACPC,OAAQ,IAEV,CAACJ,EAAaQ,QAAS,CACrBL,MAAO,GACPC,OAAQ,SAIAK,GAAZ,SAAYA,GACVA,oBACAA,kBACAA,sBACAA,mCACAA,cACAA,oBACAA,oBACAA,gBARF,CAAYA,IAAAA,aAWCC,EAAkB,CAC7B,CAACD,EAAaE,SAAU,UACxB,CAACF,EAAaG,QAAS,SACvB,CAACH,EAAaI,UAAW,WACzB,CAACJ,EAAaK,gBAAiB,kBAC/B,CAACL,EAAaM,MAAO,OACrB,CAACN,EAAaO,SAAU,UACxB,CAACP,EAAaQ,SAAU,UACxB,CAACR,EAAaS,OAAQ,SAGXC,EAA0B,CACrC,CAACV,EAAaE,SAAU,oBACxB,CAACF,EAAaG,QAAS,mBACvB,CAACH,EAAaI,UAAW,qBACzB,CAACJ,EAAaK,gBAAiB,4BAC/B,CAACL,EAAaM,MAAO,iBACrB,CAACN,EAAaO,SAAU,oBACxB,CAACP,EAAaQ,SAAU,oBACxB,CAACR,EAAaS,OAAQ,mBAaXE,EAA8BC,IACzC,MAAMC,OACJA,EADIC,KAEJA,EAAOvB,EAAaM,OAFhBkB,SAGJA,EAAWf,EAAaE,QAHpBc,SAIJA,EAJI9B,UAKJA,GAEE0B,EADCK,IACDL,KACJ,IAAIM,EAAcjB,EAAgBc,GAE9BC,IACFE,EAAcR,EAAwBK,IAGxC,MAAMI,eAAgB7B,EAAM8B,cAAcP,OACrCrB,EAASsB,KAGRO,EAAmBhC,EACvBH,EAtBc,sBAwBGgC,kBAGnB,OACE5B,4BAAU2B,GAAW/B,UAAWmC,IAC7BF,8ECvFMG,EAAyBC,QAACC,GACrCA,EAAK,IADgCV,KAErCA,EAAO,KAF8BW,KAGrCA,GAAO,EAH8BC,KAIrCA,GAAO,EAJ8BC,UAKrCA,GAAY,EALyBC,OAMrCA,GAAS,EAN4B3C,SAOrCA,EAPqCC,UAQrCA,KACG0B,SAEH,MAAMiB,EAAkBJ,EAAO,0BAA4BX,iBAE3D,OAAOxB,EAAM8B,cACXI,KAEEtC,UAAWG,EACT,CACE,IAAIwC,MAAoB,EACxB,IAAIA,WAA0BH,EAC9B,IAAIG,aAA4BD,EAChC,IAAIC,gBAA+BF,GAErCzC,IAEC0B,GAEL3B,2CCzCJ,IAAK6C,GAAL,SAAKA,GACHA,UACAA,UACAA,UACAA,UACAA,UALF,CAAKA,IAAAA,aAkBQC,EAA4BR,QAACC,GACxCA,EADwCV,KAExCA,EAAO,KAFiC7B,SAGxCA,EAHwCC,UAIxCA,KACG0B,sBAEH,OAAOtB,EAAM8B,cACXI,GAAMM,EAAchB,MAClB5B,UAAWG,gBAAiByB,IAAQ5B,IAAe0B,GACrD3B,6CCrBS+C,EAA6BT,QAACU,IACzCA,EADyCC,MAEzCA,EAFyCjD,SAGzCA,EAHyCC,UAIzCA,KACG+B,sBAEH,OACE3B,gBAACgC,KACCE,GAAG,MACHV,KAAK,KACL5B,UAAWG,EAAG,UAAWH,IACrB+B,IAEFgB,GAAOC,iBACP5C,gBAACyC,GAAQP,GAAG,MAAMV,KAAK,KAAK5B,UAAW,kBACpC+C,gBAAO3C,uBAAK6C,IAAKF,EAAK/C,UAAW,iBACjCgD,gBAAS5C,uBAAKJ,UAAW,iBAAkBgD,IAG/CjD,0DCfMmD,EAA2Bb,QAACtC,SACvCA,EADuCC,UAEvCA,EAFuCmD,YAGvCA,EAHuCC,WAIvCA,KACGrB,sBAEH,OACE3B,gBAACgC,OACKL,GACJO,GAAIP,EAAUsB,KAAO,IAAM,SAC3BzB,KAAK,KACLY,KAAMY,EACNpD,UAAWG,EAfC,SAiBVH,EACAoD,yBAGDrD,EACAoD,gBACC/C,gBAACgC,GAAKE,GAAG,OAAOV,KAAK,KAAK5B,qCACtBmD,SChCCG,EAA8D,EACzEtD,UAAAA,EACAD,SAAAA,kBAEOK,uBAAKJ,UAAWG,EANP,UAMqBH,IAAaD,GAGvCwD,EAA2D,EACtEvD,UAAAA,EACAD,SAAAA,kBAEOK,uBAAKJ,UAAWG,kBAAyBH,IAAaD,oECFlDyD,EAA6BnB,QAACrC,UACzCA,EADyCD,SAEzCA,EAFyC0D,UAGzCA,EAHyCC,WAIzCA,EAJyCC,WAKzCA,KACG5B,sBAEH,OACE3B,0BAAMJ,UAAWG,EAXH,UAWiBH,IAAgB+B,IAC3C0B,GAAaC,iBACbtD,uBAAKJ,6BACFyD,gBACCrD,gBAACyC,GAAQjB,KAAK,KAAK5B,4BAChByD,GAGJC,gBACCtD,gBAACgC,GAAKE,GAAG,IAAIV,KAAK,KAAK5B,6BACpB0D,IAKR3D,EACA4D,gBAAcvD,uBAAKJ,6BAAoC2D"}
@@ -1,2 +0,0 @@
1
- import*as e from"react";import a from"classnames";const s=({children:s,className:l="",secondary:r=!1})=>{const c=a("lc-badge",{"lc-badge--secondary":r,[l]:!!l});/*#__PURE__*/return e.createElement("span",{className:c},s)};var l;!function(e){e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge"}(l||(l={}));const r={[l.XSmall]:{width:12,height:12},[l.Small]:{width:16,height:16},[l.Medium]:{width:20,height:20},[l.Large]:{width:24,height:24},[l.XLarge]:{width:32,height:32}};var c;!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"}(c||(c={}));const t={[c.Primary]:"primary",[c.Subtle]:"subtle",[c.Inverted]:"inverted",[c.InvertedSubtle]:"inverted-subtle",[c.Link]:"link",[c.Success]:"success",[c.Warning]:"warning",[c.Error]:"error"},i={[c.Primary]:"disabled--primary",[c.Subtle]:"disabled--subtle",[c.Inverted]:"disabled--inverted",[c.InvertedSubtle]:"disabled--inverted-subtle",[c.Link]:"disabled--link",[c.Success]:"disabled--success",[c.Warning]:"disabled--warning",[c.Error]:"disabled--error"},n=s=>{const{source:n,size:m=l.Medium,iconType:d=c.Primary,disabled:o,className:b,...h}=s;let u=t[d];o&&(u=i[d]);const N=/*#__PURE__*/e.createElement(n,{...r[m]}),g=a(b,"lc-icon",`lc-icon--${u}`);/*#__PURE__*/return e.createElement("span",{...h,className:g},N)},m=({as:s="p",size:l="md",caps:r=!1,bold:c=!1,underline:t=!1,strike:i=!1,children:n,className:m,...d})=>{const o=r?"lc-caps":`lc-paragraph-${l}`;/*#__PURE__*/return e.createElement(s,{className:a({[`${o}`]:!0,[`${o}--bold`]:c,[`${o}--strike`]:i,[`${o}--underline`]:t},m),...d},n)};var d;!function(e){e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5"}(d||(d={}));const o=({as:s,size:l="md",children:r,className:c,...t})=>/*#__PURE__*/e.createElement(s||d[l],{className:a(`lc-heading-${l}`,c),...t},r),b=({img:s,title:l,children:r,className:c,...t})=>/*#__PURE__*/e.createElement(m,{as:"div",size:"md",className:a("lc-card",c),...t},(s||l)&&/*#__PURE__*/e.createElement(o,{as:"div",size:"sm",className:"lc-card__title"},s&&/*#__PURE__*/e.createElement("img",{src:s,className:"lc-card__img"}),l&&/*#__PURE__*/e.createElement("div",{className:"lc-card__text"},l)),r),h=({children:s,className:l,description:r,isSelected:c,...t})=>/*#__PURE__*/e.createElement(m,{...t,as:t.href?"a":"button",size:"md",bold:c,className:a("lc-tab",l,c&&"lc-tab--selected")},s,r&&/*#__PURE__*/e.createElement(m,{as:"span",size:"md",className:"lc-tab__description"},"(",r,")")),u=({className:s,children:l})=>/*#__PURE__*/e.createElement("div",{className:a("lc-tabs",s)},l),N=({className:s,children:l})=>/*#__PURE__*/e.createElement("div",{className:a("lc-tabs__list",s)},l),g=({className:s,children:l,labelText:r,helperText:c,formFooter:t,...i})=>/*#__PURE__*/e.createElement("form",{className:a("lc-form",s),...i},(r||c)&&/*#__PURE__*/e.createElement("div",{className:"lc-form__header"},r&&/*#__PURE__*/e.createElement(o,{size:"sm",className:"lc-form__label"},r),c&&/*#__PURE__*/e.createElement(m,{as:"p",size:"sm",className:"lc-form__helper"},c)),l,t&&/*#__PURE__*/e.createElement("div",{className:"lc-form__footer"},t));export{s as Badge,b as Card,g as Form,n as Icon,h as Tab,N as TabsList,u 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"],"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"],"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"],"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,t){function l(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(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}}),a.default=e,a}var r,c=/*#__PURE__*/s(a),n=/*#__PURE__*/l(t);!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:t=!1,bold:l=!1,underline:s=!1,strike:r=!1,children:i,className:d,...m})=>{const o=t?"lc-caps":`lc-paragraph-${a}`;/*#__PURE__*/return c.createElement(e,{className:n.default({[`${o}`]:!0,[`${o}--bold`]:l,[`${o}--strike`]:r,[`${o}--underline`]:s},d),...m},i)};var f;!function(e){e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5"}(f||(f={}));const b=({as:e,size:a="md",children:t,className:l,...s})=>/*#__PURE__*/c.createElement(e||f[a],{className:n.default(`lc-heading-${a}`,l),...s},t);e.Badge=({children:e,className:a="",secondary:t=!1})=>{const l=n.default("lc-badge",{"lc-badge--secondary":t,[a]:!!a});/*#__PURE__*/return c.createElement("span",{className:l},e)},e.Card=({img:e,title:a,children:t,className:l,...s})=>/*#__PURE__*/c.createElement(u,{as:"div",size:"md",className:n.default("lc-card",l),...s},(e||a)&&/*#__PURE__*/c.createElement(b,{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)),t),e.Form=({className:e,children:a,labelText:t,helperText:l,formFooter:s,...r})=>/*#__PURE__*/c.createElement("form",{className:n.default("lc-form",e),...r},(t||l)&&/*#__PURE__*/c.createElement("div",{className:"lc-form__header"},t&&/*#__PURE__*/c.createElement(b,{size:"sm",className:"lc-form__label"},t),l&&/*#__PURE__*/c.createElement(u,{as:"p",size:"sm",className:"lc-form__helper"},l)),a,s&&/*#__PURE__*/c.createElement("div",{className:"lc-form__footer"},s)),e.Icon=e=>{const{source:a,size:t=r.Medium,iconType:l=d.Primary,disabled:s,className:u,...f}=e;let b=m[l];s&&(b=o[l]);const h=/*#__PURE__*/c.createElement(a,{...i[t]}),g=n.default(u,"lc-icon",`lc-icon--${b}`);/*#__PURE__*/return c.createElement("span",{...f,className:g},h)},e.Tab=({children:e,className:a,description:t,isSelected:l,...s})=>/*#__PURE__*/c.createElement(u,{...s,as:s.href?"a":"button",size:"md",bold:l,className:n.default("lc-tab",a,l&&"lc-tab--selected")},e,t&&/*#__PURE__*/c.createElement(u,{as:"span",size:"md",className:"lc-tab__description"},"(",t,")")),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/Badge.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\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 { 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","extraClassName","secondary","img","title","restProps","src","labelText","helperText","formFooter","source","iconType","disabled","filledColor","GeneratedIcon","mergedClassNames","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,21 +0,0 @@
1
- import * as React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- import { Props as ButtonProps } from '../components/Button';
4
- declare const _default: ComponentMeta<React.FC<ButtonProps>>;
5
- export default _default;
6
- export declare const button: {
7
- (args: ButtonProps): React.ReactElement;
8
- args: {
9
- loading: boolean;
10
- disabled: boolean;
11
- size: string;
12
- kind: string;
13
- children: string;
14
- fullWidth: boolean;
15
- iconPosition: string;
16
- icon: string;
17
- };
18
- };
19
- export declare const kinds: () => React.ReactElement;
20
- export declare const sizes: () => React.ReactElement;
21
- export declare const loading: () => React.ReactElement;
@@ -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
- };