@edvisor/product-language 0.5.7 → 0.7.0-rc1
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.
- package/.babelrc +12 -0
- package/.eslintrc.json +147 -0
- package/.storybook/main.js +57 -0
- package/.storybook/manager.js +7 -0
- package/.storybook/preview.js +15 -0
- package/.storybook/tsconfig.json +30 -0
- package/jest.config.ts +15 -0
- package/jest.setup.ts +2 -0
- package/package.json +3 -12
- package/project.json +96 -0
- package/release-it.json +18 -0
- package/src/README.md +61 -0
- package/src/assets/svg/example_icon.svg +3 -0
- package/src/assets/svg/example_icon_white.svg +3 -0
- package/src/assets/svg/spinner.svg +3 -0
- package/src/assets/svg/spinner_white.svg +3 -0
- package/src/helpers/index.ts +4 -0
- package/src/helpers/playground.ts +26 -0
- package/src/helpers/talesOf.tsx +42 -0
- package/src/index.ts +2 -0
- package/src/lib/components/README.md +49 -0
- package/src/lib/components/alert-banner/alert-banner.tsx +34 -0
- package/src/lib/components/alert-banner/alert-level-flags.ts +77 -0
- package/src/lib/components/alert-banner/index.ts +1 -0
- package/src/lib/components/badge/badge-type-flags.ts +72 -0
- package/src/lib/components/badge/badge.test.tsx +29 -0
- package/src/lib/components/badge/badge.tsx +22 -0
- package/src/lib/components/badge/index.ts +1 -0
- package/src/lib/components/badge/stories/badge.stories.mdx +44 -0
- package/src/lib/components/badge/stories/components.tsx +49 -0
- package/{lib/components/card/atoms/card-frame.d.ts → src/lib/components/card/atoms/card-frame.tsx} +16 -7
- package/src/lib/components/card/atoms/index.ts +1 -0
- package/src/lib/components/card/card.test.tsx +162 -0
- package/src/lib/components/card/card.tsx +78 -0
- package/src/lib/components/card/components/card-alert-banner-slot.tsx +16 -0
- package/src/lib/components/card/components/card-controls-slot.tsx +19 -0
- package/src/lib/components/card/components/card-section-slot.tsx +51 -0
- package/src/lib/components/card/components/index.ts +3 -0
- package/src/lib/components/card/index.ts +3 -0
- package/src/lib/components/card/molecules/index.ts +1 -0
- package/src/lib/components/card/molecules/left-right-card.test.tsx +89 -0
- package/src/lib/components/card/molecules/left-right-card.tsx +63 -0
- package/src/lib/components/card/storybook/card.stories.mdx +100 -0
- package/src/lib/components/card/storybook/components.tsx +227 -0
- package/src/lib/components/checkbox/checkbox.test.tsx +39 -0
- package/src/lib/components/checkbox/checkbox.tsx +70 -0
- package/src/lib/components/checkbox/helpers.tsx +98 -0
- package/src/lib/components/checkbox/index.tsx +1 -0
- package/src/lib/components/checkbox/stories/checkbox.stories.mdx +57 -0
- package/src/lib/components/checkbox/stories/components.tsx +84 -0
- package/src/lib/components/date-picker/components/custom-calendar.tsx +193 -0
- package/src/lib/components/date-picker/components/index.ts +1 -0
- package/src/lib/components/date-picker/data-picker.test.tsx +220 -0
- package/src/lib/components/date-picker/date-picker.tsx +10 -0
- package/src/lib/components/date-picker/helpers/date-picker-factory.tsx +210 -0
- package/src/lib/components/date-picker/index.ts +1 -0
- package/src/lib/components/date-picker/storybook/components.tsx +259 -0
- package/src/lib/components/date-picker/storybook/date-picker.stories.mdx +133 -0
- package/src/lib/components/divider/divider-type-flags.tsx +37 -0
- package/src/lib/components/divider/divider.test.tsx +34 -0
- package/src/lib/components/divider/divider.tsx +37 -0
- package/src/lib/components/divider/index.tsx +1 -0
- package/src/lib/components/divider/stories/components.tsx +13 -0
- package/src/lib/components/divider/stories/divider.stories.mdx +44 -0
- package/src/lib/components/flag/flag-size-flags.tsx +55 -0
- package/src/lib/components/flag/flag.list.tsx +788 -0
- package/src/lib/components/flag/flag.test.tsx +65 -0
- package/src/lib/components/flag/flag.tsx +97 -0
- package/src/lib/components/flag/index.tsx +1 -0
- package/src/lib/components/flag/stories/components.tsx +403 -0
- package/src/lib/components/flag/stories/flag.stories.mdx +48 -0
- package/src/lib/components/flag/stories/playGround-select.tsx +145 -0
- package/src/lib/components/icon/icon-list.tsx +135 -0
- package/src/lib/components/icon/icon.test.tsx +47 -0
- package/src/lib/components/icon/icon.tsx +181 -0
- package/src/lib/components/icon/index.tsx +1 -0
- package/src/lib/components/icon/stories/components.tsx +282 -0
- package/src/lib/components/icon/stories/icon.stories.mdx +65 -0
- package/src/lib/components/index.ts +24 -0
- package/src/lib/components/input-field/components/index.ts +2 -0
- package/src/lib/components/input-field/components/labeled-input.tsx +57 -0
- package/src/lib/components/input-field/components/stepper.tsx +64 -0
- package/src/lib/components/input-field/index.ts +6 -0
- package/src/lib/components/input-field/input-field.test.tsx +107 -0
- package/src/lib/components/input-field/input-field.tsx +129 -0
- package/src/lib/components/input-field/input-number.tsx +41 -0
- package/src/lib/components/input-field/input-text.tsx +30 -0
- package/src/lib/components/input-field/storybook/components.tsx +339 -0
- package/src/lib/components/input-field/storybook/input-field.stories.mdx +113 -0
- package/src/lib/components/layout/flex.tsx +22 -0
- package/src/lib/components/layout/grid-layout.tsx +40 -0
- package/src/lib/components/layout/index.ts +3 -0
- package/src/lib/components/layout/left-right-layout.tsx +67 -0
- package/src/lib/components/link/index.ts +1 -0
- package/src/lib/components/link/link.test.tsx +29 -0
- package/src/lib/components/link/link.tsx +56 -0
- package/src/lib/components/link/storybook/link.stories.mdx +52 -0
- package/src/lib/components/molecules/avatar/avatar-size-flags.tsx +55 -0
- package/src/lib/components/molecules/avatar/avatar.test.tsx +114 -0
- package/src/lib/components/molecules/avatar/avatar.tsx +80 -0
- package/src/lib/components/molecules/avatar/index.tsx +1 -0
- package/src/lib/components/molecules/avatar/stories/avatar.stories.mdx +52 -0
- package/src/lib/components/molecules/avatar/stories/components.tsx +36 -0
- package/src/lib/components/molecules/button/button-flags.tsx +340 -0
- package/src/lib/components/molecules/button/button.test.tsx +77 -0
- package/src/lib/components/molecules/button/button.tsx +209 -0
- package/src/lib/components/molecules/button/index.tsx +1 -0
- package/src/lib/components/molecules/button/stories/button.stories.mdx +105 -0
- package/src/lib/components/molecules/button/stories/components.tsx +90 -0
- package/src/lib/components/molecules/index.ts +3 -0
- package/src/lib/components/molecules/input-checkbox/index.tsx +1 -0
- package/src/lib/components/molecules/input-checkbox/input-checkbox.test.tsx +34 -0
- package/src/lib/components/molecules/input-checkbox/input-checkbox.tsx +50 -0
- package/src/lib/components/molecules/input-checkbox/stories/components.tsx +53 -0
- package/src/lib/components/molecules/input-checkbox/stories/input-checkbox.stories.mdx +49 -0
- package/src/lib/components/organisms/choice-list/choice-list.test.tsx +36 -0
- package/src/lib/components/organisms/choice-list/choice-list.tsx +72 -0
- package/src/lib/components/organisms/choice-list/index.tsx +1 -0
- package/src/lib/components/organisms/choice-list/stories/choice-list.stories.mdx +57 -0
- package/src/lib/components/organisms/choice-list/stories/components.tsx +45 -0
- package/src/lib/components/organisms/index.ts +2 -0
- package/src/lib/components/organisms/multi-choice-list/index.tsx +1 -0
- package/src/lib/components/organisms/multi-choice-list/multi-choice-list.test.tsx +33 -0
- package/src/lib/components/organisms/multi-choice-list/multi-choice-list.tsx +53 -0
- package/src/lib/components/organisms/multi-choice-list/stories/components.tsx +124 -0
- package/src/lib/components/organisms/multi-choice-list/stories/multi-choice-list.stories.mdx +99 -0
- package/{lib/components/spinner/index.d.ts → src/lib/components/radio-button/index.tsx} +1 -1
- package/src/lib/components/radio-button/radio-button.tsx +135 -0
- package/src/lib/components/radio-button/radio.test.tsx +59 -0
- package/src/lib/components/radio-button/stories/components.tsx +36 -0
- package/src/lib/components/radio-button/stories/radio-button.stories.mdx +44 -0
- package/src/lib/components/range-slider/components/bar-chart.tsx +50 -0
- package/src/lib/components/range-slider/components/handle.tsx +58 -0
- package/src/lib/components/range-slider/components/rail.tsx +44 -0
- package/src/lib/components/range-slider/components/slider-component.tsx +92 -0
- package/src/lib/components/range-slider/components/slider-inputs.tsx +129 -0
- package/src/lib/components/range-slider/components/tick.tsx +51 -0
- package/src/lib/components/range-slider/components/track.tsx +67 -0
- package/src/lib/components/range-slider/index.tsx +2 -0
- package/src/lib/components/range-slider/range-slider.test.tsx +185 -0
- package/src/lib/components/range-slider/range-slider.tsx +131 -0
- package/src/lib/components/range-slider/slider.test.tsx +89 -0
- package/src/lib/components/range-slider/slider.tsx +80 -0
- package/src/lib/components/range-slider/stories/components.tsx +179 -0
- package/src/lib/components/range-slider/stories/range-slider.stories.mdx +84 -0
- package/src/lib/components/range-slider/types.ts +18 -0
- package/src/lib/components/select/components/menu-container.tsx +69 -0
- package/src/lib/components/select/components/menu-list.tsx +195 -0
- package/src/lib/components/select/components/menu-row.tsx +43 -0
- package/src/lib/components/select/components/menu.tsx +151 -0
- package/src/lib/components/select/components/option.tsx +91 -0
- package/src/lib/components/select/components/select-label.tsx +10 -0
- package/src/lib/components/select/components/value-component-multi.tsx +40 -0
- package/src/lib/components/select/components/value-component-single.tsx +27 -0
- package/src/lib/components/select/components/value.tsx +374 -0
- package/src/lib/components/select/index.tsx +3 -0
- package/src/lib/components/select/select.test.tsx +148 -0
- package/src/lib/components/select/select.tsx +337 -0
- package/src/lib/components/select/storybook/components.tsx +999 -0
- package/src/lib/components/select/storybook/radio-group.tsx +157 -0
- package/src/lib/components/select/storybook/select.stories.mdx +172 -0
- package/src/lib/components/select/types.ts +149 -0
- package/src/lib/components/select/utils.ts +101 -0
- package/src/lib/components/spinner/index.tsx +1 -0
- package/src/lib/components/spinner/spinner-size-flags.tsx +39 -0
- package/src/lib/components/spinner/spinner.test.tsx +31 -0
- package/src/lib/components/spinner/spinner.tsx +54 -0
- package/src/lib/components/spinner/stories/components.tsx +39 -0
- package/src/lib/components/spinner/stories/spinner.stories.mdx +35 -0
- package/src/lib/components/tabs/components/index.ts +1 -0
- package/src/lib/components/tabs/components/tab.tsx +62 -0
- package/src/lib/components/tabs/index.tsx +1 -0
- package/src/lib/components/tabs/storybook/components.tsx +282 -0
- package/src/lib/components/tabs/storybook/tabs.stories.mdx +97 -0
- package/src/lib/components/tabs/tabs.test.tsx +86 -0
- package/src/lib/components/tabs/tabs.tsx +101 -0
- package/src/lib/components/tag/components/close-button.tsx +85 -0
- package/src/lib/components/tag/components/index.ts +2 -0
- package/src/lib/components/tag/components/tag-label.tsx +45 -0
- package/src/lib/components/tag/index.tsx +1 -0
- package/src/lib/components/tag/stories/components.tsx +86 -0
- package/src/lib/components/tag/stories/tag.stories.mdx +42 -0
- package/src/lib/components/tag/tag.test.tsx +36 -0
- package/src/lib/components/tag/tag.tsx +33 -0
- package/src/lib/components/thumbnail/index.tsx +1 -0
- package/src/lib/components/thumbnail/stories/thumbnail.stories.mdx +44 -0
- package/src/lib/components/thumbnail/thumbnail-size-flags.tsx +41 -0
- package/src/lib/components/thumbnail/thumbnail.test.tsx +51 -0
- package/src/lib/components/thumbnail/thumbnail.tsx +44 -0
- package/src/lib/components/tree-view/components/tree-node.tsx +203 -0
- package/src/lib/components/tree-view/helper.tsx +171 -0
- package/src/lib/components/tree-view/index.ts +2 -0
- package/src/lib/components/tree-view/stories/components.tsx +640 -0
- package/src/lib/components/tree-view/stories/tree-view.stories.mdx +127 -0
- package/src/lib/components/tree-view/tree-view.test.tsx +146 -0
- package/src/lib/components/tree-view/tree-view.tsx +168 -0
- package/src/lib/components/tree-view/types.tsx +70 -0
- package/src/lib/components/typography/index.ts +1 -0
- package/src/lib/components/typography/storybook/components.tsx +288 -0
- package/src/lib/components/typography/storybook/typography.stories.mdx +90 -0
- package/src/lib/components/typography/typography.test.tsx +97 -0
- package/src/lib/components/typography/typography.tsx +99 -0
- package/src/lib/foundations/color-system/base-palette/base-palette.stories.tsx +123 -0
- package/src/lib/foundations/color-system/base-palette/base-palette.ts +93 -0
- package/src/lib/foundations/color-system/base-palette/index.ts +1 -0
- package/src/lib/foundations/color-system/color-guidelines/color-guidelines.stories.mdx +85 -0
- package/src/lib/foundations/color-system/color-guidelines/color-guidelines.stories.tsx +231 -0
- package/src/lib/foundations/color-system/color-guidelines/color-guidelines.ts +160 -0
- package/src/lib/foundations/color-system/color-guidelines/index.ts +1 -0
- package/src/lib/foundations/color-system/components/color-sample.tsx +99 -0
- package/src/lib/foundations/color-system/components/index.ts +1 -0
- package/src/lib/foundations/color-system/index.ts +1 -0
- package/src/lib/foundations/index.ts +4 -0
- package/src/lib/foundations/shadows/components.tsx +59 -0
- package/src/lib/foundations/shadows/index.ts +1 -0
- package/src/lib/foundations/shadows/shadows.stories.mdx +71 -0
- package/src/lib/foundations/shadows/shadows.tsx +47 -0
- package/src/lib/foundations/spacing/index.ts +1 -0
- package/src/lib/foundations/spacing/spacing-guidelines.ts +24 -0
- package/src/lib/foundations/spacing/spacing.stories.mdx +51 -0
- package/src/lib/foundations/spacing/spacing.ts +18 -0
- package/src/lib/foundations/typography/constants.ts +25 -0
- package/src/lib/foundations/typography/fonts.ts +205 -0
- package/src/lib/foundations/typography/index.tsx +1 -0
- package/src/lib/foundations/typography/text-aspect-flags.ts +61 -0
- package/src/lib/foundations/typography/typography.tsx +102 -0
- package/src/lib/helpers/generic-types.ts +44 -0
- package/src/lib/helpers/index.ts +8 -0
- package/src/lib/helpers/isReactElementOfType.test.tsx +108 -0
- package/src/lib/helpers/isReactElementOfType.ts +42 -0
- package/src/lib/helpers/nothing.tsx +22 -0
- package/{lib/helpers/numbers.d.ts → src/lib/helpers/numbers.ts} +67 -50
- package/src/lib/helpers/safe-navigation.ts +57 -0
- package/src/lib/helpers/slots.tsx +126 -0
- package/src/lib/helpers/strings.test.ts +47 -0
- package/src/lib/helpers/strings.ts +16 -0
- package/src/lib/helpers/useInputElementState.ts +56 -0
- package/tsconfig.json +35 -0
- package/tsconfig.lib.json +28 -0
- package/tsconfig.spec.json +21 -0
- package/index.d.ts +0 -2
- package/index.js +0 -9898
- package/lib/components/alert-banner/alert-banner.d.ts +0 -11
- package/lib/components/alert-banner/alert-level-flags.d.ts +0 -13
- package/lib/components/alert-banner/index.d.ts +0 -1
- package/lib/components/badge/badge-type-flags.d.ts +0 -18
- package/lib/components/badge/badge.d.ts +0 -5
- package/lib/components/badge/index.d.ts +0 -1
- package/lib/components/card/atoms/index.d.ts +0 -1
- package/lib/components/card/card.d.ts +0 -14
- package/lib/components/card/components/card-alert-banner-slot.d.ts +0 -5
- package/lib/components/card/components/card-controls-slot.d.ts +0 -4
- package/lib/components/card/components/card-section-slot.d.ts +0 -11
- package/lib/components/card/components/index.d.ts +0 -3
- package/lib/components/card/index.d.ts +0 -3
- package/lib/components/card/molecules/index.d.ts +0 -1
- package/lib/components/card/molecules/left-right-card.d.ts +0 -16
- package/lib/components/checkbox/checkbox.d.ts +0 -11
- package/lib/components/checkbox/helpers.d.ts +0 -12
- package/lib/components/checkbox/index.d.ts +0 -1
- package/lib/components/divider/divider-type-flags.d.ts +0 -9
- package/lib/components/divider/divider.d.ts +0 -7
- package/lib/components/divider/index.d.ts +0 -1
- package/lib/components/flag/flag-size-flags.d.ts +0 -12
- package/lib/components/flag/flag.d.ts +0 -9
- package/lib/components/flag/flag.list.d.ts +0 -781
- package/lib/components/flag/index.d.ts +0 -1
- package/lib/components/icon/icon-list.d.ts +0 -131
- package/lib/components/icon/icon.d.ts +0 -131
- package/lib/components/icon/index.d.ts +0 -1
- package/lib/components/index.d.ts +0 -19
- package/lib/components/input-field/components/index.d.ts +0 -2
- package/lib/components/input-field/components/labeled-input.d.ts +0 -10
- package/lib/components/input-field/components/stepper.d.ts +0 -7
- package/lib/components/input-field/index.d.ts +0 -3
- package/lib/components/input-field/input-field.d.ts +0 -25
- package/lib/components/input-field/input-number.d.ts +0 -18
- package/lib/components/input-field/input-text.d.ts +0 -14
- package/lib/components/layout/flex.d.ts +0 -16
- package/lib/components/layout/grid-layout.d.ts +0 -11
- package/lib/components/layout/index.d.ts +0 -3
- package/lib/components/layout/left-right-layout.d.ts +0 -34
- package/lib/components/link/index.d.ts +0 -1
- package/lib/components/link/link.d.ts +0 -14
- package/lib/components/molecules/avatar/avatar-size-flags.d.ts +0 -12
- package/lib/components/molecules/avatar/avatar.d.ts +0 -12
- package/lib/components/molecules/avatar/index.d.ts +0 -1
- package/lib/components/molecules/button/button-flags.d.ts +0 -44
- package/lib/components/molecules/button/button.d.ts +0 -12
- package/lib/components/molecules/button/index.d.ts +0 -1
- package/lib/components/molecules/index.d.ts +0 -3
- package/lib/components/molecules/input-checkbox/index.d.ts +0 -1
- package/lib/components/molecules/input-checkbox/input-checkbox.d.ts +0 -8
- package/lib/components/organisms/index.d.ts +0 -1
- package/lib/components/organisms/multi-choice-list/index.d.ts +0 -1
- package/lib/components/organisms/multi-choice-list/multi-choice-list.d.ts +0 -11
- package/lib/components/select/components/menu-container.d.ts +0 -3
- package/lib/components/select/components/menu-list.d.ts +0 -3
- package/lib/components/select/components/menu-row.d.ts +0 -9
- package/lib/components/select/components/menu.d.ts +0 -2
- package/lib/components/select/components/option.d.ts +0 -13
- package/lib/components/select/components/select-label.d.ts +0 -1
- package/lib/components/select/components/value-component-multi.d.ts +0 -3
- package/lib/components/select/components/value-component-single.d.ts +0 -4
- package/lib/components/select/components/value.d.ts +0 -4
- package/lib/components/select/index.d.ts +0 -3
- package/lib/components/select/select.d.ts +0 -10
- package/lib/components/select/types.d.ts +0 -133
- package/lib/components/select/utils.d.ts +0 -15
- package/lib/components/spinner/spinner-size-flags.d.ts +0 -10
- package/lib/components/spinner/spinner.d.ts +0 -9
- package/lib/components/tabs/components/index.d.ts +0 -1
- package/lib/components/tabs/components/tab.d.ts +0 -7
- package/lib/components/tabs/index.d.ts +0 -1
- package/lib/components/tabs/tabs.d.ts +0 -15
- package/lib/components/tag/components/close-button.d.ts +0 -8
- package/lib/components/tag/components/index.d.ts +0 -2
- package/lib/components/tag/components/tag-label.d.ts +0 -8
- package/lib/components/tag/index.d.ts +0 -1
- package/lib/components/tag/tag.d.ts +0 -10
- package/lib/components/thumbnail/index.d.ts +0 -1
- package/lib/components/thumbnail/thumbnail-size-flags.d.ts +0 -10
- package/lib/components/thumbnail/thumbnail.d.ts +0 -10
- package/lib/components/tree-view/components/tree-node.d.ts +0 -3
- package/lib/components/tree-view/helper.d.ts +0 -12
- package/lib/components/tree-view/index.d.ts +0 -2
- package/lib/components/tree-view/tree-view.d.ts +0 -3
- package/lib/components/tree-view/types.d.ts +0 -63
- package/lib/components/typography/index.d.ts +0 -1
- package/lib/components/typography/typography.d.ts +0 -24
- package/lib/foundations/color-system/base-palette/base-palette.d.ts +0 -76
- package/lib/foundations/color-system/base-palette/index.d.ts +0 -1
- package/lib/foundations/color-system/color-guidelines/color-guidelines.d.ts +0 -132
- package/lib/foundations/color-system/color-guidelines/index.d.ts +0 -1
- package/lib/foundations/color-system/components/color-sample.d.ts +0 -17
- package/lib/foundations/color-system/components/index.d.ts +0 -1
- package/lib/foundations/color-system/index.d.ts +0 -1
- package/lib/foundations/index.d.ts +0 -4
- package/lib/foundations/shadows/components.d.ts +0 -8
- package/lib/foundations/shadows/index.d.ts +0 -1
- package/lib/foundations/shadows/shadows.d.ts +0 -8
- package/lib/foundations/spacing/index.d.ts +0 -1
- package/lib/foundations/spacing/spacing-guidelines.d.ts +0 -22
- package/lib/foundations/spacing/spacing.d.ts +0 -18
- package/lib/foundations/typography/constants.d.ts +0 -22
- package/lib/foundations/typography/fonts.d.ts +0 -1
- package/lib/foundations/typography/index.d.ts +0 -1
- package/lib/foundations/typography/text-aspect-flags.d.ts +0 -19
- package/lib/foundations/typography/typography.d.ts +0 -24
- package/lib/helpers/generic-types.d.ts +0 -21
- package/lib/helpers/index.d.ts +0 -7
- package/lib/helpers/isReactElementOfType.d.ts +0 -8
- package/lib/helpers/nothing.d.ts +0 -10
- package/lib/helpers/safe-navigation.d.ts +0 -15
- package/lib/helpers/slots.d.ts +0 -17
- package/lib/helpers/strings.d.ts +0 -1
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { PropsWithChildren } from '@helpers';
|
|
3
|
-
import { ISelectProps } from './types';
|
|
4
|
-
declare const SelectImpl: <T>(props: ISelectProps<T>, selectRef: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
|
|
5
|
-
export declare const Select: <T>(props: ISelectProps<T> & {
|
|
6
|
-
children?: import("react").ReactNode;
|
|
7
|
-
} & {
|
|
8
|
-
ref?: import("react").ForwardedRef<HTMLDivElement> | undefined;
|
|
9
|
-
}) => ReturnType<typeof SelectImpl>;
|
|
10
|
-
export {};
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { FC } from '@helpers';
|
|
2
|
-
import { CSSProperties } from 'react';
|
|
3
|
-
export interface ISelectProps<T = any> {
|
|
4
|
-
className?: string;
|
|
5
|
-
style?: CSSProperties;
|
|
6
|
-
options?: IOption<T>[];
|
|
7
|
-
value?: T | T[];
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
emptyText?: string;
|
|
10
|
-
clearable?: boolean;
|
|
11
|
-
searchable?: boolean;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
multi?: boolean;
|
|
14
|
-
invalid?: boolean;
|
|
15
|
-
errors?: {
|
|
16
|
-
message: string;
|
|
17
|
-
}[];
|
|
18
|
-
rowHeight?: number;
|
|
19
|
-
menuHeight?: number;
|
|
20
|
-
menuPosition?: 'top' | 'bottom';
|
|
21
|
-
menuTitle?: string;
|
|
22
|
-
label?: string;
|
|
23
|
-
labelPosition?: 'top' | 'side';
|
|
24
|
-
labelComponent?: FC<LabelComponentProps<T>>;
|
|
25
|
-
menuComponent?: FC<IMenuComponentProps>;
|
|
26
|
-
onChange?(value: T[] | T | undefined, option?: IOption<T>): void;
|
|
27
|
-
onSearch?(value: string): void;
|
|
28
|
-
onOpen?(): void;
|
|
29
|
-
onClose?(): void;
|
|
30
|
-
}
|
|
31
|
-
export interface IValueProps {
|
|
32
|
-
options: ISelectProps['options'];
|
|
33
|
-
value: ISelectProps['value'];
|
|
34
|
-
placeholder: ISelectProps['placeholder'];
|
|
35
|
-
clearable: ISelectProps['clearable'];
|
|
36
|
-
searchable: ISelectProps['searchable'];
|
|
37
|
-
labelComponent: ISelectProps['labelComponent'];
|
|
38
|
-
multi: ISelectProps['multi'];
|
|
39
|
-
disabled: ISelectProps['disabled'];
|
|
40
|
-
invalid: ISelectProps['invalid'];
|
|
41
|
-
errors: ISelectProps['errors'];
|
|
42
|
-
search?: string;
|
|
43
|
-
open: boolean;
|
|
44
|
-
focused?: boolean;
|
|
45
|
-
label: ISelectProps['label'];
|
|
46
|
-
labelPosition: ISelectProps['labelPosition'];
|
|
47
|
-
onClear(): void;
|
|
48
|
-
onClick(): void;
|
|
49
|
-
onSearch(search: string): void;
|
|
50
|
-
onSearchFocus(): void;
|
|
51
|
-
onSearchBlur(): void;
|
|
52
|
-
onOptionRemove(value: any): void;
|
|
53
|
-
}
|
|
54
|
-
export interface IMenuContainerProps {
|
|
55
|
-
className?: string;
|
|
56
|
-
menuTop?: number;
|
|
57
|
-
menuHeight?: RectSize;
|
|
58
|
-
menuPosition?: ISelectProps['menuPosition'];
|
|
59
|
-
invalid?: boolean;
|
|
60
|
-
labelPosition?: string;
|
|
61
|
-
label?: string;
|
|
62
|
-
children?: React.ReactNode;
|
|
63
|
-
onRef?(el: HTMLDivElement | undefined): void;
|
|
64
|
-
onClick?(el: React.MouseEvent<HTMLDivElement>): void;
|
|
65
|
-
}
|
|
66
|
-
declare type RectSize = number | 'auto';
|
|
67
|
-
export interface IValueComponentMultiProps<T = any> extends IValueComponentSingleProps<T> {
|
|
68
|
-
options: IOption<T>[];
|
|
69
|
-
onRemove(value: T): void;
|
|
70
|
-
}
|
|
71
|
-
export declare type LabelComponentProps<T = any> = IOption<T> & {
|
|
72
|
-
active: boolean;
|
|
73
|
-
type: 'value-single' | 'value-multi' | 'option';
|
|
74
|
-
};
|
|
75
|
-
export interface IValueComponentSingleProps<T = any> {
|
|
76
|
-
className?: string;
|
|
77
|
-
option: IOption<T>;
|
|
78
|
-
labelComponent: ISelectProps['labelComponent'];
|
|
79
|
-
}
|
|
80
|
-
export interface IOptionComponentProps<T extends IOption = any> {
|
|
81
|
-
className?: string;
|
|
82
|
-
option: T;
|
|
83
|
-
active?: boolean;
|
|
84
|
-
selected?: boolean;
|
|
85
|
-
height?: number;
|
|
86
|
-
labelComponent: ISelectProps['labelComponent'];
|
|
87
|
-
search?: string;
|
|
88
|
-
onSelect(value: T['value'], option?: T): void;
|
|
89
|
-
}
|
|
90
|
-
export interface IOption<T = any> {
|
|
91
|
-
value: T;
|
|
92
|
-
disabled?: boolean;
|
|
93
|
-
label: string;
|
|
94
|
-
[key: string]: any;
|
|
95
|
-
}
|
|
96
|
-
export interface IMenuComponentProps<T = any> {
|
|
97
|
-
options: ISelectProps['options'];
|
|
98
|
-
value: ISelectProps['value'];
|
|
99
|
-
labelComponent: ISelectProps['labelComponent'];
|
|
100
|
-
menuComponent: ISelectProps['menuComponent'];
|
|
101
|
-
emptyText: ISelectProps['emptyText'];
|
|
102
|
-
multi: ISelectProps['multi'];
|
|
103
|
-
rowHeight: ISelectProps['rowHeight'];
|
|
104
|
-
menuHeight: ISelectProps['menuHeight'];
|
|
105
|
-
menuPosition: ISelectProps['menuPosition'];
|
|
106
|
-
invalid: ISelectProps['invalid'];
|
|
107
|
-
selectedIndex?: number;
|
|
108
|
-
open: boolean;
|
|
109
|
-
search?: string;
|
|
110
|
-
labelPosition?: string;
|
|
111
|
-
label?: string;
|
|
112
|
-
menuTitle?: string;
|
|
113
|
-
onSelect(value: T extends any[] ? T[] : T, option?: T): void;
|
|
114
|
-
}
|
|
115
|
-
export interface IPosition {
|
|
116
|
-
menuPosition?: 'top' | 'bottom';
|
|
117
|
-
menuHeight?: RectSize;
|
|
118
|
-
label?: string;
|
|
119
|
-
labelPosition?: string;
|
|
120
|
-
}
|
|
121
|
-
export declare const DEFAULT_ROW_HEIGHT = 44;
|
|
122
|
-
export declare const DEFAULT_MENU_HEIGHT = 190;
|
|
123
|
-
export declare const DEFAULT_EMPTY_TEXT = "No results found";
|
|
124
|
-
export declare const DEFAULT_PLACEHOLDER = "Select Something";
|
|
125
|
-
export declare const enum menuPositionType {
|
|
126
|
-
TOP = "top",
|
|
127
|
-
BOTTOM = "bottom"
|
|
128
|
-
}
|
|
129
|
-
export declare const enum labelPositionType {
|
|
130
|
-
TOP = "top",
|
|
131
|
-
SIDE = "side"
|
|
132
|
-
}
|
|
133
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IOption, IPosition } from './types';
|
|
2
|
-
export declare function getDocument(): Document | undefined;
|
|
3
|
-
export declare function equal(valueA: any, valueB: any): boolean;
|
|
4
|
-
export declare function getValueOptions(options: IOption[], value: any, multi: boolean | undefined): IOption<any>[];
|
|
5
|
-
export declare const keys: {
|
|
6
|
-
ARROW_UP: string;
|
|
7
|
-
ARROW_DOWN: string;
|
|
8
|
-
ENTER: string;
|
|
9
|
-
TAB: string;
|
|
10
|
-
ESC: string;
|
|
11
|
-
BACKSPACE: string;
|
|
12
|
-
SPACE: string;
|
|
13
|
-
};
|
|
14
|
-
export declare function toKey(value: any): string | number;
|
|
15
|
-
export declare const topPosition: (props: IPosition) => string;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
|
|
2
|
-
declare const enum SpinnerSize {
|
|
3
|
-
small = 1,
|
|
4
|
-
medium = 2,
|
|
5
|
-
large = 4
|
|
6
|
-
}
|
|
7
|
-
declare type SpinnerSizes<T> = MappedEnum<typeof SpinnerSize, T>;
|
|
8
|
-
export declare type SpinnerProps = Partial<RequireOnlyOne<SpinnerSizes<boolean>>> & PropsWithChildren;
|
|
9
|
-
export declare function getValuesBySize(props: SpinnerProps): string;
|
|
10
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './tab';
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { FC, PropsWithChildren } from '@helpers';
|
|
3
|
-
export interface ITabProps extends PropsWithChildren, HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
Prefix?: FC<HTMLAttributes<HTMLElement>>;
|
|
5
|
-
selected?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const Tab: FC<ITabProps>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './tabs';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren, Slot, StylableSlot } from '@helpers';
|
|
2
|
-
declare class Content extends StylableSlot {
|
|
3
|
-
}
|
|
4
|
-
declare class Navigation extends Slot {
|
|
5
|
-
}
|
|
6
|
-
declare type SubComponents = {
|
|
7
|
-
Content: typeof Content;
|
|
8
|
-
TabList: typeof Navigation;
|
|
9
|
-
};
|
|
10
|
-
interface ITabsProps extends PropsWithChildren {
|
|
11
|
-
selected: number;
|
|
12
|
-
onChange?: (selected: number) => void;
|
|
13
|
-
}
|
|
14
|
-
export declare const Tabs: FC<ITabsProps, SubComponents>;
|
|
15
|
-
export { Tab } from './components';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from '@helpers';
|
|
2
|
-
import { HTMLAttributes } from 'react';
|
|
3
|
-
interface IProps extends HTMLAttributes<HTMLDivElement>, PropsWithChildren {
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
onClick?: () => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const CloseButton: FC<IProps>;
|
|
8
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from '@helpers';
|
|
2
|
-
import { HTMLAttributes } from 'react';
|
|
3
|
-
interface IProps extends HTMLAttributes<HTMLLabelElement>, PropsWithChildren {
|
|
4
|
-
closable?: boolean;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const TagLabel: FC<IProps>;
|
|
8
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './tag';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from '@helpers';
|
|
2
|
-
import { HTMLAttributes } from 'react';
|
|
3
|
-
interface IProps extends HTMLAttributes<HTMLDivElement>, PropsWithChildren {
|
|
4
|
-
closable?: boolean;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
className?: string;
|
|
7
|
-
onClick?: () => void;
|
|
8
|
-
}
|
|
9
|
-
export declare const Tag: FC<IProps>;
|
|
10
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './thumbnail';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
|
|
2
|
-
declare const enum ThumbnailSize {
|
|
3
|
-
small = 1,
|
|
4
|
-
medium = 2,
|
|
5
|
-
large = 4
|
|
6
|
-
}
|
|
7
|
-
declare type ThumbnailSizes<T> = MappedEnum<typeof ThumbnailSize, T>;
|
|
8
|
-
export declare type ThumbnailSizeProps = Partial<RequireOnlyOne<ThumbnailSizes<boolean>>> & PropsWithChildren;
|
|
9
|
-
export declare function getValuesBySize(props: ThumbnailSizeProps): string;
|
|
10
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FC } from '@helpers';
|
|
2
|
-
import { ThumbnailSizeProps } from './thumbnail-size-flags';
|
|
3
|
-
interface IThumbnailProps {
|
|
4
|
-
imageUrl?: string;
|
|
5
|
-
imageLabel?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
|
-
declare type IProps = IThumbnailProps & ThumbnailSizeProps;
|
|
9
|
-
export declare const Thumbnail: FC<IProps>;
|
|
10
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { INode, IFlattenNode, CheckboxState } from './types';
|
|
2
|
-
export declare const flattenNodes: (flattenList: IFlattenNode[], nodes: INode[], parent?: INode, depth?: number) => void;
|
|
3
|
-
export declare const getNode: (nodes: IFlattenNode[], value: string) => IFlattenNode | undefined;
|
|
4
|
-
export declare const deserializeList: (flatNodes: IFlattenNode[], lists: {
|
|
5
|
-
checked: string[];
|
|
6
|
-
expanded: string[];
|
|
7
|
-
}) => void;
|
|
8
|
-
export declare const serializeList: (flatNodes: IFlattenNode[], key: string) => string[];
|
|
9
|
-
export declare const expandAllNodes: (flatNodes: IFlattenNode[], expand: boolean) => void;
|
|
10
|
-
export declare const toggleChecked: (flatNodes: IFlattenNode[], node: INode, isChecked: boolean) => void;
|
|
11
|
-
export declare const toggleNode: (flatNodes: IFlattenNode[], nodeValue: string, key: string, toggleValue: boolean) => void;
|
|
12
|
-
export declare const getNodeCheckState: (flattenNodeList: IFlattenNode[], node: INode) => CheckboxState;
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface INode {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
helpfulMessage?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
invalid?: boolean;
|
|
8
|
-
children?: INode[];
|
|
9
|
-
}
|
|
10
|
-
export interface IFlattenNode extends INode {
|
|
11
|
-
parent?: INode;
|
|
12
|
-
isChild: boolean;
|
|
13
|
-
isParent: boolean;
|
|
14
|
-
isLeaf: boolean;
|
|
15
|
-
treeDepth: number;
|
|
16
|
-
index: number;
|
|
17
|
-
checked: boolean;
|
|
18
|
-
checkState: number;
|
|
19
|
-
expanded: boolean;
|
|
20
|
-
}
|
|
21
|
-
export interface ITreeViewProps {
|
|
22
|
-
checkedList: string[];
|
|
23
|
-
nodes: INode[];
|
|
24
|
-
expanded?: string[];
|
|
25
|
-
className?: string;
|
|
26
|
-
title?: string;
|
|
27
|
-
useCardContainer?: boolean;
|
|
28
|
-
showChildCount?: boolean;
|
|
29
|
-
expandDisabled?: boolean;
|
|
30
|
-
onCheck: (checked: string[], node?: ICheckNode) => void;
|
|
31
|
-
onClick?: (node: ICheckNode) => void;
|
|
32
|
-
onExpand?: (expanded: string[], node?: IExpandNode) => void;
|
|
33
|
-
}
|
|
34
|
-
export interface ITreeNode {
|
|
35
|
-
checkState: number;
|
|
36
|
-
disabled: boolean;
|
|
37
|
-
expanded: boolean;
|
|
38
|
-
isParent: boolean;
|
|
39
|
-
isLeaf: boolean;
|
|
40
|
-
expandDisabled: boolean;
|
|
41
|
-
label: string;
|
|
42
|
-
value: string;
|
|
43
|
-
children: ReactNode;
|
|
44
|
-
treeId: string;
|
|
45
|
-
invalid: boolean;
|
|
46
|
-
childCount: number;
|
|
47
|
-
showChildCount: boolean;
|
|
48
|
-
helpfulMessage?: string;
|
|
49
|
-
onCheck: (node: ICheckNode) => void;
|
|
50
|
-
onClick: (node: ICheckNode) => void;
|
|
51
|
-
onExpand: (node: IExpandNode) => void;
|
|
52
|
-
}
|
|
53
|
-
export interface ICheckNode extends INode {
|
|
54
|
-
checked: boolean;
|
|
55
|
-
}
|
|
56
|
-
export interface IExpandNode extends INode {
|
|
57
|
-
expanded: boolean;
|
|
58
|
-
}
|
|
59
|
-
export declare enum CheckboxState {
|
|
60
|
-
UNCHECKED = 0,
|
|
61
|
-
CHECKED = 1,
|
|
62
|
-
INDETERMINATE = 2
|
|
63
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './typography';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { IBodyProps, ILabelProps } from '@foundations';
|
|
3
|
-
import { FC, PropsWithChildren } from '@helpers';
|
|
4
|
-
import { ITextAspectProps, ITransientTextAspectProps } from 'foundations/typography/text-aspect-flags';
|
|
5
|
-
export declare type ITextComponentProps = ITextAspectProps & {
|
|
6
|
-
emphasis?: boolean;
|
|
7
|
-
} & HTMLAttributes<HTMLElement> & PropsWithChildren;
|
|
8
|
-
declare type ITransientTextComponentProps = ITransientTextAspectProps & {
|
|
9
|
-
$emphasis?: boolean;
|
|
10
|
-
} & HTMLAttributes<HTMLElement>;
|
|
11
|
-
export declare const Display: FC<ITextComponentProps>;
|
|
12
|
-
export declare const Heading1: FC<ITextComponentProps>;
|
|
13
|
-
export declare const Heading2: FC<ITextComponentProps>;
|
|
14
|
-
export declare const Heading3: FC<ITextComponentProps>;
|
|
15
|
-
export declare const Heading4: FC<ITextComponentProps>;
|
|
16
|
-
export declare const BODY_LARGE: import("styled-components").StyledComponent<"div", any, {} & (ITransientTextComponentProps & IBodyProps), never>;
|
|
17
|
-
export declare const BodyLarge: FC<ITextComponentProps & IBodyProps>;
|
|
18
|
-
export declare const BODY: import("styled-components").StyledComponent<"div", any, {} & (ITransientTextComponentProps & IBodyProps), never>;
|
|
19
|
-
export declare const Body: FC<ITextComponentProps & IBodyProps>;
|
|
20
|
-
export declare const CAPTION: import("styled-components").StyledComponent<"div", any, {} & ITransientTextComponentProps, never>;
|
|
21
|
-
export declare const Caption: FC<ITextComponentProps>;
|
|
22
|
-
export declare const LABEL: import("styled-components").StyledComponent<"div", any, {} & (ITransientTextComponentProps & ILabelProps), never>;
|
|
23
|
-
export declare const Label: FC<ITextComponentProps & ILabelProps>;
|
|
24
|
-
export {};
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { Hex } from '@helpers';
|
|
2
|
-
export declare type ColorPalette = {
|
|
3
|
-
[key in string]: Hex;
|
|
4
|
-
};
|
|
5
|
-
export declare const WHITE: "#FFFFFF";
|
|
6
|
-
export declare const BLACK: "#000000";
|
|
7
|
-
export declare const GRAY: {
|
|
8
|
-
readonly 50: "#F9FAFB";
|
|
9
|
-
readonly 100: "#F3F4F6";
|
|
10
|
-
readonly 200: "#E5E7EB";
|
|
11
|
-
readonly 300: "#D1D5DB";
|
|
12
|
-
readonly 400: "#9CA3AF";
|
|
13
|
-
readonly 500: "#6B7280";
|
|
14
|
-
readonly 600: "#46505D";
|
|
15
|
-
readonly 700: "#374151";
|
|
16
|
-
readonly 800: "#1F2937";
|
|
17
|
-
readonly 900: "#111827";
|
|
18
|
-
};
|
|
19
|
-
export declare const BLUE: {
|
|
20
|
-
readonly 50: "#F0F6FF";
|
|
21
|
-
readonly 100: "#DBEAFE";
|
|
22
|
-
readonly 200: "#BFDBFE";
|
|
23
|
-
readonly 300: "#93C5FD";
|
|
24
|
-
readonly 400: "#60A5FA";
|
|
25
|
-
readonly 500: "#3B82F6";
|
|
26
|
-
readonly 600: "#2563EB";
|
|
27
|
-
readonly 700: "#1D4ED8";
|
|
28
|
-
readonly 800: "#1E40AF";
|
|
29
|
-
readonly 900: "#1E3A8A";
|
|
30
|
-
};
|
|
31
|
-
export declare const GREEN: {
|
|
32
|
-
readonly 50: "#F1FEF8";
|
|
33
|
-
readonly 100: "#D1FAE5";
|
|
34
|
-
readonly 200: "#A7F3D0";
|
|
35
|
-
readonly 300: "#6EE7B7";
|
|
36
|
-
readonly 400: "#34D399";
|
|
37
|
-
readonly 500: "#10B981";
|
|
38
|
-
readonly 600: "#059669";
|
|
39
|
-
readonly 700: "#047857";
|
|
40
|
-
readonly 800: "#065F46";
|
|
41
|
-
readonly 900: "#064E3B";
|
|
42
|
-
};
|
|
43
|
-
export declare const ORANGE: {
|
|
44
|
-
readonly 50: "#FFFAF5";
|
|
45
|
-
readonly 100: "#FFEDD5";
|
|
46
|
-
readonly 200: "#FED7AA";
|
|
47
|
-
readonly 300: "#FDBA74";
|
|
48
|
-
readonly 400: "#FB923C";
|
|
49
|
-
readonly 500: "#F97316";
|
|
50
|
-
readonly 600: "#EA580C";
|
|
51
|
-
readonly 700: "#C2410C";
|
|
52
|
-
readonly 800: "#9A3412";
|
|
53
|
-
readonly 900: "#7C2D12";
|
|
54
|
-
};
|
|
55
|
-
export declare const RED: {
|
|
56
|
-
readonly 50: "#FEF6F6";
|
|
57
|
-
readonly 100: "#FEE2E2";
|
|
58
|
-
readonly 200: "#FECACA";
|
|
59
|
-
readonly 300: "#FCA5A5";
|
|
60
|
-
readonly 400: "#F87171";
|
|
61
|
-
readonly 500: "#EF4444";
|
|
62
|
-
readonly 600: "#DC2626";
|
|
63
|
-
readonly 700: "#B91C1C";
|
|
64
|
-
readonly 800: "#991B1B";
|
|
65
|
-
readonly 900: "#7F1D1D";
|
|
66
|
-
};
|
|
67
|
-
export declare const SHADES: {
|
|
68
|
-
readonly White: "#FFFFFF";
|
|
69
|
-
readonly Black: "#000000";
|
|
70
|
-
};
|
|
71
|
-
export declare const BRAND: {
|
|
72
|
-
readonly Brand: "#0792D4";
|
|
73
|
-
};
|
|
74
|
-
declare type ValuesOf<T> = T[keyof T];
|
|
75
|
-
export declare type COLOR = ValuesOf<typeof BRAND> | ValuesOf<typeof BLUE> | ValuesOf<typeof SHADES> | ValuesOf<typeof RED> | ValuesOf<typeof ORANGE> | ValuesOf<typeof GREEN> | ValuesOf<typeof GRAY>;
|
|
76
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './base-palette';
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
export declare const Background: {
|
|
2
|
-
readonly Default: "#F3F4F6";
|
|
3
|
-
};
|
|
4
|
-
export declare const Surface: {
|
|
5
|
-
Default: {
|
|
6
|
-
Default: "#FFFFFF";
|
|
7
|
-
Subdued: "#F9FAFB";
|
|
8
|
-
Hover: "#F3F4F6";
|
|
9
|
-
Pressed: "#E5E7EB";
|
|
10
|
-
Depressed: "#E5E7EB";
|
|
11
|
-
Inverse: "#1F2937";
|
|
12
|
-
};
|
|
13
|
-
Selected: {
|
|
14
|
-
Default: "#F0F6FF";
|
|
15
|
-
Hover: "#DBEAFE";
|
|
16
|
-
Pressed: "#BFDBFE";
|
|
17
|
-
};
|
|
18
|
-
Critical: {
|
|
19
|
-
Default: "#FECACA";
|
|
20
|
-
Subdued: "#FEF6F6";
|
|
21
|
-
Hover: "#FEF6F6";
|
|
22
|
-
Pressed: "#FEE2E2";
|
|
23
|
-
};
|
|
24
|
-
Warning: {
|
|
25
|
-
Default: "#FED7AA";
|
|
26
|
-
Subdued: "#FFFAF5";
|
|
27
|
-
};
|
|
28
|
-
Success: {
|
|
29
|
-
Default: "#A7F3D0";
|
|
30
|
-
Subdued: "#F1FEF8";
|
|
31
|
-
Depressed: "#10B981";
|
|
32
|
-
};
|
|
33
|
-
Highlight: {
|
|
34
|
-
Default: "#BFDBFE";
|
|
35
|
-
Subdued: "#F0F6FF";
|
|
36
|
-
};
|
|
37
|
-
Neutral: {
|
|
38
|
-
Default: "#E5E7EB";
|
|
39
|
-
Subdued: "#F3F4F6";
|
|
40
|
-
Hover: "#D1D5DB";
|
|
41
|
-
Pressed: "#9CA3AF";
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
export declare const Borders: {
|
|
45
|
-
Default: {
|
|
46
|
-
Default: "#D1D5DB";
|
|
47
|
-
Subdued: "#E5E7EB";
|
|
48
|
-
Light: "#FFFFFF";
|
|
49
|
-
Dark: "#9CA3AF";
|
|
50
|
-
};
|
|
51
|
-
Critical: {
|
|
52
|
-
Default: "#DC2626";
|
|
53
|
-
Subdued: "#FCA5A5";
|
|
54
|
-
};
|
|
55
|
-
Warning: {
|
|
56
|
-
Subdued: "#FDBA74";
|
|
57
|
-
};
|
|
58
|
-
Success: {
|
|
59
|
-
Subdued: "#6EE7B7";
|
|
60
|
-
};
|
|
61
|
-
Highlight: {
|
|
62
|
-
Default: "#2563EB";
|
|
63
|
-
Subdued: "#93C5FD";
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
export declare const Focused: {
|
|
67
|
-
Default: "#60A5FA";
|
|
68
|
-
};
|
|
69
|
-
export declare const Text: {
|
|
70
|
-
Default: "#1F2937";
|
|
71
|
-
Subdued: "#6B7280";
|
|
72
|
-
Light: "#9CA3AF";
|
|
73
|
-
Critical: "#DC2626";
|
|
74
|
-
Success: "#059669";
|
|
75
|
-
OnPrimary: "#FFFFFF";
|
|
76
|
-
OnCritical: "#FFFFFF";
|
|
77
|
-
};
|
|
78
|
-
export declare const Icons: {
|
|
79
|
-
Default: "#6B7280";
|
|
80
|
-
Subdued: "#9CA3AF";
|
|
81
|
-
Hover: "#1F2937";
|
|
82
|
-
Pressed: "#46505D";
|
|
83
|
-
Disabled: "#D1D5DB";
|
|
84
|
-
Critical: "#DC2626";
|
|
85
|
-
Warning: "#F97316";
|
|
86
|
-
Success: "#059669";
|
|
87
|
-
Highlight: "#2563EB";
|
|
88
|
-
OnPrimary: "#FFFFFF";
|
|
89
|
-
OnCritical: "#FFFFFF";
|
|
90
|
-
};
|
|
91
|
-
export declare const Interactive: {
|
|
92
|
-
Default: {
|
|
93
|
-
Default: "#2563EB";
|
|
94
|
-
Hover: "#1E40AF";
|
|
95
|
-
Pressed: "#1E40AF";
|
|
96
|
-
Disabled: "#9CA3AF";
|
|
97
|
-
};
|
|
98
|
-
Subtle: {
|
|
99
|
-
Default: "#1F2937";
|
|
100
|
-
Hover: "#1F2937";
|
|
101
|
-
Pressed: "#1F2937";
|
|
102
|
-
Disabled: "#9CA3AF";
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
export declare const Actions: {
|
|
106
|
-
Primary: {
|
|
107
|
-
Default: "#2563EB";
|
|
108
|
-
Hover: "#1D4ED8";
|
|
109
|
-
Pressed: "#1E40AF";
|
|
110
|
-
Depressed: "#1E3A8A";
|
|
111
|
-
Disabled: `#${string}`;
|
|
112
|
-
};
|
|
113
|
-
Secondary: {
|
|
114
|
-
Default: "#FFFFFF";
|
|
115
|
-
Hover: `#${string}`;
|
|
116
|
-
Pressed: `#${string}`;
|
|
117
|
-
Depressed: "#6B7280";
|
|
118
|
-
Disabled: `#${string}`;
|
|
119
|
-
};
|
|
120
|
-
Critical: {
|
|
121
|
-
Default: "#DC2626";
|
|
122
|
-
Hover: "#B91C1C";
|
|
123
|
-
Pressed: "#991B1B";
|
|
124
|
-
Disabled: `#${string}`;
|
|
125
|
-
};
|
|
126
|
-
SecondaryCritical: {
|
|
127
|
-
Default: "#FFFFFF";
|
|
128
|
-
Hover: "#B91C1C";
|
|
129
|
-
Pressed: "#991B1B";
|
|
130
|
-
Disabled: `#${string}`;
|
|
131
|
-
};
|
|
132
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './color-guidelines';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { FC, Hex } from '@helpers';
|
|
2
|
-
interface IColorRectangleProps {
|
|
3
|
-
name: string;
|
|
4
|
-
hex: Hex;
|
|
5
|
-
border?: Hex;
|
|
6
|
-
}
|
|
7
|
-
export declare const ColorRectangle: FC<IColorRectangleProps>;
|
|
8
|
-
interface IColorSquareProps {
|
|
9
|
-
name: string;
|
|
10
|
-
colorId: string;
|
|
11
|
-
hex: Hex;
|
|
12
|
-
/** if true the color will only show in the border
|
|
13
|
-
* rather than as a fill color */
|
|
14
|
-
border?: Hex;
|
|
15
|
-
}
|
|
16
|
-
export declare const ColorSquare: FC<IColorSquareProps>;
|
|
17
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './color-sample';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './color-guidelines';
|