@traefik-labs/faency 12.0.7
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/LICENSE +201 -0
- package/README.md +160 -0
- package/dist/colors/deepBlue.cjs +63 -0
- package/dist/colors/deepBlue.cjs.map +1 -0
- package/dist/colors/deepBlue.js +63 -0
- package/dist/colors/deepBlue.js.map +1 -0
- package/dist/colors/elevation.cjs +21 -0
- package/dist/colors/elevation.cjs.map +1 -0
- package/dist/colors/elevation.js +21 -0
- package/dist/colors/elevation.js.map +1 -0
- package/dist/colors/grayBlue.cjs +63 -0
- package/dist/colors/grayBlue.cjs.map +1 -0
- package/dist/colors/grayBlue.js +63 -0
- package/dist/colors/grayBlue.js.map +1 -0
- package/dist/colors/index.cjs +86 -0
- package/dist/colors/index.cjs.map +1 -0
- package/dist/colors/index.js +86 -0
- package/dist/colors/index.js.map +1 -0
- package/dist/colors/neon.cjs +63 -0
- package/dist/colors/neon.cjs.map +1 -0
- package/dist/colors/neon.js +63 -0
- package/dist/colors/neon.js.map +1 -0
- package/dist/colors/orange.cjs +63 -0
- package/dist/colors/orange.cjs.map +1 -0
- package/dist/colors/orange.js +63 -0
- package/dist/colors/orange.js.map +1 -0
- package/dist/colors/red.cjs +63 -0
- package/dist/colors/red.cjs.map +1 -0
- package/dist/colors/red.js +63 -0
- package/dist/colors/red.js.map +1 -0
- package/dist/components/AccessibleIcon/AccessibleIcon.cjs +23 -0
- package/dist/components/AccessibleIcon/AccessibleIcon.cjs.map +1 -0
- package/dist/components/AccessibleIcon/AccessibleIcon.js +6 -0
- package/dist/components/AccessibleIcon/AccessibleIcon.js.map +1 -0
- package/dist/components/Accordion/Accordion.cjs +160 -0
- package/dist/components/Accordion/Accordion.cjs.map +1 -0
- package/dist/components/Accordion/Accordion.js +143 -0
- package/dist/components/Accordion/Accordion.js.map +1 -0
- package/dist/components/Accordion/Accordion.themes.cjs +21 -0
- package/dist/components/Accordion/Accordion.themes.cjs.map +1 -0
- package/dist/components/Accordion/Accordion.themes.js +22 -0
- package/dist/components/Accordion/Accordion.themes.js.map +1 -0
- package/dist/components/Alert/Alert.cjs +40 -0
- package/dist/components/Alert/Alert.cjs.map +1 -0
- package/dist/components/Alert/Alert.js +40 -0
- package/dist/components/Alert/Alert.js.map +1 -0
- package/dist/components/AriaTable/AriaTable.cjs +196 -0
- package/dist/components/AriaTable/AriaTable.cjs.map +1 -0
- package/dist/components/AriaTable/AriaTable.js +196 -0
- package/dist/components/AriaTable/AriaTable.js.map +1 -0
- package/dist/components/Avatar/Avatar.cjs +174 -0
- package/dist/components/Avatar/Avatar.cjs.map +1 -0
- package/dist/components/Avatar/Avatar.js +157 -0
- package/dist/components/Avatar/Avatar.js.map +1 -0
- package/dist/components/Badge/Badge.cjs +137 -0
- package/dist/components/Badge/Badge.cjs.map +1 -0
- package/dist/components/Badge/Badge.js +137 -0
- package/dist/components/Badge/Badge.js.map +1 -0
- package/dist/components/Badge/Badge.theme.cjs +13 -0
- package/dist/components/Badge/Badge.theme.cjs.map +1 -0
- package/dist/components/Badge/Badge.theme.js +13 -0
- package/dist/components/Badge/Badge.theme.js.map +1 -0
- package/dist/components/Badge/Badge.themes.cjs +15 -0
- package/dist/components/Badge/Badge.themes.cjs.map +1 -0
- package/dist/components/Badge/Badge.themes.js +16 -0
- package/dist/components/Badge/Badge.themes.js.map +1 -0
- package/dist/components/Badge/Badge.vanilla.cjs +48 -0
- package/dist/components/Badge/Badge.vanilla.cjs.map +1 -0
- package/dist/components/Badge/Badge.vanilla.css.cjs +9 -0
- package/dist/components/Badge/Badge.vanilla.css.cjs.map +1 -0
- package/dist/components/Badge/Badge.vanilla.css.js +9 -0
- package/dist/components/Badge/Badge.vanilla.css.js.map +1 -0
- package/dist/components/Badge/Badge.vanilla.js +48 -0
- package/dist/components/Badge/Badge.vanilla.js.map +1 -0
- package/dist/components/Blockquote/Blockquote.cjs +10 -0
- package/dist/components/Blockquote/Blockquote.cjs.map +1 -0
- package/dist/components/Blockquote/Blockquote.js +10 -0
- package/dist/components/Blockquote/Blockquote.js.map +1 -0
- package/dist/components/Blockquote/Blockquote.vanilla.cjs +46 -0
- package/dist/components/Blockquote/Blockquote.vanilla.cjs.map +1 -0
- package/dist/components/Blockquote/Blockquote.vanilla.css.cjs +7 -0
- package/dist/components/Blockquote/Blockquote.vanilla.css.cjs.map +1 -0
- package/dist/components/Blockquote/Blockquote.vanilla.css.js +7 -0
- package/dist/components/Blockquote/Blockquote.vanilla.css.js.map +1 -0
- package/dist/components/Blockquote/Blockquote.vanilla.js +46 -0
- package/dist/components/Blockquote/Blockquote.vanilla.js.map +1 -0
- package/dist/components/Box/Box.cjs +9 -0
- package/dist/components/Box/Box.cjs.map +1 -0
- package/dist/components/Box/Box.js +9 -0
- package/dist/components/Box/Box.js.map +1 -0
- package/dist/components/Box/Box.vanilla.cjs +33 -0
- package/dist/components/Box/Box.vanilla.cjs.map +1 -0
- package/dist/components/Box/Box.vanilla.css.cjs +6 -0
- package/dist/components/Box/Box.vanilla.css.cjs.map +1 -0
- package/dist/components/Box/Box.vanilla.css.js +6 -0
- package/dist/components/Box/Box.vanilla.css.js.map +1 -0
- package/dist/components/Box/Box.vanilla.js +33 -0
- package/dist/components/Box/Box.vanilla.js.map +1 -0
- package/dist/components/Bubble/Bubble.cjs +81 -0
- package/dist/components/Bubble/Bubble.cjs.map +1 -0
- package/dist/components/Bubble/Bubble.js +81 -0
- package/dist/components/Bubble/Bubble.js.map +1 -0
- package/dist/components/Button/Button.cjs +295 -0
- package/dist/components/Button/Button.cjs.map +1 -0
- package/dist/components/Button/Button.js +295 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/Button.themes.cjs +37 -0
- package/dist/components/Button/Button.themes.cjs.map +1 -0
- package/dist/components/Button/Button.themes.js +38 -0
- package/dist/components/Button/Button.themes.js.map +1 -0
- package/dist/components/Button/Button.vanilla.cjs +45 -0
- package/dist/components/Button/Button.vanilla.cjs.map +1 -0
- package/dist/components/Button/Button.vanilla.css.cjs +7 -0
- package/dist/components/Button/Button.vanilla.css.cjs.map +1 -0
- package/dist/components/Button/Button.vanilla.css.js +7 -0
- package/dist/components/Button/Button.vanilla.css.js.map +1 -0
- package/dist/components/Button/Button.vanilla.js +45 -0
- package/dist/components/Button/Button.vanilla.js.map +1 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.cjs +81 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.cjs.map +1 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.js +64 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.js.map +1 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.cjs +20 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.cjs.map +1 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.js +21 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.js.map +1 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs +67 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs.map +1 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.cjs +8 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.cjs.map +1 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.js +8 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.js.map +1 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js +50 -0
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js.map +1 -0
- package/dist/components/Card/Card.cjs +101 -0
- package/dist/components/Card/Card.cjs.map +1 -0
- package/dist/components/Card/Card.js +101 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/Card.theme.cjs +26 -0
- package/dist/components/Card/Card.theme.cjs.map +1 -0
- package/dist/components/Card/Card.theme.js +26 -0
- package/dist/components/Card/Card.theme.js.map +1 -0
- package/dist/components/Card/Card.themes.cjs +29 -0
- package/dist/components/Card/Card.themes.cjs.map +1 -0
- package/dist/components/Card/Card.themes.js +30 -0
- package/dist/components/Card/Card.themes.js.map +1 -0
- package/dist/components/Card/Card.vanilla.cjs +41 -0
- package/dist/components/Card/Card.vanilla.cjs.map +1 -0
- package/dist/components/Card/Card.vanilla.css.cjs +10 -0
- package/dist/components/Card/Card.vanilla.css.cjs.map +1 -0
- package/dist/components/Card/Card.vanilla.css.js +10 -0
- package/dist/components/Card/Card.vanilla.css.js.map +1 -0
- package/dist/components/Card/Card.vanilla.js +41 -0
- package/dist/components/Card/Card.vanilla.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.cjs +115 -0
- package/dist/components/Checkbox/Checkbox.cjs.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +98 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.themes.cjs +35 -0
- package/dist/components/Checkbox/Checkbox.themes.cjs.map +1 -0
- package/dist/components/Checkbox/Checkbox.themes.js +36 -0
- package/dist/components/Checkbox/Checkbox.themes.js.map +1 -0
- package/dist/components/Container/Container.cjs +38 -0
- package/dist/components/Container/Container.cjs.map +1 -0
- package/dist/components/Container/Container.js +38 -0
- package/dist/components/Container/Container.js.map +1 -0
- package/dist/components/Container/Container.vanilla.cjs +35 -0
- package/dist/components/Container/Container.vanilla.cjs.map +1 -0
- package/dist/components/Container/Container.vanilla.css.cjs +9 -0
- package/dist/components/Container/Container.vanilla.css.cjs.map +1 -0
- package/dist/components/Container/Container.vanilla.css.js +9 -0
- package/dist/components/Container/Container.vanilla.css.js.map +1 -0
- package/dist/components/Container/Container.vanilla.js +35 -0
- package/dist/components/Container/Container.vanilla.js.map +1 -0
- package/dist/components/DateTimePicker/DateTimePicker.cjs +283 -0
- package/dist/components/DateTimePicker/DateTimePicker.cjs.map +1 -0
- package/dist/components/DateTimePicker/DateTimePicker.js +283 -0
- package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -0
- package/dist/components/DateTimePickerInput/DateTimePickerInput.cjs +154 -0
- package/dist/components/DateTimePickerInput/DateTimePickerInput.cjs.map +1 -0
- package/dist/components/DateTimePickerInput/DateTimePickerInput.js +154 -0
- package/dist/components/DateTimePickerInput/DateTimePickerInput.js.map +1 -0
- package/dist/components/Dialog/Dialog.cjs +93 -0
- package/dist/components/Dialog/Dialog.cjs.map +1 -0
- package/dist/components/Dialog/Dialog.js +76 -0
- package/dist/components/Dialog/Dialog.js.map +1 -0
- package/dist/components/Dialog/Dialog.themes.cjs +12 -0
- package/dist/components/Dialog/Dialog.themes.cjs.map +1 -0
- package/dist/components/Dialog/Dialog.themes.js +13 -0
- package/dist/components/Dialog/Dialog.themes.js.map +1 -0
- package/dist/components/DropdownMenu/DropdownMenu.cjs +69 -0
- package/dist/components/DropdownMenu/DropdownMenu.cjs.map +1 -0
- package/dist/components/DropdownMenu/DropdownMenu.js +52 -0
- package/dist/components/DropdownMenu/DropdownMenu.js.map +1 -0
- package/dist/components/DropdownMenu/styles.cjs +55 -0
- package/dist/components/DropdownMenu/styles.cjs.map +1 -0
- package/dist/components/DropdownMenu/styles.js +55 -0
- package/dist/components/DropdownMenu/styles.js.map +1 -0
- package/dist/components/Elevation/Elevation.cjs +40 -0
- package/dist/components/Elevation/Elevation.cjs.map +1 -0
- package/dist/components/Elevation/Elevation.js +40 -0
- package/dist/components/Elevation/Elevation.js.map +1 -0
- package/dist/components/Elevation/Elevation.vanilla.cjs +28 -0
- package/dist/components/Elevation/Elevation.vanilla.cjs.map +1 -0
- package/dist/components/Elevation/Elevation.vanilla.css.cjs +7 -0
- package/dist/components/Elevation/Elevation.vanilla.css.cjs.map +1 -0
- package/dist/components/Elevation/Elevation.vanilla.css.js +7 -0
- package/dist/components/Elevation/Elevation.vanilla.css.js.map +1 -0
- package/dist/components/Elevation/Elevation.vanilla.js +28 -0
- package/dist/components/Elevation/Elevation.vanilla.js.map +1 -0
- package/dist/components/FaencyProvider.cjs +7 -0
- package/dist/components/FaencyProvider.cjs.map +1 -0
- package/dist/components/FaencyProvider.js +7 -0
- package/dist/components/FaencyProvider.js.map +1 -0
- package/dist/components/Flex/Flex.cjs +120 -0
- package/dist/components/Flex/Flex.cjs.map +1 -0
- package/dist/components/Flex/Flex.js +120 -0
- package/dist/components/Flex/Flex.js.map +1 -0
- package/dist/components/Flex/Flex.vanilla.cjs +35 -0
- package/dist/components/Flex/Flex.vanilla.cjs.map +1 -0
- package/dist/components/Flex/Flex.vanilla.css.cjs +9 -0
- package/dist/components/Flex/Flex.vanilla.css.cjs.map +1 -0
- package/dist/components/Flex/Flex.vanilla.css.js +9 -0
- package/dist/components/Flex/Flex.vanilla.css.js.map +1 -0
- package/dist/components/Flex/Flex.vanilla.js +35 -0
- package/dist/components/Flex/Flex.vanilla.js.map +1 -0
- package/dist/components/Grid/Grid.cjs +160 -0
- package/dist/components/Grid/Grid.cjs.map +1 -0
- package/dist/components/Grid/Grid.js +160 -0
- package/dist/components/Grid/Grid.js.map +1 -0
- package/dist/components/Grid/Grid.vanilla.cjs +53 -0
- package/dist/components/Grid/Grid.vanilla.cjs.map +1 -0
- package/dist/components/Grid/Grid.vanilla.css.cjs +9 -0
- package/dist/components/Grid/Grid.vanilla.css.cjs.map +1 -0
- package/dist/components/Grid/Grid.vanilla.css.js +9 -0
- package/dist/components/Grid/Grid.vanilla.css.js.map +1 -0
- package/dist/components/Grid/Grid.vanilla.js +53 -0
- package/dist/components/Grid/Grid.vanilla.js.map +1 -0
- package/dist/components/Heading/Heading.cjs +61 -0
- package/dist/components/Heading/Heading.cjs.map +1 -0
- package/dist/components/Heading/Heading.js +61 -0
- package/dist/components/Heading/Heading.js.map +1 -0
- package/dist/components/Heading/Heading.themes.cjs +13 -0
- package/dist/components/Heading/Heading.themes.cjs.map +1 -0
- package/dist/components/Heading/Heading.themes.js +14 -0
- package/dist/components/Heading/Heading.themes.js.map +1 -0
- package/dist/components/IconButton/IconButton.cjs +109 -0
- package/dist/components/IconButton/IconButton.cjs.map +1 -0
- package/dist/components/IconButton/IconButton.js +109 -0
- package/dist/components/IconButton/IconButton.js.map +1 -0
- package/dist/components/IconButton/IconButton.themes.cjs +18 -0
- package/dist/components/IconButton/IconButton.themes.cjs.map +1 -0
- package/dist/components/IconButton/IconButton.themes.js +19 -0
- package/dist/components/IconButton/IconButton.themes.js.map +1 -0
- package/dist/components/IconButton/IconButton.vanilla.cjs +34 -0
- package/dist/components/IconButton/IconButton.vanilla.cjs.map +1 -0
- package/dist/components/IconButton/IconButton.vanilla.css.cjs +7 -0
- package/dist/components/IconButton/IconButton.vanilla.css.cjs.map +1 -0
- package/dist/components/IconButton/IconButton.vanilla.css.js +7 -0
- package/dist/components/IconButton/IconButton.vanilla.css.js.map +1 -0
- package/dist/components/IconButton/IconButton.vanilla.js +34 -0
- package/dist/components/IconButton/IconButton.vanilla.js.map +1 -0
- package/dist/components/Image/Image.cjs +10 -0
- package/dist/components/Image/Image.cjs.map +1 -0
- package/dist/components/Image/Image.js +10 -0
- package/dist/components/Image/Image.js.map +1 -0
- package/dist/components/Input/Input.cjs +379 -0
- package/dist/components/Input/Input.cjs.map +1 -0
- package/dist/components/Input/Input.js +379 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/Input.theme.cjs +40 -0
- package/dist/components/Input/Input.theme.cjs.map +1 -0
- package/dist/components/Input/Input.theme.js +40 -0
- package/dist/components/Input/Input.theme.js.map +1 -0
- package/dist/components/Input/Input.themes.cjs +29 -0
- package/dist/components/Input/Input.themes.cjs.map +1 -0
- package/dist/components/Input/Input.themes.js +30 -0
- package/dist/components/Input/Input.themes.js.map +1 -0
- package/dist/components/Input/Input.vanilla.cjs +56 -0
- package/dist/components/Input/Input.vanilla.cjs.map +1 -0
- package/dist/components/Input/Input.vanilla.css.cjs +11 -0
- package/dist/components/Input/Input.vanilla.css.cjs.map +1 -0
- package/dist/components/Input/Input.vanilla.css.js +11 -0
- package/dist/components/Input/Input.vanilla.css.js.map +1 -0
- package/dist/components/Input/Input.vanilla.js +56 -0
- package/dist/components/Input/Input.vanilla.js.map +1 -0
- package/dist/components/Label/Label.cjs +36 -0
- package/dist/components/Label/Label.cjs.map +1 -0
- package/dist/components/Label/Label.js +19 -0
- package/dist/components/Label/Label.js.map +1 -0
- package/dist/components/Label/Label.vanilla.cjs +50 -0
- package/dist/components/Label/Label.vanilla.cjs.map +1 -0
- package/dist/components/Label/Label.vanilla.css.cjs +7 -0
- package/dist/components/Label/Label.vanilla.css.cjs.map +1 -0
- package/dist/components/Label/Label.vanilla.css.js +7 -0
- package/dist/components/Label/Label.vanilla.css.js.map +1 -0
- package/dist/components/Label/Label.vanilla.js +33 -0
- package/dist/components/Label/Label.vanilla.js.map +1 -0
- package/dist/components/Link/Link.cjs +88 -0
- package/dist/components/Link/Link.cjs.map +1 -0
- package/dist/components/Link/Link.js +88 -0
- package/dist/components/Link/Link.js.map +1 -0
- package/dist/components/Link/Link.themes.cjs +43 -0
- package/dist/components/Link/Link.themes.cjs.map +1 -0
- package/dist/components/Link/Link.themes.js +44 -0
- package/dist/components/Link/Link.themes.js.map +1 -0
- package/dist/components/List/List.cjs +169 -0
- package/dist/components/List/List.cjs.map +1 -0
- package/dist/components/List/List.js +169 -0
- package/dist/components/List/List.js.map +1 -0
- package/dist/components/List/List.themes.cjs +16 -0
- package/dist/components/List/List.themes.cjs.map +1 -0
- package/dist/components/List/List.themes.js +17 -0
- package/dist/components/List/List.themes.js.map +1 -0
- package/dist/components/Navigation/Navigation.cjs +173 -0
- package/dist/components/Navigation/Navigation.cjs.map +1 -0
- package/dist/components/Navigation/Navigation.js +173 -0
- package/dist/components/Navigation/Navigation.js.map +1 -0
- package/dist/components/Navigation/Navigation.themes.cjs +35 -0
- package/dist/components/Navigation/Navigation.themes.cjs.map +1 -0
- package/dist/components/Navigation/Navigation.themes.js +36 -0
- package/dist/components/Navigation/Navigation.themes.js.map +1 -0
- package/dist/components/NavigationMenu/NavigationMenu.cjs +73 -0
- package/dist/components/NavigationMenu/NavigationMenu.cjs.map +1 -0
- package/dist/components/NavigationMenu/NavigationMenu.js +56 -0
- package/dist/components/NavigationMenu/NavigationMenu.js.map +1 -0
- package/dist/components/NavigationTree/NavigationTreeContainer.cjs +24 -0
- package/dist/components/NavigationTree/NavigationTreeContainer.cjs.map +1 -0
- package/dist/components/NavigationTree/NavigationTreeContainer.js +24 -0
- package/dist/components/NavigationTree/NavigationTreeContainer.js.map +1 -0
- package/dist/components/NavigationTree/NavigationTreeDrawer.cjs +19 -0
- package/dist/components/NavigationTree/NavigationTreeDrawer.cjs.map +1 -0
- package/dist/components/NavigationTree/NavigationTreeDrawer.js +19 -0
- package/dist/components/NavigationTree/NavigationTreeDrawer.js.map +1 -0
- package/dist/components/NavigationTree/NavigationTreeItem.cjs +105 -0
- package/dist/components/NavigationTree/NavigationTreeItem.cjs.map +1 -0
- package/dist/components/NavigationTree/NavigationTreeItem.js +105 -0
- package/dist/components/NavigationTree/NavigationTreeItem.js.map +1 -0
- package/dist/components/Overlay.cjs +10 -0
- package/dist/components/Overlay.cjs.map +1 -0
- package/dist/components/Overlay.js +10 -0
- package/dist/components/Overlay.js.map +1 -0
- package/dist/components/Panel/Panel.cjs +12 -0
- package/dist/components/Panel/Panel.cjs.map +1 -0
- package/dist/components/Panel/Panel.js +12 -0
- package/dist/components/Panel/Panel.js.map +1 -0
- package/dist/components/Panel/Panel.theme.cjs +11 -0
- package/dist/components/Panel/Panel.theme.cjs.map +1 -0
- package/dist/components/Panel/Panel.theme.js +11 -0
- package/dist/components/Panel/Panel.theme.js.map +1 -0
- package/dist/components/Panel/Panel.vanilla.cjs +27 -0
- package/dist/components/Panel/Panel.vanilla.cjs.map +1 -0
- package/dist/components/Panel/Panel.vanilla.css.cjs +6 -0
- package/dist/components/Panel/Panel.vanilla.css.cjs.map +1 -0
- package/dist/components/Panel/Panel.vanilla.css.js +6 -0
- package/dist/components/Panel/Panel.vanilla.css.js.map +1 -0
- package/dist/components/Panel/Panel.vanilla.js +27 -0
- package/dist/components/Panel/Panel.vanilla.js.map +1 -0
- package/dist/components/Paragraph/Paragraph.cjs +34 -0
- package/dist/components/Paragraph/Paragraph.cjs.map +1 -0
- package/dist/components/Paragraph/Paragraph.js +34 -0
- package/dist/components/Paragraph/Paragraph.js.map +1 -0
- package/dist/components/Paragraph/Paragraph.vanilla.cjs +34 -0
- package/dist/components/Paragraph/Paragraph.vanilla.cjs.map +1 -0
- package/dist/components/Paragraph/Paragraph.vanilla.css.cjs +7 -0
- package/dist/components/Paragraph/Paragraph.vanilla.css.cjs.map +1 -0
- package/dist/components/Paragraph/Paragraph.vanilla.css.js +7 -0
- package/dist/components/Paragraph/Paragraph.vanilla.css.js.map +1 -0
- package/dist/components/Paragraph/Paragraph.vanilla.js +34 -0
- package/dist/components/Paragraph/Paragraph.vanilla.js.map +1 -0
- package/dist/components/Popover/Popover.cjs +87 -0
- package/dist/components/Popover/Popover.cjs.map +1 -0
- package/dist/components/Popover/Popover.js +70 -0
- package/dist/components/Popover/Popover.js.map +1 -0
- package/dist/components/Radio/Radio.cjs +126 -0
- package/dist/components/Radio/Radio.cjs.map +1 -0
- package/dist/components/Radio/Radio.js +109 -0
- package/dist/components/Radio/Radio.js.map +1 -0
- package/dist/components/Radio/Radio.themes.cjs +27 -0
- package/dist/components/Radio/Radio.themes.cjs.map +1 -0
- package/dist/components/Radio/Radio.themes.js +28 -0
- package/dist/components/Radio/Radio.themes.js.map +1 -0
- package/dist/components/RadioAccordion/RadioAccordion.cjs +50 -0
- package/dist/components/RadioAccordion/RadioAccordion.cjs.map +1 -0
- package/dist/components/RadioAccordion/RadioAccordion.js +50 -0
- package/dist/components/RadioAccordion/RadioAccordion.js.map +1 -0
- package/dist/components/Select/Select.cjs +239 -0
- package/dist/components/Select/Select.cjs.map +1 -0
- package/dist/components/Select/Select.js +239 -0
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/Select/Select.themes.cjs +24 -0
- package/dist/components/Select/Select.themes.cjs.map +1 -0
- package/dist/components/Select/Select.themes.js +25 -0
- package/dist/components/Select/Select.themes.js.map +1 -0
- package/dist/components/SidePanel/SidePanel.cjs +129 -0
- package/dist/components/SidePanel/SidePanel.cjs.map +1 -0
- package/dist/components/SidePanel/SidePanel.js +112 -0
- package/dist/components/SidePanel/SidePanel.js.map +1 -0
- package/dist/components/SidePanel/SidePanel.themes.cjs +12 -0
- package/dist/components/SidePanel/SidePanel.themes.cjs.map +1 -0
- package/dist/components/SidePanel/SidePanel.themes.js +13 -0
- package/dist/components/SidePanel/SidePanel.themes.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.cjs +66 -0
- package/dist/components/Skeleton/Skeleton.cjs.map +1 -0
- package/dist/components/Skeleton/Skeleton.js +66 -0
- package/dist/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.themes.cjs +14 -0
- package/dist/components/Skeleton/Skeleton.themes.cjs.map +1 -0
- package/dist/components/Skeleton/Skeleton.themes.js +15 -0
- package/dist/components/Skeleton/Skeleton.themes.js.map +1 -0
- package/dist/components/Switch/Switch.cjs +116 -0
- package/dist/components/Switch/Switch.cjs.map +1 -0
- package/dist/components/Switch/Switch.js +99 -0
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/Switch/Switch.themes.cjs +19 -0
- package/dist/components/Switch/Switch.themes.cjs.map +1 -0
- package/dist/components/Switch/Switch.themes.js +20 -0
- package/dist/components/Switch/Switch.themes.js.map +1 -0
- package/dist/components/Table/Table.cjs +290 -0
- package/dist/components/Table/Table.cjs.map +1 -0
- package/dist/components/Table/Table.js +290 -0
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Table/Table.themes.cjs +33 -0
- package/dist/components/Table/Table.themes.cjs.map +1 -0
- package/dist/components/Table/Table.themes.js +34 -0
- package/dist/components/Table/Table.themes.js.map +1 -0
- package/dist/components/Tabs/Tabs.cjs +59 -0
- package/dist/components/Tabs/Tabs.cjs.map +1 -0
- package/dist/components/Tabs/Tabs.js +42 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Text/Text.cjs +129 -0
- package/dist/components/Text/Text.cjs.map +1 -0
- package/dist/components/Text/Text.js +129 -0
- package/dist/components/Text/Text.js.map +1 -0
- package/dist/components/Text/Text.themes.cjs +21 -0
- package/dist/components/Text/Text.themes.cjs.map +1 -0
- package/dist/components/Text/Text.themes.js +22 -0
- package/dist/components/Text/Text.themes.js.map +1 -0
- package/dist/components/TextField/TextField.cjs +167 -0
- package/dist/components/TextField/TextField.cjs.map +1 -0
- package/dist/components/TextField/TextField.js +167 -0
- package/dist/components/TextField/TextField.js.map +1 -0
- package/dist/components/TextField/TextField.vanilla.cjs +168 -0
- package/dist/components/TextField/TextField.vanilla.cjs.map +1 -0
- package/dist/components/TextField/TextField.vanilla.js +168 -0
- package/dist/components/TextField/TextField.vanilla.js.map +1 -0
- package/dist/components/Textarea/Textarea.cjs +280 -0
- package/dist/components/Textarea/Textarea.cjs.map +1 -0
- package/dist/components/Textarea/Textarea.js +280 -0
- package/dist/components/Textarea/Textarea.js.map +1 -0
- package/dist/components/Textarea/Textarea.theme.cjs +40 -0
- package/dist/components/Textarea/Textarea.theme.cjs.map +1 -0
- package/dist/components/Textarea/Textarea.theme.js +40 -0
- package/dist/components/Textarea/Textarea.theme.js.map +1 -0
- package/dist/components/Textarea/Textarea.themes.cjs +29 -0
- package/dist/components/Textarea/Textarea.themes.cjs.map +1 -0
- package/dist/components/Textarea/Textarea.themes.js +30 -0
- package/dist/components/Textarea/Textarea.themes.js.map +1 -0
- package/dist/components/Textarea/Textarea.vanilla.cjs +97 -0
- package/dist/components/Textarea/Textarea.vanilla.cjs.map +1 -0
- package/dist/components/Textarea/Textarea.vanilla.css.cjs +11 -0
- package/dist/components/Textarea/Textarea.vanilla.css.cjs.map +1 -0
- package/dist/components/Textarea/Textarea.vanilla.css.js +11 -0
- package/dist/components/Textarea/Textarea.vanilla.css.js.map +1 -0
- package/dist/components/Textarea/Textarea.vanilla.js +97 -0
- package/dist/components/Textarea/Textarea.vanilla.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.cjs +104 -0
- package/dist/components/Tooltip/Tooltip.cjs.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +87 -0
- package/dist/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.themes.cjs +14 -0
- package/dist/components/Tooltip/Tooltip.themes.cjs.map +1 -0
- package/dist/components/Tooltip/Tooltip.themes.js +15 -0
- package/dist/components/Tooltip/Tooltip.themes.js.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.cjs +23 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.cjs.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js +6 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/faency.css +7643 -0
- package/dist/index.cjs +239 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +33642 -0
- package/dist/index.js +233 -0
- package/dist/index.js.map +1 -0
- package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs +109 -0
- package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs.map +1 -0
- package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js +109 -0
- package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js.map +1 -0
- package/dist/stitches.config.cjs +272 -0
- package/dist/stitches.config.cjs.map +1 -0
- package/dist/stitches.config.js +272 -0
- package/dist/stitches.config.js.map +1 -0
- package/dist/styles/cssProps.cjs +315 -0
- package/dist/styles/cssProps.cjs.map +1 -0
- package/dist/styles/cssProps.js +315 -0
- package/dist/styles/cssProps.js.map +1 -0
- package/dist/styles/themeContext.cjs +120 -0
- package/dist/styles/themeContext.cjs.map +1 -0
- package/dist/styles/themeContext.js +120 -0
- package/dist/styles/themeContext.js.map +1 -0
- package/dist/styles/themes.css.cjs +21 -0
- package/dist/styles/themes.css.cjs.map +1 -0
- package/dist/styles/themes.css.js +21 -0
- package/dist/styles/themes.css.js.map +1 -0
- package/dist/utils/getPrimaryColorInfo.cjs +11 -0
- package/dist/utils/getPrimaryColorInfo.cjs.map +1 -0
- package/dist/utils/getPrimaryColorInfo.js +12 -0
- package/dist/utils/getPrimaryColorInfo.js.map +1 -0
- package/package.json +184 -0
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
const red = {
|
|
2
|
+
red1: "hsl(347 100% 99.0%)",
|
|
3
|
+
red2: "hsl(348 100% 99.0%)",
|
|
4
|
+
red3: "hsl(348 99.7% 97.2%)",
|
|
5
|
+
red4: "hsl(348 92.2% 94.5%)",
|
|
6
|
+
red5: "hsl(348 83.3% 90.1%)",
|
|
7
|
+
red6: "hsl(348 75.7% 84.0%)",
|
|
8
|
+
red7: "hsl(347 71.9% 78.7%)",
|
|
9
|
+
red8: "hsl(347 100% 67.0%)",
|
|
10
|
+
red9: "hsl(347, 100%, 60.0%)",
|
|
11
|
+
red10: "hsl(347 77.4% 52.4%)",
|
|
12
|
+
red11: "hsl(347, 80.0%, 40.0%)",
|
|
13
|
+
red12: "hsl(347 60.0% 15.0%)"
|
|
14
|
+
};
|
|
15
|
+
const redA = {
|
|
16
|
+
redA1: "hsl(348 100% 51.0% / 0.020)",
|
|
17
|
+
redA2: "hsl(348 100% 51.0% / 0.020)",
|
|
18
|
+
redA3: "hsl(347 100% 50.1% / 0.055)",
|
|
19
|
+
redA4: "hsl(348 99.8% 48.2% / 0.106)",
|
|
20
|
+
redA5: "hsl(349 99.3% 45.8% / 0.181)",
|
|
21
|
+
redA6: "hsl(347 99.5% 43.2% / 0.283)",
|
|
22
|
+
redA7: "hsl(347 99.8% 42.0% / 0.365)",
|
|
23
|
+
redA8: "hsl(347 100% 50% / 0.641)",
|
|
24
|
+
redA9: "hsl(347 100% 50.0% / 0.800)",
|
|
25
|
+
redA10: "hsl(347 99.8% 43.8% / 0.844)",
|
|
26
|
+
redA11: "hsl(347 99.9% 34.9% / 0.922)",
|
|
27
|
+
redA12: "hsl(347 99.1% 9.7% / 0.942)"
|
|
28
|
+
};
|
|
29
|
+
const redDark = {
|
|
30
|
+
red1: "hsl(347 23.0% 10.0%)",
|
|
31
|
+
red2: "hsl(346 34.4% 12.0%)",
|
|
32
|
+
red3: "hsl(345 42.6% 16.5%)",
|
|
33
|
+
red4: "hsl(345 46.5% 19.3%)",
|
|
34
|
+
red5: "hsl(346 49.9% 22.1%)",
|
|
35
|
+
red6: "hsl(346 53.9% 26.2%)",
|
|
36
|
+
red7: "hsl(346 59.0% 32.3%)",
|
|
37
|
+
red8: "hsl(347 64.8% 41.2%)",
|
|
38
|
+
red9: "hsl(347, 100%, 60.0%)",
|
|
39
|
+
red10: "hsl(347, 100%, 67.0%)",
|
|
40
|
+
red11: "hsl(347 100% 72.0%)",
|
|
41
|
+
red12: "hsl(347 100% 98.0%)"
|
|
42
|
+
};
|
|
43
|
+
const redDarkA = {
|
|
44
|
+
redA1: "hsl(0 0% 0% / 0)",
|
|
45
|
+
redA2: "hsl(342 98.5% 53.6% / 0.045)",
|
|
46
|
+
redA3: "hsl(344 99.1% 59.8% / 0.130)",
|
|
47
|
+
redA4: "hsl(343 98.8% 60.1% / 0.184)",
|
|
48
|
+
redA5: "hsl(346 99.6% 60.5% / 0.237)",
|
|
49
|
+
redA6: "hsl(345 99.6% 60.5% / 0.322)",
|
|
50
|
+
redA7: "hsl(346 99.7% 60.0% / 0.447)",
|
|
51
|
+
redA8: "hsl(347 100% 59.2% / 0.634)",
|
|
52
|
+
redA9: "hsl(347 100% 60.1% / 0.980)",
|
|
53
|
+
redA10: "hsl(347 100% 67.3% / 0.980)",
|
|
54
|
+
redA11: "hsl(347 100% 72.3% / 0.980)",
|
|
55
|
+
redA12: "hsl(338 100% 98.9% / 0.980)"
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
red,
|
|
59
|
+
redA,
|
|
60
|
+
redDark,
|
|
61
|
+
redDarkA
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=red.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"red.js","sources":["../../colors/red.ts"],"sourcesContent":["export const red = {\n red1: 'hsl(347 100% 99.0%)',\n red2: 'hsl(348 100% 99.0%)',\n red3: 'hsl(348 99.7% 97.2%)',\n red4: 'hsl(348 92.2% 94.5%)',\n red5: 'hsl(348 83.3% 90.1%)',\n red6: 'hsl(348 75.7% 84.0%)',\n red7: 'hsl(347 71.9% 78.7%)',\n red8: 'hsl(347 100% 67.0%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347 77.4% 52.4%)',\n red11: 'hsl(347, 80.0%, 40.0%)',\n red12: 'hsl(347 60.0% 15.0%)',\n};\n\nexport const redA = {\n redA1: 'hsl(348 100% 51.0% / 0.020)',\n redA2: 'hsl(348 100% 51.0% / 0.020)',\n redA3: 'hsl(347 100% 50.1% / 0.055)',\n redA4: 'hsl(348 99.8% 48.2% / 0.106)',\n redA5: 'hsl(349 99.3% 45.8% / 0.181)',\n redA6: 'hsl(347 99.5% 43.2% / 0.283)',\n redA7: 'hsl(347 99.8% 42.0% / 0.365)',\n redA8: 'hsl(347 100% 50% / 0.641)',\n redA9: 'hsl(347 100% 50.0% / 0.800)',\n redA10: 'hsl(347 99.8% 43.8% / 0.844)',\n redA11: 'hsl(347 99.9% 34.9% / 0.922)',\n redA12: 'hsl(347 99.1% 9.7% / 0.942)',\n};\n\nexport const redDark = {\n red1: 'hsl(347 23.0% 10.0%)',\n red2: 'hsl(346 34.4% 12.0%)',\n red3: 'hsl(345 42.6% 16.5%)',\n red4: 'hsl(345 46.5% 19.3%)',\n red5: 'hsl(346 49.9% 22.1%)',\n red6: 'hsl(346 53.9% 26.2%)',\n red7: 'hsl(346 59.0% 32.3%)',\n red8: 'hsl(347 64.8% 41.2%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347, 100%, 67.0%)',\n red11: 'hsl(347 100% 72.0%)',\n red12: 'hsl(347 100% 98.0%)',\n};\n\nexport const redDarkA = {\n redA1: 'hsl(0 0% 0% / 0)',\n redA2: 'hsl(342 98.5% 53.6% / 0.045)',\n redA3: 'hsl(344 99.1% 59.8% / 0.130)',\n redA4: 'hsl(343 98.8% 60.1% / 0.184)',\n redA5: 'hsl(346 99.6% 60.5% / 0.237)',\n redA6: 'hsl(345 99.6% 60.5% / 0.322)',\n redA7: 'hsl(346 99.7% 60.0% / 0.447)',\n redA8: 'hsl(347 100% 59.2% / 0.634)',\n redA9: 'hsl(347 100% 60.1% / 0.980)',\n redA10: 'hsl(347 100% 67.3% / 0.980)',\n redA11: 'hsl(347 100% 72.3% / 0.980)',\n redA12: 'hsl(338 100% 98.9% / 0.980)',\n};\n"],"names":[],"mappings":"AAAO,MAAM,MAAM;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAEO,MAAM,OAAO;AAAA,EAClB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,MAAM,UAAU;AAAA,EACrB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAEO,MAAM,WAAW;AAAA,EACtB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AACV;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const AccessibleIconPrimitive = require("@radix-ui/react-accessible-icon");
|
|
4
|
+
function _interopNamespaceDefault(e) {
|
|
5
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
6
|
+
if (e) {
|
|
7
|
+
for (const k in e) {
|
|
8
|
+
if (k !== "default") {
|
|
9
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
10
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: () => e[k]
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
n.default = e;
|
|
18
|
+
return Object.freeze(n);
|
|
19
|
+
}
|
|
20
|
+
const AccessibleIconPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccessibleIconPrimitive);
|
|
21
|
+
const AccessibleIcon = AccessibleIconPrimitive__namespace.Root;
|
|
22
|
+
exports.AccessibleIcon = AccessibleIcon;
|
|
23
|
+
//# sourceMappingURL=AccessibleIcon.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccessibleIcon.cjs","sources":["../../../components/AccessibleIcon/AccessibleIcon.tsx"],"sourcesContent":["import * as AccessibleIconPrimitive from '@radix-ui/react-accessible-icon';\n\nexport const AccessibleIcon = AccessibleIconPrimitive.Root;\n"],"names":["AccessibleIconPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEO,MAAM,iBAAiBA,mCAAwB;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccessibleIcon.js","sources":["../../../components/AccessibleIcon/AccessibleIcon.tsx"],"sourcesContent":["import * as AccessibleIconPrimitive from '@radix-ui/react-accessible-icon';\n\nexport const AccessibleIcon = AccessibleIconPrimitive.Root;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB,wBAAwB;"}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const AccordionPrimitive = require("@radix-ui/react-accordion");
|
|
5
|
+
const reactIcons = require("@radix-ui/react-icons");
|
|
6
|
+
const React = require("react");
|
|
7
|
+
const stitches_config = require("../../stitches.config.cjs");
|
|
8
|
+
const Elevation = require("../Elevation/Elevation.cjs");
|
|
9
|
+
const Box = require("../Box/Box.cjs");
|
|
10
|
+
function _interopNamespaceDefault(e) {
|
|
11
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
12
|
+
if (e) {
|
|
13
|
+
for (const k in e) {
|
|
14
|
+
if (k !== "default") {
|
|
15
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
16
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: () => e[k]
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
n.default = e;
|
|
24
|
+
return Object.freeze(n);
|
|
25
|
+
}
|
|
26
|
+
const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
|
|
27
|
+
const open = stitches_config.keyframes({
|
|
28
|
+
from: { height: 0 },
|
|
29
|
+
to: { height: "var(--radix-accordion-content-height)" }
|
|
30
|
+
});
|
|
31
|
+
const close = stitches_config.keyframes({
|
|
32
|
+
from: { height: "var(--radix-accordion-content-height)" },
|
|
33
|
+
to: { height: 0 }
|
|
34
|
+
});
|
|
35
|
+
const StyledAccordionRoot = stitches_config.styled(AccordionPrimitive__namespace.Root, {
|
|
36
|
+
borderRadius: 0,
|
|
37
|
+
bc: "transparent",
|
|
38
|
+
variants: {
|
|
39
|
+
elevation: Elevation.elevationVariants
|
|
40
|
+
},
|
|
41
|
+
defaultVariants: {
|
|
42
|
+
elevation: 0
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
const StyledAccordionItem = stitches_config.styled(AccordionPrimitive__namespace.Item, {
|
|
46
|
+
mt: "$1",
|
|
47
|
+
borderRadius: "inherit",
|
|
48
|
+
"&:first-child": {
|
|
49
|
+
mt: 0
|
|
50
|
+
},
|
|
51
|
+
boxShadow: "0 1px 0 0 $colors$divider"
|
|
52
|
+
});
|
|
53
|
+
const StyledAccordionHeader = stitches_config.styled(AccordionPrimitive__namespace.Header, {
|
|
54
|
+
all: "unset",
|
|
55
|
+
display: "flex",
|
|
56
|
+
borderRadius: "inherit"
|
|
57
|
+
});
|
|
58
|
+
const StyledAccordionTrigger = stitches_config.styled(AccordionPrimitive__namespace.Trigger, {
|
|
59
|
+
all: "unset",
|
|
60
|
+
borderRadius: "inherit",
|
|
61
|
+
fontFamily: "inherit",
|
|
62
|
+
bc: "$contentBg",
|
|
63
|
+
c: "$accordionLabel",
|
|
64
|
+
px: "$2",
|
|
65
|
+
lineHeight: 1,
|
|
66
|
+
fontSize: "$3",
|
|
67
|
+
display: "flex",
|
|
68
|
+
flex: 1,
|
|
69
|
+
alignItems: "center",
|
|
70
|
+
justifyContent: "flex-start",
|
|
71
|
+
position: "relative",
|
|
72
|
+
"&::before": {
|
|
73
|
+
borderRadius: "inherit",
|
|
74
|
+
boxSizing: "border-box",
|
|
75
|
+
content: '""',
|
|
76
|
+
position: "absolute",
|
|
77
|
+
inset: 0
|
|
78
|
+
},
|
|
79
|
+
"&:focus": {
|
|
80
|
+
boxShadow: "inset 0 0 0 1px $colors$accordionActiveShadow"
|
|
81
|
+
},
|
|
82
|
+
"@hover": {
|
|
83
|
+
"&:not([disabled])": {
|
|
84
|
+
"&:hover": {
|
|
85
|
+
cursor: "pointer",
|
|
86
|
+
"&::before": {
|
|
87
|
+
backgroundColor: "$accordionHoverShadow"
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
transition: "opacity 200ms ease-out",
|
|
93
|
+
variants: {
|
|
94
|
+
size: {
|
|
95
|
+
small: {
|
|
96
|
+
py: "$2"
|
|
97
|
+
},
|
|
98
|
+
medium: {
|
|
99
|
+
py: "$3"
|
|
100
|
+
},
|
|
101
|
+
large: {
|
|
102
|
+
py: "$5"
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
defaultVariants: {
|
|
107
|
+
size: "small"
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
const StyledAccordionChevron = stitches_config.styled(reactIcons.ChevronRightIcon, {
|
|
111
|
+
mr: "$2",
|
|
112
|
+
c: "$accordionText",
|
|
113
|
+
transition: "transform 200ms ease-out",
|
|
114
|
+
"[data-state=open] > &": {
|
|
115
|
+
transform: "rotateZ(90deg)"
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
const StyledAccordionContent = stitches_config.styled(AccordionPrimitive__namespace.Content, {
|
|
119
|
+
overflow: "hidden",
|
|
120
|
+
fontSize: "$3",
|
|
121
|
+
c: "$accordionText",
|
|
122
|
+
'&[data-state="open"]': {
|
|
123
|
+
animation: `${open} 200ms ease-out`
|
|
124
|
+
},
|
|
125
|
+
'&[data-state="closed"]': {
|
|
126
|
+
animation: `${close} 200ms ease-out`
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
const StyledAccordionContentWrapper = stitches_config.styled("div", {
|
|
130
|
+
variants: {
|
|
131
|
+
size: {
|
|
132
|
+
small: {
|
|
133
|
+
py: "$2"
|
|
134
|
+
},
|
|
135
|
+
medium: {
|
|
136
|
+
py: "$3"
|
|
137
|
+
},
|
|
138
|
+
large: {
|
|
139
|
+
py: "$5"
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
defaultVariants: {
|
|
144
|
+
size: "small"
|
|
145
|
+
}
|
|
146
|
+
});
|
|
147
|
+
const AccordionRoot = StyledAccordionRoot;
|
|
148
|
+
const AccordionItem = StyledAccordionItem;
|
|
149
|
+
const AccordionTrigger = React.forwardRef(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledAccordionHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledAccordionTrigger, { ref: forwardedRef, ...props, children: [
|
|
150
|
+
!noIcon ? customIcon ? /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { css: { mr: "$2", c: "$accordionText" }, "aria-hidden": true, children: customIcon }) : /* @__PURE__ */ jsxRuntime.jsx(StyledAccordionChevron, { "aria-hidden": true }) : null,
|
|
151
|
+
/* @__PURE__ */ jsxRuntime.jsx(Box.Box, { css: { ml: noIcon ? "$5" : 0, width: "100%" }, children })
|
|
152
|
+
] }) }));
|
|
153
|
+
const AccordionContent = React.forwardRef(({ children, size, ...props }, forwardedRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledAccordionContent, { ...props, ref: forwardedRef, children: /* @__PURE__ */ jsxRuntime.jsx(StyledAccordionContentWrapper, { size, children }) }));
|
|
154
|
+
exports.AccordionContent = AccordionContent;
|
|
155
|
+
exports.AccordionItem = AccordionItem;
|
|
156
|
+
exports.AccordionRoot = AccordionRoot;
|
|
157
|
+
exports.AccordionTrigger = AccordionTrigger;
|
|
158
|
+
exports.StyledAccordionHeader = StyledAccordionHeader;
|
|
159
|
+
exports.StyledAccordionTrigger = StyledAccordionTrigger;
|
|
160
|
+
//# sourceMappingURL=Accordion.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.cjs","sources":["../../../components/Accordion/Accordion.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\n\nconst open = keyframes({\n from: { height: 0 },\n to: { height: 'var(--radix-accordion-content-height)' },\n});\n\nconst close = keyframes({\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: 0 },\n});\n\nconst StyledAccordionRoot = styled(AccordionPrimitive.Root, {\n borderRadius: 0,\n bc: 'transparent',\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 0,\n },\n});\n\nconst StyledAccordionItem = styled(AccordionPrimitive.Item, {\n mt: '$1',\n borderRadius: 'inherit',\n '&:first-child': {\n mt: 0,\n },\n boxShadow: '0 1px 0 0 $colors$divider',\n});\n\nexport const StyledAccordionHeader = styled(AccordionPrimitive.Header, {\n all: 'unset',\n display: 'flex',\n borderRadius: 'inherit',\n});\n\nexport const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, {\n all: 'unset',\n borderRadius: 'inherit',\n fontFamily: 'inherit',\n bc: '$contentBg',\n c: '$accordionLabel',\n px: '$2',\n lineHeight: 1,\n fontSize: '$3',\n display: 'flex',\n flex: 1,\n alignItems: 'center',\n justifyContent: 'flex-start',\n position: 'relative',\n '&::before': {\n borderRadius: 'inherit',\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n },\n '&:focus': {\n boxShadow: 'inset 0 0 0 1px $colors$accordionActiveShadow',\n },\n '@hover': {\n '&:not([disabled])': {\n '&:hover': {\n cursor: 'pointer',\n '&::before': {\n backgroundColor: '$accordionHoverShadow',\n },\n },\n },\n },\n transition: 'opacity 200ms ease-out',\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst StyledAccordionChevron = styled(ChevronRightIcon, {\n mr: '$2',\n c: '$accordionText',\n transition: 'transform 200ms ease-out',\n '[data-state=open] > &': {\n transform: 'rotateZ(90deg)',\n },\n});\n\nconst StyledAccordionContent = styled(AccordionPrimitive.Content, {\n overflow: 'hidden',\n fontSize: '$3',\n c: '$accordionText',\n '&[data-state=\"open\"]': {\n animation: `${open} 200ms ease-out`,\n },\n '&[data-state=\"closed\"]': {\n animation: `${close} 200ms ease-out`,\n },\n});\n\nconst StyledAccordionContentWrapper = styled('div', {\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\n// EXPORTS\nexport const AccordionRoot = StyledAccordionRoot as any;\nexport const AccordionItem = StyledAccordionItem as any;\nexport type AccordionTriggerProps = React.ComponentProps<typeof StyledAccordionTrigger> &\n VariantProps<typeof StyledAccordionTrigger> & {\n children: React.ReactNode;\n customIcon?: React.ReactNode;\n noIcon?: boolean;\n };\nexport const AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledAccordionTrigger>,\n AccordionTriggerProps\n>(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => (\n <StyledAccordionHeader>\n <StyledAccordionTrigger ref={forwardedRef} {...props}>\n {!noIcon ? (\n customIcon ? (\n <Box css={{ mr: '$2', c: '$accordionText' }} aria-hidden>\n {customIcon}\n </Box>\n ) : (\n <StyledAccordionChevron aria-hidden />\n )\n ) : null}\n <Box css={{ ml: noIcon ? '$5' : 0, width: '100%' }}>{children}</Box>\n </StyledAccordionTrigger>\n </StyledAccordionHeader>\n));\n\nexport type AccordionContentProps = VariantProps<typeof StyledAccordionContent> &\n Pick<VariantProps<typeof StyledAccordionContentWrapper>, 'size'> & {\n children: React.ReactNode;\n css?: CSS;\n };\nexport const AccordionContent = React.forwardRef<\n React.ElementRef<typeof StyledAccordionContent>,\n AccordionContentProps\n>(({ children, size, ...props }, forwardedRef) => (\n <StyledAccordionContent {...props} ref={forwardedRef}>\n <StyledAccordionContentWrapper size={size}>{children}</StyledAccordionContentWrapper>\n </StyledAccordionContent>\n));\n"],"names":["keyframes","styled","AccordionPrimitive","elevationVariants","ChevronRightIcon","jsxs","jsx","Box"],"mappings":"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"}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
3
|
+
import { ChevronRightIcon } from "@radix-ui/react-icons";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { styled, keyframes } from "../../stitches.config.js";
|
|
6
|
+
import { elevationVariants } from "../Elevation/Elevation.js";
|
|
7
|
+
import { Box } from "../Box/Box.js";
|
|
8
|
+
const open = keyframes({
|
|
9
|
+
from: { height: 0 },
|
|
10
|
+
to: { height: "var(--radix-accordion-content-height)" }
|
|
11
|
+
});
|
|
12
|
+
const close = keyframes({
|
|
13
|
+
from: { height: "var(--radix-accordion-content-height)" },
|
|
14
|
+
to: { height: 0 }
|
|
15
|
+
});
|
|
16
|
+
const StyledAccordionRoot = styled(AccordionPrimitive.Root, {
|
|
17
|
+
borderRadius: 0,
|
|
18
|
+
bc: "transparent",
|
|
19
|
+
variants: {
|
|
20
|
+
elevation: elevationVariants
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
elevation: 0
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
const StyledAccordionItem = styled(AccordionPrimitive.Item, {
|
|
27
|
+
mt: "$1",
|
|
28
|
+
borderRadius: "inherit",
|
|
29
|
+
"&:first-child": {
|
|
30
|
+
mt: 0
|
|
31
|
+
},
|
|
32
|
+
boxShadow: "0 1px 0 0 $colors$divider"
|
|
33
|
+
});
|
|
34
|
+
const StyledAccordionHeader = styled(AccordionPrimitive.Header, {
|
|
35
|
+
all: "unset",
|
|
36
|
+
display: "flex",
|
|
37
|
+
borderRadius: "inherit"
|
|
38
|
+
});
|
|
39
|
+
const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, {
|
|
40
|
+
all: "unset",
|
|
41
|
+
borderRadius: "inherit",
|
|
42
|
+
fontFamily: "inherit",
|
|
43
|
+
bc: "$contentBg",
|
|
44
|
+
c: "$accordionLabel",
|
|
45
|
+
px: "$2",
|
|
46
|
+
lineHeight: 1,
|
|
47
|
+
fontSize: "$3",
|
|
48
|
+
display: "flex",
|
|
49
|
+
flex: 1,
|
|
50
|
+
alignItems: "center",
|
|
51
|
+
justifyContent: "flex-start",
|
|
52
|
+
position: "relative",
|
|
53
|
+
"&::before": {
|
|
54
|
+
borderRadius: "inherit",
|
|
55
|
+
boxSizing: "border-box",
|
|
56
|
+
content: '""',
|
|
57
|
+
position: "absolute",
|
|
58
|
+
inset: 0
|
|
59
|
+
},
|
|
60
|
+
"&:focus": {
|
|
61
|
+
boxShadow: "inset 0 0 0 1px $colors$accordionActiveShadow"
|
|
62
|
+
},
|
|
63
|
+
"@hover": {
|
|
64
|
+
"&:not([disabled])": {
|
|
65
|
+
"&:hover": {
|
|
66
|
+
cursor: "pointer",
|
|
67
|
+
"&::before": {
|
|
68
|
+
backgroundColor: "$accordionHoverShadow"
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
transition: "opacity 200ms ease-out",
|
|
74
|
+
variants: {
|
|
75
|
+
size: {
|
|
76
|
+
small: {
|
|
77
|
+
py: "$2"
|
|
78
|
+
},
|
|
79
|
+
medium: {
|
|
80
|
+
py: "$3"
|
|
81
|
+
},
|
|
82
|
+
large: {
|
|
83
|
+
py: "$5"
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
defaultVariants: {
|
|
88
|
+
size: "small"
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
const StyledAccordionChevron = styled(ChevronRightIcon, {
|
|
92
|
+
mr: "$2",
|
|
93
|
+
c: "$accordionText",
|
|
94
|
+
transition: "transform 200ms ease-out",
|
|
95
|
+
"[data-state=open] > &": {
|
|
96
|
+
transform: "rotateZ(90deg)"
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
const StyledAccordionContent = styled(AccordionPrimitive.Content, {
|
|
100
|
+
overflow: "hidden",
|
|
101
|
+
fontSize: "$3",
|
|
102
|
+
c: "$accordionText",
|
|
103
|
+
'&[data-state="open"]': {
|
|
104
|
+
animation: `${open} 200ms ease-out`
|
|
105
|
+
},
|
|
106
|
+
'&[data-state="closed"]': {
|
|
107
|
+
animation: `${close} 200ms ease-out`
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
const StyledAccordionContentWrapper = styled("div", {
|
|
111
|
+
variants: {
|
|
112
|
+
size: {
|
|
113
|
+
small: {
|
|
114
|
+
py: "$2"
|
|
115
|
+
},
|
|
116
|
+
medium: {
|
|
117
|
+
py: "$3"
|
|
118
|
+
},
|
|
119
|
+
large: {
|
|
120
|
+
py: "$5"
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
defaultVariants: {
|
|
125
|
+
size: "small"
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
const AccordionRoot = StyledAccordionRoot;
|
|
129
|
+
const AccordionItem = StyledAccordionItem;
|
|
130
|
+
const AccordionTrigger = React.forwardRef(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => /* @__PURE__ */ jsx(StyledAccordionHeader, { children: /* @__PURE__ */ jsxs(StyledAccordionTrigger, { ref: forwardedRef, ...props, children: [
|
|
131
|
+
!noIcon ? customIcon ? /* @__PURE__ */ jsx(Box, { css: { mr: "$2", c: "$accordionText" }, "aria-hidden": true, children: customIcon }) : /* @__PURE__ */ jsx(StyledAccordionChevron, { "aria-hidden": true }) : null,
|
|
132
|
+
/* @__PURE__ */ jsx(Box, { css: { ml: noIcon ? "$5" : 0, width: "100%" }, children })
|
|
133
|
+
] }) }));
|
|
134
|
+
const AccordionContent = React.forwardRef(({ children, size, ...props }, forwardedRef) => /* @__PURE__ */ jsx(StyledAccordionContent, { ...props, ref: forwardedRef, children: /* @__PURE__ */ jsx(StyledAccordionContentWrapper, { size, children }) }));
|
|
135
|
+
export {
|
|
136
|
+
AccordionContent,
|
|
137
|
+
AccordionItem,
|
|
138
|
+
AccordionRoot,
|
|
139
|
+
AccordionTrigger,
|
|
140
|
+
StyledAccordionHeader,
|
|
141
|
+
StyledAccordionTrigger
|
|
142
|
+
};
|
|
143
|
+
//# sourceMappingURL=Accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../components/Accordion/Accordion.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\n\nconst open = keyframes({\n from: { height: 0 },\n to: { height: 'var(--radix-accordion-content-height)' },\n});\n\nconst close = keyframes({\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: 0 },\n});\n\nconst StyledAccordionRoot = styled(AccordionPrimitive.Root, {\n borderRadius: 0,\n bc: 'transparent',\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 0,\n },\n});\n\nconst StyledAccordionItem = styled(AccordionPrimitive.Item, {\n mt: '$1',\n borderRadius: 'inherit',\n '&:first-child': {\n mt: 0,\n },\n boxShadow: '0 1px 0 0 $colors$divider',\n});\n\nexport const StyledAccordionHeader = styled(AccordionPrimitive.Header, {\n all: 'unset',\n display: 'flex',\n borderRadius: 'inherit',\n});\n\nexport const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, {\n all: 'unset',\n borderRadius: 'inherit',\n fontFamily: 'inherit',\n bc: '$contentBg',\n c: '$accordionLabel',\n px: '$2',\n lineHeight: 1,\n fontSize: '$3',\n display: 'flex',\n flex: 1,\n alignItems: 'center',\n justifyContent: 'flex-start',\n position: 'relative',\n '&::before': {\n borderRadius: 'inherit',\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n },\n '&:focus': {\n boxShadow: 'inset 0 0 0 1px $colors$accordionActiveShadow',\n },\n '@hover': {\n '&:not([disabled])': {\n '&:hover': {\n cursor: 'pointer',\n '&::before': {\n backgroundColor: '$accordionHoverShadow',\n },\n },\n },\n },\n transition: 'opacity 200ms ease-out',\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst StyledAccordionChevron = styled(ChevronRightIcon, {\n mr: '$2',\n c: '$accordionText',\n transition: 'transform 200ms ease-out',\n '[data-state=open] > &': {\n transform: 'rotateZ(90deg)',\n },\n});\n\nconst StyledAccordionContent = styled(AccordionPrimitive.Content, {\n overflow: 'hidden',\n fontSize: '$3',\n c: '$accordionText',\n '&[data-state=\"open\"]': {\n animation: `${open} 200ms ease-out`,\n },\n '&[data-state=\"closed\"]': {\n animation: `${close} 200ms ease-out`,\n },\n});\n\nconst StyledAccordionContentWrapper = styled('div', {\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\n// EXPORTS\nexport const AccordionRoot = StyledAccordionRoot as any;\nexport const AccordionItem = StyledAccordionItem as any;\nexport type AccordionTriggerProps = React.ComponentProps<typeof StyledAccordionTrigger> &\n VariantProps<typeof StyledAccordionTrigger> & {\n children: React.ReactNode;\n customIcon?: React.ReactNode;\n noIcon?: boolean;\n };\nexport const AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledAccordionTrigger>,\n AccordionTriggerProps\n>(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => (\n <StyledAccordionHeader>\n <StyledAccordionTrigger ref={forwardedRef} {...props}>\n {!noIcon ? (\n customIcon ? (\n <Box css={{ mr: '$2', c: '$accordionText' }} aria-hidden>\n {customIcon}\n </Box>\n ) : (\n <StyledAccordionChevron aria-hidden />\n )\n ) : null}\n <Box css={{ ml: noIcon ? '$5' : 0, width: '100%' }}>{children}</Box>\n </StyledAccordionTrigger>\n </StyledAccordionHeader>\n));\n\nexport type AccordionContentProps = VariantProps<typeof StyledAccordionContent> &\n Pick<VariantProps<typeof StyledAccordionContentWrapper>, 'size'> & {\n children: React.ReactNode;\n css?: CSS;\n };\nexport const AccordionContent = React.forwardRef<\n React.ElementRef<typeof StyledAccordionContent>,\n AccordionContentProps\n>(({ children, size, ...props }, forwardedRef) => (\n <StyledAccordionContent {...props} ref={forwardedRef}>\n <StyledAccordionContentWrapper size={size}>{children}</StyledAccordionContentWrapper>\n </StyledAccordionContent>\n));\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const tinycolor = require("tinycolor2");
|
|
4
|
+
exports.Theme = void 0;
|
|
5
|
+
((Theme2) => {
|
|
6
|
+
Theme2.getLight = () => ({
|
|
7
|
+
accordionBackground: "white",
|
|
8
|
+
accordionHoverShadow: tinycolor("black").setAlpha(0.05).toHslString(),
|
|
9
|
+
accordionActiveShadow: tinycolor("black").setAlpha(0.2).toHslString(),
|
|
10
|
+
accordionText: tinycolor("black").setAlpha(0.74).toHslString(),
|
|
11
|
+
accordionLabel: tinycolor("black").setAlpha(0.51).toHslString()
|
|
12
|
+
});
|
|
13
|
+
Theme2.getDark = () => ({
|
|
14
|
+
accordionBackground: "$deepBlue2",
|
|
15
|
+
accordionHoverShadow: tinycolor("white").setAlpha(0.05).toHslString(),
|
|
16
|
+
accordionActiveShadow: tinycolor("white").setAlpha(0.2).toHslString(),
|
|
17
|
+
accordionText: tinycolor("white").setAlpha(0.74).toHslString(),
|
|
18
|
+
accordionLabel: tinycolor("white").setAlpha(0.51).toHslString()
|
|
19
|
+
});
|
|
20
|
+
})(exports.Theme || (exports.Theme = {}));
|
|
21
|
+
//# sourceMappingURL=Accordion.themes.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.themes.cjs","sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n accordionBackground: Property.Color;\n accordionHoverShadow: Property.Color;\n accordionActiveShadow: Property.Color;\n accordionText: Property.Color;\n accordionLabel: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n accordionBackground: 'white',\n accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n accordionBackground: '$deepBlue2',\n accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n });\n}\n"],"names":["Theme"],"mappings":";;;AAKiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAWQA,SAAA,WAAoB,OAAO;AAAA,IACtC,qBAAqB;AAAA,IACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACxD,uBAAuB,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACxD,eAAe,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACjD,gBAAgB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAGnDA,SAAA,UAAmB,OAAO;AAAA,IACrC,qBAAqB;AAAA,IACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACxD,uBAAuB,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACxD,eAAe,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACjD,gBAAgB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAChE,GAzBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import tinycolor from "tinycolor2";
|
|
2
|
+
var Theme;
|
|
3
|
+
((Theme2) => {
|
|
4
|
+
Theme2.getLight = () => ({
|
|
5
|
+
accordionBackground: "white",
|
|
6
|
+
accordionHoverShadow: tinycolor("black").setAlpha(0.05).toHslString(),
|
|
7
|
+
accordionActiveShadow: tinycolor("black").setAlpha(0.2).toHslString(),
|
|
8
|
+
accordionText: tinycolor("black").setAlpha(0.74).toHslString(),
|
|
9
|
+
accordionLabel: tinycolor("black").setAlpha(0.51).toHslString()
|
|
10
|
+
});
|
|
11
|
+
Theme2.getDark = () => ({
|
|
12
|
+
accordionBackground: "$deepBlue2",
|
|
13
|
+
accordionHoverShadow: tinycolor("white").setAlpha(0.05).toHslString(),
|
|
14
|
+
accordionActiveShadow: tinycolor("white").setAlpha(0.2).toHslString(),
|
|
15
|
+
accordionText: tinycolor("white").setAlpha(0.74).toHslString(),
|
|
16
|
+
accordionLabel: tinycolor("white").setAlpha(0.51).toHslString()
|
|
17
|
+
});
|
|
18
|
+
})(Theme || (Theme = {}));
|
|
19
|
+
export {
|
|
20
|
+
Theme
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=Accordion.themes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.themes.js","sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n accordionBackground: Property.Color;\n accordionHoverShadow: Property.Color;\n accordionActiveShadow: Property.Color;\n accordionText: Property.Color;\n accordionLabel: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n accordionBackground: 'white',\n accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n accordionBackground: '$deepBlue2',\n accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n });\n}\n"],"names":["Theme"],"mappings":";AAKO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAWQA,SAAA,WAAoB,OAAO;AAAA,IACtC,qBAAqB;AAAA,IACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACxD,uBAAuB,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACxD,eAAe,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACjD,gBAAgB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAGnDA,SAAA,UAAmB,OAAO;AAAA,IACrC,qBAAqB;AAAA,IACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACxD,uBAAuB,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IACxD,eAAe,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACjD,gBAAgB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAAY;AAChE,GAzBe,UAAA,QAAA,CAAA,EAAA;"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const stitches_config = require("../../stitches.config.cjs");
|
|
4
|
+
const Card = require("../Card/Card.cjs");
|
|
5
|
+
const Alert = stitches_config.styled(Card.Card, {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
gray: {
|
|
9
|
+
"&::before": {
|
|
10
|
+
boxShadow: "inset 0 0 0 1px $colors$slate9"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
info: {
|
|
14
|
+
"&::before": {
|
|
15
|
+
boxShadow: "inset 0 0 0 1px $colors$blue9"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
success: {
|
|
19
|
+
"&::before": {
|
|
20
|
+
boxShadow: "inset 0 0 0 1px $colors$green9"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
warning: {
|
|
24
|
+
"&::before": {
|
|
25
|
+
boxShadow: "inset 0 0 0 1px $colors$orange9"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
error: {
|
|
29
|
+
"&::before": {
|
|
30
|
+
boxShadow: "inset 0 0 0 1px $colors$red9"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: {
|
|
36
|
+
variant: "gray"
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
exports.Alert = Alert;
|
|
40
|
+
//# sourceMappingURL=Alert.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.cjs","sources":["../../../components/Alert/Alert.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\n\nexport const Alert = styled(Card, {\n variants: {\n variant: {\n gray: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$slate9',\n },\n },\n info: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$blue9',\n },\n },\n success: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$green9',\n },\n },\n warning: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$orange9',\n },\n },\n error: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$red9',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'gray',\n },\n});\n\nexport type AlertVariants = VariantProps<typeof Alert>;\nexport type AlertProps = AlertVariants & NonNullable<unknown>;\n"],"names":["styled","Card"],"mappings":";;;;AAGO,MAAM,QAAQA,gBAAAA,OAAOC,WAAM;AAAA,EAChC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,MAAM;AAAA,QACJ,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,SAAS;AAAA,QACP,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,SAAS;AAAA,QACP,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,OAAO;AAAA,QACL,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;;"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { styled } from "../../stitches.config.js";
|
|
2
|
+
import { Card } from "../Card/Card.js";
|
|
3
|
+
const Alert = styled(Card, {
|
|
4
|
+
variants: {
|
|
5
|
+
variant: {
|
|
6
|
+
gray: {
|
|
7
|
+
"&::before": {
|
|
8
|
+
boxShadow: "inset 0 0 0 1px $colors$slate9"
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
info: {
|
|
12
|
+
"&::before": {
|
|
13
|
+
boxShadow: "inset 0 0 0 1px $colors$blue9"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
success: {
|
|
17
|
+
"&::before": {
|
|
18
|
+
boxShadow: "inset 0 0 0 1px $colors$green9"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
warning: {
|
|
22
|
+
"&::before": {
|
|
23
|
+
boxShadow: "inset 0 0 0 1px $colors$orange9"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
error: {
|
|
27
|
+
"&::before": {
|
|
28
|
+
boxShadow: "inset 0 0 0 1px $colors$red9"
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
variant: "gray"
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
export {
|
|
38
|
+
Alert
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../../components/Alert/Alert.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\n\nexport const Alert = styled(Card, {\n variants: {\n variant: {\n gray: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$slate9',\n },\n },\n info: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$blue9',\n },\n },\n success: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$green9',\n },\n },\n warning: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$orange9',\n },\n },\n error: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$red9',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'gray',\n },\n});\n\nexport type AlertVariants = VariantProps<typeof Alert>;\nexport type AlertProps = AlertVariants & NonNullable<unknown>;\n"],"names":[],"mappings":";;AAGO,MAAM,QAAQ,OAAO,MAAM;AAAA,EAChC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,MAAM;AAAA,QACJ,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,SAAS;AAAA,QACP,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,SAAS;AAAA,QACP,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,OAAO;AAAA,QACL,aAAa;AAAA,UACX,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}
|