@seeqdev/qomponents 0.0.177 → 0.0.179
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/example/src/Example.tsx +7 -7
- package/dist/index.esm.js +34 -30
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +34 -30
- package/dist/index.js.map +1 -1
- package/dist/styles.css +114 -1
- package/package.json +2 -2
- package/dist/Accordion/Accordion.d.ts +0 -4
- package/dist/Accordion/Accordion.js +0 -7
- package/dist/Accordion/Accordion.js.map +0 -1
- package/dist/Accordion/Accordion.stories.d.ts +0 -5
- package/dist/Accordion/Accordion.stories.js +0 -75
- package/dist/Accordion/Accordion.stories.js.map +0 -1
- package/dist/Accordion/Accordion.test.d.ts +0 -1
- package/dist/Accordion/Accordion.test.js +0 -55
- package/dist/Accordion/Accordion.test.js.map +0 -1
- package/dist/Accordion/Accordion.types.d.ts +0 -86
- package/dist/Accordion/Accordion.types.js +0 -2
- package/dist/Accordion/Accordion.types.js.map +0 -1
- package/dist/Accordion/index.d.ts +0 -1
- package/dist/Accordion/index.js +0 -2
- package/dist/Accordion/index.js.map +0 -1
- package/dist/Alert/Alert.d.ts +0 -7
- package/dist/Alert/Alert.js +0 -34
- package/dist/Alert/Alert.js.map +0 -1
- package/dist/Alert/Alert.stories.d.ts +0 -6
- package/dist/Alert/Alert.stories.js +0 -65
- package/dist/Alert/Alert.stories.js.map +0 -1
- package/dist/Alert/Alert.test.d.ts +0 -1
- package/dist/Alert/Alert.test.js +0 -50
- package/dist/Alert/Alert.test.js.map +0 -1
- package/dist/Alert/Alert.types.d.ts +0 -62
- package/dist/Alert/Alert.types.js +0 -2
- package/dist/Alert/Alert.types.js.map +0 -1
- package/dist/Alert/index.d.ts +0 -1
- package/dist/Alert/index.js +0 -2
- package/dist/Alert/index.js.map +0 -1
- package/dist/Button/Button.d.ts +0 -10
- package/dist/Button/Button.js +0 -90
- package/dist/Button/Button.js.map +0 -1
- package/dist/Button/Button.stories.d.ts +0 -9
- package/dist/Button/Button.stories.js +0 -29
- package/dist/Button/Button.stories.js.map +0 -1
- package/dist/Button/Button.test.d.ts +0 -1
- package/dist/Button/Button.test.js +0 -47
- package/dist/Button/Button.test.js.map +0 -1
- package/dist/Button/Button.types.d.ts +0 -148
- package/dist/Button/Button.types.js +0 -5
- package/dist/Button/Button.types.js.map +0 -1
- package/dist/Button/index.d.ts +0 -1
- package/dist/Button/index.js +0 -2
- package/dist/Button/index.js.map +0 -1
- package/dist/ButtonGroup/ButtonGroup.d.ts +0 -7
- package/dist/ButtonGroup/ButtonGroup.js +0 -35
- package/dist/ButtonGroup/ButtonGroup.js.map +0 -1
- package/dist/ButtonGroup/ButtonGroup.stories.d.ts +0 -5
- package/dist/ButtonGroup/ButtonGroup.stories.js +0 -317
- package/dist/ButtonGroup/ButtonGroup.stories.js.map +0 -1
- package/dist/ButtonGroup/ButtonGroup.test.d.ts +0 -1
- package/dist/ButtonGroup/ButtonGroup.test.js +0 -66
- package/dist/ButtonGroup/ButtonGroup.test.js.map +0 -1
- package/dist/ButtonGroup/ButtonGroup.types.d.ts +0 -80
- package/dist/ButtonGroup/ButtonGroup.types.js +0 -2
- package/dist/ButtonGroup/ButtonGroup.types.js.map +0 -1
- package/dist/ButtonGroup/index.d.ts +0 -1
- package/dist/ButtonGroup/index.js +0 -2
- package/dist/ButtonGroup/index.js.map +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.d.ts +0 -4
- package/dist/ButtonWithDropdown/ButtonWithDropdown.js +0 -36
- package/dist/ButtonWithDropdown/ButtonWithDropdown.js.map +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts +0 -5
- package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js +0 -104
- package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js.map +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.test.d.ts +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js +0 -93
- package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js.map +0 -1
- package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts +0 -232
- package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js +0 -2
- package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js.map +0 -1
- package/dist/ButtonWithDropdown/index.d.ts +0 -1
- package/dist/ButtonWithDropdown/index.js +0 -2
- package/dist/ButtonWithDropdown/index.js.map +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.d.ts +0 -4
- package/dist/ButtonWithPopover/ButtonWithPopover.js +0 -55
- package/dist/ButtonWithPopover/ButtonWithPopover.js.map +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts +0 -5
- package/dist/ButtonWithPopover/ButtonWithPopover.stories.js +0 -25
- package/dist/ButtonWithPopover/ButtonWithPopover.stories.js.map +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.test.d.ts +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.test.js +0 -81
- package/dist/ButtonWithPopover/ButtonWithPopover.test.js.map +0 -1
- package/dist/ButtonWithPopover/ButtonWithPopover.types.d.ts +0 -134
- package/dist/ButtonWithPopover/ButtonWithPopover.types.js +0 -2
- package/dist/ButtonWithPopover/ButtonWithPopover.types.js.map +0 -1
- package/dist/ButtonWithPopover/index.d.ts +0 -1
- package/dist/ButtonWithPopover/index.js +0 -2
- package/dist/ButtonWithPopover/index.js.map +0 -1
- package/dist/Carousel/Carousel.d.ts +0 -9
- package/dist/Carousel/Carousel.js +0 -76
- package/dist/Carousel/Carousel.js.map +0 -1
- package/dist/Carousel/Carousel.stories.d.ts +0 -5
- package/dist/Carousel/Carousel.stories.js +0 -63
- package/dist/Carousel/Carousel.stories.js.map +0 -1
- package/dist/Carousel/Carousel.test.d.ts +0 -1
- package/dist/Carousel/Carousel.test.js +0 -48
- package/dist/Carousel/Carousel.test.js.map +0 -1
- package/dist/Carousel/Carousel.types.d.ts +0 -85
- package/dist/Carousel/Carousel.types.js +0 -2
- package/dist/Carousel/Carousel.types.js.map +0 -1
- package/dist/Carousel/index.d.ts +0 -1
- package/dist/Carousel/index.js +0 -2
- package/dist/Carousel/index.js.map +0 -1
- package/dist/Checkbox/Checkbox.d.ts +0 -7
- package/dist/Checkbox/Checkbox.js +0 -24
- package/dist/Checkbox/Checkbox.js.map +0 -1
- package/dist/Checkbox/Checkbox.stories.d.ts +0 -5
- package/dist/Checkbox/Checkbox.stories.js +0 -12
- package/dist/Checkbox/Checkbox.stories.js.map +0 -1
- package/dist/Checkbox/Checkbox.test.d.ts +0 -1
- package/dist/Checkbox/Checkbox.test.js +0 -94
- package/dist/Checkbox/Checkbox.test.js.map +0 -1
- package/dist/Checkbox/Checkbox.types.d.ts +0 -91
- package/dist/Checkbox/Checkbox.types.js +0 -2
- package/dist/Checkbox/Checkbox.types.js.map +0 -1
- package/dist/Checkbox/index.d.ts +0 -1
- package/dist/Checkbox/index.js +0 -2
- package/dist/Checkbox/index.js.map +0 -1
- package/dist/Collapse/Collapse.d.ts +0 -4
- package/dist/Collapse/Collapse.js +0 -17
- package/dist/Collapse/Collapse.js.map +0 -1
- package/dist/Collapse/Collapse.stories.d.ts +0 -5
- package/dist/Collapse/Collapse.stories.js +0 -15
- package/dist/Collapse/Collapse.stories.js.map +0 -1
- package/dist/Collapse/Collapse.test.d.ts +0 -1
- package/dist/Collapse/Collapse.test.js +0 -17
- package/dist/Collapse/Collapse.test.js.map +0 -1
- package/dist/Collapse/Collapse.types.d.ts +0 -18
- package/dist/Collapse/Collapse.types.js +0 -2
- package/dist/Collapse/Collapse.types.js.map +0 -1
- package/dist/Collapse/index.d.ts +0 -1
- package/dist/Collapse/index.js +0 -2
- package/dist/Collapse/index.js.map +0 -1
- package/dist/Icon/Icon.d.ts +0 -10
- package/dist/Icon/Icon.js +0 -56
- package/dist/Icon/Icon.js.map +0 -1
- package/dist/Icon/Icon.stories.d.ts +0 -5
- package/dist/Icon/Icon.stories.js +0 -15
- package/dist/Icon/Icon.stories.js.map +0 -1
- package/dist/Icon/Icon.test.d.ts +0 -1
- package/dist/Icon/Icon.test.js +0 -55
- package/dist/Icon/Icon.test.js.map +0 -1
- package/dist/Icon/Icon.types.d.ts +0 -90
- package/dist/Icon/Icon.types.js +0 -16
- package/dist/Icon/Icon.types.js.map +0 -1
- package/dist/Icon/index.d.ts +0 -1
- package/dist/Icon/index.js +0 -2
- package/dist/Icon/index.js.map +0 -1
- package/dist/InputGroup/InputGroup.d.ts +0 -7
- package/dist/InputGroup/InputGroup.js +0 -36
- package/dist/InputGroup/InputGroup.js.map +0 -1
- package/dist/InputGroup/InputGroup.stories.d.ts +0 -5
- package/dist/InputGroup/InputGroup.stories.js +0 -129
- package/dist/InputGroup/InputGroup.stories.js.map +0 -1
- package/dist/InputGroup/InputGroup.test.d.ts +0 -1
- package/dist/InputGroup/InputGroup.test.js +0 -42
- package/dist/InputGroup/InputGroup.test.js.map +0 -1
- package/dist/InputGroup/InputGroup.types.d.ts +0 -61
- package/dist/InputGroup/InputGroup.types.js +0 -2
- package/dist/InputGroup/InputGroup.types.js.map +0 -1
- package/dist/InputGroup/index.d.ts +0 -2
- package/dist/InputGroup/index.js +0 -2
- package/dist/InputGroup/index.js.map +0 -1
- package/dist/Modal/Modal.d.ts +0 -5
- package/dist/Modal/Modal.js +0 -76
- package/dist/Modal/Modal.js.map +0 -1
- package/dist/Modal/Modal.stories.d.ts +0 -10
- package/dist/Modal/Modal.stories.js +0 -44
- package/dist/Modal/Modal.stories.js.map +0 -1
- package/dist/Modal/Modal.test.d.ts +0 -1
- package/dist/Modal/Modal.test.js +0 -108
- package/dist/Modal/Modal.test.js.map +0 -1
- package/dist/Modal/Modal.types.d.ts +0 -244
- package/dist/Modal/Modal.types.js +0 -2
- package/dist/Modal/Modal.types.js.map +0 -1
- package/dist/Modal/index.d.ts +0 -1
- package/dist/Modal/index.js +0 -2
- package/dist/Modal/index.js.map +0 -1
- package/dist/ProgressBar/ProgressBar.d.ts +0 -4
- package/dist/ProgressBar/ProgressBar.js +0 -72
- package/dist/ProgressBar/ProgressBar.js.map +0 -1
- package/dist/ProgressBar/ProgressBar.stories.d.ts +0 -5
- package/dist/ProgressBar/ProgressBar.stories.js +0 -35
- package/dist/ProgressBar/ProgressBar.stories.js.map +0 -1
- package/dist/ProgressBar/ProgressBar.test.d.ts +0 -1
- package/dist/ProgressBar/ProgressBar.test.js +0 -43
- package/dist/ProgressBar/ProgressBar.test.js.map +0 -1
- package/dist/ProgressBar/ProgressBar.types.d.ts +0 -77
- package/dist/ProgressBar/ProgressBar.types.js +0 -2
- package/dist/ProgressBar/ProgressBar.types.js.map +0 -1
- package/dist/ProgressBar/index.d.ts +0 -1
- package/dist/ProgressBar/index.js +0 -2
- package/dist/ProgressBar/index.js.map +0 -1
- package/dist/SeeqActionDropdown/SeeqActionDropdown.d.ts +0 -4
- package/dist/SeeqActionDropdown/SeeqActionDropdown.js +0 -39
- package/dist/SeeqActionDropdown/SeeqActionDropdown.js.map +0 -1
- package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts +0 -5
- package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js +0 -58
- package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js.map +0 -1
- package/dist/SeeqActionDropdown/SeeqActionDropdown.test.d.ts +0 -1
- package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js +0 -73
- package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js.map +0 -1
- package/dist/SeeqActionDropdown/SeeqActionDropdown.types.d.ts +0 -164
- package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js +0 -2
- package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js.map +0 -1
- package/dist/SeeqActionDropdown/index.d.ts +0 -1
- package/dist/SeeqActionDropdown/index.js +0 -2
- package/dist/SeeqActionDropdown/index.js.map +0 -1
- package/dist/SeeqActionDropdown/variants.d.ts +0 -5
- package/dist/SeeqActionDropdown/variants.js +0 -23
- package/dist/SeeqActionDropdown/variants.js.map +0 -1
- package/dist/Select/Select.d.ts +0 -15
- package/dist/Select/Select.js +0 -179
- package/dist/Select/Select.js.map +0 -1
- package/dist/Select/Select.stories.d.ts +0 -5
- package/dist/Select/Select.stories.js +0 -40
- package/dist/Select/Select.stories.js.map +0 -1
- package/dist/Select/Select.test.d.ts +0 -1
- package/dist/Select/Select.test.js +0 -175
- package/dist/Select/Select.test.js.map +0 -1
- package/dist/Select/Select.types.d.ts +0 -220
- package/dist/Select/Select.types.js +0 -2
- package/dist/Select/Select.types.js.map +0 -1
- package/dist/Select/index.d.ts +0 -2
- package/dist/Select/index.js +0 -3
- package/dist/Select/index.js.map +0 -1
- package/dist/Slider/Slider.d.ts +0 -6
- package/dist/Slider/Slider.js +0 -10
- package/dist/Slider/Slider.js.map +0 -1
- package/dist/Slider/Slider.stories.d.ts +0 -5
- package/dist/Slider/Slider.stories.js +0 -14
- package/dist/Slider/Slider.stories.js.map +0 -1
- package/dist/Slider/Slider.test.d.ts +0 -1
- package/dist/Slider/Slider.test.js +0 -32
- package/dist/Slider/Slider.test.js.map +0 -1
- package/dist/Slider/Slider.types.d.ts +0 -84
- package/dist/Slider/Slider.types.js +0 -2
- package/dist/Slider/Slider.types.js.map +0 -1
- package/dist/Slider/index.d.ts +0 -1
- package/dist/Slider/index.js +0 -2
- package/dist/Slider/index.js.map +0 -1
- package/dist/SvgIcon/SvgIcon.d.ts +0 -20
- package/dist/SvgIcon/SvgIcon.js +0 -28
- package/dist/SvgIcon/SvgIcon.js.map +0 -1
- package/dist/SvgIcon/SvgIcon.stories.d.ts +0 -5
- package/dist/SvgIcon/SvgIcon.stories.js +0 -18
- package/dist/SvgIcon/SvgIcon.stories.js.map +0 -1
- package/dist/SvgIcon/SvgIcon.test.d.ts +0 -1
- package/dist/SvgIcon/SvgIcon.test.js +0 -41
- package/dist/SvgIcon/SvgIcon.test.js.map +0 -1
- package/dist/SvgIcon/SvgIcon.types.d.ts +0 -75
- package/dist/SvgIcon/SvgIcon.types.js +0 -3
- package/dist/SvgIcon/SvgIcon.types.js.map +0 -1
- package/dist/SvgIcon/index.d.ts +0 -1
- package/dist/SvgIcon/index.js +0 -2
- package/dist/SvgIcon/index.js.map +0 -1
- package/dist/Tabs/Tabs.d.ts +0 -4
- package/dist/Tabs/Tabs.js +0 -17
- package/dist/Tabs/Tabs.js.map +0 -1
- package/dist/Tabs/Tabs.stories.d.ts +0 -5
- package/dist/Tabs/Tabs.stories.js +0 -73
- package/dist/Tabs/Tabs.stories.js.map +0 -1
- package/dist/Tabs/Tabs.test.d.ts +0 -1
- package/dist/Tabs/Tabs.test.js +0 -86
- package/dist/Tabs/Tabs.test.js.map +0 -1
- package/dist/Tabs/Tabs.types.d.ts +0 -100
- package/dist/Tabs/Tabs.types.js +0 -2
- package/dist/Tabs/Tabs.types.js.map +0 -1
- package/dist/Tabs/index.d.ts +0 -1
- package/dist/Tabs/index.js +0 -2
- package/dist/Tabs/index.js.map +0 -1
- package/dist/TextArea/TextArea.d.ts +0 -7
- package/dist/TextArea/TextArea.js +0 -55
- package/dist/TextArea/TextArea.js.map +0 -1
- package/dist/TextArea/TextArea.stories.d.ts +0 -5
- package/dist/TextArea/TextArea.stories.js +0 -10
- package/dist/TextArea/TextArea.stories.js.map +0 -1
- package/dist/TextArea/TextArea.test.d.ts +0 -1
- package/dist/TextArea/TextArea.test.js +0 -130
- package/dist/TextArea/TextArea.test.js.map +0 -1
- package/dist/TextArea/TextArea.types.d.ts +0 -115
- package/dist/TextArea/TextArea.types.js +0 -2
- package/dist/TextArea/TextArea.types.js.map +0 -1
- package/dist/TextArea/index.d.ts +0 -1
- package/dist/TextArea/index.js +0 -2
- package/dist/TextArea/index.js.map +0 -1
- package/dist/TextField/TextField.d.ts +0 -7
- package/dist/TextField/TextField.js +0 -85
- package/dist/TextField/TextField.js.map +0 -1
- package/dist/TextField/TextField.stories.d.ts +0 -5
- package/dist/TextField/TextField.stories.js +0 -11
- package/dist/TextField/TextField.stories.js.map +0 -1
- package/dist/TextField/TextField.test.d.ts +0 -1
- package/dist/TextField/TextField.test.js +0 -41
- package/dist/TextField/TextField.test.js.map +0 -1
- package/dist/TextField/TextField.types.d.ts +0 -198
- package/dist/TextField/TextField.types.js +0 -2
- package/dist/TextField/TextField.types.js.map +0 -1
- package/dist/TextField/index.d.ts +0 -1
- package/dist/TextField/index.js +0 -2
- package/dist/TextField/index.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.d.ts +0 -3
- package/dist/ToolbarButton/ToolbarButton.js +0 -56
- package/dist/ToolbarButton/ToolbarButton.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.stories.d.ts +0 -5
- package/dist/ToolbarButton/ToolbarButton.stories.js +0 -28
- package/dist/ToolbarButton/ToolbarButton.stories.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.test.d.ts +0 -1
- package/dist/ToolbarButton/ToolbarButton.test.js +0 -85
- package/dist/ToolbarButton/ToolbarButton.test.js.map +0 -1
- package/dist/ToolbarButton/ToolbarButton.types.d.ts +0 -122
- package/dist/ToolbarButton/ToolbarButton.types.js +0 -2
- package/dist/ToolbarButton/ToolbarButton.types.js.map +0 -1
- package/dist/ToolbarButton/index.d.ts +0 -1
- package/dist/ToolbarButton/index.js +0 -2
- package/dist/ToolbarButton/index.js.map +0 -1
- package/dist/Tooltip/QTip.stories.d.ts +0 -5
- package/dist/Tooltip/QTip.stories.js +0 -19
- package/dist/Tooltip/QTip.stories.js.map +0 -1
- package/dist/Tooltip/QTip.types.d.ts +0 -13
- package/dist/Tooltip/QTip.types.js +0 -2
- package/dist/Tooltip/QTip.types.js.map +0 -1
- package/dist/Tooltip/QTipPerformance.stories.d.ts +0 -5
- package/dist/Tooltip/QTipPerformance.stories.js +0 -26
- package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
- package/dist/Tooltip/Qtip.d.ts +0 -26
- package/dist/Tooltip/Qtip.js +0 -168
- package/dist/Tooltip/Qtip.js.map +0 -1
- package/dist/Tooltip/Tooltip.d.ts +0 -13
- package/dist/Tooltip/Tooltip.js +0 -34
- package/dist/Tooltip/Tooltip.js.map +0 -1
- package/dist/Tooltip/Tooltip.stories.d.ts +0 -5
- package/dist/Tooltip/Tooltip.stories.js +0 -15
- package/dist/Tooltip/Tooltip.stories.js.map +0 -1
- package/dist/Tooltip/Tooltip.types.d.ts +0 -22
- package/dist/Tooltip/Tooltip.types.js +0 -3
- package/dist/Tooltip/Tooltip.types.js.map +0 -1
- package/dist/Tooltip/TooltipPerformance.stories.d.ts +0 -5
- package/dist/Tooltip/TooltipPerformance.stories.js +0 -26
- package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
- package/dist/Tooltip/index.d.ts +0 -2
- package/dist/Tooltip/index.js +0 -3
- package/dist/Tooltip/index.js.map +0 -1
- package/dist/Tooltip/qTip.utilities.d.ts +0 -3
- package/dist/Tooltip/qTip.utilities.js +0 -11
- package/dist/Tooltip/qTip.utilities.js.map +0 -1
- package/dist/index.d.ts +0 -46
- package/dist/setupTests.d.ts +0 -1
- package/dist/setupTests.js +0 -6
- package/dist/setupTests.js.map +0 -1
- package/dist/types.d.ts +0 -27
- package/dist/types.js +0 -26
- package/dist/types.js.map +0 -1
- package/dist/utils/browserId.d.ts +0 -9
- package/dist/utils/browserId.js +0 -29
- package/dist/utils/browserId.js.map +0 -1
- package/dist/utils/svg.d.ts +0 -15
- package/dist/utils/svg.js +0 -20
- package/dist/utils/svg.js.map +0 -1
- package/dist/utils/validateStyleDimension.d.ts +0 -2
- package/dist/utils/validateStyleDimension.js +0 -14
- package/dist/utils/validateStyleDimension.js.map +0 -1
- package/dist/utils/validateStyleDimension.test.d.ts +0 -1
- package/dist/utils/validateStyleDimension.test.js +0 -20
- package/dist/utils/validateStyleDimension.test.js.map +0 -1
package/dist/styles.css
CHANGED
|
@@ -812,6 +812,9 @@
|
|
|
812
812
|
.tw\:border-sq-theme-dark {
|
|
813
813
|
border-color: var(--theme-dark);
|
|
814
814
|
}
|
|
815
|
+
.tw\:border-sq-warning {
|
|
816
|
+
border-color: var(--sq-status-warning-color);
|
|
817
|
+
}
|
|
815
818
|
.tw\:border-t-sq-overlay {
|
|
816
819
|
border-top-color: #eeedee;
|
|
817
820
|
}
|
|
@@ -899,6 +902,9 @@
|
|
|
899
902
|
background-color: color-mix(in oklab, var(--theme-highlight) 10%, transparent);
|
|
900
903
|
}
|
|
901
904
|
}
|
|
905
|
+
.tw\:bg-sq-warning {
|
|
906
|
+
background-color: var(--sq-status-warning-color);
|
|
907
|
+
}
|
|
902
908
|
.tw\:bg-sq-white {
|
|
903
909
|
background-color: var(--sqw-white);
|
|
904
910
|
}
|
|
@@ -1347,6 +1353,11 @@
|
|
|
1347
1353
|
color: var(--tw-color-white);
|
|
1348
1354
|
}
|
|
1349
1355
|
}
|
|
1356
|
+
.tw\:focus-within\:border-sq-theme-dark {
|
|
1357
|
+
&:focus-within {
|
|
1358
|
+
border-color: var(--theme-dark);
|
|
1359
|
+
}
|
|
1360
|
+
}
|
|
1350
1361
|
.tw\:focus-within\:outline-none {
|
|
1351
1362
|
&:focus-within {
|
|
1352
1363
|
--tw-outline-style: none;
|
|
@@ -1360,6 +1371,27 @@
|
|
|
1360
1371
|
}
|
|
1361
1372
|
}
|
|
1362
1373
|
}
|
|
1374
|
+
.tw\:hover\:border-sq-bg-danger {
|
|
1375
|
+
&:hover {
|
|
1376
|
+
@media (hover: hover) {
|
|
1377
|
+
border-color: #f2dede;
|
|
1378
|
+
}
|
|
1379
|
+
}
|
|
1380
|
+
}
|
|
1381
|
+
.tw\:hover\:border-sq-theme-dark {
|
|
1382
|
+
&:hover {
|
|
1383
|
+
@media (hover: hover) {
|
|
1384
|
+
border-color: var(--theme-dark);
|
|
1385
|
+
}
|
|
1386
|
+
}
|
|
1387
|
+
}
|
|
1388
|
+
.tw\:hover\:border-sq-theme-highlight {
|
|
1389
|
+
&:hover {
|
|
1390
|
+
@media (hover: hover) {
|
|
1391
|
+
border-color: var(--theme-highlight);
|
|
1392
|
+
}
|
|
1393
|
+
}
|
|
1394
|
+
}
|
|
1363
1395
|
.tw\:hover\:bg-green-500 {
|
|
1364
1396
|
&:hover {
|
|
1365
1397
|
@media (hover: hover) {
|
|
@@ -1367,6 +1399,13 @@
|
|
|
1367
1399
|
}
|
|
1368
1400
|
}
|
|
1369
1401
|
}
|
|
1402
|
+
.tw\:hover\:bg-sq-bg-danger {
|
|
1403
|
+
&:hover {
|
|
1404
|
+
@media (hover: hover) {
|
|
1405
|
+
background-color: #f2dede;
|
|
1406
|
+
}
|
|
1407
|
+
}
|
|
1408
|
+
}
|
|
1370
1409
|
.tw\:hover\:bg-sq-gray-highlight {
|
|
1371
1410
|
&:hover {
|
|
1372
1411
|
@media (hover: hover) {
|
|
@@ -1381,6 +1420,13 @@
|
|
|
1381
1420
|
}
|
|
1382
1421
|
}
|
|
1383
1422
|
}
|
|
1423
|
+
.tw\:hover\:bg-sq-theme-highlight {
|
|
1424
|
+
&:hover {
|
|
1425
|
+
@media (hover: hover) {
|
|
1426
|
+
background-color: var(--theme-highlight);
|
|
1427
|
+
}
|
|
1428
|
+
}
|
|
1429
|
+
}
|
|
1384
1430
|
.tw\:hover\:bg-sq-worksheetspanel-gray {
|
|
1385
1431
|
&:hover {
|
|
1386
1432
|
@media (hover: hover) {
|
|
@@ -1388,6 +1434,13 @@
|
|
|
1388
1434
|
}
|
|
1389
1435
|
}
|
|
1390
1436
|
}
|
|
1437
|
+
.tw\:hover\:text-sq-danger {
|
|
1438
|
+
&:hover {
|
|
1439
|
+
@media (hover: hover) {
|
|
1440
|
+
color: var(--sqw-danger-color);
|
|
1441
|
+
}
|
|
1442
|
+
}
|
|
1443
|
+
}
|
|
1391
1444
|
.tw\:hover\:text-sq-theme-dark {
|
|
1392
1445
|
&:hover {
|
|
1393
1446
|
@media (hover: hover) {
|
|
@@ -1528,6 +1581,11 @@
|
|
|
1528
1581
|
background-color: #eeedee;
|
|
1529
1582
|
}
|
|
1530
1583
|
}
|
|
1584
|
+
.tw\:active\:bg-sq-theme-darker {
|
|
1585
|
+
&:active {
|
|
1586
|
+
background-color: var(--theme-darker);
|
|
1587
|
+
}
|
|
1588
|
+
}
|
|
1531
1589
|
.tw\:active\:bg-sq-worksheetspanel-gray {
|
|
1532
1590
|
&:active {
|
|
1533
1591
|
background-color: var(--sqw-worksheetspanel-gray);
|
|
@@ -1705,6 +1763,11 @@
|
|
|
1705
1763
|
background-color: #262c36;
|
|
1706
1764
|
}
|
|
1707
1765
|
}
|
|
1766
|
+
.tw\:dark\:bg-sq-theme-dark {
|
|
1767
|
+
&:where(.tw-dark, .tw-dark *) {
|
|
1768
|
+
background-color: var(--theme-dark);
|
|
1769
|
+
}
|
|
1770
|
+
}
|
|
1708
1771
|
.tw\:dark\:bg-sq-theme-highlight {
|
|
1709
1772
|
&:where(.tw-dark, .tw-dark *) {
|
|
1710
1773
|
background-color: var(--theme-highlight);
|
|
@@ -1772,6 +1835,15 @@
|
|
|
1772
1835
|
}
|
|
1773
1836
|
}
|
|
1774
1837
|
}
|
|
1838
|
+
.tw\:dark\:hover\:border-sq-bg-danger {
|
|
1839
|
+
&:where(.tw-dark, .tw-dark *) {
|
|
1840
|
+
&:hover {
|
|
1841
|
+
@media (hover: hover) {
|
|
1842
|
+
border-color: #f2dede;
|
|
1843
|
+
}
|
|
1844
|
+
}
|
|
1845
|
+
}
|
|
1846
|
+
}
|
|
1775
1847
|
.tw\:dark\:hover\:border-sq-dark-disabled-gray\/30 {
|
|
1776
1848
|
&:where(.tw-dark, .tw-dark *) {
|
|
1777
1849
|
&:hover {
|
|
@@ -1781,6 +1853,24 @@
|
|
|
1781
1853
|
}
|
|
1782
1854
|
}
|
|
1783
1855
|
}
|
|
1856
|
+
.tw\:dark\:hover\:border-sq-theme-highlight {
|
|
1857
|
+
&:where(.tw-dark, .tw-dark *) {
|
|
1858
|
+
&:hover {
|
|
1859
|
+
@media (hover: hover) {
|
|
1860
|
+
border-color: var(--theme-highlight);
|
|
1861
|
+
}
|
|
1862
|
+
}
|
|
1863
|
+
}
|
|
1864
|
+
}
|
|
1865
|
+
.tw\:dark\:hover\:bg-sq-bg-danger {
|
|
1866
|
+
&:where(.tw-dark, .tw-dark *) {
|
|
1867
|
+
&:hover {
|
|
1868
|
+
@media (hover: hover) {
|
|
1869
|
+
background-color: #f2dede;
|
|
1870
|
+
}
|
|
1871
|
+
}
|
|
1872
|
+
}
|
|
1873
|
+
}
|
|
1784
1874
|
.tw\:dark\:hover\:bg-sq-dark-background {
|
|
1785
1875
|
&:where(.tw-dark, .tw-dark *) {
|
|
1786
1876
|
&:hover {
|
|
@@ -1817,6 +1907,15 @@
|
|
|
1817
1907
|
}
|
|
1818
1908
|
}
|
|
1819
1909
|
}
|
|
1910
|
+
.tw\:dark\:hover\:bg-sq-theme-highlight {
|
|
1911
|
+
&:where(.tw-dark, .tw-dark *) {
|
|
1912
|
+
&:hover {
|
|
1913
|
+
@media (hover: hover) {
|
|
1914
|
+
background-color: var(--theme-highlight);
|
|
1915
|
+
}
|
|
1916
|
+
}
|
|
1917
|
+
}
|
|
1918
|
+
}
|
|
1820
1919
|
.tw\:hover\:dark\:bg-gray-700 {
|
|
1821
1920
|
&:hover {
|
|
1822
1921
|
@media (hover: hover) {
|
|
@@ -1826,6 +1925,13 @@
|
|
|
1826
1925
|
}
|
|
1827
1926
|
}
|
|
1828
1927
|
}
|
|
1928
|
+
.tw\:dark\:focus\:border-sq-theme-dark {
|
|
1929
|
+
&:where(.tw-dark, .tw-dark *) {
|
|
1930
|
+
&:focus {
|
|
1931
|
+
border-color: var(--theme-dark);
|
|
1932
|
+
}
|
|
1933
|
+
}
|
|
1934
|
+
}
|
|
1829
1935
|
.tw\:dark\:focus\:border-sq-theme-darker {
|
|
1830
1936
|
&:where(.tw-dark, .tw-dark *) {
|
|
1831
1937
|
&:focus {
|
|
@@ -1849,6 +1955,13 @@
|
|
|
1849
1955
|
}
|
|
1850
1956
|
}
|
|
1851
1957
|
}
|
|
1958
|
+
.tw\:dark\:active\:border-sq-theme-dark {
|
|
1959
|
+
&:where(.tw-dark, .tw-dark *) {
|
|
1960
|
+
&:active {
|
|
1961
|
+
border-color: var(--theme-dark);
|
|
1962
|
+
}
|
|
1963
|
+
}
|
|
1964
|
+
}
|
|
1852
1965
|
.tw\:dark\:active\:border-sq-theme-darker {
|
|
1853
1966
|
&:where(.tw-dark, .tw-dark *) {
|
|
1854
1967
|
&:active {
|
|
@@ -2988,7 +3101,7 @@
|
|
|
2988
3101
|
--sqw-worksheetspanel-gray-dark: #262c36;
|
|
2989
3102
|
--sq-border-color: var(--sq-darkest-gray);
|
|
2990
3103
|
--sq-border-color-dark: #30363d;
|
|
2991
|
-
--sq-placeholder-gray: rgb(156 163 175
|
|
3104
|
+
--sq-placeholder-gray: rgb(156 163 175);
|
|
2992
3105
|
--sq-placeholder-gray-dark: rgba(var(--sq-dark-text), 0.3);
|
|
2993
3106
|
--sq-scrollbar-track: rgba(0, 0, 0, 0.1);
|
|
2994
3107
|
--sq-scrollbar-track-dark: rgba(255, 255, 255, 0.1);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seeqdev/qomponents",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.179",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.esm.js",
|
|
6
6
|
"types": "dist/src/index.d.ts",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"classnames": "2.5.1",
|
|
76
76
|
"dompurify": "3.2.3",
|
|
77
77
|
"framer-motion": "12.23.26",
|
|
78
|
-
"motion": "12.
|
|
78
|
+
"motion": "12.23.26",
|
|
79
79
|
"postcss": "8.5.6",
|
|
80
80
|
"react-select": "5.10.1",
|
|
81
81
|
"rooks": "8.0.1",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Root, Item, Trigger, Content } from '@radix-ui/react-accordion';
|
|
3
|
-
const Accordion = ({ accordionItems, defaultValue, value, onItemSelect, disabled, extraClassNames, testId, }) => {
|
|
4
|
-
return (_jsx(Root, { className: `tw:rounded-md tw:w-full tw:focus-visible:outline-none ${extraClassNames || ''}`, type: "single", defaultValue: defaultValue, value: value, collapsible: true, "data-testid": testId, onValueChange: (_value) => onItemSelect(_value), children: accordionItems.map((item) => (_jsxs(Item, { className: `tw:p-0 tw:flex tw:flex-col tw:w-full`, disabled: disabled, value: item.value, children: [_jsx(Trigger, { disabled: disabled, className: `tw:w-full tw:cursor-default tw:focus-visible:outline-none tw:bg-transparent`, children: item.trigger }), _jsx(Content, { className: `tw:data-[state=open]:animate-slideDown tw:data-[state=closed]:animate-slideUp tw:overflow-hidden tw:focus-visible:outline-none ${item.contentClassNames || ''}`, children: item.content })] }, item.value))) }));
|
|
5
|
-
};
|
|
6
|
-
export default Accordion;
|
|
7
|
-
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAGzE,MAAM,SAAS,GAA4C,CAAC,EAC1D,cAAc,EACd,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,yDAAyD,eAAe,IAAI,EAAE,EAAE,EAC3F,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,uBACE,MAAM,EACnB,aAAa,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,YAC9C,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5B,MAAC,IAAI,IACH,SAAS,EAAE,sCAAsC,EAEjD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,aACjB,KAAC,OAAO,IACN,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,6EAA6E,YACvF,IAAI,CAAC,OAAO,GACL,EACV,KAAC,OAAO,IACN,SAAS,EAAE,kIACT,IAAI,CAAC,iBAAiB,IAAI,EAC5B,EAAE,YACD,IAAI,CAAC,OAAO,GACL,KAbL,IAAI,CAAC,KAAK,CAcV,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import Accordion from './Accordion';
|
|
4
|
-
import { QTip } from '../Tooltip/Qtip';
|
|
5
|
-
import Icon from '../Icon';
|
|
6
|
-
import Tabs from '../Tabs';
|
|
7
|
-
import Button from '../Button';
|
|
8
|
-
export default {
|
|
9
|
-
title: 'Accordion',
|
|
10
|
-
};
|
|
11
|
-
const Trigger = ({ label }) => (_jsxs("div", { className: "tw:flex tw:justify-start tw:items-center tw:border-b tw:px-2 tw:text-sq-theme-dark tw:bg-transparent", children: [_jsx(Icon, { icon: "fc-arrow-dropdown", extraClassNames: "tw:text-sq-theme-dark tw:mr-2 tw:text-3", type: "text" }), label] }));
|
|
12
|
-
const TriggerSecond = ({ label }) => (_jsxs("div", { className: "tw:flex tw:justify-between tw:items-center tw:border-b tw:px-2 tw:text-sq-theme-dark tw:py-2 tw:bg-transparent", children: [label, _jsx(Icon, { icon: "fc-arrow-dropdown", extraClassNames: "tw:text-sq-theme-dark tw:mr-2 tw:text-3", type: "text" })] }));
|
|
13
|
-
const renderData = () => (_jsxs("div", { className: "tw:text-sq-text-color tw:dark:text-sq-white", children: [_jsx("p", { className: "tw:mb-5 tw:text-sq-15 tw:leading-normal", children: "This is a data tab to show details about your data. You can make changes to your account" }), _jsx(Button, { variant: "outline", label: "Save data" })] }));
|
|
14
|
-
const renderTools = () => (_jsxs("div", { className: "tw:text-sq-text-color tw:dark:text-sq-white", children: [_jsx("p", { className: "tw:mb-5 tw:text-sq-15 tw:leading-normal", children: "Make changes to your account here. Click save when you're done." }), _jsx(Button, { variant: "outline", label: "Save tools" })] }));
|
|
15
|
-
const renderJournal = () => (_jsxs("div", { className: "tw:text-sq-text-color tw:dark:text-sq-white", children: [_jsx("p", { className: "tw:mb-5 tw:text-sq-15 tw:leading-normal", children: "Make changes to your account here. Click save when you're done." }), _jsx(Button, { variant: "outline", label: "Save journal" })] }));
|
|
16
|
-
const tabsList = [
|
|
17
|
-
{
|
|
18
|
-
id: 'data',
|
|
19
|
-
label: 'Data',
|
|
20
|
-
icon: 'fc-data',
|
|
21
|
-
content: renderData(),
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
id: 'tools',
|
|
25
|
-
label: 'Tools',
|
|
26
|
-
icon: 'fc-gears-2',
|
|
27
|
-
content: renderTools(),
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
id: 'journal',
|
|
31
|
-
label: 'Journal',
|
|
32
|
-
icon: 'fc-workbook-lock',
|
|
33
|
-
content: renderJournal(),
|
|
34
|
-
},
|
|
35
|
-
];
|
|
36
|
-
export const AllAccordionVariants = () => {
|
|
37
|
-
const [activeTab, setActiveTab] = React.useState('data');
|
|
38
|
-
const [value, setValue] = React.useState('oranges');
|
|
39
|
-
const accordionItems = [
|
|
40
|
-
{
|
|
41
|
-
value: 'oranges',
|
|
42
|
-
id: 'oranges',
|
|
43
|
-
itemTestId: 'oranges',
|
|
44
|
-
trigger: _jsx(Trigger, { label: "Oranges" }),
|
|
45
|
-
content: (_jsx("div", { className: "tw:p-2 tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-white", children: "Oranges are the fruit of the citrus species Citrus \u00D7 sinensis in the family Rutaceae. They are also called sweet oranges to distinguish them from the related Citrus \u00D7 aurantium, referred to as bitter oranges. They are round and orange, and usually have a sour or bitter taste. Oranges are a good source of vitamin C." })),
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
value: 'apples',
|
|
49
|
-
id: 'apples',
|
|
50
|
-
itemTestId: 'apples',
|
|
51
|
-
trigger: _jsx(Trigger, { label: "Apples" }),
|
|
52
|
-
content: (_jsx("div", { children: _jsx("div", { className: "tw:p-4", children: _jsx(Tabs, { stretchTabs: true, activeTab: activeTab, onTabSelect: setActiveTab, defaultActiveTab: "data", tabs: tabsList }) }) })),
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
value: 'bananas',
|
|
56
|
-
id: 'bananas',
|
|
57
|
-
trigger: _jsx(Trigger, { label: "Bananas" }),
|
|
58
|
-
itemTestId: 'bananas',
|
|
59
|
-
content: (_jsx("div", { className: "tw:p-2 tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-white", children: "A banana is an elongated, edible fruit \u2013 botanically a berry \u2013 produced by several kinds of large herbaceous flowering plants in the genus Musa. In some countries, bananas used for cooking may be called \"plantains\", distinguishing them from dessert bananas. The fruit is variable in size, color, and firmness, but is usually elongated and curved, with soft flesh rich in starch covered with a rind, which may be green, yellow, red, purple, or brown when ripe." })),
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
value: 'pineapples',
|
|
63
|
-
id: 'pineapples',
|
|
64
|
-
trigger: _jsx(Trigger, { label: "Pineapples" }),
|
|
65
|
-
itemTestId: 'pineapples',
|
|
66
|
-
content: (_jsx("div", { className: "tw:p-2 tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-white", children: "The pineapple is a tropical plant with an edible fruit and the most economically significant plant in the family Bromeliaceae. The pineapple is indigenous to South America, where it has been cultivated for many centuries. The introduction of the pineapple to Europe in the 17th century made it a significant cultural icon of luxury. Since the 1820s, pineapple has been commercially grown in greenhouses and many tropical plantations." })),
|
|
67
|
-
},
|
|
68
|
-
];
|
|
69
|
-
const allAccordions = (isDark) => (_jsx("div", { className: isDark ? 'tw-dark tw:bg-sq-dark-background' : '', children: _jsx("div", { className: "tw:p-5 ", children: _jsx(Accordion, { accordionItems: isDark
|
|
70
|
-
? accordionItems
|
|
71
|
-
: accordionItems.map((item) => ({ ...item, trigger: _jsx(TriggerSecond, { label: item.value.toUpperCase() }) })), value: value, testId: "basic-accordion1", onItemSelect: (value) => setValue(value) }) }) }));
|
|
72
|
-
const renderAllVariations = (isDark) => _jsx("div", { className: "tw:p-4", children: allAccordions(isDark) });
|
|
73
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "tw:grid tw:grid-cols-4 tw:gap-4", children: [_jsx(QTip, {}), _jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderAllVariations()] })] }), _jsxs("div", { className: "tw-dark tw:bg-sq-dark-background tw:grid tw:grid-cols-4 tw:gap-4 tw:py-4", children: [_jsxs("div", { className: "color_topic tw:dark:text-sq-white tw:text-center", children: [_jsx("b", { children: "Topic Colors" }), renderAllVariations(true)] }), _jsxs("div", { className: "color_analysis tw:dark:text-sq-white tw:text-center", children: [_jsx("b", { children: "Analysis Colors" }), renderAllVariations(true)] }), _jsxs("div", { className: "color_datalab tw:dark:text-sq-white tw:text-center", children: [_jsx("b", { children: "Datalab Colors" }), renderAllVariations(true)] }), _jsxs("div", { className: "color_vantage tw:dark:text-sq-white tw:text-center", children: [_jsx("b", { children: "Vantage Colors" }), renderAllVariations(true)] })] })] }));
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=Accordion.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import '@testing-library/jest-dom';
|
|
3
|
-
import { render, screen } from '@testing-library/react';
|
|
4
|
-
import userEvent from '@testing-library/user-event';
|
|
5
|
-
import Accordion from './Accordion';
|
|
6
|
-
describe('Accordion', () => {
|
|
7
|
-
const mockOnItemSelect = jest.fn();
|
|
8
|
-
class Context {
|
|
9
|
-
testId = 'buttonTestId';
|
|
10
|
-
label = 'button label';
|
|
11
|
-
props = {
|
|
12
|
-
accordionItems: [
|
|
13
|
-
{
|
|
14
|
-
id: 'item1',
|
|
15
|
-
value: 'item1',
|
|
16
|
-
trigger: 'Item 1',
|
|
17
|
-
content: 'Content 1',
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
id: 'item2',
|
|
21
|
-
value: 'item2',
|
|
22
|
-
trigger: 'Item 2',
|
|
23
|
-
content: 'Content 2',
|
|
24
|
-
},
|
|
25
|
-
],
|
|
26
|
-
defaultValue: 'item1',
|
|
27
|
-
value: 'item1',
|
|
28
|
-
onItemSelect: (key) => mockOnItemSelect(key),
|
|
29
|
-
disabled: false,
|
|
30
|
-
extraClassNames: 'extra-class',
|
|
31
|
-
testId: this.testId,
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
let tc;
|
|
35
|
-
beforeEach(() => {
|
|
36
|
-
tc = new Context();
|
|
37
|
-
});
|
|
38
|
-
const renderAccordion = (props) => render(_jsx(Accordion, { ...props }));
|
|
39
|
-
it('renders accordion items', () => {
|
|
40
|
-
renderAccordion(tc.props);
|
|
41
|
-
expect(screen.getByText('Item 1')).toBeInTheDocument();
|
|
42
|
-
expect(screen.getByText('Item 2')).toBeInTheDocument();
|
|
43
|
-
});
|
|
44
|
-
it('renders accordion content', () => {
|
|
45
|
-
renderAccordion(tc.props);
|
|
46
|
-
expect(screen.getByText('Content 1')).toBeInTheDocument();
|
|
47
|
-
expect(screen.queryByText('Content 2')).not.toBeInTheDocument();
|
|
48
|
-
});
|
|
49
|
-
it('calls onItemSelect when an item is selected', async () => {
|
|
50
|
-
renderAccordion(tc.props);
|
|
51
|
-
await userEvent.click(screen.getByText('Item 2'));
|
|
52
|
-
expect(mockOnItemSelect).toHaveBeenCalledWith('item2');
|
|
53
|
-
});
|
|
54
|
-
});
|
|
55
|
-
//# sourceMappingURL=Accordion.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.test.tsx"],"names":[],"mappings":";AACA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,SAAS,MAAM,aAAa,CAAC;AAGpC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IACnC,MAAM,OAAO;QACX,MAAM,GAAG,cAAc,CAAC;QACxB,KAAK,GAAG,cAAc,CAAC;QACvB,KAAK,GAAmB;YACtB,cAAc,EAAE;gBACd;oBACE,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,WAAW;iBACrB;gBACD;oBACE,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,WAAW;iBACrB;aACF;YACD,YAAY,EAAE,OAAO;YACrB,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC;YAC5C,QAAQ,EAAE,KAAK;YACf,eAAe,EAAE,aAAa;YAC9B,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;KACH;IAED,IAAI,EAAW,CAAC;IAChB,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC,CAAC;IAEpF,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC1D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface AccordionProps {
|
|
3
|
-
/**
|
|
4
|
-
* Additional CSS classes to apply to the accordion container.
|
|
5
|
-
* Use this to customize the styling of the entire accordion component.
|
|
6
|
-
*/
|
|
7
|
-
extraClassNames?: string;
|
|
8
|
-
/**
|
|
9
|
-
* The value of the accordion item that should be expanded by default when the component first renders.
|
|
10
|
-
* Only used when the accordion is in uncontrolled mode (when you don't manage the state externally).
|
|
11
|
-
* Should match the `value` of one of the items in `accordionItems`.
|
|
12
|
-
*/
|
|
13
|
-
defaultValue?: string;
|
|
14
|
-
/**
|
|
15
|
-
* The value of the currently selected/expanded accordion item.
|
|
16
|
-
* This should match the `value` property of one of the items in `accordionItems`.
|
|
17
|
-
* Use this when you want to control which item is expanded from a parent component.
|
|
18
|
-
*/
|
|
19
|
-
value: string;
|
|
20
|
-
/**
|
|
21
|
-
* When true, disables the entire accordion component, preventing any user interaction.
|
|
22
|
-
* Individual items can still be disabled independently using their own `disabled` property.
|
|
23
|
-
*/
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Array of accordion items to render. Each item represents a collapsible section
|
|
27
|
-
* with a clickable header (trigger) and expandable content area.
|
|
28
|
-
*/
|
|
29
|
-
accordionItems: AccordionItem[];
|
|
30
|
-
/**
|
|
31
|
-
* Test ID attribute for the accordion container element.
|
|
32
|
-
* Used for automated testing and element selection in test suites.
|
|
33
|
-
*/
|
|
34
|
-
testId?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Callback function triggered when a user clicks on an accordion item header.
|
|
37
|
-
* Receives the `value` of the selected item as a parameter.
|
|
38
|
-
* Use this to handle accordion state changes and update the `value` prop accordingly.
|
|
39
|
-
*/
|
|
40
|
-
onItemSelect: (key: string) => void;
|
|
41
|
-
}
|
|
42
|
-
interface AccordionItem {
|
|
43
|
-
/**
|
|
44
|
-
* Unique identifier for the accordion item.
|
|
45
|
-
* This value is used to determine which item is currently expanded and
|
|
46
|
-
* is passed to the `onItemSelect` callback when the item is clicked.
|
|
47
|
-
*/
|
|
48
|
-
value: string;
|
|
49
|
-
/**
|
|
50
|
-
* The content displayed in the clickable header/trigger area of the accordion item.
|
|
51
|
-
* This is what users click to expand or collapse the item.
|
|
52
|
-
* Can be any React element (text, icons, buttons, etc.).
|
|
53
|
-
*/
|
|
54
|
-
trigger: React.ReactNode;
|
|
55
|
-
/**
|
|
56
|
-
* The content displayed when the accordion item is expanded.
|
|
57
|
-
* This is the collapsible content area that shows/hides when the trigger is clicked.
|
|
58
|
-
* Can contain any React elements including forms, lists, text, or other components.
|
|
59
|
-
*/
|
|
60
|
-
content: React.ReactNode;
|
|
61
|
-
/**
|
|
62
|
-
* Test ID attribute for this specific accordion item.
|
|
63
|
-
* Used for automated testing to uniquely identify and interact with this item.
|
|
64
|
-
* Applied to the item's container element.
|
|
65
|
-
*/
|
|
66
|
-
itemTestId?: string;
|
|
67
|
-
/**
|
|
68
|
-
* HTML ID attribute for the accordion item's container element.
|
|
69
|
-
* Useful for accessibility, linking, or custom styling via CSS selectors.
|
|
70
|
-
* Should be unique across the entire page.
|
|
71
|
-
*/
|
|
72
|
-
id?: string;
|
|
73
|
-
/**
|
|
74
|
-
* When true, disables this specific accordion item, preventing user interaction.
|
|
75
|
-
* The item will appear visually disabled and clicking on it will have no effect.
|
|
76
|
-
* This overrides the parent accordion's disabled state for this individual item.
|
|
77
|
-
*/
|
|
78
|
-
disabled?: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* Additional CSS classes to apply specifically to this item's content area.
|
|
81
|
-
* Use this to customize the styling of the expandable content section.
|
|
82
|
-
* Does not affect the trigger/header styling.
|
|
83
|
-
*/
|
|
84
|
-
contentClassNames?: string;
|
|
85
|
-
}
|
|
86
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.types.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './Accordion';
|
package/dist/Accordion/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
|
package/dist/Alert/Alert.d.ts
DELETED
package/dist/Alert/Alert.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import '../styles.css';
|
|
3
|
-
import Icon from '../Icon';
|
|
4
|
-
const baseClasses = 'tw:mx-auto tw:p-4 tw:leading-normal tw:outline-none tw:py-2 tw:px-3 tw:rounded-[10px] tw:w-full tw:relative' +
|
|
5
|
-
' tw:border-solid tw:border tw:text-sm tw:flex tw:flex-col tw:justify-center tw:items-center';
|
|
6
|
-
const darkTheme = 'tw:dark:bg-sq-theme-hover-dark tw:dark:text-sq-text-color-dark';
|
|
7
|
-
const lightTheme = 'tw:text-sq-text-color tw:bg-sq-theme-highlight/10';
|
|
8
|
-
const errorClasses = 'tw:border-sq-danger';
|
|
9
|
-
const borderColorClasses = 'tw:border-sq-theme-dark';
|
|
10
|
-
/**
|
|
11
|
-
* Alert.
|
|
12
|
-
*/
|
|
13
|
-
export const Alert = ({ children, dismissible = true, onClose, show = true, variant, testId = 'alert-id', id, extraClassNames, ...tooltipProps }) => {
|
|
14
|
-
const appliedTheme = {
|
|
15
|
-
theme: `${lightTheme} ${darkTheme}`,
|
|
16
|
-
formulaError: 'tw:text-red-800 tw:bg-red-200 tw:!rounded-[0.25rem]',
|
|
17
|
-
danger: 'tw:text-sq-text-color tw:bg-sq-danger',
|
|
18
|
-
warning: 'tw:bg-sq-bg-warning tw:text-sq-text-color',
|
|
19
|
-
gray: 'tw:bg-sq-hover-gray tw:text-sq-text-color tw:dark:bg-sq-tools-background-dark tw:dark:text-sq-text-color-dark',
|
|
20
|
-
};
|
|
21
|
-
const appliedBorderTheme = {
|
|
22
|
-
theme: borderColorClasses,
|
|
23
|
-
danger: errorClasses,
|
|
24
|
-
warning: 'tw:border-none',
|
|
25
|
-
gray: 'tw:border-sq-darkish-gray',
|
|
26
|
-
formulaError: 'tw:border-red-100',
|
|
27
|
-
};
|
|
28
|
-
const appliedClasses = `${baseClasses} ${appliedTheme[variant]} ${extraClassNames} ${appliedBorderTheme[variant]}`;
|
|
29
|
-
if (!show) {
|
|
30
|
-
return _jsx("div", {});
|
|
31
|
-
}
|
|
32
|
-
return (_jsxs("div", { "data-testid": testId, id: id, className: appliedClasses, children: [children, dismissible && (_jsx(Icon, { icon: "fc-delete", type: variant.match(/danger|warning|formulaError/) ? 'color' : 'theme', color: variant.match(/danger|warning|formulaError/) ? 'inherit' : undefined, extraClassNames: `tw:self-end tw:text-size-11 tw:cursor-pointer tw:absolute tw:right-2.5 tw:top-2.5 ${variant.match(/danger|warning|gray|formulaError/) ? 'tw:text-sq-text-color tw:dark:text-sq-dark-text' : ''}`, testId: `${testId}-close-btn`, onClick: onClose, ...tooltipProps }))] }));
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=Alert.js.map
|
package/dist/Alert/Alert.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AACvB,OAAO,IAAI,MAAM,SAAS,CAAC;AAG3B,MAAM,WAAW,GACf,6GAA6G;IAC7G,6FAA6F,CAAC;AAEhG,MAAM,SAAS,GAAG,gEAAgE,CAAC;AACnF,MAAM,UAAU,GAAG,mDAAmD,CAAC;AAEvE,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAE3C,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;AAErD;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAwC,CAAC,EACzD,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,OAAO,EACP,IAAI,GAAG,IAAI,EACX,OAAO,EACP,MAAM,GAAG,UAAU,EACnB,EAAE,EACF,eAAe,EACf,GAAG,YAAY,EAChB,EAAE,EAAE;IACH,MAAM,YAAY,GAA0C;QAC1D,KAAK,EAAE,GAAG,UAAU,IAAI,SAAS,EAAE;QACnC,YAAY,EAAE,qDAAqD;QACnE,MAAM,EAAE,uCAAuC;QAC/C,OAAO,EAAE,2CAA2C;QACpD,IAAI,EAAE,+GAA+G;KACtH,CAAC;IACF,MAAM,kBAAkB,GAA0C;QAChE,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,YAAY;QACpB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,2BAA2B;QACjC,YAAY,EAAE,mBAAmB;KAClC,CAAC;IACF,MAAM,cAAc,GAAG,GAAG,WAAW,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,eAAe,IAAI,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;IAEnH,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,eAAO,CAAC;IACjB,CAAC;IACD,OAAO,CACL,8BAAkB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,aACxD,QAAQ,EACR,WAAW,IAAI,CACd,KAAC,IAAI,IACH,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACtE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3E,eAAe,EAAE,qFACf,OAAO,CAAC,KAAK,CAAC,kCAAkC,CAAC,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAC,CAAC,EAC1G,EAAE,EACF,MAAM,EAAE,GAAG,MAAM,YAAY,EAC7B,OAAO,EAAE,OAAO,KACZ,YAAY,GAChB,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const ThemedAlert: any;
|
|
2
|
-
export declare const WarningAlert: any;
|
|
3
|
-
export declare const DangerAlert: any;
|
|
4
|
-
export declare const FormulaErrorAlert: any;
|
|
5
|
-
export declare const GrayAlert: any;
|
|
6
|
-
export declare const AllAlertsVariants: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Alert } from './Alert';
|
|
3
|
-
import { QTip } from '../Tooltip';
|
|
4
|
-
const Template = ({ variant }) => {
|
|
5
|
-
return (_jsxs("div", { className: "tw:text-sq-color-gray dark:tw:text-sq-white", children: [_jsxs("h3", { className: "tw:mb-5 tw:text-4 tw:leading-normal", children: ["This is a ", variant, " alert, it looks very pleasing and is very useful for showing alerts to the user"] }), _jsx(Alert, { variant: variant, dismissible: true, show: true, extraClassNames: "tw:h-50", tooltip: "This is a small close alert icon", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, children: "This is a dismissible alert, it looks very pleasing and is very useful for showing alerts to the user" }), _jsx(QTip, {})] }));
|
|
6
|
-
};
|
|
7
|
-
export const ThemedAlert = Template.bind({});
|
|
8
|
-
ThemedAlert.args = {
|
|
9
|
-
variant: 'theme',
|
|
10
|
-
};
|
|
11
|
-
export const WarningAlert = Template.bind({});
|
|
12
|
-
WarningAlert.args = {
|
|
13
|
-
variant: 'warning',
|
|
14
|
-
};
|
|
15
|
-
export const DangerAlert = Template.bind({});
|
|
16
|
-
DangerAlert.args = {
|
|
17
|
-
variant: 'danger',
|
|
18
|
-
};
|
|
19
|
-
export const FormulaErrorAlert = Template.bind({});
|
|
20
|
-
FormulaErrorAlert.args = {
|
|
21
|
-
variant: 'formulaError',
|
|
22
|
-
};
|
|
23
|
-
export const GrayAlert = Template.bind({});
|
|
24
|
-
GrayAlert.args = {
|
|
25
|
-
variant: 'gray',
|
|
26
|
-
};
|
|
27
|
-
const colors = ['topic', 'analysis', 'datalab', 'vantage'];
|
|
28
|
-
const renderAlert = ({ text, dismissable, variant, }) => (_jsx("div", { className: "tw:text-sq-dark-gray dark:tw:text-sq-white", children: _jsx(Alert, { variant: variant, dismissible: dismissable, show: true, extraClassNames: "tw:h-50", tooltip: "This is a small close alert icon", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, children: text }) }));
|
|
29
|
-
export const AllAlertsVariants = () => {
|
|
30
|
-
const renderAllVariations = (color) => (_jsxs("div", { children: [_jsx("div", { className: "tw:p-4", children: renderAlert({
|
|
31
|
-
text: 'This is a dismissible alert, it looks very pleasing and is very useful for showing alerts to the user',
|
|
32
|
-
dismissable: true,
|
|
33
|
-
variant: 'theme',
|
|
34
|
-
}) }), _jsx("div", { className: "tw:p-4", children: renderAlert({
|
|
35
|
-
text: 'This is a non dismissable alert, it looks very pleasing and is very useful for showing alerts to the user',
|
|
36
|
-
dismissable: false,
|
|
37
|
-
variant: 'theme',
|
|
38
|
-
}) }), _jsx("div", { className: "tw:p-4", children: renderAlert({
|
|
39
|
-
text: 'This is a warning alert, it is used to display a warning',
|
|
40
|
-
dismissable: false,
|
|
41
|
-
variant: 'warning',
|
|
42
|
-
}) }), _jsx("div", { className: "tw:p-4", children: renderAlert({
|
|
43
|
-
text: 'This is an error alert, it is used to display an error',
|
|
44
|
-
dismissable: false,
|
|
45
|
-
variant: 'danger',
|
|
46
|
-
}) }), _jsx("div", { className: "tw:p-4", children: renderAlert({
|
|
47
|
-
text: 'This is a gray alert, it is used to display a neutral alert',
|
|
48
|
-
dismissable: true,
|
|
49
|
-
variant: 'gray',
|
|
50
|
-
}) }), _jsx("div", { className: "tw:p-4", children: renderAlert({
|
|
51
|
-
text: 'This is an error alert that is dismissible, it is used to display an error',
|
|
52
|
-
dismissable: true,
|
|
53
|
-
variant: 'danger',
|
|
54
|
-
}) }), _jsx("div", { className: "tw:p-4", children: renderAlert({
|
|
55
|
-
text: 'This is a formula error alert that is dismissible, it is used to display an error',
|
|
56
|
-
dismissable: true,
|
|
57
|
-
variant: 'formulaError',
|
|
58
|
-
}) })] }, color + '_wrapper'));
|
|
59
|
-
return (_jsxs("div", { children: [_jsx(QTip, {}), _jsx("div", { className: "tw:grid tw:grid-cols-4 tw:gap-4", children: colors.map((color) => {
|
|
60
|
-
return (_jsx("div", { className: `color_${color}`, children: renderAllVariations(color) }, `color_${color}`));
|
|
61
|
-
}) }), _jsx("div", { className: "tw:dark tw:bg-sq-dark-background tw:grid tw:grid-cols-4 tw:gap-4", children: colors.map((color) => {
|
|
62
|
-
return (_jsx("div", { className: `color_${color}`, children: renderAllVariations(color) }, `color_${color}`));
|
|
63
|
-
}) })] }));
|
|
64
|
-
};
|
|
65
|
-
//# sourceMappingURL=Alert.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../src/Alert/Alert.stories.tsx"],"names":[],"mappings":"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"}
|