@indico-data/design-system 2.43.1 → 2.44.0
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/lib/assets/fonts/noto/a.woff2 +0 -0
- package/lib/assets/fonts/noto/b.woff2 +0 -0
- package/lib/assets/fonts/noto/c.woff2 +0 -0
- package/lib/assets/fonts/noto/d.woff2 +0 -0
- package/lib/assets/fonts/noto/e.woff2 +0 -0
- package/lib/assets/fonts/noto/f.woff2 +0 -0
- package/lib/assets/fonts/noto/g.woff2 +0 -0
- package/lib/assets/fonts/noto/h.woff2 +0 -0
- package/lib/assets/fonts/noto/notosans.css +79 -0
- package/lib/components/button/Button.stories.d.ts +11 -13
- package/lib/components/button/enums.d.ts +2 -4
- package/lib/components/button/types.d.ts +6 -7
- package/lib/components/forms/date/iconTriggerDatePicker/IconTriggerDatePicker.d.ts +1 -1
- package/lib/components/forms/date/inputDatePicker/SingleInputDatePicker.d.ts +1 -1
- package/lib/components/forms/input/Input.d.ts +1 -1
- package/lib/index.css +1775 -1017
- package/lib/index.d.ts +148 -885
- package/lib/index.esm.css +1775 -1017
- package/lib/index.esm.js +17829 -24248
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +16041 -22502
- package/lib/index.js.map +1 -1
- package/lib/legacy/components/Tooltip/Tooltip.d.ts +1 -1
- package/lib/legacy/components/index.d.ts +1 -12
- package/lib/legacy/components/loading-indicators/BarSpinner/BarSpinner.d.ts +1 -1
- package/lib/legacy/components/loading-indicators/CirclePulse/CirclePulse.d.ts +1 -1
- package/lib/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.d.ts +1 -1
- package/lib/legacy/components/loading-indicators/index.d.ts +0 -4
- package/lib/legacy/components/modals/ConfirmModal/ConfirmModal.d.ts +1 -1
- package/lib/legacy/components/modals/ModalBase/ModalBase.d.ts +1 -1
- package/lib/stylesAndAnimations/colors/constants.d.ts +0 -1
- package/lib/types.d.ts +1 -3
- package/package.json +1 -1
- package/src/components/button/Button.mdx +28 -78
- package/src/components/button/Button.stories.tsx +312 -176
- package/src/components/button/Button.tsx +23 -16
- package/src/components/button/__tests__/Button.test.tsx +66 -58
- package/src/components/button/enums.ts +2 -6
- package/src/components/button/styles/Button.scss +119 -137
- package/src/components/button/styles/_variables.scss +115 -148
- package/src/components/button/types.ts +6 -8
- package/src/components/card/Card.stories.tsx +1 -1
- package/src/components/card/styles/Card.scss +11 -11
- package/src/components/floatUI/FloatUI.mdx +5 -5
- package/src/components/floatUI/FloatUI.stories.tsx +8 -8
- package/src/components/floatUI/__tests__/FloatUI.test.tsx +3 -3
- package/src/components/floatUI/styles/FloatUI.scss +1 -2
- package/src/components/floatUI/styles/_variables.scss +11 -7
- package/src/components/forms/checkbox/styles/Checkbox.scss +8 -14
- package/src/components/forms/date/datePicker/styles/DatePicker.scss +9 -5
- package/src/components/forms/date/iconTriggerDatePicker/IconTriggerDatePicker.tsx +4 -4
- package/src/components/forms/date/inputDatePicker/SingleInputDatePicker.tsx +1 -1
- package/src/components/forms/form/styles/Form.scss +84 -2
- package/src/components/forms/input/Input.tsx +2 -2
- package/src/components/forms/input/styles/Input.scss +3 -67
- package/src/components/forms/numberInput/NumberInput.tsx +1 -1
- package/src/components/forms/numberInput/styles/NumberInput.scss +4 -67
- package/src/components/forms/passwordInput/PasswordInput.tsx +1 -1
- package/src/components/forms/passwordInput/styles/PasswordInput.scss +3 -67
- package/src/components/forms/radio/styles/Radio.scss +6 -10
- package/src/components/forms/select/styles/Select.scss +30 -44
- package/src/components/forms/textarea/styles/Textarea.scss +1 -49
- package/src/components/forms/toggle/styles/Toggle.scss +13 -12
- package/src/components/grid/styles/Grid.scss +3 -3
- package/src/components/icons/__tests__/Icon.test.tsx +1 -1
- package/src/components/menu/Menu.stories.tsx +3 -3
- package/src/components/menu/Menu.test.tsx +9 -9
- package/src/components/menu/styles/Menu.scss +5 -0
- package/src/components/menu/styles/_variables.scss +11 -6
- package/src/components/pill/styles/Pill.scss +4 -5
- package/src/components/skeleton/styles/Skeleton.scss +2 -2
- package/src/components/table/LoadingComponent.tsx +0 -2
- package/src/components/table/styles/Table.scss +6 -0
- package/src/components/table/styles/_variables.scss +9 -8
- package/src/index.ts +0 -45
- package/src/legacy/components/Tooltip/Tooltip.styles.ts +0 -12
- package/src/legacy/components/Tooltip/Tooltip.tsx +2 -4
- package/src/legacy/components/index.ts +1 -30
- package/src/legacy/components/loading-indicators/BarSpinner/BarSpinner.styles.ts +0 -3
- package/src/legacy/components/loading-indicators/BarSpinner/BarSpinner.tsx +1 -1
- package/src/legacy/components/loading-indicators/CirclePulse/CirclePulse.styles.ts +0 -4
- package/src/legacy/components/loading-indicators/CirclePulse/CirclePulse.tsx +1 -6
- package/src/legacy/components/loading-indicators/CircleSpinner/CircleSpinner.tsx +2 -2
- package/src/legacy/components/loading-indicators/index.ts +0 -4
- package/src/legacy/components/modals/ConfirmModal/ConfirmModal.styles.ts +1 -4
- package/src/legacy/components/modals/ConfirmModal/ConfirmModal.tsx +12 -19
- package/src/legacy/components/modals/ModalBase/ModalBase.styles.tsx +0 -7
- package/src/legacy/components/modals/ModalBase/ModalBase.tsx +1 -1
- package/src/storybookDocs/Permafrost.mdx +92 -0
- package/src/styles/_colors.scss +7 -3
- package/src/styles/_sheets.scss +3 -3
- package/src/styles/assets/fonts/noto/a.woff2 +0 -0
- package/src/styles/assets/fonts/noto/b.woff2 +0 -0
- package/src/styles/assets/fonts/noto/c.woff2 +0 -0
- package/src/styles/assets/fonts/noto/d.woff2 +0 -0
- package/src/styles/assets/fonts/noto/e.woff2 +0 -0
- package/src/styles/assets/fonts/noto/f.woff2 +0 -0
- package/src/styles/assets/fonts/noto/g.woff2 +0 -0
- package/src/styles/assets/fonts/noto/h.woff2 +0 -0
- package/src/styles/assets/fonts/noto/notosans.css +79 -0
- package/src/styles/globals.scss +5 -16
- package/src/styles/index.scss +1 -2
- package/src/styles/storybook.scss +1 -1
- package/src/styles/variables/_borders.scss +6 -6
- package/src/styles/variables/_dropshadows.scss +2 -0
- package/src/styles/variables/_padding.scss +5 -1
- package/src/styles/variables/_typography.scss +7 -1
- package/src/styles/variables/themes/dark.scss +147 -83
- package/src/styles/variables/themes/light.scss +1 -2
- package/src/stylesAndAnimations/colors/Colors.tsx +5 -9
- package/src/stylesAndAnimations/colors/UtilityClasses.tsx +23 -14
- package/src/stylesAndAnimations/colors/constants.ts +183 -114
- package/src/stylesAndAnimations/sizing/Sizing.tsx +2 -2
- package/src/types.ts +1 -7
- package/lib/assets/fonts/mulish/a.woff2 +0 -0
- package/lib/assets/fonts/mulish/b.woff2 +0 -0
- package/lib/assets/fonts/mulish/c.woff2 +0 -0
- package/lib/assets/fonts/mulish/d.woff2 +0 -0
- package/lib/assets/fonts/mulish/mulish.css +0 -98
- package/lib/legacy/components/Accordion/Accordion.d.ts +0 -9
- package/lib/legacy/components/Accordion/Accordion.stories.d.ts +0 -25
- package/lib/legacy/components/Accordion/Accordion.styles.d.ts +0 -1
- package/lib/legacy/components/Accordion/index.d.ts +0 -1
- package/lib/legacy/components/ListTable/Header/Header.d.ts +0 -21
- package/lib/legacy/components/ListTable/Header/Header.styles.d.ts +0 -1
- package/lib/legacy/components/ListTable/Header/index.d.ts +0 -1
- package/lib/legacy/components/ListTable/ListTable.d.ts +0 -41
- package/lib/legacy/components/ListTable/ListTable.stories.d.ts +0 -54
- package/lib/legacy/components/ListTable/ListTable.styles.d.ts +0 -1
- package/lib/legacy/components/ListTable/index.d.ts +0 -1
- package/lib/legacy/components/ListTable/mock-data/index.d.ts +0 -1
- package/lib/legacy/components/ListTable/mock-data/mock-data.d.ts +0 -54
- package/lib/legacy/components/LoadingAwareContainer/LoadingAwareContainer.d.ts +0 -15
- package/lib/legacy/components/LoadingAwareContainer/LoadingAwareContainer.stories.d.ts +0 -22
- package/lib/legacy/components/LoadingAwareContainer/LoadingAwareContainer.styles.d.ts +0 -2
- package/lib/legacy/components/LoadingAwareContainer/index.d.ts +0 -1
- package/lib/legacy/components/Pagination/Pagination.d.ts +0 -18
- package/lib/legacy/components/Pagination/Pagination.stories.d.ts +0 -18
- package/lib/legacy/components/Pagination/Pagination.styles.d.ts +0 -1
- package/lib/legacy/components/Pagination/index.d.ts +0 -1
- package/lib/legacy/components/Toggle/Toggle.d.ts +0 -12
- package/lib/legacy/components/Toggle/Toggle.stories.d.ts +0 -21
- package/lib/legacy/components/Toggle/Toggle.styles.d.ts +0 -1
- package/lib/legacy/components/Toggle/index.d.ts +0 -1
- package/lib/legacy/components/basic-section/Section/Section.d.ts +0 -8
- package/lib/legacy/components/basic-section/Section/Section.stories.d.ts +0 -13
- package/lib/legacy/components/basic-section/Section/Section.styles.d.ts +0 -1
- package/lib/legacy/components/basic-section/Section/index.d.ts +0 -1
- package/lib/legacy/components/basic-section/SectionBlock/SectionBlock.d.ts +0 -9
- package/lib/legacy/components/basic-section/SectionBlock/SectionBlock.styles.d.ts +0 -1
- package/lib/legacy/components/basic-section/SectionBlock/index.d.ts +0 -1
- package/lib/legacy/components/basic-section/SectionBody/SectionBody.d.ts +0 -7
- package/lib/legacy/components/basic-section/SectionBody/SectionBody.stories.d.ts +0 -10
- package/lib/legacy/components/basic-section/SectionBody/SectionBody.styles.d.ts +0 -1
- package/lib/legacy/components/basic-section/SectionBody/index.d.ts +0 -1
- package/lib/legacy/components/basic-section/SectionHeader/SectionHeader.d.ts +0 -8
- package/lib/legacy/components/basic-section/SectionHeader/SectionHeader.stories.d.ts +0 -14
- package/lib/legacy/components/basic-section/SectionHeader/SectionHeader.styles.d.ts +0 -1
- package/lib/legacy/components/basic-section/SectionHeader/index.d.ts +0 -1
- package/lib/legacy/components/basic-section/SectionTable/SectionTable.d.ts +0 -1
- package/lib/legacy/components/basic-section/SectionTable/SectionTable.styles.d.ts +0 -1
- package/lib/legacy/components/basic-section/SectionTable/index.d.ts +0 -1
- package/lib/legacy/components/basic-section/index.d.ts +0 -5
- package/lib/legacy/components/buttons/Button/Button.d.ts +0 -21
- package/lib/legacy/components/buttons/Button/Button.stories.d.ts +0 -25
- package/lib/legacy/components/buttons/Button/Button.styles.d.ts +0 -1
- package/lib/legacy/components/buttons/Button/index.d.ts +0 -1
- package/lib/legacy/components/buttons/IconButton/IconButton.d.ts +0 -32
- package/lib/legacy/components/buttons/IconButton/IconButton.stories.d.ts +0 -43
- package/lib/legacy/components/buttons/IconButton/IconButton.styles.d.ts +0 -5
- package/lib/legacy/components/buttons/IconButton/index.d.ts +0 -1
- package/lib/legacy/components/buttons/commonStyles.d.ts +0 -9
- package/lib/legacy/components/buttons/index.d.ts +0 -2
- package/lib/legacy/components/buttons/types.d.ts +0 -3
- package/lib/legacy/components/dropdowns/BorderSelect/BorderSelect.d.ts +0 -19
- package/lib/legacy/components/dropdowns/BorderSelect/BorderSelect.stories.d.ts +0 -31
- package/lib/legacy/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts +0 -2
- package/lib/legacy/components/dropdowns/BorderSelect/index.d.ts +0 -1
- package/lib/legacy/components/dropdowns/MultiCombobox/MultiCombobox.d.ts +0 -23
- package/lib/legacy/components/dropdowns/MultiCombobox/MultiCombobox.stories.d.ts +0 -46
- package/lib/legacy/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts +0 -4
- package/lib/legacy/components/dropdowns/MultiCombobox/index.d.ts +0 -1
- package/lib/legacy/components/dropdowns/Select/Select.d.ts +0 -19
- package/lib/legacy/components/dropdowns/Select/Select.stories.d.ts +0 -34
- package/lib/legacy/components/dropdowns/Select/Select.styles.d.ts +0 -1
- package/lib/legacy/components/dropdowns/Select/index.d.ts +0 -1
- package/lib/legacy/components/dropdowns/SingleCombobox/SingleCombobox.d.ts +0 -20
- package/lib/legacy/components/dropdowns/SingleCombobox/SingleCombobox.stories.d.ts +0 -31
- package/lib/legacy/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts +0 -4
- package/lib/legacy/components/dropdowns/SingleCombobox/index.d.ts +0 -1
- package/lib/legacy/components/dropdowns/commonStyles.d.ts +0 -1
- package/lib/legacy/components/dropdowns/index.d.ts +0 -4
- package/lib/legacy/components/dropdowns/types.d.ts +0 -45
- package/lib/legacy/components/dropdowns/useCombobox.d.ts +0 -25
- package/lib/legacy/components/dropdowns/utils.d.ts +0 -20
- package/lib/legacy/components/inputs/EditableInput/EditableInput.d.ts +0 -13
- package/lib/legacy/components/inputs/EditableInput/EditableInput.stories.d.ts +0 -14
- package/lib/legacy/components/inputs/EditableInput/EditableInput.styles.d.ts +0 -1
- package/lib/legacy/components/inputs/EditableInput/index.d.ts +0 -1
- package/lib/legacy/components/inputs/NumberInput/NumberInput.d.ts +0 -23
- package/lib/legacy/components/inputs/NumberInput/NumberInput.stories.d.ts +0 -28
- package/lib/legacy/components/inputs/NumberInput/NumberInput.styles.d.ts +0 -1
- package/lib/legacy/components/inputs/NumberInput/index.d.ts +0 -1
- package/lib/legacy/components/inputs/RadioButtons/RadioButtons.d.ts +0 -25
- package/lib/legacy/components/inputs/RadioButtons/RadioButtons.stories.d.ts +0 -15
- package/lib/legacy/components/inputs/RadioButtons/RadioButtons.styles.d.ts +0 -13
- package/lib/legacy/components/inputs/RadioButtons/index.d.ts +0 -1
- package/lib/legacy/components/inputs/RadioGroup/RadioGroup.d.ts +0 -27
- package/lib/legacy/components/inputs/RadioGroup/RadioGroup.stories.d.ts +0 -16
- package/lib/legacy/components/inputs/RadioGroup/RadioGroup.styles.d.ts +0 -1
- package/lib/legacy/components/inputs/RadioGroup/index.d.ts +0 -1
- package/lib/legacy/components/inputs/SearchInput/SearchInput.d.ts +0 -17
- package/lib/legacy/components/inputs/SearchInput/SearchInput.stories.d.ts +0 -30
- package/lib/legacy/components/inputs/SearchInput/SearchInput.styles.d.ts +0 -1
- package/lib/legacy/components/inputs/SearchInput/index.d.ts +0 -1
- package/lib/legacy/components/inputs/TextInput/TextInput.d.ts +0 -24
- package/lib/legacy/components/inputs/TextInput/TextInput.stories.d.ts +0 -62
- package/lib/legacy/components/inputs/TextInput/TextInput.styles.d.ts +0 -2
- package/lib/legacy/components/inputs/TextInput/index.d.ts +0 -1
- package/lib/legacy/components/inputs/index.d.ts +0 -6
- package/lib/legacy/components/inputs/inputsCommon.styles.d.ts +0 -4
- package/lib/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.d.ts +0 -10
- package/lib/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.stories.d.ts +0 -11
- package/lib/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.d.ts +0 -7
- package/lib/legacy/components/loading-indicators/LoadingIndicator/index.d.ts +0 -1
- package/lib/legacy/components/loading-indicators/LoadingList/LoadingList.d.ts +0 -1
- package/lib/legacy/components/loading-indicators/LoadingList/LoadingList.stories.d.ts +0 -10
- package/lib/legacy/components/loading-indicators/LoadingList/LoadingList.styles.d.ts +0 -1
- package/lib/legacy/components/loading-indicators/LoadingList/index.d.ts +0 -1
- package/lib/legacy/components/loading-indicators/PercentageRing/PercentageRing.d.ts +0 -12
- package/lib/legacy/components/loading-indicators/PercentageRing/PercentageRing.stories.d.ts +0 -10
- package/lib/legacy/components/loading-indicators/PercentageRing/PercentageRing.styles.d.ts +0 -1
- package/lib/legacy/components/loading-indicators/PercentageRing/index.d.ts +0 -1
- package/lib/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.d.ts +0 -1
- package/lib/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.stories.d.ts +0 -10
- package/lib/legacy/components/loading-indicators/RandomLoadingMessage/index.d.ts +0 -1
- package/lib/legacy/components/loading-indicators/RandomLoadingMessage/random-messages.d.ts +0 -2
- package/lib/legacy/components/text-truncate/TextTruncate.d.ts +0 -8
- package/lib/legacy/components/text-truncate/TextTruncate.stories.d.ts +0 -6
- package/lib/legacy/components/text-truncate/TextTruncate.styles.d.ts +0 -1
- package/lib/legacy/components/text-truncate/TextTruncate.test.d.ts +0 -1
- package/lib/legacy/components/text-truncate/index.d.ts +0 -1
- package/lib/legacy/components/user-feedback/Shrug/Shrug.d.ts +0 -14
- package/lib/legacy/components/user-feedback/Shrug/Shrug.stories.d.ts +0 -31
- package/lib/legacy/components/user-feedback/Shrug/Shrug.styles.d.ts +0 -1
- package/lib/legacy/components/user-feedback/Shrug/index.d.ts +0 -1
- package/lib/legacy/components/user-feedback/index.d.ts +0 -1
- package/lib/legacy/styles/globals/buttons.d.ts +0 -1
- package/lib/legacy/styles/globals/forms.d.ts +0 -1
- package/lib/legacy/styles/globals/index.d.ts +0 -1
- package/lib/legacy/styles/globals/layout.d.ts +0 -1
- package/lib/legacy/styles/globals/lists.d.ts +0 -1
- package/lib/legacy/styles/globals/margin-padding.d.ts +0 -1
- package/lib/legacy/styles/globals/media.d.ts +0 -1
- package/lib/legacy/styles/globals/tables.d.ts +0 -1
- package/lib/legacy/styles/globals/typography.d.ts +0 -1
- package/lib/legacy/styles/globals/utility-classes.d.ts +0 -1
- package/lib/legacy/styles/index.d.ts +0 -1
- package/lib/legacy/tokens/animation.d.ts +0 -4
- package/lib/legacy/tokens/breakpoints.d.ts +0 -10
- package/lib/legacy/tokens/colors.d.ts +0 -144
- package/lib/legacy/tokens/index.d.ts +0 -8
- package/lib/legacy/tokens/margin.d.ts +0 -4
- package/lib/legacy/tokens/numbers.d.ts +0 -10
- package/lib/legacy/tokens/padding.d.ts +0 -4
- package/lib/legacy/tokens/spacings.d.ts +0 -5
- package/lib/legacy/tokens/typography.d.ts +0 -61
- package/lib/legacy/utils/color.d.ts +0 -21
- package/lib/legacy/utils/index.d.ts +0 -4
- package/lib/legacy/utils/number.d.ts +0 -21
- package/lib/legacy/utils/string.d.ts +0 -12
- package/src/legacy/components/Accordion/Accordion.stories.tsx +0 -47
- package/src/legacy/components/Accordion/Accordion.styles.ts +0 -35
- package/src/legacy/components/Accordion/Accordion.tsx +0 -30
- package/src/legacy/components/Accordion/index.ts +0 -1
- package/src/legacy/components/ListTable/Header/Header.styles.ts +0 -62
- package/src/legacy/components/ListTable/Header/Header.tsx +0 -66
- package/src/legacy/components/ListTable/Header/index.ts +0 -1
- package/src/legacy/components/ListTable/ListTable.stories.tsx +0 -302
- package/src/legacy/components/ListTable/ListTable.styles.ts +0 -76
- package/src/legacy/components/ListTable/ListTable.tsx +0 -140
- package/src/legacy/components/ListTable/index.ts +0 -1
- package/src/legacy/components/ListTable/mock-data/index.ts +0 -1
- package/src/legacy/components/ListTable/mock-data/mock-data.ts +0 -291
- package/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.stories.tsx +0 -45
- package/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.styles.ts +0 -16
- package/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.tsx +0 -36
- package/src/legacy/components/LoadingAwareContainer/index.ts +0 -1
- package/src/legacy/components/Pagination/Pagination.stories.tsx +0 -45
- package/src/legacy/components/Pagination/Pagination.styles.ts +0 -51
- package/src/legacy/components/Pagination/Pagination.tsx +0 -118
- package/src/legacy/components/Pagination/index.ts +0 -1
- package/src/legacy/components/Toggle/Toggle.stories.tsx +0 -56
- package/src/legacy/components/Toggle/Toggle.styles.ts +0 -86
- package/src/legacy/components/Toggle/Toggle.tsx +0 -69
- package/src/legacy/components/Toggle/index.ts +0 -1
- package/src/legacy/components/basic-section/Section/Section.stories.tsx +0 -14
- package/src/legacy/components/basic-section/Section/Section.styles.ts +0 -8
- package/src/legacy/components/basic-section/Section/Section.tsx +0 -30
- package/src/legacy/components/basic-section/Section/index.ts +0 -1
- package/src/legacy/components/basic-section/SectionBlock/SectionBlock.styles.ts +0 -15
- package/src/legacy/components/basic-section/SectionBlock/SectionBlock.tsx +0 -37
- package/src/legacy/components/basic-section/SectionBlock/index.ts +0 -1
- package/src/legacy/components/basic-section/SectionBody/SectionBody.stories.tsx +0 -16
- package/src/legacy/components/basic-section/SectionBody/SectionBody.styles.ts +0 -18
- package/src/legacy/components/basic-section/SectionBody/SectionBody.tsx +0 -30
- package/src/legacy/components/basic-section/SectionBody/index.ts +0 -1
- package/src/legacy/components/basic-section/SectionHeader/SectionHeader.stories.tsx +0 -17
- package/src/legacy/components/basic-section/SectionHeader/SectionHeader.styles.ts +0 -5
- package/src/legacy/components/basic-section/SectionHeader/SectionHeader.tsx +0 -30
- package/src/legacy/components/basic-section/SectionHeader/index.ts +0 -1
- package/src/legacy/components/basic-section/SectionTable/SectionTable.styles.ts +0 -236
- package/src/legacy/components/basic-section/SectionTable/SectionTable.tsx +0 -233
- package/src/legacy/components/basic-section/SectionTable/index.ts +0 -1
- package/src/legacy/components/basic-section/index.ts +0 -5
- package/src/legacy/components/buttons/Button/Button.stories.tsx +0 -80
- package/src/legacy/components/buttons/Button/Button.styles.ts +0 -99
- package/src/legacy/components/buttons/Button/Button.tsx +0 -74
- package/src/legacy/components/buttons/Button/index.ts +0 -1
- package/src/legacy/components/buttons/IconButton/IconButton.stories.tsx +0 -96
- package/src/legacy/components/buttons/IconButton/IconButton.styles.ts +0 -109
- package/src/legacy/components/buttons/IconButton/IconButton.tsx +0 -114
- package/src/legacy/components/buttons/IconButton/index.ts +0 -1
- package/src/legacy/components/buttons/commonStyles.ts +0 -104
- package/src/legacy/components/buttons/index.ts +0 -2
- package/src/legacy/components/buttons/types.ts +0 -3
- package/src/legacy/components/dropdowns/BorderSelect/BorderSelect.stories.tsx +0 -22
- package/src/legacy/components/dropdowns/BorderSelect/BorderSelect.styles.ts +0 -73
- package/src/legacy/components/dropdowns/BorderSelect/BorderSelect.tsx +0 -85
- package/src/legacy/components/dropdowns/BorderSelect/index.ts +0 -1
- package/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.stories.tsx +0 -147
- package/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.styles.ts +0 -91
- package/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.tsx +0 -123
- package/src/legacy/components/dropdowns/MultiCombobox/index.ts +0 -1
- package/src/legacy/components/dropdowns/Select/Select.stories.tsx +0 -54
- package/src/legacy/components/dropdowns/Select/Select.styles.ts +0 -73
- package/src/legacy/components/dropdowns/Select/Select.tsx +0 -69
- package/src/legacy/components/dropdowns/Select/index.ts +0 -1
- package/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.stories.tsx +0 -61
- package/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.styles.ts +0 -56
- package/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.tsx +0 -103
- package/src/legacy/components/dropdowns/SingleCombobox/index.ts +0 -1
- package/src/legacy/components/dropdowns/commonStyles.ts +0 -65
- package/src/legacy/components/dropdowns/index.ts +0 -4
- package/src/legacy/components/dropdowns/types.ts +0 -45
- package/src/legacy/components/dropdowns/useCombobox.ts +0 -32
- package/src/legacy/components/dropdowns/utils.tsx +0 -25
- package/src/legacy/components/inputs/EditableInput/EditableInput.stories.tsx +0 -26
- package/src/legacy/components/inputs/EditableInput/EditableInput.styles.ts +0 -21
- package/src/legacy/components/inputs/EditableInput/EditableInput.tsx +0 -103
- package/src/legacy/components/inputs/EditableInput/index.ts +0 -1
- package/src/legacy/components/inputs/NumberInput/NumberInput.stories.tsx +0 -72
- package/src/legacy/components/inputs/NumberInput/NumberInput.styles.ts +0 -66
- package/src/legacy/components/inputs/NumberInput/NumberInput.tsx +0 -154
- package/src/legacy/components/inputs/NumberInput/index.ts +0 -1
- package/src/legacy/components/inputs/RadioButtons/RadioButtons.stories.tsx +0 -84
- package/src/legacy/components/inputs/RadioButtons/RadioButtons.styles.ts +0 -82
- package/src/legacy/components/inputs/RadioButtons/RadioButtons.tsx +0 -63
- package/src/legacy/components/inputs/RadioButtons/index.tsx +0 -1
- package/src/legacy/components/inputs/RadioGroup/RadioGroup.stories.tsx +0 -66
- package/src/legacy/components/inputs/RadioGroup/RadioGroup.styles.ts +0 -11
- package/src/legacy/components/inputs/RadioGroup/RadioGroup.tsx +0 -119
- package/src/legacy/components/inputs/RadioGroup/index.ts +0 -1
- package/src/legacy/components/inputs/SearchInput/SearchInput.stories.tsx +0 -37
- package/src/legacy/components/inputs/SearchInput/SearchInput.styles.ts +0 -51
- package/src/legacy/components/inputs/SearchInput/SearchInput.tsx +0 -73
- package/src/legacy/components/inputs/SearchInput/index.ts +0 -1
- package/src/legacy/components/inputs/TextInput/TextInput.stories.tsx +0 -104
- package/src/legacy/components/inputs/TextInput/TextInput.styles.ts +0 -74
- package/src/legacy/components/inputs/TextInput/TextInput.tsx +0 -116
- package/src/legacy/components/inputs/TextInput/index.ts +0 -1
- package/src/legacy/components/inputs/index.ts +0 -6
- package/src/legacy/components/inputs/inputsCommon.styles.ts +0 -57
- package/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.stories.tsx +0 -22
- package/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.ts +0 -81
- package/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.tsx +0 -61
- package/src/legacy/components/loading-indicators/LoadingIndicator/index.ts +0 -1
- package/src/legacy/components/loading-indicators/LoadingList/LoadingList.stories.tsx +0 -14
- package/src/legacy/components/loading-indicators/LoadingList/LoadingList.styles.ts +0 -42
- package/src/legacy/components/loading-indicators/LoadingList/LoadingList.tsx +0 -9
- package/src/legacy/components/loading-indicators/LoadingList/index.ts +0 -1
- package/src/legacy/components/loading-indicators/PercentageRing/PercentageRing.stories.tsx +0 -18
- package/src/legacy/components/loading-indicators/PercentageRing/PercentageRing.styles.ts +0 -27
- package/src/legacy/components/loading-indicators/PercentageRing/PercentageRing.tsx +0 -76
- package/src/legacy/components/loading-indicators/PercentageRing/index.ts +0 -1
- package/src/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.stories.tsx +0 -16
- package/src/legacy/components/loading-indicators/RandomLoadingMessage/RandomLoadingMessage.tsx +0 -18
- package/src/legacy/components/loading-indicators/RandomLoadingMessage/index.ts +0 -1
- package/src/legacy/components/loading-indicators/RandomLoadingMessage/random-messages.js +0 -67
- package/src/legacy/components/text-truncate/TextTruncate.stories.tsx +0 -19
- package/src/legacy/components/text-truncate/TextTruncate.styles.ts +0 -3
- package/src/legacy/components/text-truncate/TextTruncate.test.tsx +0 -17
- package/src/legacy/components/text-truncate/TextTruncate.tsx +0 -23
- package/src/legacy/components/text-truncate/index.ts +0 -1
- package/src/legacy/components/user-feedback/Shrug/Shrug.stories.tsx +0 -38
- package/src/legacy/components/user-feedback/Shrug/Shrug.styles.ts +0 -25
- package/src/legacy/components/user-feedback/Shrug/Shrug.tsx +0 -45
- package/src/legacy/components/user-feedback/Shrug/index.ts +0 -1
- package/src/legacy/components/user-feedback/index.ts +0 -1
- package/src/legacy/styles/globals/buttons.ts +0 -154
- package/src/legacy/styles/globals/forms.ts +0 -53
- package/src/legacy/styles/globals/index.tsx +0 -22
- package/src/legacy/styles/globals/layout.ts +0 -22
- package/src/legacy/styles/globals/lists.ts +0 -23
- package/src/legacy/styles/globals/margin-padding.ts +0 -33
- package/src/legacy/styles/globals/media.ts +0 -13
- package/src/legacy/styles/globals/tables.ts +0 -30
- package/src/legacy/styles/globals/typography.ts +0 -82
- package/src/legacy/styles/globals/utility-classes.ts +0 -76
- package/src/legacy/styles/index.ts +0 -1
- package/src/legacy/tokens/animation.ts +0 -6
- package/src/legacy/tokens/breakpoints.ts +0 -11
- package/src/legacy/tokens/colors.ts +0 -293
- package/src/legacy/tokens/index.ts +0 -20
- package/src/legacy/tokens/margin.ts +0 -5
- package/src/legacy/tokens/numbers.js +0 -41
- package/src/legacy/tokens/padding.ts +0 -5
- package/src/legacy/tokens/spacings.ts +0 -5
- package/src/legacy/tokens/typography.ts +0 -43
- package/src/legacy/utils/color.ts +0 -139
- package/src/legacy/utils/index.ts +0 -5
- package/src/legacy/utils/number.ts +0 -29
- package/src/legacy/utils/string.ts +0 -87
- package/src/styles/assets/fonts/mulish/a.woff2 +0 -0
- package/src/styles/assets/fonts/mulish/b.woff2 +0 -0
- package/src/styles/assets/fonts/mulish/c.woff2 +0 -0
- package/src/styles/assets/fonts/mulish/d.woff2 +0 -0
- package/src/styles/assets/fonts/mulish/mulish.css +0 -98
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
-
export declare const StyledValidationError: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { BorderSelect } from './BorderSelect';
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PermafrostComponent } from '@/types';
|
|
3
|
-
import type { ComboboxProps, ComboboxOption } from '../types';
|
|
4
|
-
/**
|
|
5
|
-
* Multiselect combobox component. If selections are not bound to outside state
|
|
6
|
-
* via the `value` prop, you will need to import and use the `useCombobox` hook
|
|
7
|
-
* in order to clear its selected value .
|
|
8
|
-
*
|
|
9
|
-
* @see [useCombobox]{@link import('useCombobox').useCombobox}
|
|
10
|
-
*/
|
|
11
|
-
export declare const MultiCombobox: React.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
|
|
12
|
-
/**
|
|
13
|
-
* MultiValue is a selected option in the input area
|
|
14
|
-
*/
|
|
15
|
-
multiValueProps?: {
|
|
16
|
-
"data-cy": string;
|
|
17
|
-
};
|
|
18
|
-
optionProps?: {
|
|
19
|
-
"data-cy": string;
|
|
20
|
-
};
|
|
21
|
-
values?: ComboboxOption[];
|
|
22
|
-
onChange: (selectedOption: ComboboxOption[]) => void;
|
|
23
|
-
} & React.RefAttributes<unknown>>;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { StoryObj } from '@storybook/react';
|
|
3
|
-
import { ComboboxOption } from '../types';
|
|
4
|
-
import { MultiCombobox } from './MultiCombobox';
|
|
5
|
-
declare const meta: {
|
|
6
|
-
component: React.ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
|
|
7
|
-
multiValueProps?: {
|
|
8
|
-
"data-cy": string;
|
|
9
|
-
};
|
|
10
|
-
optionProps?: {
|
|
11
|
-
"data-cy": string;
|
|
12
|
-
};
|
|
13
|
-
values?: ComboboxOption[];
|
|
14
|
-
onChange: (selectedOption: ComboboxOption[]) => void;
|
|
15
|
-
} & React.RefAttributes<unknown>>;
|
|
16
|
-
title: string;
|
|
17
|
-
argTypes: {
|
|
18
|
-
options: {
|
|
19
|
-
control: {
|
|
20
|
-
disable: true;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
defaultValue: {
|
|
24
|
-
control: {
|
|
25
|
-
disable: true;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
args: {
|
|
30
|
-
options: {
|
|
31
|
-
value: string;
|
|
32
|
-
label: string;
|
|
33
|
-
}[];
|
|
34
|
-
placeholder: string;
|
|
35
|
-
onChange: (selectedOptions: ComboboxOption[]) => void;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
export default meta;
|
|
39
|
-
type Story = StoryObj<typeof MultiCombobox>;
|
|
40
|
-
export declare const Normal: Story;
|
|
41
|
-
export declare const Open: Story;
|
|
42
|
-
export declare const Loading: Story;
|
|
43
|
-
export declare const Disabled: Story;
|
|
44
|
-
export declare const WithSelections: Story;
|
|
45
|
-
export declare const WithCustomOptionComponent: Story;
|
|
46
|
-
export declare const WithDataCyAttributes: Story;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import ReactSelect from 'react-select';
|
|
2
|
-
export declare const StyledMultiCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
|
|
3
|
-
ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
|
|
4
|
-
}, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { MultiCombobox } from './MultiCombobox';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PermafrostComponent } from '@/types';
|
|
3
|
-
import { ComboboxSize, ComboboxVariant } from '../types';
|
|
4
|
-
type Props = PermafrostComponent & {
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
initialText?: string;
|
|
7
|
-
options: {
|
|
8
|
-
name: string;
|
|
9
|
-
value: string | number;
|
|
10
|
-
}[];
|
|
11
|
-
size?: ComboboxSize;
|
|
12
|
-
style?: object;
|
|
13
|
-
value?: string | number;
|
|
14
|
-
variant?: ComboboxVariant;
|
|
15
|
-
onChange(e: React.ChangeEvent<HTMLSelectElement>): void;
|
|
16
|
-
onClick?(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
|
|
17
|
-
};
|
|
18
|
-
export declare const Select: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export {};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import { Select } from './Select';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
component: (props: import("../../../../types").PermafrostComponent & {
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
initialText?: string;
|
|
7
|
-
options: {
|
|
8
|
-
name: string;
|
|
9
|
-
value: string | number;
|
|
10
|
-
}[];
|
|
11
|
-
size?: import("../types").ComboboxSize;
|
|
12
|
-
style?: object;
|
|
13
|
-
value?: string | number;
|
|
14
|
-
variant?: import("../types").ComboboxVariant;
|
|
15
|
-
onChange(e: import("react").ChangeEvent<HTMLSelectElement>): void;
|
|
16
|
-
onClick?(e: import("react").MouseEvent<HTMLDivElement, MouseEvent>): void;
|
|
17
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
title: string;
|
|
19
|
-
argTypes: {};
|
|
20
|
-
args: {
|
|
21
|
-
onChange: () => void;
|
|
22
|
-
options: {
|
|
23
|
-
name: string;
|
|
24
|
-
value: string;
|
|
25
|
-
}[];
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
export default meta;
|
|
29
|
-
type Story = StoryObj<typeof Select>;
|
|
30
|
-
export declare const Base: Story;
|
|
31
|
-
export declare const InitialText: Story;
|
|
32
|
-
export declare const Disabled: Story;
|
|
33
|
-
export declare const Small: Story;
|
|
34
|
-
export declare const Light: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Select } from './Select';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PermafrostComponent } from '@/types';
|
|
3
|
-
import type { ComboboxProps, ComboboxOption } from '../types';
|
|
4
|
-
/**
|
|
5
|
-
* Combobox component to select a single option. If selections are not bound to
|
|
6
|
-
* outside state via the `value` prop, you will need to import and use the
|
|
7
|
-
* `useCombobox` hook in order to clear its selected value.
|
|
8
|
-
*
|
|
9
|
-
* @see [useCombobox]{@link import('useCombobox').useCombobox}
|
|
10
|
-
*/
|
|
11
|
-
export declare const SingleCombobox: React.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
|
|
12
|
-
dropdownIndicatorProps?: {
|
|
13
|
-
"data-cy": string;
|
|
14
|
-
};
|
|
15
|
-
optionProps?: {
|
|
16
|
-
"data-cy": string;
|
|
17
|
-
};
|
|
18
|
-
value?: ComboboxOption;
|
|
19
|
-
onChange: (selectedOption: ComboboxOption) => void;
|
|
20
|
-
} & React.RefAttributes<unknown>>;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import { ComboboxOption } from '../types';
|
|
3
|
-
import { SingleCombobox } from './SingleCombobox';
|
|
4
|
-
declare const meta: {
|
|
5
|
-
component: import("react").ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
|
|
6
|
-
dropdownIndicatorProps?: {
|
|
7
|
-
"data-cy": string;
|
|
8
|
-
};
|
|
9
|
-
optionProps?: {
|
|
10
|
-
"data-cy": string;
|
|
11
|
-
};
|
|
12
|
-
value?: ComboboxOption;
|
|
13
|
-
onChange: (selectedOption: ComboboxOption) => void;
|
|
14
|
-
} & import("react").RefAttributes<unknown>>;
|
|
15
|
-
title: string;
|
|
16
|
-
argTypes: {};
|
|
17
|
-
args: {
|
|
18
|
-
options: {
|
|
19
|
-
value: string;
|
|
20
|
-
label: string;
|
|
21
|
-
}[];
|
|
22
|
-
placeholder: string;
|
|
23
|
-
onChange: (selectedOption: ComboboxOption) => void;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export default meta;
|
|
27
|
-
type Story = StoryObj<typeof SingleCombobox>;
|
|
28
|
-
export declare const Normal: Story;
|
|
29
|
-
export declare const Open: Story;
|
|
30
|
-
export declare const Disabled: Story;
|
|
31
|
-
export declare const WithDataCyAttributes: Story;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import ReactSelect from 'react-select';
|
|
2
|
-
export declare const StyledSingleCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
|
|
3
|
-
ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
|
|
4
|
-
}, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SingleCombobox } from './SingleCombobox';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const basicDefaults: import("styled-components").RuleSet<object>;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
export type ComboboxProps = {
|
|
2
|
-
'aria-label'?: string;
|
|
3
|
-
'aria-labelledby'?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
closeMenuOnSelect?: boolean;
|
|
6
|
-
/**
|
|
7
|
-
* Function to generate a custom React component for every available list `Option`
|
|
8
|
-
* @see {@link https://react-select.com/props#option}
|
|
9
|
-
*/
|
|
10
|
-
customOption?: (props: any) => JSX.Element;
|
|
11
|
-
/**
|
|
12
|
-
* Customize the text to appear in selected items.
|
|
13
|
-
*
|
|
14
|
-
* @example (option) => `${option.value}`
|
|
15
|
-
*/
|
|
16
|
-
customOptionLabel?(option: any): string;
|
|
17
|
-
/**
|
|
18
|
-
* Customize the value for the Combobox to use. Defaults to `value`
|
|
19
|
-
*
|
|
20
|
-
* @example (option) => `${option.id}`
|
|
21
|
-
*/
|
|
22
|
-
customOptionValue?(option: any): string;
|
|
23
|
-
defaultValue?: any[];
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
loading?: boolean;
|
|
26
|
-
menuIsOpen?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Custom text to show if there are no more items available to select
|
|
29
|
-
*/
|
|
30
|
-
noOptionsMessage?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Combobox defaults to expect { label: string; value: string; } at minimum - use `customOptionLabel` and `customOptionValue` props to change
|
|
33
|
-
*/
|
|
34
|
-
options: ComboboxOption[];
|
|
35
|
-
/**
|
|
36
|
-
* Input placeholder text
|
|
37
|
-
*/
|
|
38
|
-
placeholder?: string;
|
|
39
|
-
};
|
|
40
|
-
export type ComboboxOption = {
|
|
41
|
-
label?: string;
|
|
42
|
-
[key: string]: any;
|
|
43
|
-
};
|
|
44
|
-
export type ComboboxSize = 'small' | 'medium';
|
|
45
|
-
export type ComboboxVariant = 'default' | 'light';
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @filename useCombobox.ts
|
|
4
|
-
* Allows access to the internals of a MultiCombobox component. For example, a discrete
|
|
5
|
-
* button to clear all selected values.
|
|
6
|
-
*
|
|
7
|
-
* In your component’s file, import this hook and create a `ref` to the component.
|
|
8
|
-
* Then, pass the ref into this hook.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* const comboboxEl = useRef(null);
|
|
12
|
-
* const { clearValue } = useCombobox(comboboxEl);
|
|
13
|
-
*
|
|
14
|
-
* <MultiCombobox ref={comboboxEl} ... />
|
|
15
|
-
*
|
|
16
|
-
* const handleSubmit = () => {
|
|
17
|
-
* clearValue();
|
|
18
|
-
* };
|
|
19
|
-
*
|
|
20
|
-
* @see {@link https://react-select.com/props}
|
|
21
|
-
* @see {@link https://github.com/JedWatson/react-select/discussions/4352}
|
|
22
|
-
*/
|
|
23
|
-
export declare function useCombobox(comboboxEl: React.RefObject<any>): {
|
|
24
|
-
clearValue: () => void;
|
|
25
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Adds custom props to a react-select component
|
|
3
|
-
*
|
|
4
|
-
* @example
|
|
5
|
-
* type Props = ComboboxProps & {
|
|
6
|
-
* multiValueProps: {
|
|
7
|
-
* 'data-cy': string;
|
|
8
|
-
* };
|
|
9
|
-
*
|
|
10
|
-
* <StyledMultiCombobox
|
|
11
|
-
* ...
|
|
12
|
-
* components={{
|
|
13
|
-
* MultiValue: addCustomProps(MultiValue, { ...multiValueProps }),
|
|
14
|
-
* ...
|
|
15
|
-
*
|
|
16
|
-
* @see {@link https://gist.github.com/MikaelCarpenter/1fe226967b00eea82e6a4760b244ada1}
|
|
17
|
-
*/
|
|
18
|
-
export declare const addCustomProps: (Component: any, customProps: {
|
|
19
|
-
[key: string]: string;
|
|
20
|
-
}) => (props: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PermafrostComponent } from '@/types';
|
|
3
|
-
type Props = PermafrostComponent & {
|
|
4
|
-
children: React.ReactNode | string;
|
|
5
|
-
minLength?: number;
|
|
6
|
-
onUpdate?(newValue: string): void;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Wrapper component which enables text editing in place directly on a child component,
|
|
10
|
-
* element, or plain text.
|
|
11
|
-
*/
|
|
12
|
-
export declare function EditableInput(props: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { EditableInput } from './EditableInput';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
component: typeof EditableInput;
|
|
5
|
-
title: string;
|
|
6
|
-
args: {
|
|
7
|
-
children: import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
};
|
|
9
|
-
argTypes: {};
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof EditableInput>;
|
|
13
|
-
export declare const Normal: Story;
|
|
14
|
-
export declare const MinLengthEight: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StyledEditableInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { EditableInput } from './EditableInput';
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PermafrostComponent } from '@/types';
|
|
3
|
-
export type Props = PermafrostComponent & {
|
|
4
|
-
autoFocus?: boolean;
|
|
5
|
-
decrement?(): void;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
hiddenLabel?: boolean;
|
|
8
|
-
increment?(): void;
|
|
9
|
-
label: string;
|
|
10
|
-
max?: number;
|
|
11
|
-
min?: number;
|
|
12
|
-
onChange(value: number | ''): void;
|
|
13
|
-
placeholder?: string;
|
|
14
|
-
required?: boolean;
|
|
15
|
-
step?: string;
|
|
16
|
-
tabIndex?: number;
|
|
17
|
-
value: number | '';
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* Basic numeric input field. A label is required, but may be visually hidden
|
|
21
|
-
* using the `hiddenLabel` property.
|
|
22
|
-
*/
|
|
23
|
-
export declare function NumberInput(props: Props): React.ReactElement;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { NumberInput } from './NumberInput';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
component: typeof NumberInput;
|
|
5
|
-
title: string;
|
|
6
|
-
argTypes: {
|
|
7
|
-
className: {
|
|
8
|
-
control: {
|
|
9
|
-
disable: true;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
value: {
|
|
13
|
-
control: {
|
|
14
|
-
disable: true;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export default meta;
|
|
20
|
-
type Story = StoryObj<typeof NumberInput>;
|
|
21
|
-
export declare const Base: Story;
|
|
22
|
-
export declare const Required: Story;
|
|
23
|
-
export declare const Disabled: Story;
|
|
24
|
-
export declare const WithMinimum: Story;
|
|
25
|
-
export declare const WithMaximum: Story;
|
|
26
|
-
export declare const WithMinMax: Story;
|
|
27
|
-
export declare const WithDecimalStep: Story;
|
|
28
|
-
export declare const WithPlaceholderText: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StyledNumberField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { NumberInput } from './NumberInput';
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AriaRadioProps, RadioGroupProps } from '@react-types/radio';
|
|
3
|
-
import { PermafrostComponent } from '@/types';
|
|
4
|
-
type Props = {
|
|
5
|
-
['aria-label']: string;
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
hideFocusRing: boolean;
|
|
8
|
-
color: string;
|
|
9
|
-
labelColor: string;
|
|
10
|
-
hoverAndSelectedColor: string;
|
|
11
|
-
focusRingColor: string;
|
|
12
|
-
value: string;
|
|
13
|
-
} & RadioGroupProps & PermafrostComponent;
|
|
14
|
-
/**
|
|
15
|
-
* Renders a group of radio buttons.
|
|
16
|
-
*
|
|
17
|
-
* A group label must be included: either pass a string or markup into the
|
|
18
|
-
* `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
|
|
19
|
-
*/
|
|
20
|
-
export declare function RadioGroup({ children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
/**
|
|
22
|
-
* A single radio button and its label.
|
|
23
|
-
*/
|
|
24
|
-
export declare function Radio({ children, ...props }: AriaRadioProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { RadioGroup } from './RadioButtons';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
component: typeof RadioGroup;
|
|
5
|
-
title: string;
|
|
6
|
-
args: {};
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof RadioGroup>;
|
|
11
|
-
export declare const Normal: Story;
|
|
12
|
-
export declare const CustomColors: Story;
|
|
13
|
-
export declare const WithHiddenLabel: Story;
|
|
14
|
-
export declare const Horizontal: Story;
|
|
15
|
-
export declare const Disabled: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { AbstractRadioGroup } from '../RadioGroup';
|
|
2
|
-
export declare const StyledRadioGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../../types").PermafrostComponent & {
|
|
3
|
-
value?: string;
|
|
4
|
-
onChange?: (value: string) => void;
|
|
5
|
-
children: import("react").ReactNode;
|
|
6
|
-
className?: string;
|
|
7
|
-
} & import("@react-types/radio").AriaRadioGroupProps, {
|
|
8
|
-
hideFocusRing: boolean;
|
|
9
|
-
color: string;
|
|
10
|
-
labelColor: string;
|
|
11
|
-
hoverAndSelectedColor: string;
|
|
12
|
-
focusRingColor: string;
|
|
13
|
-
}>> & string & Omit<typeof AbstractRadioGroup, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Radio, RadioGroup } from './RadioButtons';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AriaRadioGroupProps, AriaRadioProps } from '@react-types/radio';
|
|
3
|
-
import { RadioGroupState } from 'react-stately';
|
|
4
|
-
import { PermafrostComponent } from '@/types';
|
|
5
|
-
export type RadioGroupProps = PermafrostComponent & {
|
|
6
|
-
value?: string;
|
|
7
|
-
onChange?: (value: string) => void;
|
|
8
|
-
children: React.ReactNode;
|
|
9
|
-
className?: string;
|
|
10
|
-
} & AriaRadioGroupProps;
|
|
11
|
-
export declare const RadioContext: React.Context<RadioGroupState>;
|
|
12
|
-
/**
|
|
13
|
-
* Renders a group of radio buttons with no styling. This component is not
|
|
14
|
-
* designed to be user-facing, and should only be used to provide functionality.
|
|
15
|
-
*
|
|
16
|
-
* A group label must be included: either pass a string or markup into the
|
|
17
|
-
* `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
|
|
18
|
-
*/
|
|
19
|
-
export declare function RadioGroup(props: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
/**
|
|
21
|
-
* A single radio button and its label; no styling is applied, and the native
|
|
22
|
-
* radio button is visually hidden.
|
|
23
|
-
*/
|
|
24
|
-
export declare function Radio(props: AriaRadioProps & {
|
|
25
|
-
className?: string;
|
|
26
|
-
isVisuallySelected?: (selectedValue: string) => void;
|
|
27
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { RadioGroup } from './RadioGroup';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
component: typeof RadioGroup;
|
|
5
|
-
title: string;
|
|
6
|
-
args: {
|
|
7
|
-
value: string;
|
|
8
|
-
};
|
|
9
|
-
tags: string[];
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
type Story = StoryObj<typeof RadioGroup>;
|
|
13
|
-
export declare const Normal: Story;
|
|
14
|
-
export declare const WithHiddenLabel: Story;
|
|
15
|
-
export declare const Horizontal: Story;
|
|
16
|
-
export declare const Disabled: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StyledRadioGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Radio as AbstractRadio, RadioGroup as AbstractRadioGroup } from './RadioGroup';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PermafrostComponent } from '@/types';
|
|
3
|
-
type Props = PermafrostComponent & {
|
|
4
|
-
inputBorder?: boolean;
|
|
5
|
-
showClearInputIcon?: boolean;
|
|
6
|
-
showSearchIcon?: boolean;
|
|
7
|
-
inputProps?: {
|
|
8
|
-
[key: string]: string;
|
|
9
|
-
};
|
|
10
|
-
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
11
|
-
onClear?(): void;
|
|
12
|
-
onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
|
-
placeholder?: string;
|
|
14
|
-
value?: string;
|
|
15
|
-
};
|
|
16
|
-
export declare const SearchInput: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export default SearchInput;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { SearchInput } from './SearchInput';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
component: (props: import("../../../../types").PermafrostComponent & {
|
|
5
|
-
inputBorder?: boolean;
|
|
6
|
-
showClearInputIcon?: boolean;
|
|
7
|
-
showSearchIcon?: boolean;
|
|
8
|
-
inputProps?: {
|
|
9
|
-
[key: string]: string;
|
|
10
|
-
};
|
|
11
|
-
onChange?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
|
|
12
|
-
onClear?(): void;
|
|
13
|
-
onKeyUp?: (e: import("react").KeyboardEvent<HTMLInputElement>) => void;
|
|
14
|
-
placeholder?: string;
|
|
15
|
-
value?: string;
|
|
16
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
title: string;
|
|
18
|
-
argTypes: {};
|
|
19
|
-
args: {
|
|
20
|
-
placeholder: string;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
export default meta;
|
|
24
|
-
type Story = StoryObj<typeof SearchInput>;
|
|
25
|
-
export declare const Base: Story;
|
|
26
|
-
export declare const Border: Story;
|
|
27
|
-
export declare const SearchIcon: Story;
|
|
28
|
-
export declare const BorderAndSearchIcon: Story;
|
|
29
|
-
export declare const ClearInputIcon: Story;
|
|
30
|
-
export declare const ClearInputIconWithBorder: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StyledSearchField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SearchInput } from './SearchInput';
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React, { ChangeEvent } from 'react';
|
|
2
|
-
import { PermafrostComponent } from '@/types';
|
|
3
|
-
export type Props = PermafrostComponent & {
|
|
4
|
-
autoComplete?: 'email' | 'current-password' | 'new-password' | string;
|
|
5
|
-
autoFocus?: boolean;
|
|
6
|
-
defaultValue?: string;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
displayErrors?: boolean;
|
|
9
|
-
inputProps?: any;
|
|
10
|
-
label?: string;
|
|
11
|
-
maxLength?: number;
|
|
12
|
-
name?: string;
|
|
13
|
-
onBlur?(): void;
|
|
14
|
-
onChange?(event: ChangeEvent<HTMLInputElement>): void;
|
|
15
|
-
onFocus?(): void;
|
|
16
|
-
placeholder?: string;
|
|
17
|
-
promptProps?: any;
|
|
18
|
-
required?: boolean;
|
|
19
|
-
type?: 'text' | 'email' | 'password' | string;
|
|
20
|
-
validationErrors?: string[];
|
|
21
|
-
value?: string;
|
|
22
|
-
readOnly?: boolean;
|
|
23
|
-
};
|
|
24
|
-
export declare function TextInput(props: Props): React.ReactElement;
|