@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,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
;/* empty css */
|
|
4
|
+
const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
|
|
5
|
+
var styledInputRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_1st6suv1 _1st6suv0", variantClassNames: { size: { small: "_1st6suv2", medium: "_1st6suv3", large: "_1st6suv4" }, variant: { ghost: "_1st6suv5" }, state: { invalid: "_1st6suv6" }, cursor: { "default": "_1st6suv7", text: "_1st6suv8" }, startAdornment: { true: "_1st6suv9" }, endAdornment: { true: "_1st6suva" } }, defaultVariants: { size: "medium", cursor: "default" }, compoundVariants: [[{ variant: "ghost", state: "invalid" }, "_1st6suvb"], [{ startAdornment: true, size: "small" }, "_1st6suvc"], [{ startAdornment: true, size: "medium" }, "_1st6suvd"], [{ startAdornment: true, size: "large" }, "_1st6suve"], [{ endAdornment: true, size: "small" }, "_1st6suvf"], [{ endAdornment: true, size: "medium" }, "_1st6suvg"], [{ endAdornment: true, size: "large" }, "_1st6suvh"], [{ endAdornment: true, size: "small", state: "invalid" }, "_1st6suvi"], [{ endAdornment: true, size: "medium", state: "invalid" }, "_1st6suvj"], [{ endAdornment: true, size: "large", state: "invalid" }, "_1st6suvk"]] });
|
|
6
|
+
var inputWrapperRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_1st6suvm _1st6suvl", variantClassNames: { disabled: { true: "_1st6suvn" }, state: { invalid: "_1st6suvo" }, size: { small: "_1st6suvp", medium: "_1st6suvq", large: "_1st6suvr" } }, defaultVariants: { size: "medium", disabled: false }, compoundVariants: [] });
|
|
7
|
+
var adornmentWrapperRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_1st6suvt _1st6suvs", variantClassNames: { size: { small: "_1st6suvu", medium: "_1st6suvv", large: "_1st6suvw" }, variant: { start: "_1st6suvx", end: "_1st6suvy" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
|
|
8
|
+
exports.adornmentWrapperRecipe = adornmentWrapperRecipe;
|
|
9
|
+
exports.inputWrapperRecipe = inputWrapperRecipe;
|
|
10
|
+
exports.styledInputRecipe = styledInputRecipe;
|
|
11
|
+
//# sourceMappingURL=Input.vanilla.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
|
|
3
|
+
var styledInputRecipe = createRuntimeFn({ defaultClassName: "_1st6suv1 _1st6suv0", variantClassNames: { size: { small: "_1st6suv2", medium: "_1st6suv3", large: "_1st6suv4" }, variant: { ghost: "_1st6suv5" }, state: { invalid: "_1st6suv6" }, cursor: { "default": "_1st6suv7", text: "_1st6suv8" }, startAdornment: { true: "_1st6suv9" }, endAdornment: { true: "_1st6suva" } }, defaultVariants: { size: "medium", cursor: "default" }, compoundVariants: [[{ variant: "ghost", state: "invalid" }, "_1st6suvb"], [{ startAdornment: true, size: "small" }, "_1st6suvc"], [{ startAdornment: true, size: "medium" }, "_1st6suvd"], [{ startAdornment: true, size: "large" }, "_1st6suve"], [{ endAdornment: true, size: "small" }, "_1st6suvf"], [{ endAdornment: true, size: "medium" }, "_1st6suvg"], [{ endAdornment: true, size: "large" }, "_1st6suvh"], [{ endAdornment: true, size: "small", state: "invalid" }, "_1st6suvi"], [{ endAdornment: true, size: "medium", state: "invalid" }, "_1st6suvj"], [{ endAdornment: true, size: "large", state: "invalid" }, "_1st6suvk"]] });
|
|
4
|
+
var inputWrapperRecipe = createRuntimeFn({ defaultClassName: "_1st6suvm _1st6suvl", variantClassNames: { disabled: { true: "_1st6suvn" }, state: { invalid: "_1st6suvo" }, size: { small: "_1st6suvp", medium: "_1st6suvq", large: "_1st6suvr" } }, defaultVariants: { size: "medium", disabled: false }, compoundVariants: [] });
|
|
5
|
+
var adornmentWrapperRecipe = createRuntimeFn({ defaultClassName: "_1st6suvt _1st6suvs", variantClassNames: { size: { small: "_1st6suvu", medium: "_1st6suvv", large: "_1st6suvw" }, variant: { start: "_1st6suvx", end: "_1st6suvy" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
|
|
6
|
+
export {
|
|
7
|
+
adornmentWrapperRecipe,
|
|
8
|
+
inputWrapperRecipe,
|
|
9
|
+
styledInputRecipe
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=Input.vanilla.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { assignInlineVars } from "@vanilla-extract/dynamic";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { processCSSProp } from "../../styles/cssProps.js";
|
|
5
|
+
import { useVanillaExtractTheme } from "../../styles/themeContext.js";
|
|
6
|
+
import { inputWrapperRecipe, styledInputRecipe, adornmentWrapperRecipe } from "./Input.vanilla.css.js";
|
|
7
|
+
const InputVanilla = React.forwardRef(
|
|
8
|
+
({ size, startAdornment, endAdornment, css, variant, state, cursor, className, style, ...props }, forwardedRef) => {
|
|
9
|
+
const inputRef = React.useRef(null);
|
|
10
|
+
const { colors } = useVanillaExtractTheme();
|
|
11
|
+
const { style: cssStyles, vars } = processCSSProp(css, colors);
|
|
12
|
+
const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };
|
|
13
|
+
React.useImperativeHandle(forwardedRef, () => {
|
|
14
|
+
const { current } = inputRef;
|
|
15
|
+
if (current) {
|
|
16
|
+
current.clear = () => {
|
|
17
|
+
current.value = "";
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
return current;
|
|
21
|
+
}, [inputRef]);
|
|
22
|
+
const hasStartAdornment = React.useMemo(() => Boolean(startAdornment), [startAdornment]);
|
|
23
|
+
const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);
|
|
24
|
+
const inputWrapperClass = inputWrapperRecipe({
|
|
25
|
+
disabled: props.disabled,
|
|
26
|
+
state,
|
|
27
|
+
size
|
|
28
|
+
});
|
|
29
|
+
const styledInputClass = styledInputRecipe({
|
|
30
|
+
size,
|
|
31
|
+
variant,
|
|
32
|
+
state,
|
|
33
|
+
cursor,
|
|
34
|
+
startAdornment: hasStartAdornment,
|
|
35
|
+
endAdornment: hasEndAdornment
|
|
36
|
+
});
|
|
37
|
+
const adornmentWrapperStartClass = adornmentWrapperRecipe({
|
|
38
|
+
size,
|
|
39
|
+
variant: "start"
|
|
40
|
+
});
|
|
41
|
+
const adornmentWrapperEndClass = adornmentWrapperRecipe({
|
|
42
|
+
size,
|
|
43
|
+
variant: "end"
|
|
44
|
+
});
|
|
45
|
+
return /* @__PURE__ */ jsxs("div", { className: `${inputWrapperClass} ${className || ""}`.trim(), style: mergedStyles, children: [
|
|
46
|
+
hasStartAdornment && /* @__PURE__ */ jsx("div", { className: adornmentWrapperStartClass, children: startAdornment }),
|
|
47
|
+
/* @__PURE__ */ jsx("input", { ref: inputRef, className: styledInputClass, ...props }),
|
|
48
|
+
hasEndAdornment && /* @__PURE__ */ jsx("div", { className: adornmentWrapperEndClass, children: endAdornment })
|
|
49
|
+
] });
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
InputVanilla.displayName = "InputVanilla";
|
|
53
|
+
export {
|
|
54
|
+
InputVanilla
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=Input.vanilla.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.vanilla.js","sources":["../../../components/Input/Input.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { adornmentWrapperRecipe, inputWrapperRecipe, styledInputRecipe } from './Input.vanilla.css';\n\ntype StyledInputRecipeVariants = NonNullable<RecipeVariants<typeof styledInputRecipe>>;\n\nexport interface InputVanillaOwnProps extends CSSProps {\n size?: StyledInputRecipeVariants['size'];\n variant?: StyledInputRecipeVariants['variant'];\n state?: StyledInputRecipeVariants['state'];\n cursor?: StyledInputRecipeVariants['cursor'];\n startAdornment?: React.ReactNode;\n endAdornment?: React.ReactNode;\n type?: string;\n}\n\nexport type InputVanillaProps = Omit<React.InputHTMLAttributes<any>, 'size'> & InputVanillaOwnProps;\n\nexport interface InputVanillaHandle extends HTMLInputElement {\n clear: () => void;\n}\n\nexport const InputVanilla = React.forwardRef<InputVanillaHandle, InputVanillaProps>(\n (\n { size, startAdornment, endAdornment, css, variant, state, cursor, className, style, ...props },\n forwardedRef,\n ) => {\n const inputRef = React.useRef<InputVanillaHandle>(null);\n const { colors } = useVanillaExtractTheme();\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n React.useImperativeHandle(forwardedRef, () => {\n const { current } = inputRef;\n if (current) {\n current.clear = () => {\n current.value = '';\n };\n }\n return current as InputVanillaHandle;\n }, [inputRef]);\n\n const hasStartAdornment = React.useMemo(() => Boolean(startAdornment), [startAdornment]);\n const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n const inputWrapperClass = inputWrapperRecipe({\n disabled: props.disabled,\n state,\n size,\n });\n\n const styledInputClass = styledInputRecipe({\n size,\n variant,\n state,\n cursor,\n startAdornment: hasStartAdornment,\n endAdornment: hasEndAdornment,\n });\n\n const adornmentWrapperStartClass = adornmentWrapperRecipe({\n size,\n variant: 'start',\n });\n\n const adornmentWrapperEndClass = adornmentWrapperRecipe({\n size,\n variant: 'end',\n });\n\n return (\n <div className={`${inputWrapperClass} ${className || ''}`.trim()} style={mergedStyles}>\n {hasStartAdornment && <div className={adornmentWrapperStartClass}>{startAdornment}</div>}\n\n <input ref={inputRef} className={styledInputClass} {...props} />\n\n {hasEndAdornment && <div className={adornmentWrapperEndClass}>{endAdornment}</div>}\n </div>\n );\n },\n);\n\nInputVanilla.displayName = 'InputVanilla';\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,eAAe,MAAM;AAAA,EAChC,CACE,EAAE,MAAM,gBAAgB,cAAc,KAAK,SAAS,OAAO,QAAQ,WAAW,OAAO,GAAG,MAAA,GACxF,iBACG;AACH,UAAM,WAAW,MAAM,OAA2B,IAAI;AACtD,UAAM,EAAE,OAAA,IAAW,uBAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AAEvE,UAAM,oBAAoB,cAAc,MAAM;AAC5C,YAAM,EAAE,YAAY;AACpB,UAAI,SAAS;AACX,gBAAQ,QAAQ,MAAM;AACpB,kBAAQ,QAAQ;AAAA,QAClB;AAAA,MACF;AACA,aAAO;AAAA,IACT,GAAG,CAAC,QAAQ,CAAC;AAEb,UAAM,oBAAoB,MAAM,QAAQ,MAAM,QAAQ,cAAc,GAAG,CAAC,cAAc,CAAC;AACvF,UAAM,kBAAkB,MAAM,QAAQ,MAAM,QAAQ,YAAY,GAAG,CAAC,YAAY,CAAC;AAEjF,UAAM,oBAAoB,mBAAmB;AAAA,MAC3C,UAAU,MAAM;AAAA,MAChB;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,mBAAmB,kBAAkB;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,cAAc;AAAA,IAAA,CACf;AAED,UAAM,6BAA6B,uBAAuB;AAAA,MACxD;AAAA,MACA,SAAS;AAAA,IAAA,CACV;AAED,UAAM,2BAA2B,uBAAuB;AAAA,MACtD;AAAA,MACA,SAAS;AAAA,IAAA,CACV;AAED,WACE,qBAAC,OAAA,EAAI,WAAW,GAAG,iBAAiB,IAAI,aAAa,EAAE,GAAG,KAAA,GAAQ,OAAO,cACtE,UAAA;AAAA,MAAA,qBAAqB,oBAAC,OAAA,EAAI,WAAW,4BAA6B,UAAA,gBAAe;AAAA,0BAEjF,SAAA,EAAM,KAAK,UAAU,WAAW,kBAAmB,GAAG,OAAO;AAAA,MAE7D,mBAAmB,oBAAC,OAAA,EAAI,WAAW,0BAA2B,UAAA,aAAA,CAAa;AAAA,IAAA,GAC9E;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const LabelPrimitive = require("@radix-ui/react-label");
|
|
4
|
+
const stitches_config = require("../../stitches.config.cjs");
|
|
5
|
+
const Text = require("../Text/Text.cjs");
|
|
6
|
+
function _interopNamespaceDefault(e) {
|
|
7
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
8
|
+
if (e) {
|
|
9
|
+
for (const k in e) {
|
|
10
|
+
if (k !== "default") {
|
|
11
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: () => e[k]
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
n.default = e;
|
|
20
|
+
return Object.freeze(n);
|
|
21
|
+
}
|
|
22
|
+
const LabelPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(LabelPrimitive);
|
|
23
|
+
const Label = stitches_config.styled(LabelPrimitive__namespace.Root, Text.Text, {
|
|
24
|
+
display: "inline-block",
|
|
25
|
+
verticalAlign: "middle",
|
|
26
|
+
cursor: "default",
|
|
27
|
+
fontWeight: "$medium",
|
|
28
|
+
lineHeight: 2.18,
|
|
29
|
+
defaultVariants: {
|
|
30
|
+
size: "0",
|
|
31
|
+
variant: "subtle",
|
|
32
|
+
transform: "capitalize"
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
exports.Label = Label;
|
|
36
|
+
//# sourceMappingURL=Label.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.cjs","sources":["../../../components/Label/Label.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Label = styled(LabelPrimitive.Root, Text, {\n display: 'inline-block',\n verticalAlign: 'middle',\n cursor: 'default',\n fontWeight: '$medium',\n lineHeight: 2.18,\n\n defaultVariants: {\n size: '0',\n variant: 'subtle',\n transform: 'capitalize',\n },\n});\n"],"names":["styled","LabelPrimitive","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,QAAQA,gBAAAA,OAAOC,0BAAe,MAAMC,KAAAA,MAAM;AAAA,EACrD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAEf,CAAC;;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
2
|
+
import { styled } from "../../stitches.config.js";
|
|
3
|
+
import { Text } from "../Text/Text.js";
|
|
4
|
+
const Label = styled(LabelPrimitive.Root, Text, {
|
|
5
|
+
display: "inline-block",
|
|
6
|
+
verticalAlign: "middle",
|
|
7
|
+
cursor: "default",
|
|
8
|
+
fontWeight: "$medium",
|
|
9
|
+
lineHeight: 2.18,
|
|
10
|
+
defaultVariants: {
|
|
11
|
+
size: "0",
|
|
12
|
+
variant: "subtle",
|
|
13
|
+
transform: "capitalize"
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
export {
|
|
17
|
+
Label
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=Label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.js","sources":["../../../components/Label/Label.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Label = styled(LabelPrimitive.Root, Text, {\n display: 'inline-block',\n verticalAlign: 'middle',\n cursor: 'default',\n fontWeight: '$medium',\n lineHeight: 2.18,\n\n defaultVariants: {\n size: '0',\n variant: 'subtle',\n transform: 'capitalize',\n },\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,QAAQ,OAAO,eAAe,MAAM,MAAM;AAAA,EACrD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAEf,CAAC;"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const LabelPrimitive = require("@radix-ui/react-label");
|
|
5
|
+
const dynamic = require("@vanilla-extract/dynamic");
|
|
6
|
+
const React = require("react");
|
|
7
|
+
const cssProps = require("../../styles/cssProps.cjs");
|
|
8
|
+
const themeContext = require("../../styles/themeContext.cjs");
|
|
9
|
+
const Label_vanilla_css = require("./Label.vanilla.css.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 LabelPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(LabelPrimitive);
|
|
27
|
+
const LabelVanilla = React.forwardRef(
|
|
28
|
+
({ className, css, style, size, weight, variant, gradient, transform, noWrap, ...props }, ref) => {
|
|
29
|
+
const { colors } = themeContext.useVanillaExtractTheme();
|
|
30
|
+
const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
|
|
31
|
+
const mergedStyles = {
|
|
32
|
+
...cssStyles,
|
|
33
|
+
...style,
|
|
34
|
+
...dynamic.assignInlineVars(vars)
|
|
35
|
+
};
|
|
36
|
+
const recipeClass = Label_vanilla_css.labelRecipe({ size, weight, variant, gradient, transform, noWrap });
|
|
37
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
38
|
+
LabelPrimitive__namespace.Root,
|
|
39
|
+
{
|
|
40
|
+
ref,
|
|
41
|
+
className: `${recipeClass} ${className || ""}`.trim(),
|
|
42
|
+
style: mergedStyles,
|
|
43
|
+
...props
|
|
44
|
+
}
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
);
|
|
48
|
+
LabelVanilla.displayName = "LabelVanilla";
|
|
49
|
+
exports.LabelVanilla = LabelVanilla;
|
|
50
|
+
//# sourceMappingURL=Label.vanilla.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.vanilla.cjs","sources":["../../../components/Label/Label.vanilla.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { labelRecipe } from './Label.vanilla.css';\n\ntype LabelRecipeVariants = NonNullable<RecipeVariants<typeof labelRecipe>>;\n\ninterface LabelOwnProps extends LabelRecipeVariants, CSSProps {}\n\nexport type LabelVanillaProps = LabelPrimitive.LabelProps & LabelOwnProps;\n\nexport const LabelVanilla = forwardRef<HTMLLabelElement, LabelVanillaProps>(\n (\n { className, css, style, size, weight, variant, gradient, transform, noWrap, ...props },\n ref,\n ) => {\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = labelRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n return (\n <LabelPrimitive.Root\n ref={ref}\n className={`${recipeClass} ${className || ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nLabelVanilla.displayName = 'LabelVanilla';\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","labelRecipe","jsx","LabelPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,eAAeA,MAAAA;AAAAA,EAC1B,CACE,EAAE,WAAW,KAAK,OAAO,MAAM,QAAQ,SAAS,UAAU,WAAW,QAAQ,GAAG,MAAA,GAChF,QACG;AACH,UAAM,EAAE,OAAA,IAAWC,oCAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAcC,8BAAY,EAAE,MAAM,QAAQ,SAAS,UAAU,WAAW,QAAQ;AAEtF,WACEC,2BAAAA;AAAAA,MAACC,0BAAe;AAAA,MAAf;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,aAAa,cAAc;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
;/* empty css */
|
|
4
|
+
const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
|
|
5
|
+
var labelRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "_14umx1r1 _14umx1r0", variantClassNames: { size: { "0": "_14umx1r2", "1": "_14umx1r3", "2": "_14umx1r4", "3": "_14umx1r5", "4": "_14umx1r6", "5": "_14umx1r7", "6": "_14umx1r8", "7": "_14umx1r9", "8": "_14umx1ra", "9": "_14umx1rb", "10": "_14umx1rc", "11": "_14umx1rd", "12": "_14umx1re", inherit: "_14umx1rf" }, weight: { light: "_14umx1rg", regular: "_14umx1rh", medium: "_14umx1ri", semiBold: "_14umx1rj", bold: "_14umx1rk" }, variant: { red: "_14umx1rl", subtle: "_14umx1rm", "default": "_14umx1rn", contrast: "_14umx1ro", inherit: "_14umx1rp", invalid: "_14umx1rq" }, gradient: { true: "_14umx1rr" }, transform: { uppercase: "_14umx1rs", capitalize: "_14umx1rt", capitalizeWords: "_14umx1ru" }, noWrap: { true: "_14umx1rv" } }, defaultVariants: { size: "0", variant: "subtle", transform: "capitalize" }, compoundVariants: [] });
|
|
6
|
+
exports.labelRecipe = labelRecipe;
|
|
7
|
+
//# sourceMappingURL=Label.vanilla.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
|
|
3
|
+
var labelRecipe = createRuntimeFn({ defaultClassName: "_14umx1r1 _14umx1r0", variantClassNames: { size: { "0": "_14umx1r2", "1": "_14umx1r3", "2": "_14umx1r4", "3": "_14umx1r5", "4": "_14umx1r6", "5": "_14umx1r7", "6": "_14umx1r8", "7": "_14umx1r9", "8": "_14umx1ra", "9": "_14umx1rb", "10": "_14umx1rc", "11": "_14umx1rd", "12": "_14umx1re", inherit: "_14umx1rf" }, weight: { light: "_14umx1rg", regular: "_14umx1rh", medium: "_14umx1ri", semiBold: "_14umx1rj", bold: "_14umx1rk" }, variant: { red: "_14umx1rl", subtle: "_14umx1rm", "default": "_14umx1rn", contrast: "_14umx1ro", inherit: "_14umx1rp", invalid: "_14umx1rq" }, gradient: { true: "_14umx1rr" }, transform: { uppercase: "_14umx1rs", capitalize: "_14umx1rt", capitalizeWords: "_14umx1ru" }, noWrap: { true: "_14umx1rv" } }, defaultVariants: { size: "0", variant: "subtle", transform: "capitalize" }, compoundVariants: [] });
|
|
4
|
+
export {
|
|
5
|
+
labelRecipe
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=Label.vanilla.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
3
|
+
import { assignInlineVars } from "@vanilla-extract/dynamic";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
|
+
import { processCSSProp } from "../../styles/cssProps.js";
|
|
6
|
+
import { useVanillaExtractTheme } from "../../styles/themeContext.js";
|
|
7
|
+
import { labelRecipe } from "./Label.vanilla.css.js";
|
|
8
|
+
const LabelVanilla = forwardRef(
|
|
9
|
+
({ className, css, style, size, weight, variant, gradient, transform, noWrap, ...props }, ref) => {
|
|
10
|
+
const { colors } = useVanillaExtractTheme();
|
|
11
|
+
const { style: cssStyles, vars } = processCSSProp(css, colors);
|
|
12
|
+
const mergedStyles = {
|
|
13
|
+
...cssStyles,
|
|
14
|
+
...style,
|
|
15
|
+
...assignInlineVars(vars)
|
|
16
|
+
};
|
|
17
|
+
const recipeClass = labelRecipe({ size, weight, variant, gradient, transform, noWrap });
|
|
18
|
+
return /* @__PURE__ */ jsx(
|
|
19
|
+
LabelPrimitive.Root,
|
|
20
|
+
{
|
|
21
|
+
ref,
|
|
22
|
+
className: `${recipeClass} ${className || ""}`.trim(),
|
|
23
|
+
style: mergedStyles,
|
|
24
|
+
...props
|
|
25
|
+
}
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
LabelVanilla.displayName = "LabelVanilla";
|
|
30
|
+
export {
|
|
31
|
+
LabelVanilla
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=Label.vanilla.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.vanilla.js","sources":["../../../components/Label/Label.vanilla.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { labelRecipe } from './Label.vanilla.css';\n\ntype LabelRecipeVariants = NonNullable<RecipeVariants<typeof labelRecipe>>;\n\ninterface LabelOwnProps extends LabelRecipeVariants, CSSProps {}\n\nexport type LabelVanillaProps = LabelPrimitive.LabelProps & LabelOwnProps;\n\nexport const LabelVanilla = forwardRef<HTMLLabelElement, LabelVanillaProps>(\n (\n { className, css, style, size, weight, variant, gradient, transform, noWrap, ...props },\n ref,\n ) => {\n const { colors } = useVanillaExtractTheme();\n\n const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n const mergedStyles = {\n ...cssStyles,\n ...style,\n ...assignInlineVars(vars),\n };\n\n const recipeClass = labelRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n return (\n <LabelPrimitive.Root\n ref={ref}\n className={`${recipeClass} ${className || ''}`.trim()}\n style={mergedStyles}\n {...props}\n />\n );\n },\n);\n\nLabelVanilla.displayName = 'LabelVanilla';\n"],"names":[],"mappings":";;;;;;;AAeO,MAAM,eAAe;AAAA,EAC1B,CACE,EAAE,WAAW,KAAK,OAAO,MAAM,QAAQ,SAAS,UAAU,WAAW,QAAQ,GAAG,MAAA,GAChF,QACG;AACH,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAc,YAAY,EAAE,MAAM,QAAQ,SAAS,UAAU,WAAW,QAAQ;AAEtF,WACE;AAAA,MAAC,eAAe;AAAA,MAAf;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,aAAa,cAAc;"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const stitches_config = require("../../stitches.config.cjs");
|
|
4
|
+
const Text = require("../Text/Text.cjs");
|
|
5
|
+
stitches_config.styled("a", {
|
|
6
|
+
color: "inherit",
|
|
7
|
+
textDecoration: "inherit",
|
|
8
|
+
fontWeight: "inherit"
|
|
9
|
+
});
|
|
10
|
+
const Link = stitches_config.styled("a", {
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
gap: "$1",
|
|
13
|
+
flexShrink: 0,
|
|
14
|
+
outline: "none",
|
|
15
|
+
textDecoration: "underline",
|
|
16
|
+
textUnderlineOffset: "3px",
|
|
17
|
+
textDecorationColor: "$slate4",
|
|
18
|
+
WebkitTapHighlightColor: "rgba(0,0,0,0)",
|
|
19
|
+
lineHeight: "inherit",
|
|
20
|
+
fontFamily: "$rubik",
|
|
21
|
+
"@hover": {
|
|
22
|
+
"&:hover": {
|
|
23
|
+
textDecorationLine: "underline"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"&:focus": {
|
|
27
|
+
outlineWidth: "2px",
|
|
28
|
+
outlineStyle: "solid",
|
|
29
|
+
outlineOffset: "2px",
|
|
30
|
+
textDecorationLine: "none"
|
|
31
|
+
},
|
|
32
|
+
[`& ${Text.Text}`]: {
|
|
33
|
+
color: "inherit"
|
|
34
|
+
},
|
|
35
|
+
variants: {
|
|
36
|
+
variant: {
|
|
37
|
+
blue: {
|
|
38
|
+
color: "$linkBlue",
|
|
39
|
+
textDecoration: "none",
|
|
40
|
+
textDecorationColor: "$linkBlueTextDecoration",
|
|
41
|
+
"&:focus": {
|
|
42
|
+
outlineColor: "$linkBlueFocusOutline"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
primary: {
|
|
46
|
+
color: "$linkPrimary",
|
|
47
|
+
textDecorationColor: "$linkPrimaryTextDecoration",
|
|
48
|
+
"@hover": {
|
|
49
|
+
"&:hover": {
|
|
50
|
+
textDecorationColor: "$linkPrimaryHoverTextDecoration"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
"&:focus": {
|
|
54
|
+
outlineColor: "$linkPrimaryFocusOutline"
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
subtle: {
|
|
58
|
+
color: "$linkSubtle",
|
|
59
|
+
textDecorationColor: "$linkSubtleTextDecoration",
|
|
60
|
+
"@hover": {
|
|
61
|
+
"&:hover": {
|
|
62
|
+
textDecorationColor: "$linkSubtleHoverTextDecoration"
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
"&:focus": {
|
|
66
|
+
outlineColor: "$linkSubtleFocusOutline"
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
contrast: {
|
|
70
|
+
color: "$linkContrast",
|
|
71
|
+
textDecorationColor: "$linkContrastTextDecoration",
|
|
72
|
+
"@hover": {
|
|
73
|
+
"&:hover": {
|
|
74
|
+
textDecorationColor: "$linkContrastHoverTextDecoration"
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
"&:focus": {
|
|
78
|
+
outlineColor: "$linkContrastFocusOutline"
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
defaultVariants: {
|
|
84
|
+
variant: "contrast"
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
exports.Link = Link;
|
|
88
|
+
//# sourceMappingURL=Link.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.cjs","sources":["../../../components/Link/Link.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const UnstyledLink = styled('a', {\n color: 'inherit',\n textDecoration: 'inherit',\n fontWeight: 'inherit',\n});\n\nexport const Link = styled('a', {\n alignItems: 'center',\n gap: '$1',\n flexShrink: 0,\n outline: 'none',\n\n textDecoration: 'underline',\n textUnderlineOffset: '3px',\n textDecorationColor: '$slate4',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n lineHeight: 'inherit',\n fontFamily: '$rubik',\n\n '@hover': {\n '&:hover': {\n textDecorationLine: 'underline',\n },\n },\n '&:focus': {\n outlineWidth: '2px',\n outlineStyle: 'solid',\n outlineOffset: '2px',\n textDecorationLine: 'none',\n },\n [`& ${Text}`]: {\n color: 'inherit',\n },\n variants: {\n variant: {\n blue: {\n color: '$linkBlue',\n textDecoration: 'none',\n textDecorationColor: '$linkBlueTextDecoration',\n '&:focus': {\n outlineColor: '$linkBlueFocusOutline',\n },\n },\n primary: {\n color: '$linkPrimary',\n textDecorationColor: '$linkPrimaryTextDecoration',\n '@hover': {\n '&:hover': {\n textDecorationColor: '$linkPrimaryHoverTextDecoration',\n },\n },\n '&:focus': {\n outlineColor: '$linkPrimaryFocusOutline',\n },\n },\n subtle: {\n color: '$linkSubtle',\n textDecorationColor: '$linkSubtleTextDecoration',\n '@hover': {\n '&:hover': {\n textDecorationColor: '$linkSubtleHoverTextDecoration',\n },\n },\n '&:focus': {\n outlineColor: '$linkSubtleFocusOutline',\n },\n },\n contrast: {\n color: '$linkContrast',\n textDecorationColor: '$linkContrastTextDecoration',\n '@hover': {\n '&:hover': {\n textDecorationColor: '$linkContrastHoverTextDecoration',\n },\n },\n '&:focus': {\n outlineColor: '$linkContrastFocusOutline',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'contrast',\n },\n});\n"],"names":["styled","Text"],"mappings":";;;;AAG4BA,gBAAAA,OAAO,KAAK;AAAA,EACtC,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,YAAY;AACd,CAAC;AAEM,MAAM,OAAOA,gBAAAA,OAAO,KAAK;AAAA,EAC9B,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,SAAS;AAAA,EAET,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,yBAAyB;AAAA,EACzB,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,WAAW;AAAA,MACT,oBAAoB;AAAA,IAAA;AAAA,EACtB;AAAA,EAEF,WAAW;AAAA,IACT,cAAc;AAAA,IACd,cAAc;AAAA,IACd,eAAe;AAAA,IACf,oBAAoB;AAAA,EAAA;AAAA,EAEtB,CAAC,KAAKC,KAAAA,IAAI,EAAE,GAAG;AAAA,IACb,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,qBAAqB;AAAA,QACrB,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,SAAS;AAAA,QACP,OAAO;AAAA,QACP,qBAAqB;AAAA,QACrB,UAAU;AAAA,UACR,WAAW;AAAA,YACT,qBAAqB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEF,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,qBAAqB;AAAA,QACrB,UAAU;AAAA,UACR,WAAW;AAAA,YACT,qBAAqB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEF,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,UAAU;AAAA,QACR,OAAO;AAAA,QACP,qBAAqB;AAAA,QACrB,UAAU;AAAA,UACR,WAAW;AAAA,YACT,qBAAqB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEF,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;;"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { styled } from "../../stitches.config.js";
|
|
2
|
+
import { Text } from "../Text/Text.js";
|
|
3
|
+
styled("a", {
|
|
4
|
+
color: "inherit",
|
|
5
|
+
textDecoration: "inherit",
|
|
6
|
+
fontWeight: "inherit"
|
|
7
|
+
});
|
|
8
|
+
const Link = styled("a", {
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
gap: "$1",
|
|
11
|
+
flexShrink: 0,
|
|
12
|
+
outline: "none",
|
|
13
|
+
textDecoration: "underline",
|
|
14
|
+
textUnderlineOffset: "3px",
|
|
15
|
+
textDecorationColor: "$slate4",
|
|
16
|
+
WebkitTapHighlightColor: "rgba(0,0,0,0)",
|
|
17
|
+
lineHeight: "inherit",
|
|
18
|
+
fontFamily: "$rubik",
|
|
19
|
+
"@hover": {
|
|
20
|
+
"&:hover": {
|
|
21
|
+
textDecorationLine: "underline"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"&:focus": {
|
|
25
|
+
outlineWidth: "2px",
|
|
26
|
+
outlineStyle: "solid",
|
|
27
|
+
outlineOffset: "2px",
|
|
28
|
+
textDecorationLine: "none"
|
|
29
|
+
},
|
|
30
|
+
[`& ${Text}`]: {
|
|
31
|
+
color: "inherit"
|
|
32
|
+
},
|
|
33
|
+
variants: {
|
|
34
|
+
variant: {
|
|
35
|
+
blue: {
|
|
36
|
+
color: "$linkBlue",
|
|
37
|
+
textDecoration: "none",
|
|
38
|
+
textDecorationColor: "$linkBlueTextDecoration",
|
|
39
|
+
"&:focus": {
|
|
40
|
+
outlineColor: "$linkBlueFocusOutline"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
primary: {
|
|
44
|
+
color: "$linkPrimary",
|
|
45
|
+
textDecorationColor: "$linkPrimaryTextDecoration",
|
|
46
|
+
"@hover": {
|
|
47
|
+
"&:hover": {
|
|
48
|
+
textDecorationColor: "$linkPrimaryHoverTextDecoration"
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
"&:focus": {
|
|
52
|
+
outlineColor: "$linkPrimaryFocusOutline"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
subtle: {
|
|
56
|
+
color: "$linkSubtle",
|
|
57
|
+
textDecorationColor: "$linkSubtleTextDecoration",
|
|
58
|
+
"@hover": {
|
|
59
|
+
"&:hover": {
|
|
60
|
+
textDecorationColor: "$linkSubtleHoverTextDecoration"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
"&:focus": {
|
|
64
|
+
outlineColor: "$linkSubtleFocusOutline"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
contrast: {
|
|
68
|
+
color: "$linkContrast",
|
|
69
|
+
textDecorationColor: "$linkContrastTextDecoration",
|
|
70
|
+
"@hover": {
|
|
71
|
+
"&:hover": {
|
|
72
|
+
textDecorationColor: "$linkContrastHoverTextDecoration"
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
"&:focus": {
|
|
76
|
+
outlineColor: "$linkContrastFocusOutline"
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
defaultVariants: {
|
|
82
|
+
variant: "contrast"
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
export {
|
|
86
|
+
Link
|
|
87
|
+
};
|
|
88
|
+
//# sourceMappingURL=Link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../components/Link/Link.tsx"],"sourcesContent":["import { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const UnstyledLink = styled('a', {\n color: 'inherit',\n textDecoration: 'inherit',\n fontWeight: 'inherit',\n});\n\nexport const Link = styled('a', {\n alignItems: 'center',\n gap: '$1',\n flexShrink: 0,\n outline: 'none',\n\n textDecoration: 'underline',\n textUnderlineOffset: '3px',\n textDecorationColor: '$slate4',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n lineHeight: 'inherit',\n fontFamily: '$rubik',\n\n '@hover': {\n '&:hover': {\n textDecorationLine: 'underline',\n },\n },\n '&:focus': {\n outlineWidth: '2px',\n outlineStyle: 'solid',\n outlineOffset: '2px',\n textDecorationLine: 'none',\n },\n [`& ${Text}`]: {\n color: 'inherit',\n },\n variants: {\n variant: {\n blue: {\n color: '$linkBlue',\n textDecoration: 'none',\n textDecorationColor: '$linkBlueTextDecoration',\n '&:focus': {\n outlineColor: '$linkBlueFocusOutline',\n },\n },\n primary: {\n color: '$linkPrimary',\n textDecorationColor: '$linkPrimaryTextDecoration',\n '@hover': {\n '&:hover': {\n textDecorationColor: '$linkPrimaryHoverTextDecoration',\n },\n },\n '&:focus': {\n outlineColor: '$linkPrimaryFocusOutline',\n },\n },\n subtle: {\n color: '$linkSubtle',\n textDecorationColor: '$linkSubtleTextDecoration',\n '@hover': {\n '&:hover': {\n textDecorationColor: '$linkSubtleHoverTextDecoration',\n },\n },\n '&:focus': {\n outlineColor: '$linkSubtleFocusOutline',\n },\n },\n contrast: {\n color: '$linkContrast',\n textDecorationColor: '$linkContrastTextDecoration',\n '@hover': {\n '&:hover': {\n textDecorationColor: '$linkContrastHoverTextDecoration',\n },\n },\n '&:focus': {\n outlineColor: '$linkContrastFocusOutline',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'contrast',\n },\n});\n"],"names":[],"mappings":";;AAG4B,OAAO,KAAK;AAAA,EACtC,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,YAAY;AACd,CAAC;AAEM,MAAM,OAAO,OAAO,KAAK;AAAA,EAC9B,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,SAAS;AAAA,EAET,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,yBAAyB;AAAA,EACzB,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,WAAW;AAAA,MACT,oBAAoB;AAAA,IAAA;AAAA,EACtB;AAAA,EAEF,WAAW;AAAA,IACT,cAAc;AAAA,IACd,cAAc;AAAA,IACd,eAAe;AAAA,IACf,oBAAoB;AAAA,EAAA;AAAA,EAEtB,CAAC,KAAK,IAAI,EAAE,GAAG;AAAA,IACb,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,qBAAqB;AAAA,QACrB,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,SAAS;AAAA,QACP,OAAO;AAAA,QACP,qBAAqB;AAAA,QACrB,UAAU;AAAA,UACR,WAAW;AAAA,YACT,qBAAqB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEF,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,qBAAqB;AAAA,QACrB,UAAU;AAAA,UACR,WAAW;AAAA,YACT,qBAAqB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEF,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,UAAU;AAAA,QACR,OAAO;AAAA,QACP,qBAAqB;AAAA,QACrB,UAAU;AAAA,UACR,WAAW;AAAA,YACT,qBAAqB;AAAA,UAAA;AAAA,QACvB;AAAA,QAEF,WAAW;AAAA,UACT,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}
|
|
@@ -0,0 +1,43 @@
|
|
|
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 = (primaryColor) => ({
|
|
7
|
+
linkBlue: "$blue11",
|
|
8
|
+
linkBlueTextDecoration: "$blue7",
|
|
9
|
+
linkBlueHoverTextDecoration: "$blue11",
|
|
10
|
+
linkBlueFocusOutline: "$blue8",
|
|
11
|
+
linkContrast: "$hiContrast",
|
|
12
|
+
linkContrastTextDecoration: "$slate8",
|
|
13
|
+
linkContrastHoverTextDecoration: "$hiContrast",
|
|
14
|
+
linkContrastFocusOutline: "$slate8",
|
|
15
|
+
linkSubtle: "$deepBlue7",
|
|
16
|
+
linkSubtleTextDecoration: "$deepBlue5",
|
|
17
|
+
linkSubtleHoverTextDecoration: "$deepBlue7",
|
|
18
|
+
linkSubtleFocusOutline: "$deepBlue4",
|
|
19
|
+
linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),
|
|
20
|
+
linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),
|
|
21
|
+
linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),
|
|
22
|
+
linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString()
|
|
23
|
+
});
|
|
24
|
+
Theme2.getDark = (primaryColor) => ({
|
|
25
|
+
linkBlue: "$blue11",
|
|
26
|
+
linkBlueTextDecoration: "$blue8",
|
|
27
|
+
linkBlueHoverTextDecoration: "$blue11",
|
|
28
|
+
linkBlueFocusOutline: "$blue8",
|
|
29
|
+
linkContrast: "$hiContrast",
|
|
30
|
+
linkContrastTextDecoration: "$slate8",
|
|
31
|
+
linkContrastHoverTextDecoration: "$hiContrast",
|
|
32
|
+
linkContrastFocusOutline: "$slate8",
|
|
33
|
+
linkSubtle: "$deepBlue6",
|
|
34
|
+
linkSubtleTextDecoration: "$deepBlue4",
|
|
35
|
+
linkSubtleHoverTextDecoration: "$deepBlue5",
|
|
36
|
+
linkSubtleFocusOutline: "$deepBlue3",
|
|
37
|
+
linkPrimary: "$primary",
|
|
38
|
+
linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),
|
|
39
|
+
linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),
|
|
40
|
+
linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString()
|
|
41
|
+
});
|
|
42
|
+
})(exports.Theme || (exports.Theme = {}));
|
|
43
|
+
//# sourceMappingURL=Link.themes.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.themes.cjs","sources":["../../../components/Link/Link.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n linkSubtle: Property.Color;\n linkBlueTextDecoration: Property.Color;\n linkBlueHoverTextDecoration: Property.Color;\n linkBlueFocusOutline: Property.Color;\n linkContrast: Property.Color;\n linkContrastTextDecoration: Property.Color;\n linkContrastHoverTextDecoration: Property.Color;\n linkContrastFocusOutline: Property.Color;\n linkSubtleTextDecoration: Property.Color;\n linkSubtleHoverTextDecoration: Property.Color;\n linkSubtleFocusOutline: Property.Color;\n linkPrimary: Property.Color;\n linkPrimaryTextDecoration: Property.Color;\n linkPrimaryHoverTextDecoration: Property.Color;\n linkPrimaryFocusOutline: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n linkBlue: '$blue11',\n linkBlueTextDecoration: '$blue7',\n linkBlueHoverTextDecoration: '$blue11',\n linkBlueFocusOutline: '$blue8',\n linkContrast: '$hiContrast',\n linkContrastTextDecoration: '$slate8',\n linkContrastHoverTextDecoration: '$hiContrast',\n linkContrastFocusOutline: '$slate8',\n linkSubtle: '$deepBlue7',\n linkSubtleTextDecoration: '$deepBlue5',\n linkSubtleHoverTextDecoration: '$deepBlue7',\n linkSubtleFocusOutline: '$deepBlue4',\n linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),\n linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),\n linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),\n linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n linkBlue: '$blue11',\n linkBlueTextDecoration: '$blue8',\n linkBlueHoverTextDecoration: '$blue11',\n linkBlueFocusOutline: '$blue8',\n linkContrast: '$hiContrast',\n linkContrastTextDecoration: '$slate8',\n linkContrastHoverTextDecoration: '$hiContrast',\n linkContrastFocusOutline: '$slate8',\n linkSubtle: '$deepBlue6',\n linkSubtleTextDecoration: '$deepBlue4',\n linkSubtleHoverTextDecoration: '$deepBlue5',\n linkSubtleFocusOutline: '$deepBlue3',\n linkPrimary: '$primary',\n linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),\n linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),\n linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString(),\n });\n}\n"],"names":["Theme"],"mappings":";;;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAqBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,UAAU;AAAA,IACV,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,iCAAiC;AAAA,IACjC,0BAA0B;AAAA,IAC1B,YAAY;AAAA,IACZ,0BAA0B;AAAA,IAC1B,+BAA+B;AAAA,IAC/B,wBAAwB;AAAA,IACxB,aAAa,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACtD,2BAA2B,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACpE,gCAAgC,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACzE,yBAAyB,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,EAAY;AAGnEA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,UAAU;AAAA,IACV,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,iCAAiC;AAAA,IACjC,0BAA0B;AAAA,IAC1B,YAAY;AAAA,IACZ,0BAA0B;AAAA,IAC1B,+BAA+B;AAAA,IAC/B,wBAAwB;AAAA,IACxB,aAAa;AAAA,IACb,2BAA2B,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IACrE,gCAAgC,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACzE,yBAAyB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,EAAY;AACjF,GAzDeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import tinycolor from "tinycolor2";
|
|
2
|
+
var Theme;
|
|
3
|
+
((Theme2) => {
|
|
4
|
+
Theme2.getLight = (primaryColor) => ({
|
|
5
|
+
linkBlue: "$blue11",
|
|
6
|
+
linkBlueTextDecoration: "$blue7",
|
|
7
|
+
linkBlueHoverTextDecoration: "$blue11",
|
|
8
|
+
linkBlueFocusOutline: "$blue8",
|
|
9
|
+
linkContrast: "$hiContrast",
|
|
10
|
+
linkContrastTextDecoration: "$slate8",
|
|
11
|
+
linkContrastHoverTextDecoration: "$hiContrast",
|
|
12
|
+
linkContrastFocusOutline: "$slate8",
|
|
13
|
+
linkSubtle: "$deepBlue7",
|
|
14
|
+
linkSubtleTextDecoration: "$deepBlue5",
|
|
15
|
+
linkSubtleHoverTextDecoration: "$deepBlue7",
|
|
16
|
+
linkSubtleFocusOutline: "$deepBlue4",
|
|
17
|
+
linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),
|
|
18
|
+
linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),
|
|
19
|
+
linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),
|
|
20
|
+
linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString()
|
|
21
|
+
});
|
|
22
|
+
Theme2.getDark = (primaryColor) => ({
|
|
23
|
+
linkBlue: "$blue11",
|
|
24
|
+
linkBlueTextDecoration: "$blue8",
|
|
25
|
+
linkBlueHoverTextDecoration: "$blue11",
|
|
26
|
+
linkBlueFocusOutline: "$blue8",
|
|
27
|
+
linkContrast: "$hiContrast",
|
|
28
|
+
linkContrastTextDecoration: "$slate8",
|
|
29
|
+
linkContrastHoverTextDecoration: "$hiContrast",
|
|
30
|
+
linkContrastFocusOutline: "$slate8",
|
|
31
|
+
linkSubtle: "$deepBlue6",
|
|
32
|
+
linkSubtleTextDecoration: "$deepBlue4",
|
|
33
|
+
linkSubtleHoverTextDecoration: "$deepBlue5",
|
|
34
|
+
linkSubtleFocusOutline: "$deepBlue3",
|
|
35
|
+
linkPrimary: "$primary",
|
|
36
|
+
linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),
|
|
37
|
+
linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),
|
|
38
|
+
linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString()
|
|
39
|
+
});
|
|
40
|
+
})(Theme || (Theme = {}));
|
|
41
|
+
export {
|
|
42
|
+
Theme
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=Link.themes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.themes.js","sources":["../../../components/Link/Link.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\nexport namespace Theme {\n type Colors = {\n linkSubtle: Property.Color;\n linkBlueTextDecoration: Property.Color;\n linkBlueHoverTextDecoration: Property.Color;\n linkBlueFocusOutline: Property.Color;\n linkContrast: Property.Color;\n linkContrastTextDecoration: Property.Color;\n linkContrastHoverTextDecoration: Property.Color;\n linkContrastFocusOutline: Property.Color;\n linkSubtleTextDecoration: Property.Color;\n linkSubtleHoverTextDecoration: Property.Color;\n linkSubtleFocusOutline: Property.Color;\n linkPrimary: Property.Color;\n linkPrimaryTextDecoration: Property.Color;\n linkPrimaryHoverTextDecoration: Property.Color;\n linkPrimaryFocusOutline: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = (primaryColor) => ({\n linkBlue: '$blue11',\n linkBlueTextDecoration: '$blue7',\n linkBlueHoverTextDecoration: '$blue11',\n linkBlueFocusOutline: '$blue8',\n linkContrast: '$hiContrast',\n linkContrastTextDecoration: '$slate8',\n linkContrastHoverTextDecoration: '$hiContrast',\n linkContrastFocusOutline: '$slate8',\n linkSubtle: '$deepBlue7',\n linkSubtleTextDecoration: '$deepBlue5',\n linkSubtleHoverTextDecoration: '$deepBlue7',\n linkSubtleFocusOutline: '$deepBlue4',\n linkPrimary: tinycolor(primaryColor.value).darken(26).toHslString(),\n linkPrimaryTextDecoration: tinycolor(primaryColor.value).darken(16).toHslString(),\n linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(26).toHslString(),\n linkPrimaryFocusOutline: tinycolor(primaryColor.value).darken(16).toHslString(),\n });\n\n export const getDark: Factory = (primaryColor) => ({\n linkBlue: '$blue11',\n linkBlueTextDecoration: '$blue8',\n linkBlueHoverTextDecoration: '$blue11',\n linkBlueFocusOutline: '$blue8',\n linkContrast: '$hiContrast',\n linkContrastTextDecoration: '$slate8',\n linkContrastHoverTextDecoration: '$hiContrast',\n linkContrastFocusOutline: '$slate8',\n linkSubtle: '$deepBlue6',\n linkSubtleTextDecoration: '$deepBlue4',\n linkSubtleHoverTextDecoration: '$deepBlue5',\n linkSubtleFocusOutline: '$deepBlue3',\n linkPrimary: '$primary',\n linkPrimaryTextDecoration: tinycolor(primaryColor.value).lighten(16).toHslString(),\n linkPrimaryHoverTextDecoration: tinycolor(primaryColor.value).darken(20).toHslString(),\n linkPrimaryFocusOutline: tinycolor(primaryColor.value).lighten(16).toHslString(),\n });\n}\n"],"names":["Theme"],"mappings":";AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAqBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,UAAU;AAAA,IACV,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,iCAAiC;AAAA,IACjC,0BAA0B;AAAA,IAC1B,YAAY;AAAA,IACZ,0BAA0B;AAAA,IAC1B,+BAA+B;AAAA,IAC/B,wBAAwB;AAAA,IACxB,aAAa,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACtD,2BAA2B,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACpE,gCAAgC,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACzE,yBAAyB,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,EAAY;AAGnEA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,UAAU;AAAA,IACV,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,iCAAiC;AAAA,IACjC,0BAA0B;AAAA,IAC1B,YAAY;AAAA,IACZ,0BAA0B;AAAA,IAC1B,+BAA+B;AAAA,IAC/B,wBAAwB;AAAA,IACxB,aAAa;AAAA,IACb,2BAA2B,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IACrE,gCAAgC,UAAU,aAAa,KAAK,EAAE,OAAO,EAAE,EAAE,YAAA;AAAA,IACzE,yBAAyB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,EAAY;AACjF,GAzDe,UAAA,QAAA,CAAA,EAAA;"}
|