@traefik-labs/faency 12.2.1 → 12.2.2
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/README.md +2 -2
- package/dist/_virtual/_rolldown/runtime.cjs +33 -0
- package/dist/_virtual/_rolldown/runtime.js +13 -0
- package/dist/colors/deepBlue.cjs +68 -59
- package/dist/colors/deepBlue.cjs.map +1 -1
- package/dist/colors/deepBlue.js +64 -59
- package/dist/colors/deepBlue.js.map +1 -1
- package/dist/colors/elevation.cjs +28 -19
- package/dist/colors/elevation.cjs.map +1 -1
- package/dist/colors/elevation.js +24 -19
- package/dist/colors/elevation.js.map +1 -1
- package/dist/colors/grayBlue.cjs +68 -59
- package/dist/colors/grayBlue.cjs.map +1 -1
- package/dist/colors/grayBlue.js +64 -59
- package/dist/colors/grayBlue.js.map +1 -1
- package/dist/colors/index.cjs +68 -83
- package/dist/colors/index.cjs.map +1 -1
- package/dist/colors/index.js +68 -85
- package/dist/colors/index.js.map +1 -1
- package/dist/colors/neon.cjs +68 -59
- package/dist/colors/neon.cjs.map +1 -1
- package/dist/colors/neon.js +64 -59
- package/dist/colors/neon.js.map +1 -1
- package/dist/colors/orange.cjs +68 -59
- package/dist/colors/orange.cjs.map +1 -1
- package/dist/colors/orange.js +64 -59
- package/dist/colors/orange.js.map +1 -1
- package/dist/colors/red.cjs +68 -59
- package/dist/colors/red.cjs.map +1 -1
- package/dist/colors/red.js +64 -59
- package/dist/colors/red.js.map +1 -1
- package/dist/components/AccessibleIcon/AccessibleIcon.cjs +8 -22
- package/dist/components/AccessibleIcon/AccessibleIcon.cjs.map +1 -1
- package/dist/components/AccessibleIcon/AccessibleIcon.js +6 -5
- package/dist/components/AccessibleIcon/AccessibleIcon.js.map +1 -1
- package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.cjs +8 -22
- package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.cjs.map +1 -1
- package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.js +6 -5
- package/dist/components/AccessibleIcon/AccessibleIcon.vanilla.js.map +1 -1
- package/dist/components/Accordion/Accordion.cjs +113 -145
- package/dist/components/Accordion/Accordion.cjs.map +1 -1
- package/dist/components/Accordion/Accordion.js +108 -131
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/Accordion.themes.cjs +30 -21
- package/dist/components/Accordion/Accordion.themes.cjs.map +1 -1
- package/dist/components/Accordion/Accordion.themes.js +20 -19
- package/dist/components/Accordion/Accordion.themes.js.map +1 -1
- package/dist/components/Alert/Alert.cjs +15 -38
- package/dist/components/Alert/Alert.cjs.map +1 -1
- package/dist/components/Alert/Alert.js +14 -37
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/AriaTable/AriaTable.cjs +154 -185
- package/dist/components/AriaTable/AriaTable.cjs.map +1 -1
- package/dist/components/AriaTable/AriaTable.js +151 -191
- package/dist/components/AriaTable/AriaTable.js.map +1 -1
- package/dist/components/Avatar/Avatar.cjs +132 -170
- package/dist/components/Avatar/Avatar.cjs.map +1 -1
- package/dist/components/Avatar/Avatar.js +128 -152
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.vanilla.cjs +42 -39
- package/dist/components/Avatar/Avatar.vanilla.cjs.map +1 -1
- package/dist/components/Avatar/Avatar.vanilla.css.cjs +50 -6
- package/dist/components/Avatar/Avatar.vanilla.css.cjs.map +1 -1
- package/dist/components/Avatar/Avatar.vanilla.css.js +49 -8
- package/dist/components/Avatar/Avatar.vanilla.css.js.map +1 -1
- package/dist/components/Avatar/Avatar.vanilla.js +38 -21
- package/dist/components/Avatar/Avatar.vanilla.js.map +1 -1
- package/dist/components/Badge/Badge.cjs +106 -132
- package/dist/components/Badge/Badge.cjs.map +1 -1
- package/dist/components/Badge/Badge.js +103 -131
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.theme.cjs +10 -9
- package/dist/components/Badge/Badge.theme.cjs.map +1 -1
- package/dist/components/Badge/Badge.theme.js +11 -11
- package/dist/components/Badge/Badge.theme.js.map +1 -1
- package/dist/components/Badge/Badge.themes.cjs +24 -15
- package/dist/components/Badge/Badge.themes.cjs.map +1 -1
- package/dist/components/Badge/Badge.themes.js +14 -13
- package/dist/components/Badge/Badge.themes.js.map +1 -1
- package/dist/components/Badge/Badge.vanilla.cjs +42 -45
- package/dist/components/Badge/Badge.vanilla.cjs.map +1 -1
- package/dist/components/Badge/Badge.vanilla.css.cjs +116 -6
- package/dist/components/Badge/Badge.vanilla.css.cjs.map +1 -1
- package/dist/components/Badge/Badge.vanilla.css.js +115 -7
- package/dist/components/Badge/Badge.vanilla.css.js.map +1 -1
- package/dist/components/Badge/Badge.vanilla.js +40 -45
- package/dist/components/Badge/Badge.vanilla.js.map +1 -1
- package/dist/components/Blockquote/Blockquote.cjs +9 -8
- package/dist/components/Blockquote/Blockquote.cjs.map +1 -1
- package/dist/components/Blockquote/Blockquote.js +8 -7
- package/dist/components/Blockquote/Blockquote.js.map +1 -1
- package/dist/components/Blockquote/Blockquote.vanilla.cjs +35 -44
- package/dist/components/Blockquote/Blockquote.vanilla.cjs.map +1 -1
- package/dist/components/Blockquote/Blockquote.vanilla.css.cjs +53 -5
- package/dist/components/Blockquote/Blockquote.vanilla.css.cjs.map +1 -1
- package/dist/components/Blockquote/Blockquote.vanilla.css.js +53 -5
- package/dist/components/Blockquote/Blockquote.vanilla.css.js.map +1 -1
- package/dist/components/Blockquote/Blockquote.vanilla.js +32 -42
- package/dist/components/Blockquote/Blockquote.vanilla.js.map +1 -1
- package/dist/components/Box/Box.cjs +5 -8
- package/dist/components/Box/Box.cjs.map +1 -1
- package/dist/components/Box/Box.js +6 -8
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Box/Box.vanilla.cjs +28 -31
- package/dist/components/Box/Box.vanilla.cjs.map +1 -1
- package/dist/components/Box/Box.vanilla.css.cjs +4 -3
- package/dist/components/Box/Box.vanilla.css.cjs.map +1 -1
- package/dist/components/Box/Box.vanilla.css.js +5 -4
- package/dist/components/Box/Box.vanilla.css.js.map +1 -1
- package/dist/components/Box/Box.vanilla.js +25 -29
- package/dist/components/Box/Box.vanilla.js.map +1 -1
- package/dist/components/Bubble/Bubble.cjs +96 -78
- package/dist/components/Bubble/Bubble.cjs.map +1 -1
- package/dist/components/Bubble/Bubble.js +96 -80
- package/dist/components/Bubble/Bubble.js.map +1 -1
- package/dist/components/Bubble/Bubble.vanilla.cjs +32 -32
- package/dist/components/Bubble/Bubble.vanilla.cjs.map +1 -1
- package/dist/components/Bubble/Bubble.vanilla.css.cjs +32 -5
- package/dist/components/Bubble/Bubble.vanilla.css.cjs.map +1 -1
- package/dist/components/Bubble/Bubble.vanilla.css.js +32 -5
- package/dist/components/Bubble/Bubble.vanilla.css.js.map +1 -1
- package/dist/components/Bubble/Bubble.vanilla.js +29 -30
- package/dist/components/Bubble/Bubble.vanilla.js.map +1 -1
- package/dist/components/Button/Button.cjs +228 -284
- package/dist/components/Button/Button.cjs.map +1 -1
- package/dist/components/Button/Button.js +225 -284
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.themes.cjs +46 -37
- package/dist/components/Button/Button.themes.cjs.map +1 -1
- package/dist/components/Button/Button.themes.js +36 -35
- package/dist/components/Button/Button.themes.js.map +1 -1
- package/dist/components/Button/Button.vanilla.cjs +34 -43
- package/dist/components/Button/Button.vanilla.cjs.map +1 -1
- package/dist/components/Button/Button.vanilla.css.cjs +68 -5
- package/dist/components/Button/Button.vanilla.css.cjs.map +1 -1
- package/dist/components/Button/Button.vanilla.css.js +68 -5
- package/dist/components/Button/Button.vanilla.css.js.map +1 -1
- package/dist/components/Button/Button.vanilla.js +31 -41
- package/dist/components/Button/Button.vanilla.js.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.cjs +53 -77
- package/dist/components/ButtonSwitch/ButtonSwitch.cjs.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.js +51 -61
- package/dist/components/ButtonSwitch/ButtonSwitch.js.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.cjs +27 -20
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.cjs.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.js +20 -19
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.js.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs +65 -99
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.cjs +4 -3
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.cjs.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.js +5 -5
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.js.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js +61 -81
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js.map +1 -1
- package/dist/components/Card/Card.cjs +77 -98
- package/dist/components/Card/Card.cjs.map +1 -1
- package/dist/components/Card/Card.js +74 -97
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.theme.cjs +18 -22
- package/dist/components/Card/Card.theme.cjs.map +1 -1
- package/dist/components/Card/Card.theme.js +19 -24
- package/dist/components/Card/Card.theme.js.map +1 -1
- package/dist/components/Card/Card.themes.cjs +38 -29
- package/dist/components/Card/Card.themes.cjs.map +1 -1
- package/dist/components/Card/Card.themes.js +28 -27
- package/dist/components/Card/Card.themes.js.map +1 -1
- package/dist/components/Card/Card.vanilla.cjs +35 -41
- package/dist/components/Card/Card.vanilla.cjs.map +1 -1
- package/dist/components/Card/Card.vanilla.css.cjs +46 -7
- package/dist/components/Card/Card.vanilla.css.cjs.map +1 -1
- package/dist/components/Card/Card.vanilla.css.js +45 -8
- package/dist/components/Card/Card.vanilla.css.js.map +1 -1
- package/dist/components/Card/Card.vanilla.js +33 -40
- package/dist/components/Card/Card.vanilla.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.cjs +84 -112
- package/dist/components/Checkbox/Checkbox.cjs.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +80 -94
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.themes.cjs +44 -35
- package/dist/components/Checkbox/Checkbox.themes.cjs.map +1 -1
- package/dist/components/Checkbox/Checkbox.themes.js +34 -33
- package/dist/components/Checkbox/Checkbox.themes.js.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.cjs +154 -174
- package/dist/components/CodeBlock/CodeBlock.cjs.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.js +150 -172
- package/dist/components/CodeBlock/CodeBlock.js.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.themes.cjs +21 -18
- package/dist/components/CodeBlock/CodeBlock.themes.cjs.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.themes.js +14 -17
- package/dist/components/CodeBlock/CodeBlock.themes.js.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.vanilla.cjs +131 -158
- package/dist/components/CodeBlock/CodeBlock.vanilla.cjs.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.vanilla.css.cjs +4 -3
- package/dist/components/CodeBlock/CodeBlock.vanilla.css.cjs.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.vanilla.css.js +5 -12
- package/dist/components/CodeBlock/CodeBlock.vanilla.css.js.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.vanilla.js +127 -156
- package/dist/components/CodeBlock/CodeBlock.vanilla.js.map +1 -1
- package/dist/components/Container/Container.cjs +20 -36
- package/dist/components/Container/Container.cjs.map +1 -1
- package/dist/components/Container/Container.js +21 -36
- package/dist/components/Container/Container.js.map +1 -1
- package/dist/components/Container/Container.vanilla.cjs +32 -33
- package/dist/components/Container/Container.vanilla.cjs.map +1 -1
- package/dist/components/Container/Container.vanilla.css.cjs +19 -5
- package/dist/components/Container/Container.vanilla.css.cjs.map +1 -1
- package/dist/components/Container/Container.vanilla.css.js +19 -5
- package/dist/components/Container/Container.vanilla.css.js.map +1 -1
- package/dist/components/Container/Container.vanilla.js +28 -31
- package/dist/components/Container/Container.vanilla.js.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.cjs +264 -279
- package/dist/components/DateTimePicker/DateTimePicker.cjs.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.js +258 -275
- package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/components/DateTimePickerInput/DateTimePickerInput.cjs +142 -155
- package/dist/components/DateTimePickerInput/DateTimePickerInput.cjs.map +1 -1
- package/dist/components/DateTimePickerInput/DateTimePickerInput.js +139 -154
- package/dist/components/DateTimePickerInput/DateTimePickerInput.js.map +1 -1
- package/dist/components/Dialog/Dialog.cjs +68 -78
- package/dist/components/Dialog/Dialog.cjs.map +1 -1
- package/dist/components/Dialog/Dialog.js +63 -68
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Dialog/Dialog.themes.cjs +15 -12
- package/dist/components/Dialog/Dialog.themes.cjs.map +1 -1
- package/dist/components/Dialog/Dialog.themes.js +8 -11
- package/dist/components/Dialog/Dialog.themes.js.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.cjs +64 -58
- package/dist/components/DropdownMenu/DropdownMenu.cjs.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +59 -49
- package/dist/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/components/DropdownMenu/styles.cjs +39 -47
- package/dist/components/DropdownMenu/styles.cjs.map +1 -1
- package/dist/components/DropdownMenu/styles.js +38 -49
- package/dist/components/DropdownMenu/styles.js.map +1 -1
- package/dist/components/Elevation/Elevation.cjs +31 -36
- package/dist/components/Elevation/Elevation.cjs.map +1 -1
- package/dist/components/Elevation/Elevation.js +31 -37
- package/dist/components/Elevation/Elevation.js.map +1 -1
- package/dist/components/Elevation/Elevation.vanilla.cjs +28 -28
- package/dist/components/Elevation/Elevation.vanilla.cjs.map +1 -1
- package/dist/components/Elevation/Elevation.vanilla.css.cjs +18 -5
- package/dist/components/Elevation/Elevation.vanilla.css.cjs.map +1 -1
- package/dist/components/Elevation/Elevation.vanilla.css.js +18 -5
- package/dist/components/Elevation/Elevation.vanilla.css.js.map +1 -1
- package/dist/components/Elevation/Elevation.vanilla.js +25 -26
- package/dist/components/Elevation/Elevation.vanilla.js.map +1 -1
- package/dist/components/FaencyProvider.cjs +11 -7
- package/dist/components/FaencyProvider.cjs.map +1 -1
- package/dist/components/FaencyProvider.js +8 -6
- package/dist/components/FaencyProvider.js.map +1 -1
- package/dist/components/Flex/Flex.cjs +56 -118
- package/dist/components/Flex/Flex.cjs.map +1 -1
- package/dist/components/Flex/Flex.js +57 -118
- package/dist/components/Flex/Flex.js.map +1 -1
- package/dist/components/Flex/Flex.vanilla.cjs +35 -33
- package/dist/components/Flex/Flex.vanilla.cjs.map +1 -1
- package/dist/components/Flex/Flex.vanilla.css.cjs +54 -5
- package/dist/components/Flex/Flex.vanilla.css.cjs.map +1 -1
- package/dist/components/Flex/Flex.vanilla.css.js +54 -5
- package/dist/components/Flex/Flex.vanilla.css.js.map +1 -1
- package/dist/components/Flex/Flex.vanilla.js +31 -31
- package/dist/components/Flex/Flex.vanilla.js.map +1 -1
- package/dist/components/Grid/Grid.cjs +68 -158
- package/dist/components/Grid/Grid.cjs.map +1 -1
- package/dist/components/Grid/Grid.js +69 -158
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/Grid.vanilla.cjs +39 -51
- package/dist/components/Grid/Grid.vanilla.cjs.map +1 -1
- package/dist/components/Grid/Grid.vanilla.css.cjs +65 -5
- package/dist/components/Grid/Grid.vanilla.css.cjs.map +1 -1
- package/dist/components/Grid/Grid.vanilla.css.js +65 -5
- package/dist/components/Grid/Grid.vanilla.css.js.map +1 -1
- package/dist/components/Grid/Grid.vanilla.js +35 -49
- package/dist/components/Grid/Grid.vanilla.js.map +1 -1
- package/dist/components/Heading/Heading.cjs +39 -48
- package/dist/components/Heading/Heading.cjs.map +1 -1
- package/dist/components/Heading/Heading.js +39 -53
- package/dist/components/Heading/Heading.js.map +1 -1
- package/dist/components/Heading/Heading.themes.cjs +18 -13
- package/dist/components/Heading/Heading.themes.cjs.map +1 -1
- package/dist/components/Heading/Heading.themes.js +8 -11
- package/dist/components/Heading/Heading.themes.js.map +1 -1
- package/dist/components/IconButton/IconButton.cjs +80 -107
- package/dist/components/IconButton/IconButton.cjs.map +1 -1
- package/dist/components/IconButton/IconButton.js +79 -106
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/IconButton/IconButton.themes.cjs +25 -18
- package/dist/components/IconButton/IconButton.themes.cjs.map +1 -1
- package/dist/components/IconButton/IconButton.themes.js +18 -17
- package/dist/components/IconButton/IconButton.themes.js.map +1 -1
- package/dist/components/IconButton/IconButton.vanilla.cjs +31 -32
- package/dist/components/IconButton/IconButton.vanilla.cjs.map +1 -1
- package/dist/components/IconButton/IconButton.vanilla.css.cjs +29 -5
- package/dist/components/IconButton/IconButton.vanilla.css.cjs.map +1 -1
- package/dist/components/IconButton/IconButton.vanilla.css.js +29 -5
- package/dist/components/IconButton/IconButton.vanilla.css.js.map +1 -1
- package/dist/components/IconButton/IconButton.vanilla.js +28 -30
- package/dist/components/IconButton/IconButton.vanilla.js.map +1 -1
- package/dist/components/Image/Image.cjs +7 -8
- package/dist/components/Image/Image.cjs.map +1 -1
- package/dist/components/Image/Image.js +8 -8
- package/dist/components/Image/Image.js.map +1 -1
- package/dist/components/Image/Image.vanilla.cjs +28 -31
- package/dist/components/Image/Image.vanilla.cjs.map +1 -1
- package/dist/components/Image/Image.vanilla.css.cjs +4 -3
- package/dist/components/Image/Image.vanilla.css.cjs.map +1 -1
- package/dist/components/Image/Image.vanilla.css.js +5 -4
- package/dist/components/Image/Image.vanilla.css.js.map +1 -1
- package/dist/components/Image/Image.vanilla.js +25 -29
- package/dist/components/Image/Image.vanilla.js.map +1 -1
- package/dist/components/Input/Input.cjs +262 -374
- package/dist/components/Input/Input.cjs.map +1 -1
- package/dist/components/Input/Input.js +259 -373
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.theme.cjs +27 -36
- package/dist/components/Input/Input.theme.cjs.map +1 -1
- package/dist/components/Input/Input.theme.js +25 -37
- package/dist/components/Input/Input.theme.js.map +1 -1
- package/dist/components/Input/Input.themes.cjs +38 -29
- package/dist/components/Input/Input.themes.cjs.map +1 -1
- package/dist/components/Input/Input.themes.js +28 -27
- package/dist/components/Input/Input.themes.js.map +1 -1
- package/dist/components/Input/Input.vanilla.cjs +71 -54
- package/dist/components/Input/Input.vanilla.cjs.map +1 -1
- package/dist/components/Input/Input.vanilla.css.cjs +107 -7
- package/dist/components/Input/Input.vanilla.css.cjs.map +1 -1
- package/dist/components/Input/Input.vanilla.css.js +106 -9
- package/dist/components/Input/Input.vanilla.css.js.map +1 -1
- package/dist/components/Input/Input.vanilla.js +68 -53
- package/dist/components/Input/Input.vanilla.js.map +1 -1
- package/dist/components/Label/Label.cjs +20 -34
- package/dist/components/Label/Label.cjs.map +1 -1
- package/dist/components/Label/Label.js +17 -16
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Label/Label.vanilla.cjs +35 -44
- package/dist/components/Label/Label.vanilla.cjs.map +1 -1
- package/dist/components/Label/Label.vanilla.css.cjs +54 -6
- package/dist/components/Label/Label.vanilla.css.cjs.map +1 -1
- package/dist/components/Label/Label.vanilla.css.js +54 -6
- package/dist/components/Label/Label.vanilla.css.js.map +1 -1
- package/dist/components/Label/Label.vanilla.js +32 -42
- package/dist/components/Label/Label.vanilla.js.map +1 -1
- package/dist/components/Link/Link.cjs +55 -85
- package/dist/components/Link/Link.cjs.map +1 -1
- package/dist/components/Link/Link.js +53 -83
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/Link.themes.cjs +52 -43
- package/dist/components/Link/Link.themes.cjs.map +1 -1
- package/dist/components/Link/Link.themes.js +42 -41
- package/dist/components/Link/Link.themes.js.map +1 -1
- package/dist/components/List/List.cjs +156 -187
- package/dist/components/List/List.cjs.map +1 -1
- package/dist/components/List/List.js +151 -186
- package/dist/components/List/List.js.map +1 -1
- package/dist/components/List/List.themes.cjs +23 -16
- package/dist/components/List/List.themes.cjs.map +1 -1
- package/dist/components/List/List.themes.js +16 -15
- package/dist/components/List/List.themes.js.map +1 -1
- package/dist/components/Navigation/Navigation.cjs +149 -163
- package/dist/components/Navigation/Navigation.cjs.map +1 -1
- package/dist/components/Navigation/Navigation.js +146 -165
- package/dist/components/Navigation/Navigation.js.map +1 -1
- package/dist/components/Navigation/Navigation.themes.cjs +44 -35
- package/dist/components/Navigation/Navigation.themes.cjs.map +1 -1
- package/dist/components/Navigation/Navigation.themes.js +34 -33
- package/dist/components/Navigation/Navigation.themes.js.map +1 -1
- package/dist/components/NavigationMenu/NavigationMenu.cjs +53 -62
- package/dist/components/NavigationMenu/NavigationMenu.cjs.map +1 -1
- package/dist/components/NavigationMenu/NavigationMenu.js +49 -51
- package/dist/components/NavigationMenu/NavigationMenu.js.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeContainer.cjs +22 -22
- package/dist/components/NavigationTree/NavigationTreeContainer.cjs.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeContainer.js +19 -21
- package/dist/components/NavigationTree/NavigationTreeContainer.js.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeDrawer.cjs +18 -17
- package/dist/components/NavigationTree/NavigationTreeDrawer.cjs.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeDrawer.js +16 -17
- package/dist/components/NavigationTree/NavigationTreeDrawer.js.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeItem.cjs +77 -103
- package/dist/components/NavigationTree/NavigationTreeItem.cjs.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeItem.js +73 -101
- package/dist/components/NavigationTree/NavigationTreeItem.js.map +1 -1
- package/dist/components/Overlay.cjs +7 -8
- package/dist/components/Overlay.cjs.map +1 -1
- package/dist/components/Overlay.js +7 -9
- package/dist/components/Overlay.js.map +1 -1
- package/dist/components/Panel/Panel.cjs +10 -9
- package/dist/components/Panel/Panel.cjs.map +1 -1
- package/dist/components/Panel/Panel.js +10 -10
- package/dist/components/Panel/Panel.js.map +1 -1
- package/dist/components/Panel/Panel.theme.cjs +6 -9
- package/dist/components/Panel/Panel.theme.cjs.map +1 -1
- package/dist/components/Panel/Panel.theme.js +7 -11
- package/dist/components/Panel/Panel.theme.js.map +1 -1
- package/dist/components/Panel/Panel.vanilla.cjs +28 -27
- package/dist/components/Panel/Panel.vanilla.cjs.map +1 -1
- package/dist/components/Panel/Panel.vanilla.css.cjs +4 -3
- package/dist/components/Panel/Panel.vanilla.css.cjs.map +1 -1
- package/dist/components/Panel/Panel.vanilla.css.js +5 -4
- package/dist/components/Panel/Panel.vanilla.css.js.map +1 -1
- package/dist/components/Panel/Panel.vanilla.js +25 -25
- package/dist/components/Panel/Panel.vanilla.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.cjs +42 -33
- package/dist/components/Paragraph/Paragraph.cjs.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +40 -33
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.vanilla.cjs +28 -32
- package/dist/components/Paragraph/Paragraph.vanilla.cjs.map +1 -1
- package/dist/components/Paragraph/Paragraph.vanilla.css.cjs +14 -5
- package/dist/components/Paragraph/Paragraph.vanilla.css.cjs.map +1 -1
- package/dist/components/Paragraph/Paragraph.vanilla.css.js +14 -5
- package/dist/components/Paragraph/Paragraph.vanilla.css.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.vanilla.js +25 -30
- package/dist/components/Paragraph/Paragraph.vanilla.js.map +1 -1
- package/dist/components/Popover/Popover.cjs +53 -77
- package/dist/components/Popover/Popover.cjs.map +1 -1
- package/dist/components/Popover/Popover.js +49 -64
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Radio/Radio.cjs +84 -119
- package/dist/components/Radio/Radio.cjs.map +1 -1
- package/dist/components/Radio/Radio.js +80 -104
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Radio/Radio.themes.cjs +36 -27
- package/dist/components/Radio/Radio.themes.cjs.map +1 -1
- package/dist/components/Radio/Radio.themes.js +26 -25
- package/dist/components/Radio/Radio.themes.js.map +1 -1
- package/dist/components/RadioAccordion/RadioAccordion.cjs +40 -42
- package/dist/components/RadioAccordion/RadioAccordion.cjs.map +1 -1
- package/dist/components/RadioAccordion/RadioAccordion.js +37 -44
- package/dist/components/RadioAccordion/RadioAccordion.js.map +1 -1
- package/dist/components/Select/Select.cjs +189 -234
- package/dist/components/Select/Select.cjs.map +1 -1
- package/dist/components/Select/Select.js +186 -233
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.themes.cjs +27 -24
- package/dist/components/Select/Select.themes.cjs.map +1 -1
- package/dist/components/Select/Select.themes.js +19 -22
- package/dist/components/Select/Select.themes.js.map +1 -1
- package/dist/components/SidePanel/SidePanel.cjs +102 -121
- package/dist/components/SidePanel/SidePanel.cjs.map +1 -1
- package/dist/components/SidePanel/SidePanel.js +97 -102
- package/dist/components/SidePanel/SidePanel.js.map +1 -1
- package/dist/components/SidePanel/SidePanel.themes.cjs +15 -12
- package/dist/components/SidePanel/SidePanel.themes.cjs.map +1 -1
- package/dist/components/SidePanel/SidePanel.themes.js +8 -11
- package/dist/components/SidePanel/SidePanel.themes.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.cjs +51 -63
- package/dist/components/Skeleton/Skeleton.cjs.map +1 -1
- package/dist/components/Skeleton/Skeleton.js +51 -65
- package/dist/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.themes.cjs +21 -14
- package/dist/components/Skeleton/Skeleton.themes.cjs.map +1 -1
- package/dist/components/Skeleton/Skeleton.themes.js +14 -13
- package/dist/components/Skeleton/Skeleton.themes.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.vanilla.cjs +28 -32
- package/dist/components/Skeleton/Skeleton.vanilla.cjs.map +1 -1
- package/dist/components/Skeleton/Skeleton.vanilla.css.cjs +17 -5
- package/dist/components/Skeleton/Skeleton.vanilla.css.cjs.map +1 -1
- package/dist/components/Skeleton/Skeleton.vanilla.css.js +17 -5
- package/dist/components/Skeleton/Skeleton.vanilla.css.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.vanilla.js +25 -30
- package/dist/components/Skeleton/Skeleton.vanilla.js.map +1 -1
- package/dist/components/Switch/Switch.cjs +81 -113
- package/dist/components/Switch/Switch.cjs.map +1 -1
- package/dist/components/Switch/Switch.js +77 -95
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Switch/Switch.themes.cjs +28 -19
- package/dist/components/Switch/Switch.themes.cjs.map +1 -1
- package/dist/components/Switch/Switch.themes.js +18 -17
- package/dist/components/Switch/Switch.themes.js.map +1 -1
- package/dist/components/Table/Table.cjs +197 -272
- package/dist/components/Table/Table.cjs.map +1 -1
- package/dist/components/Table/Table.js +193 -278
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.themes.cjs +42 -33
- package/dist/components/Table/Table.themes.cjs.map +1 -1
- package/dist/components/Table/Table.themes.js +32 -31
- package/dist/components/Table/Table.themes.js.map +1 -1
- package/dist/components/Tabs/Tabs.cjs +34 -52
- package/dist/components/Tabs/Tabs.cjs.map +1 -1
- package/dist/components/Tabs/Tabs.js +32 -38
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Text/Text.cjs +64 -127
- package/dist/components/Text/Text.cjs.map +1 -1
- package/dist/components/Text/Text.js +65 -127
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/Text.themes.cjs +30 -21
- package/dist/components/Text/Text.themes.cjs.map +1 -1
- package/dist/components/Text/Text.themes.js +20 -19
- package/dist/components/Text/Text.themes.js.map +1 -1
- package/dist/components/TextField/TextField.cjs +124 -164
- package/dist/components/TextField/TextField.cjs.map +1 -1
- package/dist/components/TextField/TextField.js +119 -161
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/TextField/TextField.vanilla.cjs +124 -164
- package/dist/components/TextField/TextField.vanilla.cjs.map +1 -1
- package/dist/components/TextField/TextField.vanilla.js +119 -161
- package/dist/components/TextField/TextField.vanilla.js.map +1 -1
- package/dist/components/Textarea/Textarea.cjs +189 -276
- package/dist/components/Textarea/Textarea.cjs.map +1 -1
- package/dist/components/Textarea/Textarea.js +185 -274
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/Textarea.theme.cjs +27 -36
- package/dist/components/Textarea/Textarea.theme.cjs.map +1 -1
- package/dist/components/Textarea/Textarea.theme.js +25 -37
- package/dist/components/Textarea/Textarea.theme.js.map +1 -1
- package/dist/components/Textarea/Textarea.themes.cjs +38 -29
- package/dist/components/Textarea/Textarea.themes.cjs.map +1 -1
- package/dist/components/Textarea/Textarea.themes.js +28 -27
- package/dist/components/Textarea/Textarea.themes.js.map +1 -1
- package/dist/components/Textarea/Textarea.vanilla.cjs +83 -95
- package/dist/components/Textarea/Textarea.vanilla.cjs.map +1 -1
- package/dist/components/Textarea/Textarea.vanilla.css.cjs +41 -6
- package/dist/components/Textarea/Textarea.vanilla.css.cjs.map +1 -1
- package/dist/components/Textarea/Textarea.vanilla.css.js +40 -8
- package/dist/components/Textarea/Textarea.vanilla.css.js.map +1 -1
- package/dist/components/Textarea/Textarea.vanilla.js +79 -93
- package/dist/components/Textarea/Textarea.vanilla.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.cjs +67 -98
- package/dist/components/Tooltip/Tooltip.cjs.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +62 -82
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.themes.cjs +21 -14
- package/dist/components/Tooltip/Tooltip.themes.cjs.map +1 -1
- package/dist/components/Tooltip/Tooltip.themes.js +14 -13
- package/dist/components/Tooltip/Tooltip.themes.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.cjs +8 -22
- package/dist/components/VisuallyHidden/VisuallyHidden.cjs.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +6 -5
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/components/colorSchemeContext.cjs +43 -37
- package/dist/components/colorSchemeContext.cjs.map +1 -1
- package/dist/components/colorSchemeContext.js +41 -38
- package/dist/components/colorSchemeContext.js.map +1 -1
- package/dist/faency.css +291 -291
- package/dist/index.cjs +253 -250
- package/dist/index.js +31 -198
- package/dist/stitches.config.cjs +271 -262
- package/dist/stitches.config.cjs.map +1 -1
- package/dist/stitches.config.js +268 -271
- package/dist/stitches.config.js.map +1 -1
- package/dist/styles/cssProps.cjs +265 -292
- package/dist/styles/cssProps.cjs.map +1 -1
- package/dist/styles/cssProps.js +266 -293
- package/dist/styles/cssProps.js.map +1 -1
- package/dist/styles/themeContext.cjs +110 -115
- package/dist/styles/themeContext.cjs.map +1 -1
- package/dist/styles/themeContext.js +107 -115
- package/dist/styles/themeContext.js.map +1 -1
- package/dist/styles/themes.css.cjs +24 -4
- package/dist/styles/themes.css.cjs.map +1 -1
- package/dist/styles/themes.css.js +25 -7
- package/dist/styles/themes.css.js.map +1 -1
- package/dist/utils/deepMerge.cjs +25 -0
- package/dist/utils/deepMerge.cjs.map +1 -0
- package/dist/utils/deepMerge.js +25 -0
- package/dist/utils/deepMerge.js.map +1 -0
- package/dist/utils/getPrimaryColorInfo.cjs +10 -10
- package/dist/utils/getPrimaryColorInfo.cjs.map +1 -1
- package/dist/utils/getPrimaryColorInfo.js +10 -11
- package/dist/utils/getPrimaryColorInfo.js.map +1 -1
- package/package.json +93 -122
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
|
@@ -1,87 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
if (e) {
|
|
12
|
-
for (const k in e) {
|
|
13
|
-
if (k !== "default") {
|
|
14
|
-
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
-
enumerable: true,
|
|
17
|
-
get: () => e[k]
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
n.default = e;
|
|
23
|
-
return Object.freeze(n);
|
|
24
|
-
}
|
|
25
|
-
const PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
|
|
1
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
|
+
const require_stitches_config = require("../../stitches.config.cjs");
|
|
3
|
+
const require_Elevation = require("../Elevation/Elevation.cjs");
|
|
4
|
+
const require_Panel = require("../Panel/Panel.cjs");
|
|
5
|
+
let react = require("react");
|
|
6
|
+
react = require_runtime.__toESM(react, 1);
|
|
7
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
+
let _radix_ui_react_popover = require("@radix-ui/react-popover");
|
|
9
|
+
_radix_ui_react_popover = require_runtime.__toESM(_radix_ui_react_popover, 1);
|
|
10
|
+
//#region components/Popover/Popover.tsx
|
|
26
11
|
function Popover({ children, ...props }) {
|
|
27
|
-
|
|
12
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_popover.Root, {
|
|
13
|
+
...props,
|
|
14
|
+
children
|
|
15
|
+
});
|
|
28
16
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
variants: {
|
|
38
|
-
elevation: Elevation.elevationVariants
|
|
39
|
-
},
|
|
40
|
-
defaultVariants: {
|
|
41
|
-
elevation: 2
|
|
42
|
-
}
|
|
17
|
+
var StyledContent = require_stitches_config.styled(_radix_ui_react_popover.Content, require_Panel.panelStyles, {
|
|
18
|
+
minWidth: 200,
|
|
19
|
+
minHeight: "$6",
|
|
20
|
+
maxWidth: 265,
|
|
21
|
+
color: "$hiContrast",
|
|
22
|
+
"&:focus": { outline: "none" },
|
|
23
|
+
variants: { elevation: require_Elevation.elevationVariants },
|
|
24
|
+
defaultVariants: { elevation: 2 }
|
|
43
25
|
});
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
fill: "$03dp"
|
|
56
|
-
},
|
|
57
|
-
4: {
|
|
58
|
-
fill: "$04dp"
|
|
59
|
-
},
|
|
60
|
-
5: {
|
|
61
|
-
fill: "$05dp"
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
const StyledArrow = stitches_config.styled(PopoverPrimitive__namespace.Arrow, {
|
|
65
|
-
fill: "currentColor",
|
|
66
|
-
variants: {
|
|
67
|
-
elevation: fillColorVariants
|
|
68
|
-
},
|
|
69
|
-
defaultVariants: {
|
|
70
|
-
elevation: 2
|
|
71
|
-
}
|
|
26
|
+
var StyledArrow = require_stitches_config.styled(_radix_ui_react_popover.Arrow, {
|
|
27
|
+
fill: "currentColor",
|
|
28
|
+
variants: { elevation: {
|
|
29
|
+
0: { fill: "$00dp" },
|
|
30
|
+
1: { fill: "$01dp" },
|
|
31
|
+
2: { fill: "$02dp" },
|
|
32
|
+
3: { fill: "$03dp" },
|
|
33
|
+
4: { fill: "$04dp" },
|
|
34
|
+
5: { fill: "$05dp" }
|
|
35
|
+
} },
|
|
36
|
+
defaultVariants: { elevation: 2 }
|
|
72
37
|
});
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
38
|
+
var PopoverContent = react.default.forwardRef(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledContent, {
|
|
39
|
+
sideOffset: 0,
|
|
40
|
+
elevation,
|
|
41
|
+
...props,
|
|
42
|
+
ref: fowardedRef,
|
|
43
|
+
children: [children, !hideArrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledArrow, {
|
|
44
|
+
elevation,
|
|
45
|
+
width: 11,
|
|
46
|
+
height: 5,
|
|
47
|
+
offset: 5,
|
|
48
|
+
css: arrowCss
|
|
49
|
+
})]
|
|
50
|
+
}));
|
|
51
|
+
var PopoverTrigger = _radix_ui_react_popover.Trigger;
|
|
52
|
+
var PopoverClose = _radix_ui_react_popover.Close;
|
|
53
|
+
var PopoverAnchor = _radix_ui_react_popover.Anchor;
|
|
54
|
+
var PopoverPortal = _radix_ui_react_popover.Portal;
|
|
55
|
+
//#endregion
|
|
81
56
|
exports.Popover = Popover;
|
|
82
57
|
exports.PopoverAnchor = PopoverAnchor;
|
|
83
58
|
exports.PopoverClose = PopoverClose;
|
|
84
59
|
exports.PopoverContent = PopoverContent;
|
|
85
60
|
exports.PopoverPortal = PopoverPortal;
|
|
86
61
|
exports.PopoverTrigger = PopoverTrigger;
|
|
87
|
-
|
|
62
|
+
|
|
63
|
+
//# sourceMappingURL=Popover.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.cjs","sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"
|
|
1
|
+
{"version":3,"file":"Popover.cjs","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;AAC5D,QAAO,iBAAA,GAAA,kBAAA,KAAC,wBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,wBAAA,OAAO,wBAAiB,SAAS,cAAA,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,kBAAA,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,wBAAA,OAAO,wBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAxB2C;EAC7C,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACF,EAME;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAA,QAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,iBAAA,GAAA,kBAAA,MAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,iBAAA,GAAA,kBAAA,KAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,wBAAiB;AAC/C,IAAa,eAAe,wBAAiB;AAC7C,IAAa,gBAAgB,wBAAiB;AAC9C,IAAa,gBAAgB,wBAAiB"}
|
|
@@ -1,70 +1,55 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
3
|
-
import React from "react";
|
|
4
1
|
import { styled } from "../../stitches.config.js";
|
|
5
|
-
import { panelStyles } from "../Panel/Panel.js";
|
|
6
2
|
import { elevationVariants } from "../Elevation/Elevation.js";
|
|
3
|
+
import { panelStyles } from "../Panel/Panel.js";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
7
|
+
//#region components/Popover/Popover.tsx
|
|
7
8
|
function Popover({ children, ...props }) {
|
|
8
|
-
|
|
9
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
|
|
10
|
+
...props,
|
|
11
|
+
children
|
|
12
|
+
});
|
|
9
13
|
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
variants: {
|
|
19
|
-
elevation: elevationVariants
|
|
20
|
-
},
|
|
21
|
-
defaultVariants: {
|
|
22
|
-
elevation: 2
|
|
23
|
-
}
|
|
14
|
+
var StyledContent = styled(PopoverPrimitive.Content, panelStyles, {
|
|
15
|
+
minWidth: 200,
|
|
16
|
+
minHeight: "$6",
|
|
17
|
+
maxWidth: 265,
|
|
18
|
+
color: "$hiContrast",
|
|
19
|
+
"&:focus": { outline: "none" },
|
|
20
|
+
variants: { elevation: elevationVariants },
|
|
21
|
+
defaultVariants: { elevation: 2 }
|
|
24
22
|
});
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
fill: "$03dp"
|
|
37
|
-
},
|
|
38
|
-
4: {
|
|
39
|
-
fill: "$04dp"
|
|
40
|
-
},
|
|
41
|
-
5: {
|
|
42
|
-
fill: "$05dp"
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
const StyledArrow = styled(PopoverPrimitive.Arrow, {
|
|
46
|
-
fill: "currentColor",
|
|
47
|
-
variants: {
|
|
48
|
-
elevation: fillColorVariants
|
|
49
|
-
},
|
|
50
|
-
defaultVariants: {
|
|
51
|
-
elevation: 2
|
|
52
|
-
}
|
|
23
|
+
var StyledArrow = styled(PopoverPrimitive.Arrow, {
|
|
24
|
+
fill: "currentColor",
|
|
25
|
+
variants: { elevation: {
|
|
26
|
+
0: { fill: "$00dp" },
|
|
27
|
+
1: { fill: "$01dp" },
|
|
28
|
+
2: { fill: "$02dp" },
|
|
29
|
+
3: { fill: "$03dp" },
|
|
30
|
+
4: { fill: "$04dp" },
|
|
31
|
+
5: { fill: "$05dp" }
|
|
32
|
+
} },
|
|
33
|
+
defaultVariants: { elevation: 2 }
|
|
53
34
|
});
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
35
|
+
var PopoverContent = React.forwardRef(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => /* @__PURE__ */ jsxs(StyledContent, {
|
|
36
|
+
sideOffset: 0,
|
|
37
|
+
elevation,
|
|
38
|
+
...props,
|
|
39
|
+
ref: fowardedRef,
|
|
40
|
+
children: [children, !hideArrow && /* @__PURE__ */ jsx(StyledArrow, {
|
|
41
|
+
elevation,
|
|
42
|
+
width: 11,
|
|
43
|
+
height: 5,
|
|
44
|
+
offset: 5,
|
|
45
|
+
css: arrowCss
|
|
46
|
+
})]
|
|
47
|
+
}));
|
|
48
|
+
var PopoverTrigger = PopoverPrimitive.Trigger;
|
|
49
|
+
var PopoverClose = PopoverPrimitive.Close;
|
|
50
|
+
var PopoverAnchor = PopoverPrimitive.Anchor;
|
|
51
|
+
var PopoverPortal = PopoverPrimitive.Portal;
|
|
52
|
+
//#endregion
|
|
53
|
+
export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger };
|
|
54
|
+
|
|
55
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"
|
|
1
|
+
{"version":3,"file":"Popover.js","names":[],"sources":["../../../components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\nimport { panelStyles } from '../Panel';\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {\n children: React.ReactNode;\n};\nexport type PopoverVariants = VariantProps<typeof Popover>;\n\nexport function Popover({ children, ...props }: PopoverProps) {\n return <PopoverPrimitive.Root {...props}>{children}</PopoverPrimitive.Root>;\n}\n\nconst StyledContent = styled(PopoverPrimitive.Content, panelStyles, {\n minWidth: 200,\n minHeight: '$6',\n maxWidth: 265,\n color: '$hiContrast',\n '&:focus': {\n outline: 'none',\n },\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\nconst fillColorVariants: Record<number, CSS> = {\n 0: {\n fill: '$00dp',\n },\n 1: {\n fill: '$01dp',\n },\n 2: {\n fill: '$02dp',\n },\n 3: {\n fill: '$03dp',\n },\n 4: {\n fill: '$04dp',\n },\n 5: {\n fill: '$05dp',\n },\n};\n\nconst StyledArrow = styled(PopoverPrimitive.Arrow, {\n fill: 'currentColor',\n variants: {\n elevation: fillColorVariants,\n },\n defaultVariants: {\n elevation: 2,\n },\n});\n\ntype PopoverContentPrimitiveProps = Omit<\n React.ComponentProps<typeof PopoverPrimitive.Content>,\n 'as'\n>;\nexport type PopoverContentProps = PopoverContentPrimitiveProps &\n VariantProps<typeof StyledContent> & {\n css?: CSS;\n hideArrow?: boolean;\n arrowCss?: CSS;\n };\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof StyledContent>,\n PopoverContentProps\n>(({ children, hideArrow, arrowCss, elevation, ...props }, fowardedRef) => (\n <StyledContent sideOffset={0} elevation={elevation} {...props} ref={fowardedRef}>\n {children}\n {!hideArrow && (\n <StyledArrow elevation={elevation} width={11} height={5} offset={5} css={arrowCss} />\n )}\n </StyledContent>\n));\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n"],"mappings":";;;;;;;AAYA,SAAgB,QAAQ,EAAE,UAAU,GAAG,SAAuB;AAC5D,QAAO,oBAAC,iBAAiB,MAAlB;EAAuB,GAAI;EAAQ;EAAiC,CAAA;;AAG7E,IAAM,gBAAgB,OAAO,iBAAiB,SAAS,aAAa;CAClE,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,WAAW,EACT,SAAS,QACV;CACD,UAAU,EACR,WAAW,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAuBF,IAAM,cAAc,OAAO,iBAAiB,OAAO;CACjD,MAAM;CACN,UAAU,EACR,WAxB2C;EAC7C,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACD,GAAG,EACD,MAAM,SACP;EACF,EAME;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAaF,IAAa,iBAAiB,MAAM,YAGjC,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS,gBACzD,qBAAC,eAAD;CAAe,YAAY;CAAc;CAAW,GAAI;CAAO,KAAK;WAApE,CACG,UACA,CAAC,aACA,oBAAC,aAAD;EAAwB;EAAW,OAAO;EAAI,QAAQ;EAAG,QAAQ;EAAG,KAAK;EAAY,CAAA,CAEzE;GAChB;AAEF,IAAa,iBAAiB,iBAAiB;AAC/C,IAAa,eAAe,iBAAiB;AAC7C,IAAa,gBAAgB,iBAAiB;AAC9C,IAAa,gBAAgB,iBAAiB"}
|
|
@@ -1,126 +1,91 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
display: "flex"
|
|
26
|
-
});
|
|
27
|
-
const INDICATOR_BASE_STYLES = {
|
|
28
|
-
alignItems: "center",
|
|
29
|
-
display: "flex",
|
|
30
|
-
height: "100%",
|
|
31
|
-
justifyContent: "center",
|
|
32
|
-
width: "100%",
|
|
33
|
-
position: "relative",
|
|
34
|
-
"&::after": {
|
|
35
|
-
content: '""',
|
|
36
|
-
display: "block",
|
|
37
|
-
width: "7px",
|
|
38
|
-
height: "7px",
|
|
39
|
-
borderRadius: "$round",
|
|
40
|
-
backgroundColor: "$contentBg"
|
|
41
|
-
}
|
|
1
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
2
|
+
const require_stitches_config = require("../../stitches.config.cjs");
|
|
3
|
+
let react = require("react");
|
|
4
|
+
react = require_runtime.__toESM(react, 1);
|
|
5
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
+
let _radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
|
|
7
|
+
_radix_ui_react_radio_group = require_runtime.__toESM(_radix_ui_react_radio_group, 1);
|
|
8
|
+
//#region components/Radio/Radio.tsx
|
|
9
|
+
var RadioGroup = require_stitches_config.styled(_radix_ui_react_radio_group.Root, { display: "flex" });
|
|
10
|
+
var INDICATOR_BASE_STYLES = {
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
display: "flex",
|
|
13
|
+
height: "100%",
|
|
14
|
+
justifyContent: "center",
|
|
15
|
+
width: "100%",
|
|
16
|
+
position: "relative",
|
|
17
|
+
"&::after": {
|
|
18
|
+
content: "\"\"",
|
|
19
|
+
display: "block",
|
|
20
|
+
width: "7px",
|
|
21
|
+
height: "7px",
|
|
22
|
+
borderRadius: "$round",
|
|
23
|
+
backgroundColor: "$contentBg"
|
|
24
|
+
}
|
|
42
25
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
color: "$hiContrast",
|
|
66
|
-
boxShadow: "inset 0 0 0 1px $colors$radioBorder",
|
|
67
|
-
overflow: "hidden",
|
|
68
|
-
"&[data-state=checked]": {
|
|
69
|
-
backgroundColor: "$radioIndicator"
|
|
70
|
-
}
|
|
26
|
+
var StyledIndicator = require_stitches_config.styled(_radix_ui_react_radio_group.Indicator, INDICATOR_BASE_STYLES);
|
|
27
|
+
var RADIO_BASE_STYLES = {
|
|
28
|
+
all: "unset",
|
|
29
|
+
boxSizing: "border-box",
|
|
30
|
+
userSelect: "none",
|
|
31
|
+
"&::before": { boxSizing: "border-box" },
|
|
32
|
+
"&::after": { boxSizing: "border-box" },
|
|
33
|
+
alignItems: "center",
|
|
34
|
+
appearance: "none",
|
|
35
|
+
display: "inline-flex",
|
|
36
|
+
justifyContent: "center",
|
|
37
|
+
lineHeight: "1",
|
|
38
|
+
margin: "0",
|
|
39
|
+
outline: "none",
|
|
40
|
+
padding: "0",
|
|
41
|
+
textDecoration: "none",
|
|
42
|
+
WebkitTapHighlightColor: "rgba(0,0,0,0)",
|
|
43
|
+
borderRadius: "50%",
|
|
44
|
+
color: "$hiContrast",
|
|
45
|
+
boxShadow: "inset 0 0 0 1px $colors$radioBorder",
|
|
46
|
+
overflow: "hidden",
|
|
47
|
+
"&[data-state=checked]": { backgroundColor: "$radioIndicator" }
|
|
71
48
|
};
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
},
|
|
103
|
-
"2": {
|
|
104
|
-
width: "$5",
|
|
105
|
-
height: "$5",
|
|
106
|
-
[`& ${StyledIndicator}`]: {
|
|
107
|
-
"&::after": {
|
|
108
|
-
width: "$3",
|
|
109
|
-
height: "$3"
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
},
|
|
115
|
-
defaultVariants: {
|
|
116
|
-
size: "1"
|
|
117
|
-
}
|
|
49
|
+
var StyledRadio = require_stitches_config.styled(_radix_ui_react_radio_group.Item, RADIO_BASE_STYLES, {
|
|
50
|
+
"@hover": { "&:hover": {
|
|
51
|
+
cursor: "pointer",
|
|
52
|
+
boxShadow: "inset 0 0 0 1px $colors$radioHoverBorder"
|
|
53
|
+
} },
|
|
54
|
+
"&:focus-visible": {
|
|
55
|
+
outline: "none",
|
|
56
|
+
boxShadow: "inset 0 0 0 1px $colors$radioFocusBorder, 0 0 0 1px $colors$radioFocusBorder"
|
|
57
|
+
},
|
|
58
|
+
"&:disabled": {
|
|
59
|
+
pointerEvents: "none",
|
|
60
|
+
"&::placeholder": { color: "$radioDisabledText" },
|
|
61
|
+
"&[data-state=checked]": { backgroundColor: "$radioIndicatorDisabledBg" },
|
|
62
|
+
[`& ${StyledIndicator}`]: { "&::after": { backgroundColor: "$radioDisabledBg" } }
|
|
63
|
+
},
|
|
64
|
+
variants: { size: {
|
|
65
|
+
"1": {
|
|
66
|
+
width: "$3",
|
|
67
|
+
height: "$3"
|
|
68
|
+
},
|
|
69
|
+
"2": {
|
|
70
|
+
width: "$5",
|
|
71
|
+
height: "$5",
|
|
72
|
+
[`& ${StyledIndicator}`]: { "&::after": {
|
|
73
|
+
width: "$3",
|
|
74
|
+
height: "$3"
|
|
75
|
+
} }
|
|
76
|
+
}
|
|
77
|
+
} },
|
|
78
|
+
defaultVariants: { size: "1" }
|
|
118
79
|
});
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
80
|
+
var Radio = react.default.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledRadio, {
|
|
81
|
+
...props,
|
|
82
|
+
ref: forwardedRef,
|
|
83
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIndicator, {})
|
|
84
|
+
}));
|
|
85
|
+
//#endregion
|
|
122
86
|
exports.INDICATOR_BASE_STYLES = INDICATOR_BASE_STYLES;
|
|
123
87
|
exports.RADIO_BASE_STYLES = RADIO_BASE_STYLES;
|
|
124
88
|
exports.Radio = Radio;
|
|
125
89
|
exports.RadioGroup = RadioGroup;
|
|
126
|
-
|
|
90
|
+
|
|
91
|
+
//# sourceMappingURL=Radio.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.cjs","sources":["../../../components/Radio/Radio.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\n\nexport const RadioGroup = styled(RadioGroupPrimitive.Root, {\n display: 'flex',\n});\n\nexport const INDICATOR_BASE_STYLES = {\n alignItems: 'center',\n display: 'flex',\n height: '100%',\n justifyContent: 'center',\n width: '100%',\n position: 'relative',\n '&::after': {\n content: '\"\"',\n display: 'block',\n width: '7px',\n height: '7px',\n borderRadius: '$round',\n backgroundColor: '$contentBg',\n },\n};\n\nconst StyledIndicator = styled(RadioGroupPrimitive.Indicator, INDICATOR_BASE_STYLES);\n\nexport const RADIO_BASE_STYLES = {\n all: 'unset',\n boxSizing: 'border-box',\n userSelect: 'none',\n '&::before': {\n boxSizing: 'border-box',\n },\n '&::after': {\n boxSizing: 'border-box',\n },\n alignItems: 'center',\n appearance: 'none',\n display: 'inline-flex',\n justifyContent: 'center',\n lineHeight: '1',\n margin: '0',\n outline: 'none',\n padding: '0',\n textDecoration: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n borderRadius: '50%',\n color: '$hiContrast',\n boxShadow: 'inset 0 0 0 1px $colors$radioBorder',\n overflow: 'hidden',\n '&[data-state=checked]': {\n backgroundColor: '$radioIndicator',\n },\n};\nconst StyledRadio = styled(RadioGroupPrimitive.Item, RADIO_BASE_STYLES, {\n '@hover': {\n '&:hover': {\n cursor: 'pointer',\n boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n },\n },\n '&:focus-visible': {\n outline: 'none',\n boxShadow: 'inset 0 0 0 1px $colors$radioFocusBorder, 0 0 0 1px $colors$radioFocusBorder',\n },\n\n '&:disabled': {\n pointerEvents: 'none',\n '&::placeholder': {\n color: '$radioDisabledText',\n },\n '&[data-state=checked]': {\n backgroundColor: '$radioIndicatorDisabledBg',\n },\n\n [`& ${StyledIndicator}`]: {\n '&::after': {\n backgroundColor: '$radioDisabledBg',\n },\n },\n },\n\n variants: {\n size: {\n '1': {\n width: '$3',\n height: '$3',\n },\n '2': {\n width: '$5',\n height: '$5',\n\n [`& ${StyledIndicator}`]: {\n '&::after': {\n width: '$3',\n height: '$3',\n },\n },\n },\n },\n },\n defaultVariants: {\n size: '1',\n },\n});\n\nexport type RadioVariants = VariantProps<typeof StyledRadio>;\ntype RadioGroupItemPrimitiveProps = Omit<\n React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n 'as'\n>;\nexport type RadioProps = RadioGroupItemPrimitiveProps & RadioVariants & { css?: CSS };\n\nexport const Radio = React.forwardRef<React.ElementRef<typeof StyledRadio>, RadioProps>(\n (props, forwardedRef) => (\n <StyledRadio {...props} ref={forwardedRef}>\n <StyledIndicator />\n </StyledRadio>\n )\n);\n"],"
|
|
1
|
+
{"version":3,"file":"Radio.cjs","names":[],"sources":["../../../components/Radio/Radio.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\n\nexport const RadioGroup = styled(RadioGroupPrimitive.Root, {\n display: 'flex',\n});\n\nexport const INDICATOR_BASE_STYLES = {\n alignItems: 'center',\n display: 'flex',\n height: '100%',\n justifyContent: 'center',\n width: '100%',\n position: 'relative',\n '&::after': {\n content: '\"\"',\n display: 'block',\n width: '7px',\n height: '7px',\n borderRadius: '$round',\n backgroundColor: '$contentBg',\n },\n};\n\nconst StyledIndicator = styled(RadioGroupPrimitive.Indicator, INDICATOR_BASE_STYLES);\n\nexport const RADIO_BASE_STYLES = {\n all: 'unset',\n boxSizing: 'border-box',\n userSelect: 'none',\n '&::before': {\n boxSizing: 'border-box',\n },\n '&::after': {\n boxSizing: 'border-box',\n },\n alignItems: 'center',\n appearance: 'none',\n display: 'inline-flex',\n justifyContent: 'center',\n lineHeight: '1',\n margin: '0',\n outline: 'none',\n padding: '0',\n textDecoration: 'none',\n WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n borderRadius: '50%',\n color: '$hiContrast',\n boxShadow: 'inset 0 0 0 1px $colors$radioBorder',\n overflow: 'hidden',\n '&[data-state=checked]': {\n backgroundColor: '$radioIndicator',\n },\n};\nconst StyledRadio = styled(RadioGroupPrimitive.Item, RADIO_BASE_STYLES, {\n '@hover': {\n '&:hover': {\n cursor: 'pointer',\n boxShadow: 'inset 0 0 0 1px $colors$radioHoverBorder',\n },\n },\n '&:focus-visible': {\n outline: 'none',\n boxShadow: 'inset 0 0 0 1px $colors$radioFocusBorder, 0 0 0 1px $colors$radioFocusBorder',\n },\n\n '&:disabled': {\n pointerEvents: 'none',\n '&::placeholder': {\n color: '$radioDisabledText',\n },\n '&[data-state=checked]': {\n backgroundColor: '$radioIndicatorDisabledBg',\n },\n\n [`& ${StyledIndicator}`]: {\n '&::after': {\n backgroundColor: '$radioDisabledBg',\n },\n },\n },\n\n variants: {\n size: {\n '1': {\n width: '$3',\n height: '$3',\n },\n '2': {\n width: '$5',\n height: '$5',\n\n [`& ${StyledIndicator}`]: {\n '&::after': {\n width: '$3',\n height: '$3',\n },\n },\n },\n },\n },\n defaultVariants: {\n size: '1',\n },\n});\n\nexport type RadioVariants = VariantProps<typeof StyledRadio>;\ntype RadioGroupItemPrimitiveProps = Omit<\n React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n 'as'\n>;\nexport type RadioProps = RadioGroupItemPrimitiveProps & RadioVariants & { css?: CSS };\n\nexport const Radio = React.forwardRef<React.ElementRef<typeof StyledRadio>, RadioProps>(\n (props, forwardedRef) => (\n <StyledRadio {...props} ref={forwardedRef}>\n <StyledIndicator />\n </StyledRadio>\n )\n);\n"],"mappings":";;;;;;;;AAKA,IAAa,aAAa,wBAAA,OAAO,4BAAoB,MAAM,EACzD,SAAS,QACV,CAAC;AAEF,IAAa,wBAAwB;CACnC,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,gBAAgB;CAChB,OAAO;CACP,UAAU;CACV,YAAY;EACV,SAAS;EACT,SAAS;EACT,OAAO;EACP,QAAQ;EACR,cAAc;EACd,iBAAiB;EAClB;CACF;AAED,IAAM,kBAAkB,wBAAA,OAAO,4BAAoB,WAAW,sBAAsB;AAEpF,IAAa,oBAAoB;CAC/B,KAAK;CACL,WAAW;CACX,YAAY;CACZ,aAAa,EACX,WAAW,cACZ;CACD,YAAY,EACV,WAAW,cACZ;CACD,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,yBAAyB;CAEzB,cAAc;CACd,OAAO;CACP,WAAW;CACX,UAAU;CACV,yBAAyB,EACvB,iBAAiB,mBAClB;CACF;AACD,IAAM,cAAc,wBAAA,OAAO,4BAAoB,MAAM,mBAAmB;CACtE,UAAU,EACR,WAAW;EACT,QAAQ;EACR,WAAW;EACZ,EACF;CACD,mBAAmB;EACjB,SAAS;EACT,WAAW;EACZ;CAED,cAAc;EACZ,eAAe;EACf,kBAAkB,EAChB,OAAO,sBACR;EACD,yBAAyB,EACvB,iBAAiB,6BAClB;GAEA,KAAK,oBAAoB,EACxB,YAAY,EACV,iBAAiB,oBAClB,EACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,KAAK;GACH,OAAO;GACP,QAAQ;GACT;EACD,KAAK;GACH,OAAO;GACP,QAAQ;IAEP,KAAK,oBAAoB,EACxB,YAAY;IACV,OAAO;IACP,QAAQ;IACT,EACF;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,KACP;CACF,CAAC;AASF,IAAa,QAAQ,MAAA,QAAM,YACxB,OAAO,iBACN,iBAAA,GAAA,kBAAA,KAAC,aAAD;CAAa,GAAI;CAAO,KAAK;WAC3B,iBAAA,GAAA,kBAAA,KAAC,iBAAD,EAAmB,CAAA;CACP,CAAA,CAEjB"}
|