@edvisor/product-language 0.9.0 → 0.10.2
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/.release-it.json +17 -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 +2 -27
- package/project.json +98 -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.test.tsx +93 -0
- package/src/lib/components/alert-banner/alert-banner.tsx +117 -0
- package/src/lib/components/alert-banner/alert-level-flags.ts +101 -0
- package/src/lib/components/alert-banner/index.ts +1 -0
- package/src/lib/components/alert-banner/storybook/alert-banner.stories.mdx +67 -0
- package/src/lib/components/alert-banner/storybook/components.tsx +124 -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 +26 -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 +154 -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 +367 -0
- package/src/lib/components/input-field/storybook/input-field.stories.mdx +120 -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/modal/index.ts +3 -0
- package/src/lib/components/modal/modal-base.tsx +129 -0
- package/src/lib/components/modal/modal-destructive.tsx +70 -0
- package/src/lib/components/modal/modal.test.tsx +138 -0
- package/src/lib/components/modal/modal.tsx +114 -0
- package/src/lib/components/modal/storybook/components.tsx +105 -0
- package/src/lib/components/modal/storybook/modal-destructive.stories.mdx +31 -0
- package/src/lib/components/modal/storybook/modal.stories.mdx +50 -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 +212 -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/src/lib/components/progress-bar/index.ts +1 -0
- package/src/lib/components/progress-bar/progress-bar-size-flags.tsx +37 -0
- package/src/lib/components/progress-bar/progress-bar.test.tsx +66 -0
- package/src/lib/components/progress-bar/progress-bar.tsx +42 -0
- package/src/lib/components/progress-bar/storybook/components.tsx +62 -0
- package/src/lib/components/progress-bar/storybook/progress-bar.stories.mdx +43 -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 +98 -0
- package/src/lib/components/range-slider/components/slider-inputs.tsx +150 -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 +132 -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 +370 -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 +85 -0
- package/src/lib/components/tabs/index.tsx +1 -0
- package/src/lib/components/tabs/storybook/components.tsx +317 -0
- package/src/lib/components/tabs/storybook/tabs.stories.mdx +105 -0
- package/src/lib/components/tabs/tabs.test.tsx +86 -0
- package/src/lib/components/tabs/tabs.tsx +115 -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/tooltip/index.tsx +1 -0
- package/src/lib/components/tooltip/stories/components.tsx +224 -0
- package/src/lib/components/tooltip/stories/tooltip.stories.mdx +63 -0
- package/src/lib/components/tooltip/tooltip.test.tsx +22 -0
- package/src/lib/components/tooltip/tooltip.tsx +179 -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 +37 -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/src/lib/helpers/useKeyDown.ts +17 -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 -11246
- package/lib/components/alert-banner/alert-banner.d.ts +0 -15
- package/lib/components/alert-banner/alert-level-flags.d.ts +0 -18
- 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 -6
- package/lib/components/card/components/card-controls-slot.d.ts +0 -5
- 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/date-picker/components/custom-calendar.d.ts +0 -6
- package/lib/components/date-picker/components/index.d.ts +0 -1
- package/lib/components/date-picker/date-picker.d.ts +0 -4
- package/lib/components/date-picker/helpers/date-picker-factory.d.ts +0 -34
- package/lib/components/date-picker/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 -782
- package/lib/components/flag/index.d.ts +0 -1
- package/lib/components/icon/icon-list.d.ts +0 -132
- 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 -24
- 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 -26
- 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/modal/index.d.ts +0 -3
- package/lib/components/modal/modal-base.d.ts +0 -28
- package/lib/components/modal/modal-destructive.d.ts +0 -11
- package/lib/components/modal/modal.d.ts +0 -13
- 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/choice-list/choice-list.d.ts +0 -9
- package/lib/components/organisms/choice-list/index.d.ts +0 -1
- package/lib/components/organisms/index.d.ts +0 -2
- 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/radio-button/index.d.ts +0 -1
- package/lib/components/radio-button/radio-button.d.ts +0 -10
- package/lib/components/range-slider/components/bar-chart.d.ts +0 -8
- package/lib/components/range-slider/components/handle.d.ts +0 -12
- package/lib/components/range-slider/components/rail.d.ts +0 -9
- package/lib/components/range-slider/components/slider-component.d.ts +0 -12
- package/lib/components/range-slider/components/slider-inputs.d.ts +0 -14
- package/lib/components/range-slider/components/tick.d.ts +0 -10
- package/lib/components/range-slider/components/track.d.ts +0 -11
- package/lib/components/range-slider/index.d.ts +0 -2
- package/lib/components/range-slider/range-slider.d.ts +0 -15
- package/lib/components/range-slider/slider.d.ts +0 -11
- package/lib/components/range-slider/types.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 -3
- 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 -4
- 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 -8
- package/lib/components/tabs/index.d.ts +0 -1
- package/lib/components/tabs/tabs.d.ts +0 -16
- 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/tooltip/index.d.ts +0 -1
- package/lib/components/tooltip/tooltip.d.ts +0 -26
- 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 -133
- 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 -33
- 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 -8
- package/lib/helpers/isReactElementOfType.d.ts +0 -8
- package/lib/helpers/nothing.d.ts +0 -10
- package/lib/helpers/safe-navigation.d.ts +0 -17
- package/lib/helpers/slots.d.ts +0 -17
- package/lib/helpers/strings.d.ts +0 -1
- package/lib/helpers/useInputElementState.d.ts +0 -30
- package/lib/helpers/useKeyDown.d.ts +0 -1
|
@@ -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,133 +0,0 @@
|
|
|
1
|
-
export declare const Background: {
|
|
2
|
-
readonly Default: "#F3F4F6";
|
|
3
|
-
readonly Overlay: `#${string}`;
|
|
4
|
-
};
|
|
5
|
-
export declare const Surface: {
|
|
6
|
-
Default: {
|
|
7
|
-
Default: "#FFFFFF";
|
|
8
|
-
Subdued: "#F9FAFB";
|
|
9
|
-
Hover: "#F3F4F6";
|
|
10
|
-
Pressed: "#E5E7EB";
|
|
11
|
-
Depressed: "#E5E7EB";
|
|
12
|
-
Inverse: "#1F2937";
|
|
13
|
-
};
|
|
14
|
-
Selected: {
|
|
15
|
-
Default: "#F0F6FF";
|
|
16
|
-
Hover: "#DBEAFE";
|
|
17
|
-
Pressed: "#BFDBFE";
|
|
18
|
-
};
|
|
19
|
-
Critical: {
|
|
20
|
-
Default: "#FECACA";
|
|
21
|
-
Subdued: "#FEF6F6";
|
|
22
|
-
Hover: "#FEF6F6";
|
|
23
|
-
Pressed: "#FEE2E2";
|
|
24
|
-
};
|
|
25
|
-
Warning: {
|
|
26
|
-
Default: "#FED7AA";
|
|
27
|
-
Subdued: "#FFFAF5";
|
|
28
|
-
};
|
|
29
|
-
Success: {
|
|
30
|
-
Default: "#A7F3D0";
|
|
31
|
-
Subdued: "#F1FEF8";
|
|
32
|
-
Depressed: "#10B981";
|
|
33
|
-
};
|
|
34
|
-
Highlight: {
|
|
35
|
-
Default: "#BFDBFE";
|
|
36
|
-
Subdued: "#F0F6FF";
|
|
37
|
-
};
|
|
38
|
-
Neutral: {
|
|
39
|
-
Default: "#E5E7EB";
|
|
40
|
-
Subdued: "#F3F4F6";
|
|
41
|
-
Hover: "#D1D5DB";
|
|
42
|
-
Pressed: "#9CA3AF";
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
export declare const Borders: {
|
|
46
|
-
Default: {
|
|
47
|
-
Default: "#D1D5DB";
|
|
48
|
-
Subdued: "#E5E7EB";
|
|
49
|
-
Light: "#FFFFFF";
|
|
50
|
-
Dark: "#9CA3AF";
|
|
51
|
-
};
|
|
52
|
-
Critical: {
|
|
53
|
-
Default: "#DC2626";
|
|
54
|
-
Subdued: "#FCA5A5";
|
|
55
|
-
};
|
|
56
|
-
Warning: {
|
|
57
|
-
Subdued: "#FDBA74";
|
|
58
|
-
};
|
|
59
|
-
Success: {
|
|
60
|
-
Subdued: "#6EE7B7";
|
|
61
|
-
};
|
|
62
|
-
Highlight: {
|
|
63
|
-
Default: "#2563EB";
|
|
64
|
-
Subdued: "#93C5FD";
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
|
-
export declare const Focused: {
|
|
68
|
-
Default: "#60A5FA";
|
|
69
|
-
};
|
|
70
|
-
export declare const Text: {
|
|
71
|
-
Default: "#1F2937";
|
|
72
|
-
Subdued: "#6B7280";
|
|
73
|
-
Light: "#9CA3AF";
|
|
74
|
-
Critical: "#DC2626";
|
|
75
|
-
Success: "#059669";
|
|
76
|
-
OnPrimary: "#FFFFFF";
|
|
77
|
-
OnCritical: "#FFFFFF";
|
|
78
|
-
};
|
|
79
|
-
export declare const Icons: {
|
|
80
|
-
Default: "#6B7280";
|
|
81
|
-
Subdued: "#9CA3AF";
|
|
82
|
-
Hover: "#1F2937";
|
|
83
|
-
Pressed: "#46505D";
|
|
84
|
-
Disabled: "#D1D5DB";
|
|
85
|
-
Critical: "#DC2626";
|
|
86
|
-
Warning: "#F97316";
|
|
87
|
-
Success: "#059669";
|
|
88
|
-
Highlight: "#2563EB";
|
|
89
|
-
OnPrimary: "#FFFFFF";
|
|
90
|
-
OnCritical: "#FFFFFF";
|
|
91
|
-
};
|
|
92
|
-
export declare const Interactive: {
|
|
93
|
-
Default: {
|
|
94
|
-
Default: "#2563EB";
|
|
95
|
-
Hover: "#1E40AF";
|
|
96
|
-
Pressed: "#1E40AF";
|
|
97
|
-
Disabled: "#9CA3AF";
|
|
98
|
-
};
|
|
99
|
-
Subtle: {
|
|
100
|
-
Default: "#1F2937";
|
|
101
|
-
Hover: "#1F2937";
|
|
102
|
-
Pressed: "#1F2937";
|
|
103
|
-
Disabled: "#9CA3AF";
|
|
104
|
-
};
|
|
105
|
-
};
|
|
106
|
-
export declare const Actions: {
|
|
107
|
-
Primary: {
|
|
108
|
-
Default: "#2563EB";
|
|
109
|
-
Hover: "#1D4ED8";
|
|
110
|
-
Pressed: "#1E40AF";
|
|
111
|
-
Depressed: "#1E3A8A";
|
|
112
|
-
Disabled: `#${string}`;
|
|
113
|
-
};
|
|
114
|
-
Secondary: {
|
|
115
|
-
Default: "#FFFFFF";
|
|
116
|
-
Hover: `#${string}`;
|
|
117
|
-
Pressed: `#${string}`;
|
|
118
|
-
Depressed: "#6B7280";
|
|
119
|
-
Disabled: `#${string}`;
|
|
120
|
-
};
|
|
121
|
-
Critical: {
|
|
122
|
-
Default: "#DC2626";
|
|
123
|
-
Hover: "#B91C1C";
|
|
124
|
-
Pressed: "#991B1B";
|
|
125
|
-
Disabled: `#${string}`;
|
|
126
|
-
};
|
|
127
|
-
SecondaryCritical: {
|
|
128
|
-
Default: "#FFFFFF";
|
|
129
|
-
Hover: "#B91C1C";
|
|
130
|
-
Pressed: "#991B1B";
|
|
131
|
-
Disabled: `#${string}`;
|
|
132
|
-
};
|
|
133
|
-
};
|
|
@@ -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';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const ShadowSm: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
declare const Shadow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
declare const ShadowMd: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
-
declare const ShadowLg: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
-
declare const ShadowXl: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
declare const Shadow2Xl: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
-
declare const ShadowInner: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
-
export { ShadowSm, Shadow, ShadowLg, ShadowMd, ShadowXl, Shadow2Xl, ShadowInner, };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './shadows';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const shadowSm: import("styled-components").FlattenSimpleInterpolation;
|
|
2
|
-
declare const shadow: import("styled-components").FlattenSimpleInterpolation;
|
|
3
|
-
declare const shadowMd: import("styled-components").FlattenSimpleInterpolation;
|
|
4
|
-
declare const shadowLg: import("styled-components").FlattenSimpleInterpolation;
|
|
5
|
-
declare const shadowXl: import("styled-components").FlattenSimpleInterpolation;
|
|
6
|
-
declare const shadow2Xl: import("styled-components").FlattenSimpleInterpolation;
|
|
7
|
-
declare const shadowInner: import("styled-components").FlattenSimpleInterpolation;
|
|
8
|
-
export { shadowSm, shadow, shadowMd, shadowLg, shadowXl, shadow2Xl, shadowInner, };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './spacing-guidelines';
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { SPACING } from './spacing';
|
|
2
|
-
export declare const Padding: {
|
|
3
|
-
readonly none: 0;
|
|
4
|
-
readonly xxxs: SPACING.Size2;
|
|
5
|
-
readonly xxs: SPACING.Size4;
|
|
6
|
-
readonly xs: SPACING.Size8;
|
|
7
|
-
readonly s: SPACING.Size12;
|
|
8
|
-
readonly m: SPACING.Size16;
|
|
9
|
-
readonly l: SPACING.Size24;
|
|
10
|
-
readonly xl: SPACING.Size32;
|
|
11
|
-
};
|
|
12
|
-
export declare const Margin: {
|
|
13
|
-
readonly none: 0;
|
|
14
|
-
readonly xxxs: SPACING.Size2;
|
|
15
|
-
readonly xxs: SPACING.Size4;
|
|
16
|
-
readonly xs: SPACING.Size8;
|
|
17
|
-
readonly s: SPACING.Size12;
|
|
18
|
-
readonly m: SPACING.Size16;
|
|
19
|
-
readonly l: SPACING.Size24;
|
|
20
|
-
readonly xl: SPACING.Size32;
|
|
21
|
-
readonly xxl: SPACING.Size64;
|
|
22
|
-
};
|
|
23
|
-
export declare const Gap: {
|
|
24
|
-
readonly none: 0;
|
|
25
|
-
readonly xxxs: SPACING.Size2;
|
|
26
|
-
readonly xxs: SPACING.Size4;
|
|
27
|
-
readonly xs: SPACING.Size8;
|
|
28
|
-
readonly s: SPACING.Size12;
|
|
29
|
-
readonly m: SPACING.Size16;
|
|
30
|
-
readonly l: SPACING.Size24;
|
|
31
|
-
readonly xl: SPACING.Size32;
|
|
32
|
-
readonly xxl: SPACING.Size64;
|
|
33
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export declare enum SPACING {
|
|
2
|
-
Size2 = "2px",
|
|
3
|
-
Size4 = "4px",
|
|
4
|
-
Size8 = "8px",
|
|
5
|
-
Size12 = "12px",
|
|
6
|
-
Size16 = "16px",
|
|
7
|
-
Size24 = "24px",
|
|
8
|
-
Size32 = "32px",
|
|
9
|
-
Size64 = "64px",
|
|
10
|
-
Size96 = "96px",
|
|
11
|
-
Size128 = "128px",
|
|
12
|
-
Size192 = "192px",
|
|
13
|
-
Size256 = "256px",
|
|
14
|
-
Size384 = "384px",
|
|
15
|
-
Size512 = "512px",
|
|
16
|
-
Size640 = "640px",
|
|
17
|
-
Size768 = "768px"
|
|
18
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
export declare const enum FontWeight {
|
|
2
|
-
Regular = "400",
|
|
3
|
-
Medium = "500",
|
|
4
|
-
SemiBold = "600"
|
|
5
|
-
}
|
|
6
|
-
export declare const FontSize: {
|
|
7
|
-
readonly a: "13px";
|
|
8
|
-
readonly b: "14px";
|
|
9
|
-
readonly c: "16px";
|
|
10
|
-
readonly d: "18px";
|
|
11
|
-
readonly e: "20px";
|
|
12
|
-
readonly f: "28px";
|
|
13
|
-
readonly g: "36px";
|
|
14
|
-
};
|
|
15
|
-
export declare const LineHeight: {
|
|
16
|
-
readonly a: "16px";
|
|
17
|
-
readonly b: "20px";
|
|
18
|
-
readonly c: "24px";
|
|
19
|
-
readonly d: "28px";
|
|
20
|
-
readonly e: "32px";
|
|
21
|
-
readonly f: "44px";
|
|
22
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const InterFontFace = "\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 300;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,\n U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 300;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 300;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 300;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 300;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 300;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 300;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)\n format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,\n U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)\n format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n}\n/* cyrillic-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,\n U+FE2E-FE2F;\n}\n/* cyrillic */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/* greek-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+1F00-1FFF;\n}\n/* greek */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0370-03FF;\n}\n/* vietnamese */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,\n U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n/* latin-ext */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)\n format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)\n format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,\n U+2215, U+FEFF, U+FFFD;\n}\n";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './typography';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { MappedEnum, PropsWithChildren, RequireOnlyOne } from '@helpers';
|
|
2
|
-
export declare const enum TextAspects {
|
|
3
|
-
default = 1,
|
|
4
|
-
subdued = 2,
|
|
5
|
-
light = 4,
|
|
6
|
-
critical = 8,
|
|
7
|
-
success = 16,
|
|
8
|
-
onPrimary = 32,
|
|
9
|
-
onCritical = 64
|
|
10
|
-
}
|
|
11
|
-
declare type TextOptions<T> = MappedEnum<typeof TextAspects, T>;
|
|
12
|
-
export declare type ITextAspectProps = Partial<RequireOnlyOne<TextOptions<boolean>>> & PropsWithChildren;
|
|
13
|
-
export declare type TransientTextOptions = Omit<TextOptions<boolean>, 'onCritical' | 'onPrimary'> & {
|
|
14
|
-
$onCritical?: boolean;
|
|
15
|
-
$onPrimary?: boolean;
|
|
16
|
-
};
|
|
17
|
-
export declare type ITransientTextAspectProps = Partial<RequireOnlyOne<TransientTextOptions>> & PropsWithChildren;
|
|
18
|
-
export declare function getTextAspect(props: ITextAspectProps & ITransientTextAspectProps): "#9CA3AF" | "#6B7280" | "#1F2937" | "#DC2626" | "#059669" | "#FFFFFF";
|
|
19
|
-
export {};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ITransientTextAspectProps } from './text-aspect-flags';
|
|
2
|
-
export declare type ILabelProps = ITransientTextAspectProps & {
|
|
3
|
-
default?: boolean;
|
|
4
|
-
subtle?: boolean;
|
|
5
|
-
strong?: boolean;
|
|
6
|
-
};
|
|
7
|
-
export declare type IBodyProps = ITransientTextAspectProps & {
|
|
8
|
-
default?: boolean;
|
|
9
|
-
strong?: boolean;
|
|
10
|
-
};
|
|
11
|
-
export declare const Typography: {
|
|
12
|
-
Display: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
|
|
13
|
-
Heading1: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
|
|
14
|
-
Heading2: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
|
|
15
|
-
Heading3: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
|
|
16
|
-
Heading4: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
|
|
17
|
-
Body: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IBodyProps, any>>;
|
|
18
|
-
BodyLarge: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IBodyProps, any>>;
|
|
19
|
-
Caption: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ITransientTextAspectProps, any>>;
|
|
20
|
-
Label: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ILabelProps, any>>;
|
|
21
|
-
};
|
|
22
|
-
export declare const _Typography: {
|
|
23
|
-
LightText: import("styled-components").FlattenSimpleInterpolation;
|
|
24
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { FC as FunctionComponent, ForwardRefExoticComponent, ForwardRefRenderFunction, PropsWithChildren as PWC, PropsWithoutRef, RefAttributes } from 'react';
|
|
2
|
-
import { Slot } from './slots';
|
|
3
|
-
/** @see https://stackoverflow.com/a/49725198/29182 */
|
|
4
|
-
export declare type RequireOnlyOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
|
|
5
|
-
[K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>;
|
|
6
|
-
}[Keys];
|
|
7
|
-
export declare type MappedEnum<E, T> = {
|
|
8
|
-
[key in keyof E]: T;
|
|
9
|
-
};
|
|
10
|
-
export declare type Values<T> = T[keyof T];
|
|
11
|
-
export declare type PropsWithChildren<T = unknown> = PWC<T>;
|
|
12
|
-
export declare type FC<P = {}, E extends {
|
|
13
|
-
[x: symbol]: FunctionComponent<PropsWithChildren> | typeof Slot;
|
|
14
|
-
} = {}> = FunctionComponent<P> & {
|
|
15
|
-
[key in keyof E]: E[key];
|
|
16
|
-
};
|
|
17
|
-
declare type ExtensibleForwardRef<T, P = {}, E = {}> = ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
|
|
18
|
-
[key in keyof E]: E[key];
|
|
19
|
-
};
|
|
20
|
-
export declare function forwardRef<T, P = {}, E = {}>(render: ForwardRefRenderFunction<T, P>): ExtensibleForwardRef<T, P, E>;
|
|
21
|
-
export {};
|
package/lib/helpers/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export * from './safe-navigation';
|
|
2
|
-
export * from './slots';
|
|
3
|
-
export * from './generic-types';
|
|
4
|
-
export * from './numbers';
|
|
5
|
-
export * from './nothing';
|
|
6
|
-
export * from './strings';
|
|
7
|
-
export * from './isReactElementOfType';
|
|
8
|
-
export * from './useInputElementState';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { PureComponent, ReactElement } from 'react';
|
|
2
|
-
import { StyledComponent } from 'styled-components';
|
|
3
|
-
import { FC } from './generic-types';
|
|
4
|
-
export declare const isReactElementOfType: <P extends {
|
|
5
|
-
children?: import("react").ReactNode;
|
|
6
|
-
}>(component: (FC<P, {}> | typeof PureComponent | StyledComponent<FC<P, {}>, any, {}, never>) & {
|
|
7
|
-
target?: any;
|
|
8
|
-
}) => (element?: any) => element is ReactElement<P, string | import("react").JSXElementConstructor<any>>;
|
package/lib/helpers/nothing.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FC, PropsWithChildren } from './generic-types';
|
|
3
|
-
export declare const Nothing: FC;
|
|
4
|
-
export declare const isNothing: (element?: any) => element is import("react").ReactElement<{}, string | import("react").JSXElementConstructor<any>>;
|
|
5
|
-
export declare function maybeRender<T>(prop: T, JSX: JSX.Element): JSX.Element;
|
|
6
|
-
interface IIfProps {
|
|
7
|
-
is: unknown;
|
|
8
|
-
}
|
|
9
|
-
export declare const If: FC<PropsWithChildren<IIfProps>>;
|
|
10
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/** even though we have null disabled in the repo,
|
|
2
|
-
* I still would not want isNil to skip checking null
|
|
3
|
-
* it is for juuuuust in case a third party sends us a null
|
|
4
|
-
* or something, and the types are not correct
|
|
5
|
-
*/
|
|
6
|
-
export declare function isNil<T>(value: T | undefined | null): value is undefined | null;
|
|
7
|
-
export declare function isDefined<T>(value: T | undefined | null): value is T;
|
|
8
|
-
export declare function defaultTo<T>(value: T | undefined | null, fallback: T): T;
|
|
9
|
-
export declare function isEmpty<T extends {
|
|
10
|
-
length: number;
|
|
11
|
-
}>(obj: T): boolean;
|
|
12
|
-
/** used for evaluating tri-state logic (true | false | undefined) */
|
|
13
|
-
export declare function is(pred?: boolean): boolean;
|
|
14
|
-
export declare function toArray<T>(obj: T | T[] | undefined | null): T[];
|
|
15
|
-
export declare function safeArray<T>(arr: T[] | undefined | null): T[];
|
|
16
|
-
export declare function safeCallback<T>(f?: (e: T) => void, e?: T): void;
|
|
17
|
-
export { first, isString, isFunction, uniqueId, debounce, throttle, } from 'lodash';
|
package/lib/helpers/slots.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, PureComponent, ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { FC, PropsWithChildren } from './generic-types';
|
|
3
|
-
export declare const isSlotOfType: <T extends typeof Slot>(type: T | FC<{}, {}>) => (obj?: any) => obj is T;
|
|
4
|
-
export declare class Slot<T = unknown> extends PureComponent<PropsWithChildren<T>> {
|
|
5
|
-
render(): PropsWithChildren<T>["children"] | undefined;
|
|
6
|
-
}
|
|
7
|
-
export declare class StylableSlot extends Slot {
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
10
|
-
/** gets children that are _not_ slots */
|
|
11
|
-
export declare function getOtherChildren(children?: ReactNode): ReactNode[];
|
|
12
|
-
export declare function getSlots<T extends typeof Slot>(slot: T, children?: ReactNode): ReactElement[];
|
|
13
|
-
export declare function getSlot<T extends typeof Slot>(slot: T, children?: ReactNode): ReactElement;
|
|
14
|
-
/** given a ReactElement, like a child, apply the given props to it */
|
|
15
|
-
export declare function applyProps<T>(element: ReactElement<T>, props: Partial<T>): ReactElement;
|
|
16
|
-
/** given a ReactElement, like a child, apply the given styles to it, merging with the existing styles */
|
|
17
|
-
export declare function applyStyle(element: ReactElement, style: CSSProperties): ReactElement;
|
package/lib/helpers/strings.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const toKebabCase: (str: string) => string;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
declare type IInputElementState<T> = [
|
|
2
|
-
T | undefined,
|
|
3
|
-
(change: T) => void
|
|
4
|
-
];
|
|
5
|
-
/**
|
|
6
|
-
*
|
|
7
|
-
* This hook is to help implement a common pattern:
|
|
8
|
-
*
|
|
9
|
-
* <input onChange={doSomething} /> // uncontrolled
|
|
10
|
-
* <input value={1} /> // should be marked read only
|
|
11
|
-
* <input value={state} onChange={setState} /> // controlled
|
|
12
|
-
*
|
|
13
|
-
* I've reimplemented this logic a few times, but now I have a nice helper :D
|
|
14
|
-
*
|
|
15
|
-
* const [state, setState] = useInputElementState({
|
|
16
|
-
* value: props.value,
|
|
17
|
-
* defaultValue: props.defaultValue, // the value to use if value is undefined
|
|
18
|
-
* onChange: props.onChange,
|
|
19
|
-
* })
|
|
20
|
-
*
|
|
21
|
-
* if you give it nothing, you get state, setState for internal state management (uncontrolled input)
|
|
22
|
-
* if you give it value only, you get a warning
|
|
23
|
-
* if you give it value and onChange, state management if deferred to the parent (controlled input)
|
|
24
|
-
*/
|
|
25
|
-
export declare function useInputElementState<T>(props: {
|
|
26
|
-
value?: T;
|
|
27
|
-
defaultValue?: T;
|
|
28
|
-
onChange?: (change: T) => void;
|
|
29
|
-
}): IInputElementState<T>;
|
|
30
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useKeyDown(targetKey: string, handler: () => void): void;
|