@clickhouse/click-ui 0.6.2-rc3 → 0.8.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/dist/cjs/click-ui.css +3521 -236
- package/dist/cjs/components/Alert/index.cjs +2 -2
- package/dist/cjs/components/Alert/index.cjs.map +1 -1
- package/dist/cjs/components/Assets/Logos/Polaris.cjs +22 -0
- package/dist/cjs/components/Assets/Logos/Polaris.cjs.map +1 -0
- package/dist/cjs/components/Assets/Logos/system/LogosDark.cjs +2 -0
- package/dist/cjs/components/Assets/Logos/system/LogosDark.cjs.map +1 -1
- package/dist/cjs/components/Assets/Logos/system/LogosLight.cjs +2 -0
- package/dist/cjs/components/Assets/Logos/system/LogosLight.cjs.map +1 -1
- package/dist/cjs/components/AutoComplete/AutoComplete.css +97 -0
- package/dist/cjs/components/AutoComplete/AutoComplete.module.css.cjs +18 -0
- package/dist/cjs/components/AutoComplete/AutoComplete.module.css.cjs.map +1 -0
- package/dist/cjs/components/AutoComplete/index.cjs +14 -74
- package/dist/cjs/components/AutoComplete/index.cjs.map +1 -1
- package/dist/cjs/components/BigStat/BigStat.css +77 -0
- package/dist/cjs/components/BigStat/BigStat.module.css.cjs +22 -0
- package/dist/cjs/components/BigStat/BigStat.module.css.cjs.map +1 -0
- package/dist/cjs/components/BigStat/index.cjs +60 -52
- package/dist/cjs/components/BigStat/index.cjs.map +1 -1
- package/dist/cjs/components/Button/BaseButton.cjs +10 -31
- package/dist/cjs/components/Button/BaseButton.cjs.map +1 -1
- package/dist/cjs/components/Button/BaseButton.css +40 -0
- package/dist/cjs/components/Button/BaseButton.module.css.cjs +10 -0
- package/dist/cjs/components/Button/BaseButton.module.css.cjs.map +1 -0
- package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
- package/dist/cjs/components/ButtonGroup/index.cjs.map +1 -1
- package/dist/cjs/components/CardPromotion/CardPromotion.css +52 -0
- package/dist/cjs/components/CardPromotion/CardPromotion.module.css.cjs +21 -0
- package/dist/cjs/components/CardPromotion/CardPromotion.module.css.cjs.map +1 -0
- package/dist/cjs/components/CardPromotion/index.cjs +8 -54
- package/dist/cjs/components/CardPromotion/index.cjs.map +1 -1
- package/dist/cjs/components/CardSecondary/CardSecondary.css +99 -0
- package/dist/cjs/components/CardSecondary/CardSecondary.module.css.cjs +39 -0
- package/dist/cjs/components/CardSecondary/CardSecondary.module.css.cjs.map +1 -0
- package/dist/cjs/components/CardSecondary/index.cjs +35 -84
- package/dist/cjs/components/CardSecondary/index.cjs.map +1 -1
- package/dist/cjs/components/CodeBlock/CodeBlock.css +48 -0
- package/dist/cjs/components/CodeBlock/CodeBlock.module.css.cjs +22 -0
- package/dist/cjs/components/CodeBlock/CodeBlock.module.css.cjs.map +1 -0
- package/dist/cjs/components/CodeBlock/InlineCodeBlock.cjs +7 -14
- package/dist/cjs/components/CodeBlock/InlineCodeBlock.cjs.map +1 -1
- package/dist/cjs/components/CodeBlock/InlineCodeBlock.css +10 -0
- package/dist/cjs/components/CodeBlock/InlineCodeBlock.module.css.cjs +12 -0
- package/dist/cjs/components/CodeBlock/InlineCodeBlock.module.css.cjs.map +1 -0
- package/dist/cjs/components/CodeBlock/index.cjs +18 -49
- package/dist/cjs/components/CodeBlock/index.cjs.map +1 -1
- package/dist/cjs/components/CodeBlock/useColorStyle.cjs +15 -0
- package/dist/cjs/components/CodeBlock/useColorStyle.cjs.map +1 -1
- package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.css +20 -0
- package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.module.css.cjs +15 -0
- package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.module.css.cjs.map +1 -0
- package/dist/cjs/components/ConfirmationDialog/index.cjs +6 -11
- package/dist/cjs/components/ConfirmationDialog/index.cjs.map +1 -1
- package/dist/cjs/components/ContextMenu/ContextMenu.css +40 -0
- package/dist/cjs/components/ContextMenu/ContextMenu.module.css.cjs +17 -0
- package/dist/cjs/components/ContextMenu/ContextMenu.module.css.cjs.map +1 -0
- package/dist/cjs/components/ContextMenu/index.cjs +33 -47
- package/dist/cjs/components/ContextMenu/index.cjs.map +1 -1
- package/dist/cjs/components/CrossButton/CrossButton.css +12 -0
- package/dist/cjs/components/CrossButton/CrossButton.module.css.cjs +10 -0
- package/dist/cjs/components/CrossButton/CrossButton.module.css.cjs.map +1 -0
- package/dist/cjs/components/CrossButton/index.cjs +11 -14
- package/dist/cjs/components/CrossButton/index.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/Common.cjs +1 -1
- package/dist/cjs/components/DatePicker/Common.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/DateTimeRangePicker.cjs +1 -1
- package/dist/cjs/components/DatePicker/DateTimeRangePicker.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.css +36 -0
- package/dist/cjs/components/Dropdown/Dropdown.module.css.cjs +13 -0
- package/dist/cjs/components/Dropdown/Dropdown.module.css.cjs.map +1 -0
- package/dist/cjs/components/Dropdown/index.cjs +28 -33
- package/dist/cjs/components/Dropdown/index.cjs.map +1 -1
- package/dist/cjs/components/EllipsisContent/EllipsisContent.css +21 -0
- package/dist/cjs/components/EllipsisContent/EllipsisContent.module.css.cjs +10 -0
- package/dist/cjs/components/EllipsisContent/EllipsisContent.module.css.cjs.map +1 -0
- package/dist/cjs/components/EllipsisContent/index.cjs +7 -6
- package/dist/cjs/components/EllipsisContent/index.cjs.map +1 -1
- package/dist/cjs/components/EmptyButton/EmptyButton.css +21 -0
- package/dist/cjs/components/EmptyButton/EmptyButton.module.css.cjs +10 -0
- package/dist/cjs/components/EmptyButton/EmptyButton.module.css.cjs.map +1 -0
- package/dist/cjs/components/EmptyButton/index.cjs +10 -4
- package/dist/cjs/components/EmptyButton/index.cjs.map +1 -1
- package/dist/cjs/components/FileTabs/FileTabs.css +167 -0
- package/dist/cjs/components/FileTabs/FileTabs.module.css.cjs +38 -0
- package/dist/cjs/components/FileTabs/FileTabs.module.css.cjs.map +1 -0
- package/dist/cjs/components/FileTabs/index.cjs +51 -80
- package/dist/cjs/components/FileTabs/index.cjs.map +1 -1
- package/dist/cjs/components/FileUpload/FileMultiUpload.cjs +3 -9
- package/dist/cjs/components/FileUpload/FileMultiUpload.cjs.map +1 -1
- package/dist/cjs/components/FileUpload/FileMultiUpload.css +8 -0
- package/dist/cjs/components/FileUpload/FileMultiUpload.module.css.cjs +10 -0
- package/dist/cjs/components/FileUpload/FileMultiUpload.module.css.cjs.map +1 -0
- package/dist/cjs/components/FileUpload/FileUpload.stories-common.css +14 -0
- package/dist/cjs/components/FileUpload/FileUploadArea.cjs +87 -64
- package/dist/cjs/components/FileUpload/FileUploadArea.cjs.map +1 -1
- package/dist/cjs/components/FileUpload/FileUploadArea.css +130 -0
- package/dist/cjs/components/FileUpload/FileUploadArea.module.css.cjs +38 -0
- package/dist/cjs/components/FileUpload/FileUploadArea.module.css.cjs.map +1 -0
- package/dist/cjs/components/FileUpload/FileUploadItem.cjs +56 -64
- package/dist/cjs/components/FileUpload/FileUploadItem.cjs.map +1 -1
- package/dist/cjs/components/FileUpload/FileUploadItem.css +82 -0
- package/dist/cjs/components/FileUpload/FileUploadItem.module.css.cjs +27 -0
- package/dist/cjs/components/FileUpload/FileUploadItem.module.css.cjs.map +1 -0
- package/dist/cjs/components/Flyout/Flyout.css +231 -0
- package/dist/cjs/components/Flyout/Flyout.module.css.cjs +93 -0
- package/dist/cjs/components/Flyout/Flyout.module.css.cjs.map +1 -0
- package/dist/cjs/components/Flyout/index.cjs +148 -126
- package/dist/cjs/components/Flyout/index.cjs.map +1 -1
- package/dist/cjs/components/FormContainer/Error.cjs +8 -9
- package/dist/cjs/components/FormContainer/Error.cjs.map +1 -1
- package/dist/cjs/components/FormContainer/Error.css +4 -0
- package/dist/cjs/components/FormContainer/Error.module.css.cjs +12 -0
- package/dist/cjs/components/FormContainer/Error.module.css.cjs.map +1 -0
- package/dist/cjs/components/FormContainer/FormElementContainer.cjs +8 -6
- package/dist/cjs/components/FormContainer/FormElementContainer.cjs.map +1 -1
- package/dist/cjs/components/FormContainer/FormElementContainer.css +14 -0
- package/dist/cjs/components/FormContainer/FormElementContainer.module.css.cjs +10 -0
- package/dist/cjs/components/FormContainer/FormElementContainer.module.css.cjs.map +1 -0
- package/dist/cjs/components/FormContainer/FormRoot.cjs +32 -18
- package/dist/cjs/components/FormContainer/FormRoot.cjs.map +1 -1
- package/dist/cjs/components/FormContainer/FormRoot.css +33 -0
- package/dist/cjs/components/FormContainer/FormRoot.module.css.cjs +15 -0
- package/dist/cjs/components/FormContainer/FormRoot.module.css.cjs.map +1 -0
- package/dist/cjs/components/GenericMenu/GenericMenu.css +176 -0
- package/dist/cjs/components/GenericMenu/GenericMenu.module.css.cjs +23 -0
- package/dist/cjs/components/GenericMenu/GenericMenu.module.css.cjs.map +1 -0
- package/dist/cjs/components/GenericMenu/index.cjs +93 -99
- package/dist/cjs/components/GenericMenu/index.cjs.map +1 -1
- package/dist/cjs/components/GridCenter/GridCenter.css +6 -0
- package/dist/cjs/components/GridContainer/GridContainer.css +71 -0
- package/dist/cjs/components/GridContainer/GridContainer.module.css.cjs +12 -0
- package/dist/cjs/components/GridContainer/GridContainer.module.css.cjs.map +1 -0
- package/dist/cjs/components/GridContainer/index.cjs +64 -64
- package/dist/cjs/components/GridContainer/index.cjs.map +1 -1
- package/dist/cjs/components/HoverCard/index.cjs +1 -1
- package/dist/cjs/components/HoverCard/index.cjs.map +1 -1
- package/dist/cjs/components/IconButton/index.cjs +2 -1
- package/dist/cjs/components/IconButton/index.cjs.map +1 -1
- package/dist/cjs/components/InputWrapper/InputWrapper.css +221 -0
- package/dist/cjs/components/InputWrapper/InputWrapper.module.css.cjs +39 -0
- package/dist/cjs/components/InputWrapper/InputWrapper.module.css.cjs.map +1 -0
- package/dist/cjs/components/InputWrapper/index.cjs +84 -185
- package/dist/cjs/components/InputWrapper/index.cjs.map +1 -1
- package/dist/cjs/components/MiddleTruncator/MiddleTruncator.css +22 -0
- package/dist/cjs/components/MiddleTruncator/MiddleTruncator.module.css.cjs +18 -0
- package/dist/cjs/components/MiddleTruncator/MiddleTruncator.module.css.cjs.map +1 -0
- package/dist/cjs/components/MiddleTruncator/index.cjs +5 -17
- package/dist/cjs/components/MiddleTruncator/index.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.css +7 -0
- package/dist/cjs/components/Pagination/Pagination.module.css.cjs +10 -0
- package/dist/cjs/components/Pagination/Pagination.module.css.cjs.map +1 -0
- package/dist/cjs/components/Pagination/index.cjs +3 -5
- package/dist/cjs/components/Pagination/index.cjs.map +1 -1
- package/dist/cjs/components/Panel/Panel.css +116 -0
- package/dist/cjs/components/Panel/Panel.module.css.cjs +87 -0
- package/dist/cjs/components/Panel/Panel.module.css.cjs.map +1 -0
- package/dist/cjs/components/Panel/index.cjs +85 -35
- package/dist/cjs/components/Panel/index.cjs.map +1 -1
- package/dist/cjs/components/Popover/Popover.css +32 -0
- package/dist/cjs/components/Popover/Popover.module.css.cjs +15 -0
- package/dist/cjs/components/Popover/Popover.module.css.cjs.map +1 -0
- package/dist/cjs/components/Popover/index.cjs +27 -36
- package/dist/cjs/components/Popover/index.cjs.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.css +99 -0
- package/dist/cjs/components/RadioGroup/RadioGroup.module.css.cjs +18 -0
- package/dist/cjs/components/RadioGroup/RadioGroup.module.css.cjs.map +1 -0
- package/dist/cjs/components/RadioGroup/index.cjs +28 -77
- package/dist/cjs/components/RadioGroup/index.cjs.map +1 -1
- package/dist/cjs/components/Select/MultiSelectValue.cjs +4 -9
- package/dist/cjs/components/Select/MultiSelectValue.cjs.map +1 -1
- package/dist/cjs/components/Select/MultiSelectValue.css +19 -0
- package/dist/cjs/components/Select/MultiSelectValue.module.css.cjs +11 -0
- package/dist/cjs/components/Select/MultiSelectValue.module.css.cjs.map +1 -0
- package/dist/cjs/components/Select/SingleSelectValue.cjs +3 -5
- package/dist/cjs/components/Select/SingleSelectValue.cjs.map +1 -1
- package/dist/cjs/components/Select/SingleSelectValue.css +10 -0
- package/dist/cjs/components/Select/SingleSelectValue.module.css.cjs +10 -0
- package/dist/cjs/components/Select/SingleSelectValue.module.css.cjs.map +1 -0
- package/dist/cjs/components/Select/common/InternalSelect.cjs +18 -23
- package/dist/cjs/components/Select/common/InternalSelect.cjs.map +1 -1
- package/dist/cjs/components/Select/common/SelectComponents.cjs +110 -0
- package/dist/cjs/components/Select/common/SelectComponents.cjs.map +1 -0
- package/dist/cjs/components/Select/common/SelectComponents.css +296 -0
- package/dist/cjs/components/Select/common/SelectComponents.module.css.cjs +31 -0
- package/dist/cjs/components/Select/common/SelectComponents.module.css.cjs.map +1 -0
- package/dist/cjs/components/SplitButton/SplitButton.css +138 -0
- package/dist/cjs/components/SplitButton/SplitButton.module.css.cjs +19 -0
- package/dist/cjs/components/SplitButton/SplitButton.module.css.cjs.map +1 -0
- package/dist/cjs/components/SplitButton/index.cjs +43 -88
- package/dist/cjs/components/SplitButton/index.cjs.map +1 -1
- package/dist/cjs/components/Table/Table.css +375 -0
- package/dist/cjs/components/Table/Table.module.css.cjs +86 -0
- package/dist/cjs/components/Table/Table.module.css.cjs.map +1 -0
- package/dist/cjs/components/Table/index.cjs +132 -214
- package/dist/cjs/components/Table/index.cjs.map +1 -1
- package/dist/cjs/components/Toast/Toast.css +142 -0
- package/dist/cjs/components/Toast/Toast.module.css.cjs +38 -0
- package/dist/cjs/components/Toast/Toast.module.css.cjs.map +1 -0
- package/dist/cjs/components/Toast/index.cjs +43 -96
- package/dist/cjs/components/Toast/index.cjs.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.css +17 -0
- package/dist/cjs/components/Tooltip/Tooltip.module.css.cjs +15 -0
- package/dist/cjs/components/Tooltip/Tooltip.module.css.cjs.map +1 -0
- package/dist/cjs/components/Tooltip/index.cjs +12 -24
- package/dist/cjs/components/Tooltip/index.cjs.map +1 -1
- package/dist/cjs/components/VerticalStepper/VerticalStepper.css +302 -0
- package/dist/cjs/components/VerticalStepper/VerticalStepper.module.css.cjs +84 -0
- package/dist/cjs/components/VerticalStepper/VerticalStepper.module.css.cjs.map +1 -0
- package/dist/cjs/components/VerticalStepper/index.cjs +85 -110
- package/dist/cjs/components/VerticalStepper/index.cjs.map +1 -1
- package/dist/esm/click-ui.css +3521 -236
- package/dist/esm/components/Alert/index.js +2 -2
- package/dist/esm/components/Alert/index.js.map +1 -1
- package/dist/esm/components/Assets/Logos/Polaris.js +18 -0
- package/dist/esm/components/Assets/Logos/Polaris.js.map +1 -0
- package/dist/esm/components/Assets/Logos/system/LogosDark.js +2 -0
- package/dist/esm/components/Assets/Logos/system/LogosDark.js.map +1 -1
- package/dist/esm/components/Assets/Logos/system/LogosLight.js +2 -0
- package/dist/esm/components/Assets/Logos/system/LogosLight.js.map +1 -1
- package/dist/esm/components/AutoComplete/AutoComplete.css +97 -0
- package/dist/esm/components/AutoComplete/AutoComplete.module.css.js +14 -0
- package/dist/esm/components/AutoComplete/AutoComplete.module.css.js.map +1 -0
- package/dist/esm/components/AutoComplete/index.js +15 -75
- package/dist/esm/components/AutoComplete/index.js.map +1 -1
- package/dist/esm/components/BigStat/BigStat.css +77 -0
- package/dist/esm/components/BigStat/BigStat.module.css.js +18 -0
- package/dist/esm/components/BigStat/BigStat.module.css.js.map +1 -0
- package/dist/esm/components/BigStat/index.js +60 -52
- package/dist/esm/components/BigStat/index.js.map +1 -1
- package/dist/esm/components/Button/BaseButton.css +40 -0
- package/dist/esm/components/Button/BaseButton.js +11 -32
- package/dist/esm/components/Button/BaseButton.js.map +1 -1
- package/dist/esm/components/Button/BaseButton.module.css.js +6 -0
- package/dist/esm/components/Button/BaseButton.module.css.js.map +1 -0
- package/dist/esm/components/ButtonGroup/index.js +1 -1
- package/dist/esm/components/ButtonGroup/index.js.map +1 -1
- package/dist/esm/components/CardPromotion/CardPromotion.css +52 -0
- package/dist/esm/components/CardPromotion/CardPromotion.module.css.js +13 -0
- package/dist/esm/components/CardPromotion/CardPromotion.module.css.js.map +1 -0
- package/dist/esm/components/CardPromotion/index.js +8 -54
- package/dist/esm/components/CardPromotion/index.js.map +1 -1
- package/dist/esm/components/CardSecondary/CardSecondary.css +99 -0
- package/dist/esm/components/CardSecondary/CardSecondary.module.css.js +25 -0
- package/dist/esm/components/CardSecondary/CardSecondary.module.css.js.map +1 -0
- package/dist/esm/components/CardSecondary/index.js +35 -84
- package/dist/esm/components/CardSecondary/index.js.map +1 -1
- package/dist/esm/components/CodeBlock/CodeBlock.css +48 -0
- package/dist/esm/components/CodeBlock/CodeBlock.module.css.js +14 -0
- package/dist/esm/components/CodeBlock/CodeBlock.module.css.js.map +1 -0
- package/dist/esm/components/CodeBlock/InlineCodeBlock.css +10 -0
- package/dist/esm/components/CodeBlock/InlineCodeBlock.js +7 -14
- package/dist/esm/components/CodeBlock/InlineCodeBlock.js.map +1 -1
- package/dist/esm/components/CodeBlock/InlineCodeBlock.module.css.js +7 -0
- package/dist/esm/components/CodeBlock/InlineCodeBlock.module.css.js.map +1 -0
- package/dist/esm/components/CodeBlock/index.js +20 -51
- package/dist/esm/components/CodeBlock/index.js.map +1 -1
- package/dist/esm/components/CodeBlock/useColorStyle.js +14 -1
- package/dist/esm/components/CodeBlock/useColorStyle.js.map +1 -1
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.css +20 -0
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.module.css.js +9 -0
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.module.css.js.map +1 -0
- package/dist/esm/components/ConfirmationDialog/index.js +6 -11
- package/dist/esm/components/ConfirmationDialog/index.js.map +1 -1
- package/dist/esm/components/ContextMenu/ContextMenu.css +40 -0
- package/dist/esm/components/ContextMenu/ContextMenu.module.css.js +11 -0
- package/dist/esm/components/ContextMenu/ContextMenu.module.css.js.map +1 -0
- package/dist/esm/components/ContextMenu/index.js +34 -48
- package/dist/esm/components/ContextMenu/index.js.map +1 -1
- package/dist/esm/components/CrossButton/CrossButton.css +12 -0
- package/dist/esm/components/CrossButton/CrossButton.module.css.js +6 -0
- package/dist/esm/components/CrossButton/CrossButton.module.css.js.map +1 -0
- package/dist/esm/components/CrossButton/index.js +11 -14
- package/dist/esm/components/CrossButton/index.js.map +1 -1
- package/dist/esm/components/DatePicker/Common.js +1 -1
- package/dist/esm/components/DatePicker/Common.js.map +1 -1
- package/dist/esm/components/DatePicker/DateTimeRangePicker.js +1 -1
- package/dist/esm/components/DatePicker/DateTimeRangePicker.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.css +36 -0
- package/dist/esm/components/Dropdown/Dropdown.module.css.js +9 -0
- package/dist/esm/components/Dropdown/Dropdown.module.css.js.map +1 -0
- package/dist/esm/components/Dropdown/index.js +28 -33
- package/dist/esm/components/Dropdown/index.js.map +1 -1
- package/dist/esm/components/EllipsisContent/EllipsisContent.css +21 -0
- package/dist/esm/components/EllipsisContent/EllipsisContent.module.css.js +6 -0
- package/dist/esm/components/EllipsisContent/EllipsisContent.module.css.js.map +1 -0
- package/dist/esm/components/EllipsisContent/index.js +7 -6
- package/dist/esm/components/EllipsisContent/index.js.map +1 -1
- package/dist/esm/components/EmptyButton/EmptyButton.css +21 -0
- package/dist/esm/components/EmptyButton/EmptyButton.module.css.js +6 -0
- package/dist/esm/components/EmptyButton/EmptyButton.module.css.js.map +1 -0
- package/dist/esm/components/EmptyButton/index.js +10 -4
- package/dist/esm/components/EmptyButton/index.js.map +1 -1
- package/dist/esm/components/FileTabs/FileTabs.css +167 -0
- package/dist/esm/components/FileTabs/FileTabs.module.css.js +26 -0
- package/dist/esm/components/FileTabs/FileTabs.module.css.js.map +1 -0
- package/dist/esm/components/FileTabs/index.js +51 -80
- package/dist/esm/components/FileTabs/index.js.map +1 -1
- package/dist/esm/components/FileUpload/FileMultiUpload.css +8 -0
- package/dist/esm/components/FileUpload/FileMultiUpload.js +3 -9
- package/dist/esm/components/FileUpload/FileMultiUpload.js.map +1 -1
- package/dist/esm/components/FileUpload/FileMultiUpload.module.css.js +6 -0
- package/dist/esm/components/FileUpload/FileMultiUpload.module.css.js.map +1 -0
- package/dist/esm/components/FileUpload/FileUpload.stories-common.css +14 -0
- package/dist/esm/components/FileUpload/FileUploadArea.css +130 -0
- package/dist/esm/components/FileUpload/FileUploadArea.js +87 -64
- package/dist/esm/components/FileUpload/FileUploadArea.js.map +1 -1
- package/dist/esm/components/FileUpload/FileUploadArea.module.css.js +32 -0
- package/dist/esm/components/FileUpload/FileUploadArea.module.css.js.map +1 -0
- package/dist/esm/components/FileUpload/FileUploadItem.css +82 -0
- package/dist/esm/components/FileUpload/FileUploadItem.js +56 -64
- package/dist/esm/components/FileUpload/FileUploadItem.js.map +1 -1
- package/dist/esm/components/FileUpload/FileUploadItem.module.css.js +21 -0
- package/dist/esm/components/FileUpload/FileUploadItem.module.css.js.map +1 -0
- package/dist/esm/components/Flyout/Flyout.css +231 -0
- package/dist/esm/components/Flyout/Flyout.module.css.js +62 -0
- package/dist/esm/components/Flyout/Flyout.module.css.js.map +1 -0
- package/dist/esm/components/Flyout/index.js +149 -127
- package/dist/esm/components/Flyout/index.js.map +1 -1
- package/dist/esm/components/FormContainer/Error.css +4 -0
- package/dist/esm/components/FormContainer/Error.js +8 -9
- package/dist/esm/components/FormContainer/Error.js.map +1 -1
- package/dist/esm/components/FormContainer/Error.module.css.js +7 -0
- package/dist/esm/components/FormContainer/Error.module.css.js.map +1 -0
- package/dist/esm/components/FormContainer/FormElementContainer.css +14 -0
- package/dist/esm/components/FormContainer/FormElementContainer.js +8 -6
- package/dist/esm/components/FormContainer/FormElementContainer.js.map +1 -1
- package/dist/esm/components/FormContainer/FormElementContainer.module.css.js +6 -0
- package/dist/esm/components/FormContainer/FormElementContainer.module.css.js.map +1 -0
- package/dist/esm/components/FormContainer/FormRoot.css +33 -0
- package/dist/esm/components/FormContainer/FormRoot.js +32 -18
- package/dist/esm/components/FormContainer/FormRoot.js.map +1 -1
- package/dist/esm/components/FormContainer/FormRoot.module.css.js +11 -0
- package/dist/esm/components/FormContainer/FormRoot.module.css.js.map +1 -0
- package/dist/esm/components/GenericMenu/GenericMenu.css +176 -0
- package/dist/esm/components/GenericMenu/GenericMenu.module.css.js +18 -0
- package/dist/esm/components/GenericMenu/GenericMenu.module.css.js.map +1 -0
- package/dist/esm/components/GenericMenu/index.js +93 -99
- package/dist/esm/components/GenericMenu/index.js.map +1 -1
- package/dist/esm/components/GridCenter/GridCenter.css +6 -0
- package/dist/esm/components/GridContainer/GridContainer.css +71 -0
- package/dist/esm/components/GridContainer/GridContainer.module.css.js +8 -0
- package/dist/esm/components/GridContainer/GridContainer.module.css.js.map +1 -0
- package/dist/esm/components/GridContainer/index.js +65 -65
- package/dist/esm/components/GridContainer/index.js.map +1 -1
- package/dist/esm/components/HoverCard/index.js +1 -1
- package/dist/esm/components/HoverCard/index.js.map +1 -1
- package/dist/esm/components/IconButton/index.js +2 -1
- package/dist/esm/components/IconButton/index.js.map +1 -1
- package/dist/esm/components/InputWrapper/InputWrapper.css +221 -0
- package/dist/esm/components/InputWrapper/InputWrapper.module.css.js +27 -0
- package/dist/esm/components/InputWrapper/InputWrapper.module.css.js.map +1 -0
- package/dist/esm/components/InputWrapper/index.js +84 -185
- package/dist/esm/components/InputWrapper/index.js.map +1 -1
- package/dist/esm/components/MiddleTruncator/MiddleTruncator.css +22 -0
- package/dist/esm/components/MiddleTruncator/MiddleTruncator.module.css.js +11 -0
- package/dist/esm/components/MiddleTruncator/MiddleTruncator.module.css.js.map +1 -0
- package/dist/esm/components/MiddleTruncator/index.js +5 -17
- package/dist/esm/components/MiddleTruncator/index.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.css +7 -0
- package/dist/esm/components/Pagination/Pagination.module.css.js +6 -0
- package/dist/esm/components/Pagination/Pagination.module.css.js.map +1 -0
- package/dist/esm/components/Pagination/index.js +3 -5
- package/dist/esm/components/Pagination/index.js.map +1 -1
- package/dist/esm/components/Panel/Panel.css +116 -0
- package/dist/esm/components/Panel/Panel.module.css.js +58 -0
- package/dist/esm/components/Panel/Panel.module.css.js.map +1 -0
- package/dist/esm/components/Panel/index.js +85 -35
- package/dist/esm/components/Panel/index.js.map +1 -1
- package/dist/esm/components/Popover/Popover.css +32 -0
- package/dist/esm/components/Popover/Popover.module.css.js +10 -0
- package/dist/esm/components/Popover/Popover.module.css.js.map +1 -0
- package/dist/esm/components/Popover/index.js +27 -36
- package/dist/esm/components/Popover/index.js.map +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.css +99 -0
- package/dist/esm/components/RadioGroup/RadioGroup.module.css.js +13 -0
- package/dist/esm/components/RadioGroup/RadioGroup.module.css.js.map +1 -0
- package/dist/esm/components/RadioGroup/index.js +28 -77
- package/dist/esm/components/RadioGroup/index.js.map +1 -1
- package/dist/esm/components/Select/MultiSelectValue.css +19 -0
- package/dist/esm/components/Select/MultiSelectValue.js +4 -9
- package/dist/esm/components/Select/MultiSelectValue.js.map +1 -1
- package/dist/esm/components/Select/MultiSelectValue.module.css.js +7 -0
- package/dist/esm/components/Select/MultiSelectValue.module.css.js.map +1 -0
- package/dist/esm/components/Select/SingleSelectValue.css +10 -0
- package/dist/esm/components/Select/SingleSelectValue.js +3 -5
- package/dist/esm/components/Select/SingleSelectValue.js.map +1 -1
- package/dist/esm/components/Select/SingleSelectValue.module.css.js +6 -0
- package/dist/esm/components/Select/SingleSelectValue.module.css.js.map +1 -0
- package/dist/esm/components/Select/common/InternalSelect.js +4 -9
- package/dist/esm/components/Select/common/InternalSelect.js.map +1 -1
- package/dist/esm/components/Select/common/SelectComponents.css +296 -0
- package/dist/esm/components/Select/common/SelectComponents.js +92 -0
- package/dist/esm/components/Select/common/SelectComponents.js.map +1 -0
- package/dist/esm/components/Select/common/SelectComponents.module.css.js +27 -0
- package/dist/esm/components/Select/common/SelectComponents.module.css.js.map +1 -0
- package/dist/esm/components/SplitButton/SplitButton.css +138 -0
- package/dist/esm/components/SplitButton/SplitButton.module.css.js +15 -0
- package/dist/esm/components/SplitButton/SplitButton.module.css.js.map +1 -0
- package/dist/esm/components/SplitButton/index.js +44 -89
- package/dist/esm/components/SplitButton/index.js.map +1 -1
- package/dist/esm/components/Table/Table.css +375 -0
- package/dist/esm/components/Table/Table.module.css.js +63 -0
- package/dist/esm/components/Table/Table.module.css.js.map +1 -0
- package/dist/esm/components/Table/index.js +132 -214
- package/dist/esm/components/Table/index.js.map +1 -1
- package/dist/esm/components/Toast/Toast.css +142 -0
- package/dist/esm/components/Toast/Toast.module.css.js +26 -0
- package/dist/esm/components/Toast/Toast.module.css.js.map +1 -0
- package/dist/esm/components/Toast/index.js +43 -96
- package/dist/esm/components/Toast/index.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.css +17 -0
- package/dist/esm/components/Tooltip/Tooltip.module.css.js +9 -0
- package/dist/esm/components/Tooltip/Tooltip.module.css.js.map +1 -0
- package/dist/esm/components/Tooltip/index.js +12 -24
- package/dist/esm/components/Tooltip/index.js.map +1 -1
- package/dist/esm/components/VerticalStepper/VerticalStepper.css +302 -0
- package/dist/esm/components/VerticalStepper/VerticalStepper.module.css.js +55 -0
- package/dist/esm/components/VerticalStepper/VerticalStepper.module.css.js.map +1 -0
- package/dist/esm/components/VerticalStepper/index.js +85 -110
- package/dist/esm/components/VerticalStepper/index.js.map +1 -1
- package/dist/types/components/Assets/Logos/Polaris.d.ts +3 -0
- package/dist/types/components/Assets/Logos/system/types.d.ts +1 -1
- package/dist/types/components/AutoComplete/AutoComplete.d.ts +1 -1
- package/dist/types/components/BigStat/BigStat.d.ts +1 -1
- package/dist/types/components/Button/BaseButton.d.ts +2 -1
- package/dist/types/components/CardPromotion/CardPromotion.d.ts +1 -1
- package/dist/types/components/CardSecondary/CardSecondary.d.ts +1 -1
- package/dist/types/components/CodeBlock/CodeBlock.d.ts +1 -1
- package/dist/types/components/CodeBlock/InlineCodeBlock.d.ts +1 -1
- package/dist/types/components/CodeBlock/useColorStyle.d.ts +6 -112
- package/dist/types/components/ConfirmationDialog/ConfirmationDialog.d.ts +1 -1
- package/dist/types/components/ContextMenu/ContextMenu.d.ts +1 -1
- package/dist/types/components/CrossButton/CrossButton.d.ts +2 -3
- package/dist/types/components/Dropdown/Dropdown.d.ts +2 -2
- package/dist/types/components/EmptyButton/EmptyButton.d.ts +2 -1
- package/dist/types/components/FileTabs/FileTabs.d.ts +3 -3
- package/dist/types/components/FileUpload/FileUpload.stories-common.d.ts +4 -1
- package/dist/types/components/Flyout/Flyout.d.ts +8 -6
- package/dist/types/components/Flyout/Flyout.types.d.ts +3 -0
- package/dist/types/components/FormContainer/Error.d.ts +2 -1
- package/dist/types/components/FormContainer/FormElementContainer.d.ts +2 -1
- package/dist/types/components/FormContainer/FormRoot.d.ts +6 -4
- package/dist/types/components/GenericMenu/GenericMenu.d.ts +29 -12
- package/dist/types/components/GridCenter/GridCenter.d.ts +9 -1
- package/dist/types/components/IconButton/IconButton.types.d.ts +3 -0
- package/dist/types/components/InputWrapper/InputWrapper.d.ts +17 -13
- package/dist/types/components/Panel/Panel.d.ts +2 -39
- package/dist/types/components/RadioGroup/RadioGroup.d.ts +2 -2
- package/dist/types/components/Select/common/SelectComponents.d.ts +33 -0
- package/dist/types/components/SplitButton/SplitButton.d.ts +1 -1
- package/dist/types/components/SplitButton/SplitButton.types.d.ts +3 -0
- package/dist/types/components/Toast/Toast.d.ts +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/types/components/VerticalStepper/VerticalStepper.d.ts +2 -2
- package/package.json +1 -1
- package/dist/cjs/components/Select/common/SelectStyled.cjs +0 -194
- package/dist/cjs/components/Select/common/SelectStyled.cjs.map +0 -1
- package/dist/esm/components/Select/common/SelectStyled.js +0 -176
- package/dist/esm/components/Select/common/SelectStyled.js.map +0 -1
- package/dist/types/components/Select/common/SelectStyled.d.ts +0 -34
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
|
|
5
|
-
const RadixPopover = require('@radix-ui/react-popover');
|
|
6
|
-
const styledComponents = require('styled-components');
|
|
7
|
-
|
|
8
|
-
const SelectPopoverRoot = styledComponents.styled(RadixPopover.Root).withConfig({
|
|
9
|
-
componentId: "sc-oudbwg-0"
|
|
10
|
-
})(["width:100%;"]);
|
|
11
|
-
const SelectValue = styledComponents.styled.div.withConfig({
|
|
12
|
-
componentId: "sc-oudbwg-1"
|
|
13
|
-
})(["text-align:left;flex:1;gap:inherit;color:inherit;font:inherit;overflow:hidden;"]);
|
|
14
|
-
const StyledSelectTrigger = styledComponents.styled(RadixPopover.Trigger).withConfig({
|
|
15
|
-
componentId: "sc-oudbwg-2"
|
|
16
|
-
})(["width:100%;display:flex;align-items:center;justify-content:space-between;align-items:center;cursor:pointer;min-height:", ";span:first-of-type{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}", " [data-hide-in-trigger]{display:none;}"], ({
|
|
17
|
-
theme
|
|
18
|
-
}) => theme.click.genericMenu.panel.size.height, ({
|
|
19
|
-
theme,
|
|
20
|
-
$error
|
|
21
|
-
}) => `
|
|
22
|
-
border-radius: ${theme.click.field.radii.all};
|
|
23
|
-
padding: ${theme.click.field.space.y} ${theme.click.field.space.x};
|
|
24
|
-
gap: ${theme.click.field.space.gap};
|
|
25
|
-
font: ${theme.click.field.typography.fieldText.default};
|
|
26
|
-
color: ${theme.click.field.color.text.default};
|
|
27
|
-
border: 1px solid ${theme.click.field.color.stroke.default};
|
|
28
|
-
background: ${theme.click.field.color.background.default};
|
|
29
|
-
&:hover {
|
|
30
|
-
border: 1px solid ${theme.click.field.color.stroke.hover};
|
|
31
|
-
background: ${theme.click.field.color.background.hover};
|
|
32
|
-
color: ${theme.click.field.color.text.hover};
|
|
33
|
-
}
|
|
34
|
-
${$error ? `
|
|
35
|
-
font: ${theme.click.field.typography.fieldText.error};
|
|
36
|
-
border: 1px solid ${theme.click.field.color.stroke.error};
|
|
37
|
-
background: ${theme.click.field.color.background.active};
|
|
38
|
-
color: ${theme.click.field.color.text.error};
|
|
39
|
-
&:hover {
|
|
40
|
-
border: 1px solid ${theme.click.field.color.stroke.error};
|
|
41
|
-
color: ${theme.click.field.color.text.error};
|
|
42
|
-
}
|
|
43
|
-
` : `
|
|
44
|
-
&:focus,
|
|
45
|
-
&[data-state="open"] {
|
|
46
|
-
font: ${theme.click.field.typography.fieldText.active};
|
|
47
|
-
border: 1px solid ${theme.click.field.color.stroke.active};
|
|
48
|
-
background: ${theme.click.field.color.background.active};
|
|
49
|
-
color: ${theme.click.field.color.text.active};
|
|
50
|
-
& ~ label {
|
|
51
|
-
color: ${theme.click.field.color.label.active};
|
|
52
|
-
font: ${theme.click.field.typography.label.active};;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
`};
|
|
56
|
-
&:focus-visible {
|
|
57
|
-
outline: 2px solid ${theme.click.global.color.outline.default};
|
|
58
|
-
outline-offset: 2px;
|
|
59
|
-
}
|
|
60
|
-
&:disabled {
|
|
61
|
-
font: ${theme.click.field.typography.fieldText.disabled};
|
|
62
|
-
border: 1px solid ${theme.click.field.color.stroke.disabled};
|
|
63
|
-
background: ${theme.click.field.color.background.disabled};
|
|
64
|
-
color: ${theme.click.field.color.text.disabled};
|
|
65
|
-
cursor: not-allowed;
|
|
66
|
-
}
|
|
67
|
-
`);
|
|
68
|
-
const SelectPopoverContent = styledComponents.styled(RadixPopover.Content).withConfig({
|
|
69
|
-
componentId: "sc-oudbwg-3"
|
|
70
|
-
})(["width:var(--radix-popover-trigger-width);max-height:var(--radix-popover-content-available-height);border-radius:0.25rem;pointer-events:auto;", " ", " overflow:hidden;display:flex;padding:0.5rem 0rem;align-items:flex-start;gap:0.625rem;"], ({
|
|
71
|
-
$useFullWidthItems,
|
|
72
|
-
$itemCharacterLimit
|
|
73
|
-
}) => `
|
|
74
|
-
${$useFullWidthItems ? `
|
|
75
|
-
max-width: ${$itemCharacterLimit};
|
|
76
|
-
min-width: var(--radix-popover-trigger-width);
|
|
77
|
-
width: 100%;
|
|
78
|
-
` : "width: var(--radix-popover-trigger-width)"};
|
|
79
|
-
`, ({
|
|
80
|
-
theme
|
|
81
|
-
}) => `
|
|
82
|
-
border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
|
|
83
|
-
background: ${theme.click.genericMenu.item.color.default.background.default};
|
|
84
|
-
box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
|
|
85
|
-
0px 1px 2px 0px rgba(16, 24, 40, 0.06);
|
|
86
|
-
border-radius: 0.25rem;
|
|
87
|
-
`);
|
|
88
|
-
const SearchBarContainer = styledComponents.styled.div.withConfig({
|
|
89
|
-
componentId: "sc-oudbwg-4"
|
|
90
|
-
})(["width:auto;position:relative;display:flex;justify-content:flex-start;align-items:center;", ""], ({
|
|
91
|
-
theme,
|
|
92
|
-
$showSearch
|
|
93
|
-
}) => `
|
|
94
|
-
padding: ${$showSearch ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}` : 0};
|
|
95
|
-
color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
|
|
96
|
-
font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
|
|
97
|
-
height: ${$showSearch ? "auto" : " 0"};
|
|
98
|
-
`);
|
|
99
|
-
const SearchBar = styledComponents.styled.input.withConfig({
|
|
100
|
-
componentId: "sc-oudbwg-5"
|
|
101
|
-
})(["background:transparent;border:none;width:100%;outline:none;", ""], ({
|
|
102
|
-
theme,
|
|
103
|
-
$showSearch
|
|
104
|
-
}) => `
|
|
105
|
-
min-height: ${$showSearch ? "21px" : 0};
|
|
106
|
-
height: ${$showSearch ? "initial" : 0};
|
|
107
|
-
${$showSearch ? "padding-right: 24px" : "padding:0"};
|
|
108
|
-
|
|
109
|
-
gap: ${theme.click.genericMenu.item.space.gap};
|
|
110
|
-
font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
|
|
111
|
-
border-bottom: ${$showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0};
|
|
112
|
-
color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
|
|
113
|
-
&::placeholder {
|
|
114
|
-
color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};
|
|
115
|
-
font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};
|
|
116
|
-
}
|
|
117
|
-
`);
|
|
118
|
-
const SearchClose = styledComponents.styled.button.withConfig({
|
|
119
|
-
componentId: "sc-oudbwg-6"
|
|
120
|
-
})(["position:absolute;", " visibility:", ";"], ({
|
|
121
|
-
theme
|
|
122
|
-
}) => `
|
|
123
|
-
top: ${theme.click.genericMenu.item.space.y};
|
|
124
|
-
right: ${theme.click.genericMenu.item.space.x};
|
|
125
|
-
`, ({
|
|
126
|
-
$showClose
|
|
127
|
-
}) => $showClose ? "visible" : "hidden");
|
|
128
|
-
const SelectList = styledComponents.styled.div.withConfig({
|
|
129
|
-
componentId: "sc-oudbwg-7"
|
|
130
|
-
})(["display:flex;flex-direction:column;width:inherit;max-height:calc(var(--radix-popover-content-available-height) - 1rem);"]);
|
|
131
|
-
const SelectListContent = styledComponents.styled.div.withConfig({
|
|
132
|
-
componentId: "sc-oudbwg-8"
|
|
133
|
-
})(["width:inherit;overflow:auto;flex:1;", ""], ({
|
|
134
|
-
$maxHeight
|
|
135
|
-
}) => $maxHeight && `
|
|
136
|
-
max-height: ${$maxHeight};
|
|
137
|
-
`);
|
|
138
|
-
const HiddenSelectElement = styledComponents.styled.select.withConfig({
|
|
139
|
-
componentId: "sc-oudbwg-9"
|
|
140
|
-
})(["visibility:hidden;position:absolute;z-index:-1;height:0;"]);
|
|
141
|
-
const SelectGroupContainer = styledComponents.styled.div.withConfig({
|
|
142
|
-
componentId: "sc-oudbwg-10"
|
|
143
|
-
})(["display:flex;flex-direction:column;justify-content:center;width:-webkit-fill-available;width:fill-available;width:stretch;overflow:hidden;background:transparent;&[aria-selected]{outline:none;}", ";&[hidden]{display:none;}"], ({
|
|
144
|
-
theme
|
|
145
|
-
}) => `
|
|
146
|
-
font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
|
|
147
|
-
color: ${theme.click.genericMenu.item.color.default.text.muted};
|
|
148
|
-
`);
|
|
149
|
-
const SelectGroupName = styledComponents.styled.div.withConfig({
|
|
150
|
-
componentId: "sc-oudbwg-11"
|
|
151
|
-
})(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
|
|
152
|
-
theme
|
|
153
|
-
}) => `
|
|
154
|
-
font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
|
|
155
|
-
color: ${theme.click.genericMenu.item.color.default.text.muted};
|
|
156
|
-
padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};
|
|
157
|
-
gap: ${theme.click.genericMenu.item.space.gap};
|
|
158
|
-
border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
|
|
159
|
-
`);
|
|
160
|
-
const SelectGroupContent = styledComponents.styled.div.withConfig({
|
|
161
|
-
componentId: "sc-oudbwg-12"
|
|
162
|
-
})(["width:inherit;"]);
|
|
163
|
-
const SelectNoDataContainer = styledComponents.styled.div.withConfig({
|
|
164
|
-
componentId: "sc-oudbwg-13"
|
|
165
|
-
})(["border:none;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;&[hidden='true']{display:none;}", ""], ({
|
|
166
|
-
theme,
|
|
167
|
-
$clickable
|
|
168
|
-
}) => `
|
|
169
|
-
font: ${theme.click.genericMenu.button.typography.label.default}
|
|
170
|
-
padding: ${theme.click.genericMenu.button.space.y} ${theme.click.genericMenu.item.space.x};
|
|
171
|
-
background: ${theme.click.genericMenu.button.color.background.default};
|
|
172
|
-
color: ${theme.click.genericMenu.button.color.label.default};
|
|
173
|
-
cursor: ${$clickable ? "pointer" : "default"}
|
|
174
|
-
`);
|
|
175
|
-
const SelectItemDescriptionText = styledComponents.styled.div.withConfig({
|
|
176
|
-
componentId: "sc-oudbwg-14"
|
|
177
|
-
})(["white-space:normal;[data-disabled] &,[disabled] &{color:inherit;}", " &{display:none;}"], StyledSelectTrigger);
|
|
178
|
-
|
|
179
|
-
exports.HiddenSelectElement = HiddenSelectElement;
|
|
180
|
-
exports.SearchBar = SearchBar;
|
|
181
|
-
exports.SearchBarContainer = SearchBarContainer;
|
|
182
|
-
exports.SearchClose = SearchClose;
|
|
183
|
-
exports.SelectGroupContainer = SelectGroupContainer;
|
|
184
|
-
exports.SelectGroupContent = SelectGroupContent;
|
|
185
|
-
exports.SelectGroupName = SelectGroupName;
|
|
186
|
-
exports.SelectItemDescriptionText = SelectItemDescriptionText;
|
|
187
|
-
exports.SelectList = SelectList;
|
|
188
|
-
exports.SelectListContent = SelectListContent;
|
|
189
|
-
exports.SelectNoDataContainer = SelectNoDataContainer;
|
|
190
|
-
exports.SelectPopoverContent = SelectPopoverContent;
|
|
191
|
-
exports.SelectPopoverRoot = SelectPopoverRoot;
|
|
192
|
-
exports.SelectValue = SelectValue;
|
|
193
|
-
exports.StyledSelectTrigger = StyledSelectTrigger;
|
|
194
|
-
//# sourceMappingURL=SelectStyled.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectStyled.cjs","sources":["../../../../../src/components/Select/common/SelectStyled.tsx"],"sourcesContent":["import { Content, Root, Trigger } from '@radix-ui/react-popover';\nimport { styled } from 'styled-components';\n\nexport const SelectPopoverRoot = styled(Root)`\n width: 100%;\n`;\n\nexport const SelectValue = styled.div`\n text-align: left;\n flex: 1;\n gap: inherit;\n color: inherit;\n font: inherit;\n overflow: hidden;\n`;\n\nexport const StyledSelectTrigger = styled(Trigger)<{ $error: boolean }>`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n min-height: ${({ theme }) => theme.click.genericMenu.panel.size.height};\n\n span:first-of-type {\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ${({ theme, $error }) => `\n border-radius: ${theme.click.field.radii.all};\n padding: ${theme.click.field.space.y} ${theme.click.field.space.x};\n gap: ${theme.click.field.space.gap};\n font: ${theme.click.field.typography.fieldText.default};\n color: ${theme.click.field.color.text.default};\n border: 1px solid ${theme.click.field.color.stroke.default};\n background: ${theme.click.field.color.background.default};\n &:hover {\n border: 1px solid ${theme.click.field.color.stroke.hover};\n background: ${theme.click.field.color.background.hover};\n color: ${theme.click.field.color.text.hover};\n }\n ${\n $error\n ? `\n font: ${theme.click.field.typography.fieldText.error};\n border: 1px solid ${theme.click.field.color.stroke.error};\n background: ${theme.click.field.color.background.active};\n color: ${theme.click.field.color.text.error};\n &:hover {\n border: 1px solid ${theme.click.field.color.stroke.error};\n color: ${theme.click.field.color.text.error};\n }\n `\n : `\n &:focus,\n &[data-state=\"open\"] {\n font: ${theme.click.field.typography.fieldText.active};\n border: 1px solid ${theme.click.field.color.stroke.active};\n background: ${theme.click.field.color.background.active};\n color: ${theme.click.field.color.text.active};\n & ~ label {\n color: ${theme.click.field.color.label.active};\n font: ${theme.click.field.typography.label.active};;\n }\n }\n `\n };\n &:focus-visible {\n outline: 2px solid ${theme.click.global.color.outline.default};\n outline-offset: 2px;\n }\n &:disabled {\n font: ${theme.click.field.typography.fieldText.disabled};\n border: 1px solid ${theme.click.field.color.stroke.disabled};\n background: ${theme.click.field.color.background.disabled};\n color: ${theme.click.field.color.text.disabled};\n cursor: not-allowed;\n }\n `}\n [data-hide-in-trigger] {\n display: none;\n }\n`;\n\nexport const SelectPopoverContent = styled(Content)<{\n $useFullWidthItems: boolean;\n $itemCharacterLimit?: string;\n}>`\n width: var(--radix-popover-trigger-width);\n max-height: var(--radix-popover-content-available-height);\n border-radius: 0.25rem;\n pointer-events: auto;\n\n ${({ $useFullWidthItems, $itemCharacterLimit }) => `\n ${\n $useFullWidthItems\n ? `\n max-width: ${$itemCharacterLimit};\n min-width: var(--radix-popover-trigger-width);\n width: 100%;\n `\n : 'width: var(--radix-popover-trigger-width)'\n };\n `}\n\n ${({ theme }) => `\n border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n background: ${theme.click.genericMenu.item.color.default.background.default};\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n border-radius: 0.25rem;\n `}\n overflow: hidden;\n display: flex;\n padding: 0.5rem 0rem;\n align-items: flex-start;\n gap: 0.625rem;\n`;\n\nexport const SearchBarContainer = styled.div<{ $showSearch: boolean }>`\n width: auto;\n position: relative;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n ${({ theme, $showSearch }) => `\n padding: ${\n $showSearch\n ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}`\n : 0\n };\n color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n height: ${$showSearch ? 'auto' : ' 0'};\n `}\n`;\n\nexport const SearchBar = styled.input<{ $showSearch: boolean }>`\n background: transparent;\n border: none;\n width: 100%;\n outline: none;\n ${({ theme, $showSearch }) => `\n min-height: ${$showSearch ? '21px' : 0};\n height: ${$showSearch ? 'initial' : 0};\n ${$showSearch ? 'padding-right: 24px' : 'padding:0'};\n\n gap: ${theme.click.genericMenu.item.space.gap};\n font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n border-bottom: ${\n $showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0\n };\n color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n &::placeholder {\n color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};\n font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};\n }\n `}\n`;\n\nexport const SearchClose = styled.button<{ $showClose: boolean }>`\n position: absolute;\n ${({ theme }) => `\n top: ${theme.click.genericMenu.item.space.y};\n right: ${theme.click.genericMenu.item.space.x};\n `}\n visibility: ${({ $showClose }) => ($showClose ? 'visible' : 'hidden')};\n`;\n\n/*\n Added the max-height with calc as the content should always be fit inside SelectPopoverContent\n SelectPopoverContent has hardcoded padding and thats why we are using 1 rem instead of tokens\n This makes sure that the content is always visible with the scrolling\n*/\nexport const SelectList = styled.div`\n display: flex;\n flex-direction: column;\n width: inherit;\n max-height: calc(var(--radix-popover-content-available-height) - 1rem);\n`;\nexport const SelectListContent = styled.div<{ $maxHeight?: string }>`\n width: inherit;\n overflow: auto;\n flex: 1;\n\n ${({ $maxHeight }) =>\n $maxHeight &&\n `\n max-height: ${$maxHeight};\n `}\n`;\n\nexport const HiddenSelectElement = styled.select`\n visibility: hidden;\n position: absolute;\n z-index: -1;\n height: 0;\n`;\n\nexport const SelectGroupContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: -webkit-fill-available;\n width: fill-available;\n width: stretch;\n overflow: hidden;\n background: transparent;\n &[aria-selected] {\n outline: none;\n }\n\n ${({ theme }) => `\n font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n color: ${theme.click.genericMenu.item.color.default.text.muted};\n `};\n &[hidden] {\n display: none;\n }\n`;\n\nexport const SelectGroupName = styled.div`\n display: flex;\n width: 100%;\n flex-direction: column;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ${({ theme }) => `\n font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n color: ${theme.click.genericMenu.item.color.default.text.muted};\n padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};\n gap: ${theme.click.genericMenu.item.space.gap};\n border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n `}\n`;\n\nexport const SelectGroupContent = styled.div`\n width: inherit;\n`;\n\nexport const SelectNoDataContainer = styled.div<{ $clickable: boolean }>`\n border: none;\n display: block;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n\n &[hidden='true'] {\n display: none;\n }\n ${({ theme, $clickable }) => `\n font: ${theme.click.genericMenu.button.typography.label.default}\n padding: ${theme.click.genericMenu.button.space.y} ${\n theme.click.genericMenu.item.space.x\n };\n background: ${theme.click.genericMenu.button.color.background.default};\n color: ${theme.click.genericMenu.button.color.label.default};\n cursor: ${$clickable ? 'pointer' : 'default'}\n `}\n`;\n\nexport const SelectItemDescriptionText = styled.div`\n white-space: normal;\n\n [data-disabled] &,\n [disabled] & {\n color: inherit;\n }\n\n // don't show description when item is rendered in the trigger\n ${StyledSelectTrigger} & {\n display: none;\n }\n`;\n"],"names":["SelectPopoverRoot","styled","Root","withConfig","componentId","SelectValue","div","StyledSelectTrigger","Trigger","theme","click","genericMenu","panel","size","height","$error","field","radii","all","space","y","x","gap","typography","fieldText","default","color","text","stroke","background","hover","error","active","label","global","outline","disabled","SelectPopoverContent","Content","$useFullWidthItems","$itemCharacterLimit","item","SearchBarContainer","$showSearch","autocomplete","searchTerm","search","term","SearchBar","input","button","placeholder","SearchClose","$showClose","SelectList","SelectListContent","$maxHeight","HiddenSelectElement","select","SelectGroupContainer","sectionHeader","muted","SelectGroupName","top","bottom","SelectGroupContent","SelectNoDataContainer","$clickable","SelectItemDescriptionText"],"mappings":"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"}
|
|
@@ -1,176 +0,0 @@
|
|
|
1
|
-
import { Root, Trigger, Content } from '@radix-ui/react-popover';
|
|
2
|
-
import { styled } from 'styled-components';
|
|
3
|
-
|
|
4
|
-
const SelectPopoverRoot = styled(Root).withConfig({
|
|
5
|
-
componentId: "sc-oudbwg-0"
|
|
6
|
-
})(["width:100%;"]);
|
|
7
|
-
const SelectValue = styled.div.withConfig({
|
|
8
|
-
componentId: "sc-oudbwg-1"
|
|
9
|
-
})(["text-align:left;flex:1;gap:inherit;color:inherit;font:inherit;overflow:hidden;"]);
|
|
10
|
-
const StyledSelectTrigger = styled(Trigger).withConfig({
|
|
11
|
-
componentId: "sc-oudbwg-2"
|
|
12
|
-
})(["width:100%;display:flex;align-items:center;justify-content:space-between;align-items:center;cursor:pointer;min-height:", ";span:first-of-type{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}", " [data-hide-in-trigger]{display:none;}"], ({
|
|
13
|
-
theme
|
|
14
|
-
}) => theme.click.genericMenu.panel.size.height, ({
|
|
15
|
-
theme,
|
|
16
|
-
$error
|
|
17
|
-
}) => `
|
|
18
|
-
border-radius: ${theme.click.field.radii.all};
|
|
19
|
-
padding: ${theme.click.field.space.y} ${theme.click.field.space.x};
|
|
20
|
-
gap: ${theme.click.field.space.gap};
|
|
21
|
-
font: ${theme.click.field.typography.fieldText.default};
|
|
22
|
-
color: ${theme.click.field.color.text.default};
|
|
23
|
-
border: 1px solid ${theme.click.field.color.stroke.default};
|
|
24
|
-
background: ${theme.click.field.color.background.default};
|
|
25
|
-
&:hover {
|
|
26
|
-
border: 1px solid ${theme.click.field.color.stroke.hover};
|
|
27
|
-
background: ${theme.click.field.color.background.hover};
|
|
28
|
-
color: ${theme.click.field.color.text.hover};
|
|
29
|
-
}
|
|
30
|
-
${$error ? `
|
|
31
|
-
font: ${theme.click.field.typography.fieldText.error};
|
|
32
|
-
border: 1px solid ${theme.click.field.color.stroke.error};
|
|
33
|
-
background: ${theme.click.field.color.background.active};
|
|
34
|
-
color: ${theme.click.field.color.text.error};
|
|
35
|
-
&:hover {
|
|
36
|
-
border: 1px solid ${theme.click.field.color.stroke.error};
|
|
37
|
-
color: ${theme.click.field.color.text.error};
|
|
38
|
-
}
|
|
39
|
-
` : `
|
|
40
|
-
&:focus,
|
|
41
|
-
&[data-state="open"] {
|
|
42
|
-
font: ${theme.click.field.typography.fieldText.active};
|
|
43
|
-
border: 1px solid ${theme.click.field.color.stroke.active};
|
|
44
|
-
background: ${theme.click.field.color.background.active};
|
|
45
|
-
color: ${theme.click.field.color.text.active};
|
|
46
|
-
& ~ label {
|
|
47
|
-
color: ${theme.click.field.color.label.active};
|
|
48
|
-
font: ${theme.click.field.typography.label.active};;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
`};
|
|
52
|
-
&:focus-visible {
|
|
53
|
-
outline: 2px solid ${theme.click.global.color.outline.default};
|
|
54
|
-
outline-offset: 2px;
|
|
55
|
-
}
|
|
56
|
-
&:disabled {
|
|
57
|
-
font: ${theme.click.field.typography.fieldText.disabled};
|
|
58
|
-
border: 1px solid ${theme.click.field.color.stroke.disabled};
|
|
59
|
-
background: ${theme.click.field.color.background.disabled};
|
|
60
|
-
color: ${theme.click.field.color.text.disabled};
|
|
61
|
-
cursor: not-allowed;
|
|
62
|
-
}
|
|
63
|
-
`);
|
|
64
|
-
const SelectPopoverContent = styled(Content).withConfig({
|
|
65
|
-
componentId: "sc-oudbwg-3"
|
|
66
|
-
})(["width:var(--radix-popover-trigger-width);max-height:var(--radix-popover-content-available-height);border-radius:0.25rem;pointer-events:auto;", " ", " overflow:hidden;display:flex;padding:0.5rem 0rem;align-items:flex-start;gap:0.625rem;"], ({
|
|
67
|
-
$useFullWidthItems,
|
|
68
|
-
$itemCharacterLimit
|
|
69
|
-
}) => `
|
|
70
|
-
${$useFullWidthItems ? `
|
|
71
|
-
max-width: ${$itemCharacterLimit};
|
|
72
|
-
min-width: var(--radix-popover-trigger-width);
|
|
73
|
-
width: 100%;
|
|
74
|
-
` : "width: var(--radix-popover-trigger-width)"};
|
|
75
|
-
`, ({
|
|
76
|
-
theme
|
|
77
|
-
}) => `
|
|
78
|
-
border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
|
|
79
|
-
background: ${theme.click.genericMenu.item.color.default.background.default};
|
|
80
|
-
box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
|
|
81
|
-
0px 1px 2px 0px rgba(16, 24, 40, 0.06);
|
|
82
|
-
border-radius: 0.25rem;
|
|
83
|
-
`);
|
|
84
|
-
const SearchBarContainer = styled.div.withConfig({
|
|
85
|
-
componentId: "sc-oudbwg-4"
|
|
86
|
-
})(["width:auto;position:relative;display:flex;justify-content:flex-start;align-items:center;", ""], ({
|
|
87
|
-
theme,
|
|
88
|
-
$showSearch
|
|
89
|
-
}) => `
|
|
90
|
-
padding: ${$showSearch ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}` : 0};
|
|
91
|
-
color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
|
|
92
|
-
font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
|
|
93
|
-
height: ${$showSearch ? "auto" : " 0"};
|
|
94
|
-
`);
|
|
95
|
-
const SearchBar = styled.input.withConfig({
|
|
96
|
-
componentId: "sc-oudbwg-5"
|
|
97
|
-
})(["background:transparent;border:none;width:100%;outline:none;", ""], ({
|
|
98
|
-
theme,
|
|
99
|
-
$showSearch
|
|
100
|
-
}) => `
|
|
101
|
-
min-height: ${$showSearch ? "21px" : 0};
|
|
102
|
-
height: ${$showSearch ? "initial" : 0};
|
|
103
|
-
${$showSearch ? "padding-right: 24px" : "padding:0"};
|
|
104
|
-
|
|
105
|
-
gap: ${theme.click.genericMenu.item.space.gap};
|
|
106
|
-
font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};
|
|
107
|
-
border-bottom: ${$showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0};
|
|
108
|
-
color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};
|
|
109
|
-
&::placeholder {
|
|
110
|
-
color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};
|
|
111
|
-
font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};
|
|
112
|
-
}
|
|
113
|
-
`);
|
|
114
|
-
const SearchClose = styled.button.withConfig({
|
|
115
|
-
componentId: "sc-oudbwg-6"
|
|
116
|
-
})(["position:absolute;", " visibility:", ";"], ({
|
|
117
|
-
theme
|
|
118
|
-
}) => `
|
|
119
|
-
top: ${theme.click.genericMenu.item.space.y};
|
|
120
|
-
right: ${theme.click.genericMenu.item.space.x};
|
|
121
|
-
`, ({
|
|
122
|
-
$showClose
|
|
123
|
-
}) => $showClose ? "visible" : "hidden");
|
|
124
|
-
const SelectList = styled.div.withConfig({
|
|
125
|
-
componentId: "sc-oudbwg-7"
|
|
126
|
-
})(["display:flex;flex-direction:column;width:inherit;max-height:calc(var(--radix-popover-content-available-height) - 1rem);"]);
|
|
127
|
-
const SelectListContent = styled.div.withConfig({
|
|
128
|
-
componentId: "sc-oudbwg-8"
|
|
129
|
-
})(["width:inherit;overflow:auto;flex:1;", ""], ({
|
|
130
|
-
$maxHeight
|
|
131
|
-
}) => $maxHeight && `
|
|
132
|
-
max-height: ${$maxHeight};
|
|
133
|
-
`);
|
|
134
|
-
const HiddenSelectElement = styled.select.withConfig({
|
|
135
|
-
componentId: "sc-oudbwg-9"
|
|
136
|
-
})(["visibility:hidden;position:absolute;z-index:-1;height:0;"]);
|
|
137
|
-
const SelectGroupContainer = styled.div.withConfig({
|
|
138
|
-
componentId: "sc-oudbwg-10"
|
|
139
|
-
})(["display:flex;flex-direction:column;justify-content:center;width:-webkit-fill-available;width:fill-available;width:stretch;overflow:hidden;background:transparent;&[aria-selected]{outline:none;}", ";&[hidden]{display:none;}"], ({
|
|
140
|
-
theme
|
|
141
|
-
}) => `
|
|
142
|
-
font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
|
|
143
|
-
color: ${theme.click.genericMenu.item.color.default.text.muted};
|
|
144
|
-
`);
|
|
145
|
-
const SelectGroupName = styled.div.withConfig({
|
|
146
|
-
componentId: "sc-oudbwg-11"
|
|
147
|
-
})(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
|
|
148
|
-
theme
|
|
149
|
-
}) => `
|
|
150
|
-
font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
|
|
151
|
-
color: ${theme.click.genericMenu.item.color.default.text.muted};
|
|
152
|
-
padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};
|
|
153
|
-
gap: ${theme.click.genericMenu.item.space.gap};
|
|
154
|
-
border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
|
|
155
|
-
`);
|
|
156
|
-
const SelectGroupContent = styled.div.withConfig({
|
|
157
|
-
componentId: "sc-oudbwg-12"
|
|
158
|
-
})(["width:inherit;"]);
|
|
159
|
-
const SelectNoDataContainer = styled.div.withConfig({
|
|
160
|
-
componentId: "sc-oudbwg-13"
|
|
161
|
-
})(["border:none;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;&[hidden='true']{display:none;}", ""], ({
|
|
162
|
-
theme,
|
|
163
|
-
$clickable
|
|
164
|
-
}) => `
|
|
165
|
-
font: ${theme.click.genericMenu.button.typography.label.default}
|
|
166
|
-
padding: ${theme.click.genericMenu.button.space.y} ${theme.click.genericMenu.item.space.x};
|
|
167
|
-
background: ${theme.click.genericMenu.button.color.background.default};
|
|
168
|
-
color: ${theme.click.genericMenu.button.color.label.default};
|
|
169
|
-
cursor: ${$clickable ? "pointer" : "default"}
|
|
170
|
-
`);
|
|
171
|
-
const SelectItemDescriptionText = styled.div.withConfig({
|
|
172
|
-
componentId: "sc-oudbwg-14"
|
|
173
|
-
})(["white-space:normal;[data-disabled] &,[disabled] &{color:inherit;}", " &{display:none;}"], StyledSelectTrigger);
|
|
174
|
-
|
|
175
|
-
export { HiddenSelectElement, SearchBar, SearchBarContainer, SearchClose, SelectGroupContainer, SelectGroupContent, SelectGroupName, SelectItemDescriptionText, SelectList, SelectListContent, SelectNoDataContainer, SelectPopoverContent, SelectPopoverRoot, SelectValue, StyledSelectTrigger };
|
|
176
|
-
//# sourceMappingURL=SelectStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectStyled.js","sources":["../../../../../src/components/Select/common/SelectStyled.tsx"],"sourcesContent":["import { Content, Root, Trigger } from '@radix-ui/react-popover';\nimport { styled } from 'styled-components';\n\nexport const SelectPopoverRoot = styled(Root)`\n width: 100%;\n`;\n\nexport const SelectValue = styled.div`\n text-align: left;\n flex: 1;\n gap: inherit;\n color: inherit;\n font: inherit;\n overflow: hidden;\n`;\n\nexport const StyledSelectTrigger = styled(Trigger)<{ $error: boolean }>`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n min-height: ${({ theme }) => theme.click.genericMenu.panel.size.height};\n\n span:first-of-type {\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ${({ theme, $error }) => `\n border-radius: ${theme.click.field.radii.all};\n padding: ${theme.click.field.space.y} ${theme.click.field.space.x};\n gap: ${theme.click.field.space.gap};\n font: ${theme.click.field.typography.fieldText.default};\n color: ${theme.click.field.color.text.default};\n border: 1px solid ${theme.click.field.color.stroke.default};\n background: ${theme.click.field.color.background.default};\n &:hover {\n border: 1px solid ${theme.click.field.color.stroke.hover};\n background: ${theme.click.field.color.background.hover};\n color: ${theme.click.field.color.text.hover};\n }\n ${\n $error\n ? `\n font: ${theme.click.field.typography.fieldText.error};\n border: 1px solid ${theme.click.field.color.stroke.error};\n background: ${theme.click.field.color.background.active};\n color: ${theme.click.field.color.text.error};\n &:hover {\n border: 1px solid ${theme.click.field.color.stroke.error};\n color: ${theme.click.field.color.text.error};\n }\n `\n : `\n &:focus,\n &[data-state=\"open\"] {\n font: ${theme.click.field.typography.fieldText.active};\n border: 1px solid ${theme.click.field.color.stroke.active};\n background: ${theme.click.field.color.background.active};\n color: ${theme.click.field.color.text.active};\n & ~ label {\n color: ${theme.click.field.color.label.active};\n font: ${theme.click.field.typography.label.active};;\n }\n }\n `\n };\n &:focus-visible {\n outline: 2px solid ${theme.click.global.color.outline.default};\n outline-offset: 2px;\n }\n &:disabled {\n font: ${theme.click.field.typography.fieldText.disabled};\n border: 1px solid ${theme.click.field.color.stroke.disabled};\n background: ${theme.click.field.color.background.disabled};\n color: ${theme.click.field.color.text.disabled};\n cursor: not-allowed;\n }\n `}\n [data-hide-in-trigger] {\n display: none;\n }\n`;\n\nexport const SelectPopoverContent = styled(Content)<{\n $useFullWidthItems: boolean;\n $itemCharacterLimit?: string;\n}>`\n width: var(--radix-popover-trigger-width);\n max-height: var(--radix-popover-content-available-height);\n border-radius: 0.25rem;\n pointer-events: auto;\n\n ${({ $useFullWidthItems, $itemCharacterLimit }) => `\n ${\n $useFullWidthItems\n ? `\n max-width: ${$itemCharacterLimit};\n min-width: var(--radix-popover-trigger-width);\n width: 100%;\n `\n : 'width: var(--radix-popover-trigger-width)'\n };\n `}\n\n ${({ theme }) => `\n border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n background: ${theme.click.genericMenu.item.color.default.background.default};\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n border-radius: 0.25rem;\n `}\n overflow: hidden;\n display: flex;\n padding: 0.5rem 0rem;\n align-items: flex-start;\n gap: 0.625rem;\n`;\n\nexport const SearchBarContainer = styled.div<{ $showSearch: boolean }>`\n width: auto;\n position: relative;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n ${({ theme, $showSearch }) => `\n padding: ${\n $showSearch\n ? `${theme.click.genericMenu.item.space.y} ${theme.click.genericMenu.item.space.x}`\n : 0\n };\n color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n height: ${$showSearch ? 'auto' : ' 0'};\n `}\n`;\n\nexport const SearchBar = styled.input<{ $showSearch: boolean }>`\n background: transparent;\n border: none;\n width: 100%;\n outline: none;\n ${({ theme, $showSearch }) => `\n min-height: ${$showSearch ? '21px' : 0};\n height: ${$showSearch ? 'initial' : 0};\n ${$showSearch ? 'padding-right: 24px' : 'padding:0'};\n\n gap: ${theme.click.genericMenu.item.space.gap};\n font: ${theme.click.genericMenu.autocomplete.typography.search.term.default};\n border-bottom: ${\n $showSearch ? `2px solid ${theme.click.genericMenu.button.color.stroke.default}` : 0\n };\n color: ${theme.click.genericMenu.autocomplete.color.searchTerm.default};\n &::placeholder {\n color: ${theme.click.genericMenu.autocomplete.color.placeholder.default};\n font: ${theme.click.genericMenu.autocomplete.typography.search.placeholder.default};\n }\n `}\n`;\n\nexport const SearchClose = styled.button<{ $showClose: boolean }>`\n position: absolute;\n ${({ theme }) => `\n top: ${theme.click.genericMenu.item.space.y};\n right: ${theme.click.genericMenu.item.space.x};\n `}\n visibility: ${({ $showClose }) => ($showClose ? 'visible' : 'hidden')};\n`;\n\n/*\n Added the max-height with calc as the content should always be fit inside SelectPopoverContent\n SelectPopoverContent has hardcoded padding and thats why we are using 1 rem instead of tokens\n This makes sure that the content is always visible with the scrolling\n*/\nexport const SelectList = styled.div`\n display: flex;\n flex-direction: column;\n width: inherit;\n max-height: calc(var(--radix-popover-content-available-height) - 1rem);\n`;\nexport const SelectListContent = styled.div<{ $maxHeight?: string }>`\n width: inherit;\n overflow: auto;\n flex: 1;\n\n ${({ $maxHeight }) =>\n $maxHeight &&\n `\n max-height: ${$maxHeight};\n `}\n`;\n\nexport const HiddenSelectElement = styled.select`\n visibility: hidden;\n position: absolute;\n z-index: -1;\n height: 0;\n`;\n\nexport const SelectGroupContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: -webkit-fill-available;\n width: fill-available;\n width: stretch;\n overflow: hidden;\n background: transparent;\n &[aria-selected] {\n outline: none;\n }\n\n ${({ theme }) => `\n font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n color: ${theme.click.genericMenu.item.color.default.text.muted};\n `};\n &[hidden] {\n display: none;\n }\n`;\n\nexport const SelectGroupName = styled.div`\n display: flex;\n width: 100%;\n flex-direction: column;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ${({ theme }) => `\n font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n color: ${theme.click.genericMenu.item.color.default.text.muted};\n padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};\n gap: ${theme.click.genericMenu.item.space.gap};\n border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n `}\n`;\n\nexport const SelectGroupContent = styled.div`\n width: inherit;\n`;\n\nexport const SelectNoDataContainer = styled.div<{ $clickable: boolean }>`\n border: none;\n display: block;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n\n &[hidden='true'] {\n display: none;\n }\n ${({ theme, $clickable }) => `\n font: ${theme.click.genericMenu.button.typography.label.default}\n padding: ${theme.click.genericMenu.button.space.y} ${\n theme.click.genericMenu.item.space.x\n };\n background: ${theme.click.genericMenu.button.color.background.default};\n color: ${theme.click.genericMenu.button.color.label.default};\n cursor: ${$clickable ? 'pointer' : 'default'}\n `}\n`;\n\nexport const SelectItemDescriptionText = styled.div`\n white-space: normal;\n\n [data-disabled] &,\n [disabled] & {\n color: inherit;\n }\n\n // don't show description when item is rendered in the trigger\n ${StyledSelectTrigger} & {\n display: none;\n }\n`;\n"],"names":["SelectPopoverRoot","styled","Root","withConfig","componentId","SelectValue","div","StyledSelectTrigger","Trigger","theme","click","genericMenu","panel","size","height","$error","field","radii","all","space","y","x","gap","typography","fieldText","default","color","text","stroke","background","hover","error","active","label","global","outline","disabled","SelectPopoverContent","Content","$useFullWidthItems","$itemCharacterLimit","item","SearchBarContainer","$showSearch","autocomplete","searchTerm","search","term","SearchBar","input","button","placeholder","SearchClose","$showClose","SelectList","SelectListContent","$maxHeight","HiddenSelectElement","select","SelectGroupContainer","sectionHeader","muted","SelectGroupName","top","bottom","SelectGroupContent","SelectNoDataContainer","$clickable","SelectItemDescriptionText"],"mappings":"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"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
export declare const SelectPopoverRoot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@radix-ui/react-popover').PopoverProps, never>> & string & Omit<import('react').FC<import('@radix-ui/react-popover').PopoverProps>, keyof import('react').Component<any, {}, any>>;
|
|
2
|
-
export declare const SelectValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
export declare const StyledSelectTrigger: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('@radix-ui/react-popover').PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
4
|
-
ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
|
|
5
|
-
}, {
|
|
6
|
-
$error: boolean;
|
|
7
|
-
}>> & string & Omit<import('react').ForwardRefExoticComponent<import('@radix-ui/react-popover').PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
|
|
8
|
-
export declare const SelectPopoverContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('@radix-ui/react-popover').PopoverContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
-
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
10
|
-
}, {
|
|
11
|
-
$useFullWidthItems: boolean;
|
|
12
|
-
$itemCharacterLimit?: string;
|
|
13
|
-
}>> & string & Omit<import('react').ForwardRefExoticComponent<import('@radix-ui/react-popover').PopoverContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
14
|
-
export declare const SearchBarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
15
|
-
$showSearch: boolean;
|
|
16
|
-
}>> & string;
|
|
17
|
-
export declare const SearchBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
|
|
18
|
-
$showSearch: boolean;
|
|
19
|
-
}>> & string;
|
|
20
|
-
export declare const SearchClose: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
21
|
-
$showClose: boolean;
|
|
22
|
-
}>> & string;
|
|
23
|
-
export declare const SelectList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
24
|
-
export declare const SelectListContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
25
|
-
$maxHeight?: string;
|
|
26
|
-
}>> & string;
|
|
27
|
-
export declare const HiddenSelectElement: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
|
|
28
|
-
export declare const SelectGroupContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
29
|
-
export declare const SelectGroupName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
30
|
-
export declare const SelectGroupContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
31
|
-
export declare const SelectNoDataContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
32
|
-
$clickable: boolean;
|
|
33
|
-
}>> & string;
|
|
34
|
-
export declare const SelectItemDescriptionText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|