@traefik-labs/faency 12.3.2 → 12.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/colors/deepBlue.cjs.map +1 -1
- package/dist/colors/deepBlue.js.map +1 -1
- package/dist/colors/elevation.cjs.map +1 -1
- package/dist/colors/elevation.js.map +1 -1
- package/dist/colors/grayBlue.cjs.map +1 -1
- package/dist/colors/grayBlue.js.map +1 -1
- package/dist/colors/index.cjs.map +1 -1
- package/dist/colors/index.js.map +1 -1
- package/dist/colors/neon.cjs.map +1 -1
- package/dist/colors/neon.js.map +1 -1
- package/dist/colors/orange.cjs.map +1 -1
- package/dist/colors/orange.js.map +1 -1
- package/dist/colors/red.cjs.map +1 -1
- package/dist/colors/red.js.map +1 -1
- package/dist/components/Accordion/Accordion.cjs.map +1 -1
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/Accordion.themes.cjs.map +1 -1
- package/dist/components/Accordion/Accordion.themes.js.map +1 -1
- package/dist/components/Alert/Alert.cjs.map +1 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/AriaTable/AriaTable.cjs.map +1 -1
- package/dist/components/AriaTable/AriaTable.js.map +1 -1
- package/dist/components/Avatar/Avatar.cjs.map +1 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.vanilla.cjs.map +1 -1
- package/dist/components/Avatar/Avatar.vanilla.js.map +1 -1
- package/dist/components/Badge/Badge.cjs.map +1 -1
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.theme.cjs.map +1 -1
- package/dist/components/Badge/Badge.theme.js.map +1 -1
- package/dist/components/Badge/Badge.themes.cjs.map +1 -1
- package/dist/components/Badge/Badge.themes.js.map +1 -1
- package/dist/components/Badge/Badge.vanilla.cjs.map +1 -1
- package/dist/components/Badge/Badge.vanilla.js.map +1 -1
- package/dist/components/Blockquote/Blockquote.cjs.map +1 -1
- package/dist/components/Blockquote/Blockquote.js.map +1 -1
- package/dist/components/Blockquote/Blockquote.vanilla.cjs.map +1 -1
- package/dist/components/Blockquote/Blockquote.vanilla.css.cjs +0 -1
- package/dist/components/Blockquote/Blockquote.vanilla.css.js +0 -1
- package/dist/components/Blockquote/Blockquote.vanilla.js.map +1 -1
- package/dist/components/Box/Box.cjs.map +1 -1
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Box/Box.vanilla.cjs.map +1 -1
- package/dist/components/Box/Box.vanilla.js.map +1 -1
- package/dist/components/Bubble/Bubble.cjs.map +1 -1
- package/dist/components/Bubble/Bubble.js.map +1 -1
- package/dist/components/Bubble/Bubble.vanilla.cjs.map +1 -1
- package/dist/components/Bubble/Bubble.vanilla.js.map +1 -1
- package/dist/components/Button/Button.cjs.map +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.themes.cjs.map +1 -1
- package/dist/components/Button/Button.themes.js.map +1 -1
- package/dist/components/Button/Button.vanilla.cjs.map +1 -1
- package/dist/components/Button/Button.vanilla.js.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.cjs.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.js.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.cjs.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.themes.js.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs.map +1 -1
- package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js.map +1 -1
- package/dist/components/Card/Card.cjs.map +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.theme.cjs.map +1 -1
- package/dist/components/Card/Card.theme.js.map +1 -1
- package/dist/components/Card/Card.themes.cjs.map +1 -1
- package/dist/components/Card/Card.themes.js.map +1 -1
- package/dist/components/Card/Card.vanilla.cjs.map +1 -1
- package/dist/components/Card/Card.vanilla.css.cjs +0 -1
- package/dist/components/Card/Card.vanilla.css.js +0 -1
- package/dist/components/Card/Card.vanilla.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.cjs.map +1 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.themes.cjs.map +1 -1
- package/dist/components/Checkbox/Checkbox.themes.js.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.cjs +1 -0
- package/dist/components/CodeBlock/CodeBlock.cjs.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.js.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.themes.cjs.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.themes.js.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.vanilla.cjs +1 -0
- package/dist/components/CodeBlock/CodeBlock.vanilla.cjs.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.vanilla.js.map +1 -1
- package/dist/components/CodeBlock/prism-extend.cjs +25 -0
- package/dist/components/CodeBlock/prism-extend.cjs.map +1 -0
- package/dist/components/CodeBlock/prism-extend.js.map +1 -1
- package/dist/components/Container/Container.cjs.map +1 -1
- package/dist/components/Container/Container.js.map +1 -1
- package/dist/components/Container/Container.vanilla.cjs.map +1 -1
- package/dist/components/Container/Container.vanilla.js.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.cjs.map +1 -1
- package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/components/DateTimePickerInput/DateTimePickerInput.cjs.map +1 -1
- package/dist/components/DateTimePickerInput/DateTimePickerInput.js.map +1 -1
- package/dist/components/Dialog/Dialog.cjs.map +1 -1
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Dialog/Dialog.themes.cjs.map +1 -1
- package/dist/components/Dialog/Dialog.themes.js.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.cjs.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/components/DropdownMenu/styles.cjs.map +1 -1
- package/dist/components/DropdownMenu/styles.js.map +1 -1
- package/dist/components/Elevation/Elevation.cjs.map +1 -1
- package/dist/components/Elevation/Elevation.js.map +1 -1
- package/dist/components/Elevation/Elevation.vanilla.cjs.map +1 -1
- package/dist/components/Elevation/Elevation.vanilla.js.map +1 -1
- package/dist/components/FaencyProvider.cjs.map +1 -1
- package/dist/components/FaencyProvider.js.map +1 -1
- package/dist/components/Flex/Flex.cjs.map +1 -1
- package/dist/components/Flex/Flex.js.map +1 -1
- package/dist/components/Flex/Flex.vanilla.cjs.map +1 -1
- package/dist/components/Flex/Flex.vanilla.js.map +1 -1
- package/dist/components/Grid/Grid.cjs.map +1 -1
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/Grid.vanilla.cjs.map +1 -1
- package/dist/components/Grid/Grid.vanilla.js.map +1 -1
- package/dist/components/Heading/Heading.cjs.map +1 -1
- package/dist/components/Heading/Heading.js.map +1 -1
- package/dist/components/Heading/Heading.themes.cjs.map +1 -1
- package/dist/components/Heading/Heading.themes.js.map +1 -1
- package/dist/components/IconButton/IconButton.cjs.map +1 -1
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/IconButton/IconButton.themes.cjs.map +1 -1
- package/dist/components/IconButton/IconButton.themes.js.map +1 -1
- package/dist/components/IconButton/IconButton.vanilla.cjs.map +1 -1
- package/dist/components/IconButton/IconButton.vanilla.js.map +1 -1
- package/dist/components/Image/Image.cjs.map +1 -1
- package/dist/components/Image/Image.js.map +1 -1
- package/dist/components/Image/Image.vanilla.cjs.map +1 -1
- package/dist/components/Image/Image.vanilla.js.map +1 -1
- package/dist/components/Input/Input.cjs.map +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.theme.cjs.map +1 -1
- package/dist/components/Input/Input.theme.js.map +1 -1
- package/dist/components/Input/Input.themes.cjs.map +1 -1
- package/dist/components/Input/Input.themes.js.map +1 -1
- package/dist/components/Input/Input.vanilla.cjs.map +1 -1
- package/dist/components/Input/Input.vanilla.css.cjs +1 -0
- package/dist/components/Input/Input.vanilla.css.js +1 -0
- package/dist/components/Input/Input.vanilla.js.map +1 -1
- package/dist/components/Label/Label.cjs.map +1 -1
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Label/Label.vanilla.cjs.map +1 -1
- package/dist/components/Label/Label.vanilla.js.map +1 -1
- package/dist/components/Link/Link.cjs.map +1 -1
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/Link.themes.cjs.map +1 -1
- package/dist/components/Link/Link.themes.js.map +1 -1
- package/dist/components/List/List.cjs.map +1 -1
- package/dist/components/List/List.js.map +1 -1
- package/dist/components/List/List.themes.cjs.map +1 -1
- package/dist/components/List/List.themes.js.map +1 -1
- package/dist/components/Navigation/Navigation.cjs.map +1 -1
- package/dist/components/Navigation/Navigation.js.map +1 -1
- package/dist/components/Navigation/Navigation.themes.cjs.map +1 -1
- package/dist/components/Navigation/Navigation.themes.js.map +1 -1
- package/dist/components/NavigationMenu/NavigationMenu.cjs.map +1 -1
- package/dist/components/NavigationMenu/NavigationMenu.js.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeContainer.cjs.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeContainer.js.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeDrawer.cjs.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeDrawer.js.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeItem.cjs.map +1 -1
- package/dist/components/NavigationTree/NavigationTreeItem.js.map +1 -1
- package/dist/components/Overlay.cjs.map +1 -1
- package/dist/components/Overlay.js.map +1 -1
- package/dist/components/Panel/Panel.cjs.map +1 -1
- package/dist/components/Panel/Panel.js.map +1 -1
- package/dist/components/Panel/Panel.theme.cjs.map +1 -1
- package/dist/components/Panel/Panel.theme.js.map +1 -1
- package/dist/components/Panel/Panel.vanilla.cjs.map +1 -1
- package/dist/components/Panel/Panel.vanilla.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.cjs.map +1 -1
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.vanilla.cjs.map +1 -1
- package/dist/components/Paragraph/Paragraph.vanilla.js.map +1 -1
- package/dist/components/Popover/Popover.cjs.map +1 -1
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Radio/Radio.cjs.map +1 -1
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Radio/Radio.themes.cjs.map +1 -1
- package/dist/components/Radio/Radio.themes.js.map +1 -1
- package/dist/components/RadioAccordion/RadioAccordion.cjs.map +1 -1
- package/dist/components/RadioAccordion/RadioAccordion.js.map +1 -1
- package/dist/components/Select/Select.cjs.map +1 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.themes.cjs.map +1 -1
- package/dist/components/Select/Select.themes.js.map +1 -1
- package/dist/components/SidePanel/SidePanel.cjs.map +1 -1
- package/dist/components/SidePanel/SidePanel.js.map +1 -1
- package/dist/components/SidePanel/SidePanel.themes.cjs.map +1 -1
- package/dist/components/SidePanel/SidePanel.themes.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.cjs.map +1 -1
- package/dist/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.themes.cjs.map +1 -1
- package/dist/components/Skeleton/Skeleton.themes.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.vanilla.cjs.map +1 -1
- package/dist/components/Skeleton/Skeleton.vanilla.js.map +1 -1
- package/dist/components/Switch/Switch.cjs.map +1 -1
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Switch/Switch.themes.cjs.map +1 -1
- package/dist/components/Switch/Switch.themes.js.map +1 -1
- package/dist/components/Table/Table.cjs.map +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.themes.cjs.map +1 -1
- package/dist/components/Table/Table.themes.js.map +1 -1
- package/dist/components/Tabs/Tabs.cjs.map +1 -1
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Text/Text.cjs.map +1 -1
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/Text.themes.cjs.map +1 -1
- package/dist/components/Text/Text.themes.js.map +1 -1
- package/dist/components/TextField/TextField.cjs.map +1 -1
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/TextField/TextField.vanilla.cjs.map +1 -1
- package/dist/components/TextField/TextField.vanilla.js.map +1 -1
- package/dist/components/Textarea/Textarea.cjs.map +1 -1
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/Textarea.theme.cjs.map +1 -1
- package/dist/components/Textarea/Textarea.theme.js.map +1 -1
- package/dist/components/Textarea/Textarea.themes.cjs.map +1 -1
- package/dist/components/Textarea/Textarea.themes.js.map +1 -1
- package/dist/components/Textarea/Textarea.vanilla.cjs.map +1 -1
- package/dist/components/Textarea/Textarea.vanilla.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.cjs.map +1 -1
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.themes.cjs.map +1 -1
- package/dist/components/Tooltip/Tooltip.themes.js.map +1 -1
- package/dist/components/colorSchemeContext.cjs.map +1 -1
- package/dist/components/colorSchemeContext.js.map +1 -1
- package/dist/stitches.config.cjs.map +1 -1
- package/dist/stitches.config.js.map +1 -1
- package/dist/styles/cssProps.cjs.map +1 -1
- package/dist/styles/cssProps.js.map +1 -1
- package/dist/styles/themeContext.cjs.map +1 -1
- package/dist/styles/themeContext.js.map +1 -1
- package/dist/utils/deepMerge.cjs.map +1 -1
- package/dist/utils/deepMerge.js.map +1 -1
- package/dist/utils/getPrimaryColorInfo.cjs.map +1 -1
- package/dist/utils/getPrimaryColorInfo.js.map +1 -1
- package/package.json +26 -23
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deepBlue.cjs","names":[],"sources":["../../colors/deepBlue.ts"],"sourcesContent":["export const deepBlue = {\n deepBlue1: 'hsl(240, 14.0%, 99.0%)',\n deepBlue2: 'hsl(210, 90.0%, 96.1%)',\n deepBlue3: 'hsl(210, 67.8%, 94.6%)',\n deepBlue4: 'hsl(210, 49.1%, 92.2%)',\n deepBlue5: 'hsl(210, 34.8%, 88.1%)',\n deepBlue6: 'hsl(209, 24.6%, 81.0%)',\n deepBlue7: 'hsl(209, 17.6%, 67.9%)',\n deepBlue8: 'hsl(208, 16.0%, 36.0%)',\n deepBlue9: 'hsl(208, 24.0%, 27.0%)',\n deepBlue10: 'hsl(208, 40.0%, 18.0%)',\n deepBlue11: 'hsl(209, 88.0%, 9.0%)',\n deepBlue12: 'hsl(208, 89.0%, 7.0%)',\n};\n\nexport const deepBlueA = {\n deepBlueA1: 'hsl(200, 94.9%, 38.7%, 0.016)',\n deepBlueA2: 'hsl(210, 98.6%, 47.7%, 0.075)',\n deepBlueA3: 'hsl(212, 97.9%, 41.8%, 0.091)',\n deepBlueA4: 'hsl(210, 99.1%, 33.5%, 0.118)',\n deepBlueA5: 'hsl(209, 99.5%, 25.7%, 0.161)',\n deepBlueA6: 'hsl(209, 98.5%, 19.4%, 0.236)',\n deepBlueA7: 'hsl(209, 99.1%, 15.2%, 0.377)',\n deepBlueA8: 'hsl(207 99.7% 8.3% / 0.682)',\n deepBlueA9: 'hsl(207, 98.6%, 8.2%, 0.797)',\n deepBlueA10: 'hsl(208, 98.9%, 8.0%, 0.891)',\n deepBlueA11: 'hsl(210, 100%, 7.6%, 0.980)',\n deepBlueA12: 'hsl(211, 100%, 5.8%, 0.980)',\n};\n\nexport const deepBlueDark = {\n deepBlue1: 'hsl(208, 53.0%, 4.0%)',\n deepBlue2: 'hsl(209, 88.0%, 7.0%)',\n deepBlue3: 'hsl(209, 88.0%, 9.0%)',\n deepBlue4: 'hsl(209, 45.6%, 16.0%)',\n deepBlue5: 'hsl(209, 44.5%, 17.7%)',\n deepBlue6: 'hsl(208, 43.4%, 19.6%)',\n deepBlue7: 'hsl(208, 42.2%, 22.6%)',\n deepBlue8: 'hsl(208, 40.5%, 29.0%)',\n deepBlue9: 'hsl(208, 40.0%, 58.0%)',\n deepBlue10: 'hsl(209, 40.0%, 68.0%)',\n deepBlue11: 'hsl(209, 40.0%, 78.0%)',\n deepBlue12: 'hsl(209, 60.0%, 94.0%)',\n};\n\nexport const deepBlueDarkA = {\n deepBlueA1: 'hsl(0, 0%, 0%, 0)',\n deepBlueA2: 'hsl(216 100% 49.6% / 0.076)',\n deepBlueA3: 'hsl(210 100% 50% / 0.113)',\n deepBlueA4: 'hsl(210, 99.9%, 69.5%, 0.180)',\n deepBlueA5: 'hsl(209, 98.5%, 69.8%, 0.206)',\n deepBlueA6: 'hsl(209, 99.1%, 70.0%, 0.235)',\n deepBlueA7: 'hsl(208, 99.0%, 70.7%, 0.277)',\n deepBlueA8: 'hsl(208, 99.3%, 71.6%, 0.369)',\n deepBlueA9: 'hsl(208, 99.6%, 77.7%, 0.733)',\n deepBlueA10: 'hsl(210, 100%, 84.5%, 0.795)',\n deepBlueA11: 'hsl(208, 99.7%, 90.0%, 0.858)',\n deepBlueA12: 'hsl(210, 99.7%, 96.4%, 0.975)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,WAAW;CACtB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;
|
|
1
|
+
{"version":3,"file":"deepBlue.cjs","names":[],"sources":["../../colors/deepBlue.ts"],"sourcesContent":["export const deepBlue = {\n deepBlue1: 'hsl(240, 14.0%, 99.0%)',\n deepBlue2: 'hsl(210, 90.0%, 96.1%)',\n deepBlue3: 'hsl(210, 67.8%, 94.6%)',\n deepBlue4: 'hsl(210, 49.1%, 92.2%)',\n deepBlue5: 'hsl(210, 34.8%, 88.1%)',\n deepBlue6: 'hsl(209, 24.6%, 81.0%)',\n deepBlue7: 'hsl(209, 17.6%, 67.9%)',\n deepBlue8: 'hsl(208, 16.0%, 36.0%)',\n deepBlue9: 'hsl(208, 24.0%, 27.0%)',\n deepBlue10: 'hsl(208, 40.0%, 18.0%)',\n deepBlue11: 'hsl(209, 88.0%, 9.0%)',\n deepBlue12: 'hsl(208, 89.0%, 7.0%)',\n};\n\nexport const deepBlueA = {\n deepBlueA1: 'hsl(200, 94.9%, 38.7%, 0.016)',\n deepBlueA2: 'hsl(210, 98.6%, 47.7%, 0.075)',\n deepBlueA3: 'hsl(212, 97.9%, 41.8%, 0.091)',\n deepBlueA4: 'hsl(210, 99.1%, 33.5%, 0.118)',\n deepBlueA5: 'hsl(209, 99.5%, 25.7%, 0.161)',\n deepBlueA6: 'hsl(209, 98.5%, 19.4%, 0.236)',\n deepBlueA7: 'hsl(209, 99.1%, 15.2%, 0.377)',\n deepBlueA8: 'hsl(207 99.7% 8.3% / 0.682)',\n deepBlueA9: 'hsl(207, 98.6%, 8.2%, 0.797)',\n deepBlueA10: 'hsl(208, 98.9%, 8.0%, 0.891)',\n deepBlueA11: 'hsl(210, 100%, 7.6%, 0.980)',\n deepBlueA12: 'hsl(211, 100%, 5.8%, 0.980)',\n};\n\nexport const deepBlueDark = {\n deepBlue1: 'hsl(208, 53.0%, 4.0%)',\n deepBlue2: 'hsl(209, 88.0%, 7.0%)',\n deepBlue3: 'hsl(209, 88.0%, 9.0%)',\n deepBlue4: 'hsl(209, 45.6%, 16.0%)',\n deepBlue5: 'hsl(209, 44.5%, 17.7%)',\n deepBlue6: 'hsl(208, 43.4%, 19.6%)',\n deepBlue7: 'hsl(208, 42.2%, 22.6%)',\n deepBlue8: 'hsl(208, 40.5%, 29.0%)',\n deepBlue9: 'hsl(208, 40.0%, 58.0%)',\n deepBlue10: 'hsl(209, 40.0%, 68.0%)',\n deepBlue11: 'hsl(209, 40.0%, 78.0%)',\n deepBlue12: 'hsl(209, 60.0%, 94.0%)',\n};\n\nexport const deepBlueDarkA = {\n deepBlueA1: 'hsl(0, 0%, 0%, 0)',\n deepBlueA2: 'hsl(216 100% 49.6% / 0.076)',\n deepBlueA3: 'hsl(210 100% 50% / 0.113)',\n deepBlueA4: 'hsl(210, 99.9%, 69.5%, 0.180)',\n deepBlueA5: 'hsl(209, 98.5%, 69.8%, 0.206)',\n deepBlueA6: 'hsl(209, 99.1%, 70.0%, 0.235)',\n deepBlueA7: 'hsl(208, 99.0%, 70.7%, 0.277)',\n deepBlueA8: 'hsl(208, 99.3%, 71.6%, 0.369)',\n deepBlueA9: 'hsl(208, 99.6%, 77.7%, 0.733)',\n deepBlueA10: 'hsl(210, 100%, 84.5%, 0.795)',\n deepBlueA11: 'hsl(208, 99.7%, 90.0%, 0.858)',\n deepBlueA12: 'hsl(210, 99.7%, 96.4%, 0.975)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,WAAW;CACtB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;AACd;AAEA,IAAa,YAAY;CACvB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;AACf;AAEA,IAAa,eAAe;CAC1B,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;AACd;AAEA,IAAa,gBAAgB;CAC3B,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;AACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deepBlue.js","names":[],"sources":["../../colors/deepBlue.ts"],"sourcesContent":["export const deepBlue = {\n deepBlue1: 'hsl(240, 14.0%, 99.0%)',\n deepBlue2: 'hsl(210, 90.0%, 96.1%)',\n deepBlue3: 'hsl(210, 67.8%, 94.6%)',\n deepBlue4: 'hsl(210, 49.1%, 92.2%)',\n deepBlue5: 'hsl(210, 34.8%, 88.1%)',\n deepBlue6: 'hsl(209, 24.6%, 81.0%)',\n deepBlue7: 'hsl(209, 17.6%, 67.9%)',\n deepBlue8: 'hsl(208, 16.0%, 36.0%)',\n deepBlue9: 'hsl(208, 24.0%, 27.0%)',\n deepBlue10: 'hsl(208, 40.0%, 18.0%)',\n deepBlue11: 'hsl(209, 88.0%, 9.0%)',\n deepBlue12: 'hsl(208, 89.0%, 7.0%)',\n};\n\nexport const deepBlueA = {\n deepBlueA1: 'hsl(200, 94.9%, 38.7%, 0.016)',\n deepBlueA2: 'hsl(210, 98.6%, 47.7%, 0.075)',\n deepBlueA3: 'hsl(212, 97.9%, 41.8%, 0.091)',\n deepBlueA4: 'hsl(210, 99.1%, 33.5%, 0.118)',\n deepBlueA5: 'hsl(209, 99.5%, 25.7%, 0.161)',\n deepBlueA6: 'hsl(209, 98.5%, 19.4%, 0.236)',\n deepBlueA7: 'hsl(209, 99.1%, 15.2%, 0.377)',\n deepBlueA8: 'hsl(207 99.7% 8.3% / 0.682)',\n deepBlueA9: 'hsl(207, 98.6%, 8.2%, 0.797)',\n deepBlueA10: 'hsl(208, 98.9%, 8.0%, 0.891)',\n deepBlueA11: 'hsl(210, 100%, 7.6%, 0.980)',\n deepBlueA12: 'hsl(211, 100%, 5.8%, 0.980)',\n};\n\nexport const deepBlueDark = {\n deepBlue1: 'hsl(208, 53.0%, 4.0%)',\n deepBlue2: 'hsl(209, 88.0%, 7.0%)',\n deepBlue3: 'hsl(209, 88.0%, 9.0%)',\n deepBlue4: 'hsl(209, 45.6%, 16.0%)',\n deepBlue5: 'hsl(209, 44.5%, 17.7%)',\n deepBlue6: 'hsl(208, 43.4%, 19.6%)',\n deepBlue7: 'hsl(208, 42.2%, 22.6%)',\n deepBlue8: 'hsl(208, 40.5%, 29.0%)',\n deepBlue9: 'hsl(208, 40.0%, 58.0%)',\n deepBlue10: 'hsl(209, 40.0%, 68.0%)',\n deepBlue11: 'hsl(209, 40.0%, 78.0%)',\n deepBlue12: 'hsl(209, 60.0%, 94.0%)',\n};\n\nexport const deepBlueDarkA = {\n deepBlueA1: 'hsl(0, 0%, 0%, 0)',\n deepBlueA2: 'hsl(216 100% 49.6% / 0.076)',\n deepBlueA3: 'hsl(210 100% 50% / 0.113)',\n deepBlueA4: 'hsl(210, 99.9%, 69.5%, 0.180)',\n deepBlueA5: 'hsl(209, 98.5%, 69.8%, 0.206)',\n deepBlueA6: 'hsl(209, 99.1%, 70.0%, 0.235)',\n deepBlueA7: 'hsl(208, 99.0%, 70.7%, 0.277)',\n deepBlueA8: 'hsl(208, 99.3%, 71.6%, 0.369)',\n deepBlueA9: 'hsl(208, 99.6%, 77.7%, 0.733)',\n deepBlueA10: 'hsl(210, 100%, 84.5%, 0.795)',\n deepBlueA11: 'hsl(208, 99.7%, 90.0%, 0.858)',\n deepBlueA12: 'hsl(210, 99.7%, 96.4%, 0.975)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,WAAW;CACtB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;
|
|
1
|
+
{"version":3,"file":"deepBlue.js","names":[],"sources":["../../colors/deepBlue.ts"],"sourcesContent":["export const deepBlue = {\n deepBlue1: 'hsl(240, 14.0%, 99.0%)',\n deepBlue2: 'hsl(210, 90.0%, 96.1%)',\n deepBlue3: 'hsl(210, 67.8%, 94.6%)',\n deepBlue4: 'hsl(210, 49.1%, 92.2%)',\n deepBlue5: 'hsl(210, 34.8%, 88.1%)',\n deepBlue6: 'hsl(209, 24.6%, 81.0%)',\n deepBlue7: 'hsl(209, 17.6%, 67.9%)',\n deepBlue8: 'hsl(208, 16.0%, 36.0%)',\n deepBlue9: 'hsl(208, 24.0%, 27.0%)',\n deepBlue10: 'hsl(208, 40.0%, 18.0%)',\n deepBlue11: 'hsl(209, 88.0%, 9.0%)',\n deepBlue12: 'hsl(208, 89.0%, 7.0%)',\n};\n\nexport const deepBlueA = {\n deepBlueA1: 'hsl(200, 94.9%, 38.7%, 0.016)',\n deepBlueA2: 'hsl(210, 98.6%, 47.7%, 0.075)',\n deepBlueA3: 'hsl(212, 97.9%, 41.8%, 0.091)',\n deepBlueA4: 'hsl(210, 99.1%, 33.5%, 0.118)',\n deepBlueA5: 'hsl(209, 99.5%, 25.7%, 0.161)',\n deepBlueA6: 'hsl(209, 98.5%, 19.4%, 0.236)',\n deepBlueA7: 'hsl(209, 99.1%, 15.2%, 0.377)',\n deepBlueA8: 'hsl(207 99.7% 8.3% / 0.682)',\n deepBlueA9: 'hsl(207, 98.6%, 8.2%, 0.797)',\n deepBlueA10: 'hsl(208, 98.9%, 8.0%, 0.891)',\n deepBlueA11: 'hsl(210, 100%, 7.6%, 0.980)',\n deepBlueA12: 'hsl(211, 100%, 5.8%, 0.980)',\n};\n\nexport const deepBlueDark = {\n deepBlue1: 'hsl(208, 53.0%, 4.0%)',\n deepBlue2: 'hsl(209, 88.0%, 7.0%)',\n deepBlue3: 'hsl(209, 88.0%, 9.0%)',\n deepBlue4: 'hsl(209, 45.6%, 16.0%)',\n deepBlue5: 'hsl(209, 44.5%, 17.7%)',\n deepBlue6: 'hsl(208, 43.4%, 19.6%)',\n deepBlue7: 'hsl(208, 42.2%, 22.6%)',\n deepBlue8: 'hsl(208, 40.5%, 29.0%)',\n deepBlue9: 'hsl(208, 40.0%, 58.0%)',\n deepBlue10: 'hsl(209, 40.0%, 68.0%)',\n deepBlue11: 'hsl(209, 40.0%, 78.0%)',\n deepBlue12: 'hsl(209, 60.0%, 94.0%)',\n};\n\nexport const deepBlueDarkA = {\n deepBlueA1: 'hsl(0, 0%, 0%, 0)',\n deepBlueA2: 'hsl(216 100% 49.6% / 0.076)',\n deepBlueA3: 'hsl(210 100% 50% / 0.113)',\n deepBlueA4: 'hsl(210, 99.9%, 69.5%, 0.180)',\n deepBlueA5: 'hsl(209, 98.5%, 69.8%, 0.206)',\n deepBlueA6: 'hsl(209, 99.1%, 70.0%, 0.235)',\n deepBlueA7: 'hsl(208, 99.0%, 70.7%, 0.277)',\n deepBlueA8: 'hsl(208, 99.3%, 71.6%, 0.369)',\n deepBlueA9: 'hsl(208, 99.6%, 77.7%, 0.733)',\n deepBlueA10: 'hsl(210, 100%, 84.5%, 0.795)',\n deepBlueA11: 'hsl(208, 99.7%, 90.0%, 0.858)',\n deepBlueA12: 'hsl(210, 99.7%, 96.4%, 0.975)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,WAAW;CACtB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;AACd;AAEA,IAAa,YAAY;CACvB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;AACf;AAEA,IAAa,eAAe;CAC1B,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;AACd;AAEA,IAAa,gBAAgB;CAC3B,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;AACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elevation.cjs","names":[],"sources":["../../colors/elevation.ts"],"sourcesContent":["export const elevation = {\n '00dp': 'hsl(240, 4%, 95%)',\n '01dp': 'hsl(0, 0%, 99%)',\n '02dp': 'hsl(0, 0%, 99%)',\n '03dp': 'hsl(0, 0%, 99%)',\n '04dp': 'hsl(0, 0%, 99%)',\n '05dp': 'hsl(0, 0%, 99%)',\n};\n\nexport const elevationDark = {\n '00dp': 'hsl(210, 68%, 9%)',\n '01dp': 'hsl(208, 37%, 15%)',\n '02dp': 'hsl(207, 32%, 17%)',\n '03dp': 'hsl(209, 28%, 19%)',\n '04dp': 'hsl(209, 23%, 21%)',\n '05dp': 'hsl(209, 21%, 23%)',\n};\n"],"mappings":";;;;;AAAA,IAAa,YAAY;CACvB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;
|
|
1
|
+
{"version":3,"file":"elevation.cjs","names":[],"sources":["../../colors/elevation.ts"],"sourcesContent":["export const elevation = {\n '00dp': 'hsl(240, 4%, 95%)',\n '01dp': 'hsl(0, 0%, 99%)',\n '02dp': 'hsl(0, 0%, 99%)',\n '03dp': 'hsl(0, 0%, 99%)',\n '04dp': 'hsl(0, 0%, 99%)',\n '05dp': 'hsl(0, 0%, 99%)',\n};\n\nexport const elevationDark = {\n '00dp': 'hsl(210, 68%, 9%)',\n '01dp': 'hsl(208, 37%, 15%)',\n '02dp': 'hsl(207, 32%, 17%)',\n '03dp': 'hsl(209, 28%, 19%)',\n '04dp': 'hsl(209, 23%, 21%)',\n '05dp': 'hsl(209, 21%, 23%)',\n};\n"],"mappings":";;;;;AAAA,IAAa,YAAY;CACvB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,IAAa,gBAAgB;CAC3B,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elevation.js","names":[],"sources":["../../colors/elevation.ts"],"sourcesContent":["export const elevation = {\n '00dp': 'hsl(240, 4%, 95%)',\n '01dp': 'hsl(0, 0%, 99%)',\n '02dp': 'hsl(0, 0%, 99%)',\n '03dp': 'hsl(0, 0%, 99%)',\n '04dp': 'hsl(0, 0%, 99%)',\n '05dp': 'hsl(0, 0%, 99%)',\n};\n\nexport const elevationDark = {\n '00dp': 'hsl(210, 68%, 9%)',\n '01dp': 'hsl(208, 37%, 15%)',\n '02dp': 'hsl(207, 32%, 17%)',\n '03dp': 'hsl(209, 28%, 19%)',\n '04dp': 'hsl(209, 23%, 21%)',\n '05dp': 'hsl(209, 21%, 23%)',\n};\n"],"mappings":";;;;;;AAAA,IAAa,YAAY;CACvB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;
|
|
1
|
+
{"version":3,"file":"elevation.js","names":[],"sources":["../../colors/elevation.ts"],"sourcesContent":["export const elevation = {\n '00dp': 'hsl(240, 4%, 95%)',\n '01dp': 'hsl(0, 0%, 99%)',\n '02dp': 'hsl(0, 0%, 99%)',\n '03dp': 'hsl(0, 0%, 99%)',\n '04dp': 'hsl(0, 0%, 99%)',\n '05dp': 'hsl(0, 0%, 99%)',\n};\n\nexport const elevationDark = {\n '00dp': 'hsl(210, 68%, 9%)',\n '01dp': 'hsl(208, 37%, 15%)',\n '02dp': 'hsl(207, 32%, 17%)',\n '03dp': 'hsl(209, 28%, 19%)',\n '04dp': 'hsl(209, 23%, 21%)',\n '05dp': 'hsl(209, 21%, 23%)',\n};\n"],"mappings":";;;;;;AAAA,IAAa,YAAY;CACvB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,IAAa,gBAAgB;CAC3B,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grayBlue.cjs","names":[],"sources":["../../colors/grayBlue.ts"],"sourcesContent":["export const grayBlue = {\n grayBlue1: 'hsl(208 9.0% 99.0%)',\n grayBlue2: 'hsl(210 10.0% 96.1%)',\n grayBlue3: 'hsl(210 9.9% 95.7%)',\n grayBlue4: 'hsl(210 9.8% 94.9%)',\n grayBlue5: 'hsl(210 9.7% 93.1%)',\n grayBlue6: 'hsl(210 9.6% 89.8%)',\n grayBlue7: 'hsl(210 9.4% 83.2%)',\n grayBlue8: 'hsl(208, 9.0%, 80.0%)',\n grayBlue9: 'hsl(208, 9.0%, 73.0%)',\n grayBlue10: 'hsl(208 9.0% 53.0%)',\n grayBlue11: 'hsl(208 9.0% 33.0%)',\n grayBlue12: 'hsl(208 9.0% 13.0%)',\n};\n\nexport const grayBlueA = {\n grayBlueA1: 'hsl(240 89.3% 18.3% / 0.012)',\n grayBlueA2: 'hsl(182 89% 7.1% / 0.032)',\n grayBlueA3: 'hsl(210 80.6% 10.1% / 0.048)',\n grayBlueA4: 'hsl(210 97.6% 7.3% / 0.055)',\n grayBlueA5: 'hsl(220 92.3% 8.5% / 0.075)',\n grayBlueA6: 'hsl(204 97.3% 8.8% / 0.114)',\n grayBlueA7: 'hsl(210 95.8% 8.9% / 0.185)',\n grayBlueA8: 'hsl(207 96.4% 8.9% / 0.211)',\n grayBlueA9: 'hsl(205 96.4% 8.3% / 0.295)',\n grayBlueA10: 'hsl(207 99.4% 8.4% / 0.514)',\n grayBlueA11: 'hsl(208 96.8% 4.3% / 0.699)',\n grayBlueA12: 'hsl(210 94.8% 1.4% / 0.883)',\n};\n\nexport const grayBlueDark = {\n grayBlue1: 'hsl(209 40.0% 2.0%)',\n grayBlue2: 'hsl(210 40.0% 3.9%)',\n grayBlue3: 'hsl(209 38.1% 4.8%)',\n grayBlue4: 'hsl(208 35.4% 5.8%)',\n grayBlue5: 'hsl(208 32.4% 6.9%)',\n grayBlue6: 'hsl(209 31.0% 8.2%)',\n grayBlue7: 'hsl(209, 38.0%, 12.0%)',\n grayBlue8: 'hsl(209, 38.0%, 25.0%)',\n grayBlue9: 'hsl(208, 11.0%, 45.0%)',\n grayBlue10: 'hsl(208 11.0% 68.0%)',\n grayBlue11: 'hsl(208 11.0% 78.0%)',\n grayBlue12: 'hsl(208 11.0% 88.0%)',\n};\n\nexport const grayBlueDarkA = {\n grayBlueA1: 'hsl(0 0% 0% / 0)',\n grayBlueA2: 'hsl(210 91.5% 69.6% / 0.029)',\n grayBlueA3: 'hsl(216 93.9% 73.7% / 0.041)',\n grayBlueA4: 'hsl(210 95.6% 76.0% / 0.053)',\n grayBlueA5: 'hsl(206 96.8% 77.4% / 0.065)',\n grayBlueA6: 'hsl(207 98.1% 77% / 0.081)',\n grayBlueA7: 'hsl(208 97.8% 72.4% / 0.142)',\n grayBlueA8: 'hsl(209 99.6% 72.7% / 0.327)',\n grayBlueA9: 'hsl(206 99.7% 90.7% / 0.484)',\n grayBlueA10: 'hsl(206 99.0% 95.3% / 0.706)',\n grayBlueA11: 'hsl(210 97.4% 97.2% / 0.799)',\n grayBlueA12: 'hsl(205 93.8% 98.5% / 0.892)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,WAAW;CACtB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;
|
|
1
|
+
{"version":3,"file":"grayBlue.cjs","names":[],"sources":["../../colors/grayBlue.ts"],"sourcesContent":["export const grayBlue = {\n grayBlue1: 'hsl(208 9.0% 99.0%)',\n grayBlue2: 'hsl(210 10.0% 96.1%)',\n grayBlue3: 'hsl(210 9.9% 95.7%)',\n grayBlue4: 'hsl(210 9.8% 94.9%)',\n grayBlue5: 'hsl(210 9.7% 93.1%)',\n grayBlue6: 'hsl(210 9.6% 89.8%)',\n grayBlue7: 'hsl(210 9.4% 83.2%)',\n grayBlue8: 'hsl(208, 9.0%, 80.0%)',\n grayBlue9: 'hsl(208, 9.0%, 73.0%)',\n grayBlue10: 'hsl(208 9.0% 53.0%)',\n grayBlue11: 'hsl(208 9.0% 33.0%)',\n grayBlue12: 'hsl(208 9.0% 13.0%)',\n};\n\nexport const grayBlueA = {\n grayBlueA1: 'hsl(240 89.3% 18.3% / 0.012)',\n grayBlueA2: 'hsl(182 89% 7.1% / 0.032)',\n grayBlueA3: 'hsl(210 80.6% 10.1% / 0.048)',\n grayBlueA4: 'hsl(210 97.6% 7.3% / 0.055)',\n grayBlueA5: 'hsl(220 92.3% 8.5% / 0.075)',\n grayBlueA6: 'hsl(204 97.3% 8.8% / 0.114)',\n grayBlueA7: 'hsl(210 95.8% 8.9% / 0.185)',\n grayBlueA8: 'hsl(207 96.4% 8.9% / 0.211)',\n grayBlueA9: 'hsl(205 96.4% 8.3% / 0.295)',\n grayBlueA10: 'hsl(207 99.4% 8.4% / 0.514)',\n grayBlueA11: 'hsl(208 96.8% 4.3% / 0.699)',\n grayBlueA12: 'hsl(210 94.8% 1.4% / 0.883)',\n};\n\nexport const grayBlueDark = {\n grayBlue1: 'hsl(209 40.0% 2.0%)',\n grayBlue2: 'hsl(210 40.0% 3.9%)',\n grayBlue3: 'hsl(209 38.1% 4.8%)',\n grayBlue4: 'hsl(208 35.4% 5.8%)',\n grayBlue5: 'hsl(208 32.4% 6.9%)',\n grayBlue6: 'hsl(209 31.0% 8.2%)',\n grayBlue7: 'hsl(209, 38.0%, 12.0%)',\n grayBlue8: 'hsl(209, 38.0%, 25.0%)',\n grayBlue9: 'hsl(208, 11.0%, 45.0%)',\n grayBlue10: 'hsl(208 11.0% 68.0%)',\n grayBlue11: 'hsl(208 11.0% 78.0%)',\n grayBlue12: 'hsl(208 11.0% 88.0%)',\n};\n\nexport const grayBlueDarkA = {\n grayBlueA1: 'hsl(0 0% 0% / 0)',\n grayBlueA2: 'hsl(210 91.5% 69.6% / 0.029)',\n grayBlueA3: 'hsl(216 93.9% 73.7% / 0.041)',\n grayBlueA4: 'hsl(210 95.6% 76.0% / 0.053)',\n grayBlueA5: 'hsl(206 96.8% 77.4% / 0.065)',\n grayBlueA6: 'hsl(207 98.1% 77% / 0.081)',\n grayBlueA7: 'hsl(208 97.8% 72.4% / 0.142)',\n grayBlueA8: 'hsl(209 99.6% 72.7% / 0.327)',\n grayBlueA9: 'hsl(206 99.7% 90.7% / 0.484)',\n grayBlueA10: 'hsl(206 99.0% 95.3% / 0.706)',\n grayBlueA11: 'hsl(210 97.4% 97.2% / 0.799)',\n grayBlueA12: 'hsl(205 93.8% 98.5% / 0.892)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,WAAW;CACtB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;AACd;AAEA,IAAa,YAAY;CACvB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;AACf;AAEA,IAAa,eAAe;CAC1B,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;AACd;AAEA,IAAa,gBAAgB;CAC3B,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;AACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grayBlue.js","names":[],"sources":["../../colors/grayBlue.ts"],"sourcesContent":["export const grayBlue = {\n grayBlue1: 'hsl(208 9.0% 99.0%)',\n grayBlue2: 'hsl(210 10.0% 96.1%)',\n grayBlue3: 'hsl(210 9.9% 95.7%)',\n grayBlue4: 'hsl(210 9.8% 94.9%)',\n grayBlue5: 'hsl(210 9.7% 93.1%)',\n grayBlue6: 'hsl(210 9.6% 89.8%)',\n grayBlue7: 'hsl(210 9.4% 83.2%)',\n grayBlue8: 'hsl(208, 9.0%, 80.0%)',\n grayBlue9: 'hsl(208, 9.0%, 73.0%)',\n grayBlue10: 'hsl(208 9.0% 53.0%)',\n grayBlue11: 'hsl(208 9.0% 33.0%)',\n grayBlue12: 'hsl(208 9.0% 13.0%)',\n};\n\nexport const grayBlueA = {\n grayBlueA1: 'hsl(240 89.3% 18.3% / 0.012)',\n grayBlueA2: 'hsl(182 89% 7.1% / 0.032)',\n grayBlueA3: 'hsl(210 80.6% 10.1% / 0.048)',\n grayBlueA4: 'hsl(210 97.6% 7.3% / 0.055)',\n grayBlueA5: 'hsl(220 92.3% 8.5% / 0.075)',\n grayBlueA6: 'hsl(204 97.3% 8.8% / 0.114)',\n grayBlueA7: 'hsl(210 95.8% 8.9% / 0.185)',\n grayBlueA8: 'hsl(207 96.4% 8.9% / 0.211)',\n grayBlueA9: 'hsl(205 96.4% 8.3% / 0.295)',\n grayBlueA10: 'hsl(207 99.4% 8.4% / 0.514)',\n grayBlueA11: 'hsl(208 96.8% 4.3% / 0.699)',\n grayBlueA12: 'hsl(210 94.8% 1.4% / 0.883)',\n};\n\nexport const grayBlueDark = {\n grayBlue1: 'hsl(209 40.0% 2.0%)',\n grayBlue2: 'hsl(210 40.0% 3.9%)',\n grayBlue3: 'hsl(209 38.1% 4.8%)',\n grayBlue4: 'hsl(208 35.4% 5.8%)',\n grayBlue5: 'hsl(208 32.4% 6.9%)',\n grayBlue6: 'hsl(209 31.0% 8.2%)',\n grayBlue7: 'hsl(209, 38.0%, 12.0%)',\n grayBlue8: 'hsl(209, 38.0%, 25.0%)',\n grayBlue9: 'hsl(208, 11.0%, 45.0%)',\n grayBlue10: 'hsl(208 11.0% 68.0%)',\n grayBlue11: 'hsl(208 11.0% 78.0%)',\n grayBlue12: 'hsl(208 11.0% 88.0%)',\n};\n\nexport const grayBlueDarkA = {\n grayBlueA1: 'hsl(0 0% 0% / 0)',\n grayBlueA2: 'hsl(210 91.5% 69.6% / 0.029)',\n grayBlueA3: 'hsl(216 93.9% 73.7% / 0.041)',\n grayBlueA4: 'hsl(210 95.6% 76.0% / 0.053)',\n grayBlueA5: 'hsl(206 96.8% 77.4% / 0.065)',\n grayBlueA6: 'hsl(207 98.1% 77% / 0.081)',\n grayBlueA7: 'hsl(208 97.8% 72.4% / 0.142)',\n grayBlueA8: 'hsl(209 99.6% 72.7% / 0.327)',\n grayBlueA9: 'hsl(206 99.7% 90.7% / 0.484)',\n grayBlueA10: 'hsl(206 99.0% 95.3% / 0.706)',\n grayBlueA11: 'hsl(210 97.4% 97.2% / 0.799)',\n grayBlueA12: 'hsl(205 93.8% 98.5% / 0.892)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,WAAW;CACtB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;
|
|
1
|
+
{"version":3,"file":"grayBlue.js","names":[],"sources":["../../colors/grayBlue.ts"],"sourcesContent":["export const grayBlue = {\n grayBlue1: 'hsl(208 9.0% 99.0%)',\n grayBlue2: 'hsl(210 10.0% 96.1%)',\n grayBlue3: 'hsl(210 9.9% 95.7%)',\n grayBlue4: 'hsl(210 9.8% 94.9%)',\n grayBlue5: 'hsl(210 9.7% 93.1%)',\n grayBlue6: 'hsl(210 9.6% 89.8%)',\n grayBlue7: 'hsl(210 9.4% 83.2%)',\n grayBlue8: 'hsl(208, 9.0%, 80.0%)',\n grayBlue9: 'hsl(208, 9.0%, 73.0%)',\n grayBlue10: 'hsl(208 9.0% 53.0%)',\n grayBlue11: 'hsl(208 9.0% 33.0%)',\n grayBlue12: 'hsl(208 9.0% 13.0%)',\n};\n\nexport const grayBlueA = {\n grayBlueA1: 'hsl(240 89.3% 18.3% / 0.012)',\n grayBlueA2: 'hsl(182 89% 7.1% / 0.032)',\n grayBlueA3: 'hsl(210 80.6% 10.1% / 0.048)',\n grayBlueA4: 'hsl(210 97.6% 7.3% / 0.055)',\n grayBlueA5: 'hsl(220 92.3% 8.5% / 0.075)',\n grayBlueA6: 'hsl(204 97.3% 8.8% / 0.114)',\n grayBlueA7: 'hsl(210 95.8% 8.9% / 0.185)',\n grayBlueA8: 'hsl(207 96.4% 8.9% / 0.211)',\n grayBlueA9: 'hsl(205 96.4% 8.3% / 0.295)',\n grayBlueA10: 'hsl(207 99.4% 8.4% / 0.514)',\n grayBlueA11: 'hsl(208 96.8% 4.3% / 0.699)',\n grayBlueA12: 'hsl(210 94.8% 1.4% / 0.883)',\n};\n\nexport const grayBlueDark = {\n grayBlue1: 'hsl(209 40.0% 2.0%)',\n grayBlue2: 'hsl(210 40.0% 3.9%)',\n grayBlue3: 'hsl(209 38.1% 4.8%)',\n grayBlue4: 'hsl(208 35.4% 5.8%)',\n grayBlue5: 'hsl(208 32.4% 6.9%)',\n grayBlue6: 'hsl(209 31.0% 8.2%)',\n grayBlue7: 'hsl(209, 38.0%, 12.0%)',\n grayBlue8: 'hsl(209, 38.0%, 25.0%)',\n grayBlue9: 'hsl(208, 11.0%, 45.0%)',\n grayBlue10: 'hsl(208 11.0% 68.0%)',\n grayBlue11: 'hsl(208 11.0% 78.0%)',\n grayBlue12: 'hsl(208 11.0% 88.0%)',\n};\n\nexport const grayBlueDarkA = {\n grayBlueA1: 'hsl(0 0% 0% / 0)',\n grayBlueA2: 'hsl(210 91.5% 69.6% / 0.029)',\n grayBlueA3: 'hsl(216 93.9% 73.7% / 0.041)',\n grayBlueA4: 'hsl(210 95.6% 76.0% / 0.053)',\n grayBlueA5: 'hsl(206 96.8% 77.4% / 0.065)',\n grayBlueA6: 'hsl(207 98.1% 77% / 0.081)',\n grayBlueA7: 'hsl(208 97.8% 72.4% / 0.142)',\n grayBlueA8: 'hsl(209 99.6% 72.7% / 0.327)',\n grayBlueA9: 'hsl(206 99.7% 90.7% / 0.484)',\n grayBlueA10: 'hsl(206 99.0% 95.3% / 0.706)',\n grayBlueA11: 'hsl(210 97.4% 97.2% / 0.799)',\n grayBlueA12: 'hsl(205 93.8% 98.5% / 0.892)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,WAAW;CACtB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;AACd;AAEA,IAAa,YAAY;CACvB,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;AACf;AAEA,IAAa,eAAe;CAC1B,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;AACd;AAEA,IAAa,gBAAgB;CAC3B,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,aAAa;CACb,aAAa;AACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":[],"sources":["../../colors/index.ts"],"sourcesContent":["import {\n blackA,\n blue,\n blueA,\n blueDark,\n blueDarkA,\n gray,\n grayA,\n grayDark,\n grayDarkA,\n green,\n greenA,\n greenDark,\n greenDarkA,\n purple,\n purpleA,\n purpleDark,\n purpleDarkA,\n slate,\n slateA,\n slateDark,\n slateDarkA,\n whiteA,\n} from '@radix-ui/colors';\n\nimport { badgeDarkTheme, badgeLightTheme } from '../components/Badge/Badge.theme';\nimport { cardDarkTheme, cardLightTheme } from '../components/Card/Card.theme';\nimport { inputDarkTheme, inputLightTheme } from '../components/Input/Input.theme';\nimport { panelDarkTheme, panelLightTheme } from '../components/Panel/Panel.theme';\nimport { textareaDarkTheme, textareaLightTheme } from '../components/Textarea/Textarea.theme';\nimport * as deepBlue from './deepBlue';\nimport * as elevation from './elevation';\nimport * as grayBlue from './grayBlue';\nimport * as neon from './neon';\nimport * as orange from './orange';\nimport * as red from './red';\n\nexport const customColors = {\n ...elevation,\n ...deepBlue,\n ...grayBlue,\n ...neon,\n ...orange,\n ...red,\n};\n\nexport type ColorMap = {\n [key: string]: string;\n};\n\nexport const lightColors: ColorMap = Object.entries(customColors)\n .filter(([colorName]) => !colorName.includes('Dark'))\n .reduce(\n (acc, [, colors]) => ({\n ...acc,\n ...colors,\n }),\n {\n // radix colors\n ...gray,\n ...grayA,\n ...blue,\n ...blueA,\n ...green,\n ...greenA,\n ...slate,\n ...slateA,\n ...purple,\n ...purpleA,\n ...whiteA,\n ...blackA,\n // component-specific theme tokens\n ...badgeLightTheme,\n ...cardLightTheme,\n ...panelLightTheme,\n ...inputLightTheme,\n ...textareaLightTheme,\n },\n );\n\nexport const darkColors: ColorMap = Object.entries(customColors)\n .filter(([colorName]) => colorName.includes('Dark'))\n .reduce(\n (acc, [, colors]) => ({\n ...acc,\n ...colors,\n }),\n {\n // radix colors\n ...grayDark,\n ...grayDarkA,\n ...blueDark,\n ...blueDarkA,\n ...greenDark,\n ...greenDarkA,\n ...slateDark,\n ...slateDarkA,\n ...purpleDark,\n ...purpleDarkA,\n ...whiteA,\n ...blackA,\n // component-specific theme tokens\n ...badgeDarkTheme,\n ...cardDarkTheme,\n ...panelDarkTheme,\n ...inputDarkTheme,\n ...textareaDarkTheme,\n },\n );\n\nexport * as deepBlue from './deepBlue';\nexport * as elevation from './elevation';\nexport * as grayBlue from './grayBlue';\nexport * as neon from './neon';\nexport * as orange from './orange';\nexport * as red from './red';\n"],"mappings":";;;;;;;;;;;;;;AAqCA,IAAa,eAAe;CAC1B,GAAG,kBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,aAAA;CACH,GAAG,eAAA;CACH,GAAG,YAAA;
|
|
1
|
+
{"version":3,"file":"index.cjs","names":[],"sources":["../../colors/index.ts"],"sourcesContent":["import {\n blackA,\n blue,\n blueA,\n blueDark,\n blueDarkA,\n gray,\n grayA,\n grayDark,\n grayDarkA,\n green,\n greenA,\n greenDark,\n greenDarkA,\n purple,\n purpleA,\n purpleDark,\n purpleDarkA,\n slate,\n slateA,\n slateDark,\n slateDarkA,\n whiteA,\n} from '@radix-ui/colors';\n\nimport { badgeDarkTheme, badgeLightTheme } from '../components/Badge/Badge.theme';\nimport { cardDarkTheme, cardLightTheme } from '../components/Card/Card.theme';\nimport { inputDarkTheme, inputLightTheme } from '../components/Input/Input.theme';\nimport { panelDarkTheme, panelLightTheme } from '../components/Panel/Panel.theme';\nimport { textareaDarkTheme, textareaLightTheme } from '../components/Textarea/Textarea.theme';\nimport * as deepBlue from './deepBlue';\nimport * as elevation from './elevation';\nimport * as grayBlue from './grayBlue';\nimport * as neon from './neon';\nimport * as orange from './orange';\nimport * as red from './red';\n\nexport const customColors = {\n ...elevation,\n ...deepBlue,\n ...grayBlue,\n ...neon,\n ...orange,\n ...red,\n};\n\nexport type ColorMap = {\n [key: string]: string;\n};\n\nexport const lightColors: ColorMap = Object.entries(customColors)\n .filter(([colorName]) => !colorName.includes('Dark'))\n .reduce(\n (acc, [, colors]) => ({\n ...acc,\n ...colors,\n }),\n {\n // radix colors\n ...gray,\n ...grayA,\n ...blue,\n ...blueA,\n ...green,\n ...greenA,\n ...slate,\n ...slateA,\n ...purple,\n ...purpleA,\n ...whiteA,\n ...blackA,\n // component-specific theme tokens\n ...badgeLightTheme,\n ...cardLightTheme,\n ...panelLightTheme,\n ...inputLightTheme,\n ...textareaLightTheme,\n },\n );\n\nexport const darkColors: ColorMap = Object.entries(customColors)\n .filter(([colorName]) => colorName.includes('Dark'))\n .reduce(\n (acc, [, colors]) => ({\n ...acc,\n ...colors,\n }),\n {\n // radix colors\n ...grayDark,\n ...grayDarkA,\n ...blueDark,\n ...blueDarkA,\n ...greenDark,\n ...greenDarkA,\n ...slateDark,\n ...slateDarkA,\n ...purpleDark,\n ...purpleDarkA,\n ...whiteA,\n ...blackA,\n // component-specific theme tokens\n ...badgeDarkTheme,\n ...cardDarkTheme,\n ...panelDarkTheme,\n ...inputDarkTheme,\n ...textareaDarkTheme,\n },\n );\n\nexport * as deepBlue from './deepBlue';\nexport * as elevation from './elevation';\nexport * as grayBlue from './grayBlue';\nexport * as neon from './neon';\nexport * as orange from './orange';\nexport * as red from './red';\n"],"mappings":";;;;;;;;;;;;;;AAqCA,IAAa,eAAe;CAC1B,GAAG,kBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,aAAA;CACH,GAAG,eAAA;CACH,GAAG,YAAA;AACL;AAMA,IAAa,cAAwB,OAAO,QAAQ,YAAY,EAC7D,QAAQ,CAAC,eAAe,CAAC,UAAU,SAAS,MAAM,CAAC,EACnD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CAEH,GAAG,oBAAA;CACH,GAAG,mBAAA;CACH,GAAG,oBAAA;CACH,GAAG,oBAAA;CACH,GAAG,uBAAA;AACL,CACF;AAEF,IAAa,aAAuB,OAAO,QAAQ,YAAY,EAC5D,QAAQ,CAAC,eAAe,UAAU,SAAS,MAAM,CAAC,EAClD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CACH,GAAG,iBAAA;CAEH,GAAG,oBAAA;CACH,GAAG,mBAAA;CACH,GAAG,oBAAA;CACH,GAAG,oBAAA;CACH,GAAG,uBAAA;AACL,CACF"}
|
package/dist/colors/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../colors/index.ts"],"sourcesContent":["import {\n blackA,\n blue,\n blueA,\n blueDark,\n blueDarkA,\n gray,\n grayA,\n grayDark,\n grayDarkA,\n green,\n greenA,\n greenDark,\n greenDarkA,\n purple,\n purpleA,\n purpleDark,\n purpleDarkA,\n slate,\n slateA,\n slateDark,\n slateDarkA,\n whiteA,\n} from '@radix-ui/colors';\n\nimport { badgeDarkTheme, badgeLightTheme } from '../components/Badge/Badge.theme';\nimport { cardDarkTheme, cardLightTheme } from '../components/Card/Card.theme';\nimport { inputDarkTheme, inputLightTheme } from '../components/Input/Input.theme';\nimport { panelDarkTheme, panelLightTheme } from '../components/Panel/Panel.theme';\nimport { textareaDarkTheme, textareaLightTheme } from '../components/Textarea/Textarea.theme';\nimport * as deepBlue from './deepBlue';\nimport * as elevation from './elevation';\nimport * as grayBlue from './grayBlue';\nimport * as neon from './neon';\nimport * as orange from './orange';\nimport * as red from './red';\n\nexport const customColors = {\n ...elevation,\n ...deepBlue,\n ...grayBlue,\n ...neon,\n ...orange,\n ...red,\n};\n\nexport type ColorMap = {\n [key: string]: string;\n};\n\nexport const lightColors: ColorMap = Object.entries(customColors)\n .filter(([colorName]) => !colorName.includes('Dark'))\n .reduce(\n (acc, [, colors]) => ({\n ...acc,\n ...colors,\n }),\n {\n // radix colors\n ...gray,\n ...grayA,\n ...blue,\n ...blueA,\n ...green,\n ...greenA,\n ...slate,\n ...slateA,\n ...purple,\n ...purpleA,\n ...whiteA,\n ...blackA,\n // component-specific theme tokens\n ...badgeLightTheme,\n ...cardLightTheme,\n ...panelLightTheme,\n ...inputLightTheme,\n ...textareaLightTheme,\n },\n );\n\nexport const darkColors: ColorMap = Object.entries(customColors)\n .filter(([colorName]) => colorName.includes('Dark'))\n .reduce(\n (acc, [, colors]) => ({\n ...acc,\n ...colors,\n }),\n {\n // radix colors\n ...grayDark,\n ...grayDarkA,\n ...blueDark,\n ...blueDarkA,\n ...greenDark,\n ...greenDarkA,\n ...slateDark,\n ...slateDarkA,\n ...purpleDark,\n ...purpleDarkA,\n ...whiteA,\n ...blackA,\n // component-specific theme tokens\n ...badgeDarkTheme,\n ...cardDarkTheme,\n ...panelDarkTheme,\n ...inputDarkTheme,\n ...textareaDarkTheme,\n },\n );\n\nexport * as deepBlue from './deepBlue';\nexport * as elevation from './elevation';\nexport * as grayBlue from './grayBlue';\nexport * as neon from './neon';\nexport * as orange from './orange';\nexport * as red from './red';\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAa,eAAe;CAC1B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../colors/index.ts"],"sourcesContent":["import {\n blackA,\n blue,\n blueA,\n blueDark,\n blueDarkA,\n gray,\n grayA,\n grayDark,\n grayDarkA,\n green,\n greenA,\n greenDark,\n greenDarkA,\n purple,\n purpleA,\n purpleDark,\n purpleDarkA,\n slate,\n slateA,\n slateDark,\n slateDarkA,\n whiteA,\n} from '@radix-ui/colors';\n\nimport { badgeDarkTheme, badgeLightTheme } from '../components/Badge/Badge.theme';\nimport { cardDarkTheme, cardLightTheme } from '../components/Card/Card.theme';\nimport { inputDarkTheme, inputLightTheme } from '../components/Input/Input.theme';\nimport { panelDarkTheme, panelLightTheme } from '../components/Panel/Panel.theme';\nimport { textareaDarkTheme, textareaLightTheme } from '../components/Textarea/Textarea.theme';\nimport * as deepBlue from './deepBlue';\nimport * as elevation from './elevation';\nimport * as grayBlue from './grayBlue';\nimport * as neon from './neon';\nimport * as orange from './orange';\nimport * as red from './red';\n\nexport const customColors = {\n ...elevation,\n ...deepBlue,\n ...grayBlue,\n ...neon,\n ...orange,\n ...red,\n};\n\nexport type ColorMap = {\n [key: string]: string;\n};\n\nexport const lightColors: ColorMap = Object.entries(customColors)\n .filter(([colorName]) => !colorName.includes('Dark'))\n .reduce(\n (acc, [, colors]) => ({\n ...acc,\n ...colors,\n }),\n {\n // radix colors\n ...gray,\n ...grayA,\n ...blue,\n ...blueA,\n ...green,\n ...greenA,\n ...slate,\n ...slateA,\n ...purple,\n ...purpleA,\n ...whiteA,\n ...blackA,\n // component-specific theme tokens\n ...badgeLightTheme,\n ...cardLightTheme,\n ...panelLightTheme,\n ...inputLightTheme,\n ...textareaLightTheme,\n },\n );\n\nexport const darkColors: ColorMap = Object.entries(customColors)\n .filter(([colorName]) => colorName.includes('Dark'))\n .reduce(\n (acc, [, colors]) => ({\n ...acc,\n ...colors,\n }),\n {\n // radix colors\n ...grayDark,\n ...grayDarkA,\n ...blueDark,\n ...blueDarkA,\n ...greenDark,\n ...greenDarkA,\n ...slateDark,\n ...slateDarkA,\n ...purpleDark,\n ...purpleDarkA,\n ...whiteA,\n ...blackA,\n // component-specific theme tokens\n ...badgeDarkTheme,\n ...cardDarkTheme,\n ...panelDarkTheme,\n ...inputDarkTheme,\n ...textareaDarkTheme,\n },\n );\n\nexport * as deepBlue from './deepBlue';\nexport * as elevation from './elevation';\nexport * as grayBlue from './grayBlue';\nexport * as neon from './neon';\nexport * as orange from './orange';\nexport * as red from './red';\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAa,eAAe;CAC1B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAMA,IAAa,cAAwB,OAAO,QAAQ,YAAY,EAC7D,QAAQ,CAAC,eAAe,CAAC,UAAU,SAAS,MAAM,CAAC,EACnD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL,CACF;AAEF,IAAa,aAAuB,OAAO,QAAQ,YAAY,EAC5D,QAAQ,CAAC,eAAe,UAAU,SAAS,MAAM,CAAC,EAClD,QACE,KAAK,GAAG,aAAa;CACpB,GAAG;CACH,GAAG;AACL,IACA;CAEE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CAEH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL,CACF"}
|
package/dist/colors/neon.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"neon.cjs","names":[],"sources":["../../colors/neon.ts"],"sourcesContent":["export const neon = {\n neon1: 'hsl(68, 60.0%, 99.0%)',\n neon2: 'hsl(67, 90.0%, 96.1%)',\n neon3: 'hsl(67, 86.3%, 94.4%)',\n neon4: 'hsl(67, 82.5%, 90.5%)',\n neon5: 'hsl(67, 79.8%, 82.3%)',\n neon6: 'hsl(68, 78.5%, 69.8%)',\n neon7: 'hsl(68, 78.5%, 60.6%)',\n neon8: 'hsl(68, 53.0%, 48.0%)',\n neon9: 'hsl(68, 53.0%, 36.0%)',\n neon10: 'hsl(68, 53.0%, 24.0%)',\n neon11: 'hsl(68, 53.0%, 18.0%)',\n neon12: 'hsl(68, 53.0%, 10.0%)',\n};\n\nexport const neonA = {\n neonA1: 'hsl(60, 94.9%, 38.7%, 0.016)',\n neonA2: 'hsl(67, 98.6%, 47.7%, 0.075)',\n neonA3: 'hsl(67, 99.8%, 46.4%, 0.106)',\n neonA4: 'hsl(68, 99.4%, 45.6%, 0.173)',\n neonA5: 'hsl(68, 99.8%, 44.5%, 0.318)',\n neonA6: 'hsl(68, 99.7%, 43.9%, 0.538)',\n neonA7: 'hsl(68, 100%, 43.9%, 0.702)',\n neonA8: 'hsl(68, 99.7%, 33.3%, 0.762)',\n neonA9: 'hsl(68, 99.7%, 22.9%, 0.832)',\n neonA10: 'hsl(68, 99.4%, 14.5%, 0.887)',\n neonA11: 'hsl(68, 99.7%, 10.3%, 0.914)',\n neonA12: 'hsl(69, 99.9%, 5.6%, 0.953)',\n};\n\nexport const neonDark = {\n neon1: 'hsl(68, 53.0%, 4.0%)',\n neon2: 'hsl(68, 53.3%, 5.9%)',\n neon3: 'hsl(72, 47.3%, 10.0%)',\n neon4: 'hsl(73, 52.0%, 13.2%)',\n neon5: 'hsl(73, 58.3%, 16.3%)',\n neon6: 'hsl(72, 65.6%, 20.0%)',\n neon7: 'hsl(70, 76.7%, 24.7%)',\n neon8: 'hsl(68, 100%, 29.0%)',\n neon9: 'hsl(68, 79.0%, 60.0%)',\n neon10: 'hsl(68, 79.0%, 68.0%)',\n neon11: 'hsl(68, 79.0%, 78.0%)',\n neon12: 'hsl(68, 79.0%, 88.0%)',\n};\n\nexport const neonDarkA = {\n neonA1: 'hsl(0, 0%, 0%, 0)',\n neonA2: 'hsl(61, 94.0%, 62.9%, 0.030)',\n neonA3: 'hsl(73, 97.1%, 67.4%, 0.093)',\n neonA4: 'hsl(72, 99.0%, 65.5%, 0.147)',\n neonA5: 'hsl(74, 99.1%, 62.0%, 0.210)',\n neonA6: 'hsl(72, 99.6%, 59.8%, 0.285)',\n neonA7: 'hsl(70, 99.7%, 55.8%, 0.398)',\n neonA8: 'hsl(68, 100%, 49.9%, 0.553)',\n neonA9: 'hsl(68, 99.7%, 65.3%, 0.913)',\n neonA10: 'hsl(68, 100%, 72.9%, 0.929)',\n neonA11: 'hsl(68, 99.9%, 81.9%, 0.950)',\n neonA12: 'hsl(69, 99.9%, 90.2%, 0.975)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,OAAO;CAClB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;
|
|
1
|
+
{"version":3,"file":"neon.cjs","names":[],"sources":["../../colors/neon.ts"],"sourcesContent":["export const neon = {\n neon1: 'hsl(68, 60.0%, 99.0%)',\n neon2: 'hsl(67, 90.0%, 96.1%)',\n neon3: 'hsl(67, 86.3%, 94.4%)',\n neon4: 'hsl(67, 82.5%, 90.5%)',\n neon5: 'hsl(67, 79.8%, 82.3%)',\n neon6: 'hsl(68, 78.5%, 69.8%)',\n neon7: 'hsl(68, 78.5%, 60.6%)',\n neon8: 'hsl(68, 53.0%, 48.0%)',\n neon9: 'hsl(68, 53.0%, 36.0%)',\n neon10: 'hsl(68, 53.0%, 24.0%)',\n neon11: 'hsl(68, 53.0%, 18.0%)',\n neon12: 'hsl(68, 53.0%, 10.0%)',\n};\n\nexport const neonA = {\n neonA1: 'hsl(60, 94.9%, 38.7%, 0.016)',\n neonA2: 'hsl(67, 98.6%, 47.7%, 0.075)',\n neonA3: 'hsl(67, 99.8%, 46.4%, 0.106)',\n neonA4: 'hsl(68, 99.4%, 45.6%, 0.173)',\n neonA5: 'hsl(68, 99.8%, 44.5%, 0.318)',\n neonA6: 'hsl(68, 99.7%, 43.9%, 0.538)',\n neonA7: 'hsl(68, 100%, 43.9%, 0.702)',\n neonA8: 'hsl(68, 99.7%, 33.3%, 0.762)',\n neonA9: 'hsl(68, 99.7%, 22.9%, 0.832)',\n neonA10: 'hsl(68, 99.4%, 14.5%, 0.887)',\n neonA11: 'hsl(68, 99.7%, 10.3%, 0.914)',\n neonA12: 'hsl(69, 99.9%, 5.6%, 0.953)',\n};\n\nexport const neonDark = {\n neon1: 'hsl(68, 53.0%, 4.0%)',\n neon2: 'hsl(68, 53.3%, 5.9%)',\n neon3: 'hsl(72, 47.3%, 10.0%)',\n neon4: 'hsl(73, 52.0%, 13.2%)',\n neon5: 'hsl(73, 58.3%, 16.3%)',\n neon6: 'hsl(72, 65.6%, 20.0%)',\n neon7: 'hsl(70, 76.7%, 24.7%)',\n neon8: 'hsl(68, 100%, 29.0%)',\n neon9: 'hsl(68, 79.0%, 60.0%)',\n neon10: 'hsl(68, 79.0%, 68.0%)',\n neon11: 'hsl(68, 79.0%, 78.0%)',\n neon12: 'hsl(68, 79.0%, 88.0%)',\n};\n\nexport const neonDarkA = {\n neonA1: 'hsl(0, 0%, 0%, 0)',\n neonA2: 'hsl(61, 94.0%, 62.9%, 0.030)',\n neonA3: 'hsl(73, 97.1%, 67.4%, 0.093)',\n neonA4: 'hsl(72, 99.0%, 65.5%, 0.147)',\n neonA5: 'hsl(74, 99.1%, 62.0%, 0.210)',\n neonA6: 'hsl(72, 99.6%, 59.8%, 0.285)',\n neonA7: 'hsl(70, 99.7%, 55.8%, 0.398)',\n neonA8: 'hsl(68, 100%, 49.9%, 0.553)',\n neonA9: 'hsl(68, 99.7%, 65.3%, 0.913)',\n neonA10: 'hsl(68, 100%, 72.9%, 0.929)',\n neonA11: 'hsl(68, 99.9%, 81.9%, 0.950)',\n neonA12: 'hsl(69, 99.9%, 90.2%, 0.975)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,OAAO;CAClB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,IAAa,QAAQ;CACnB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;AACX;AAEA,IAAa,WAAW;CACtB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,IAAa,YAAY;CACvB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;AACX"}
|
package/dist/colors/neon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"neon.js","names":[],"sources":["../../colors/neon.ts"],"sourcesContent":["export const neon = {\n neon1: 'hsl(68, 60.0%, 99.0%)',\n neon2: 'hsl(67, 90.0%, 96.1%)',\n neon3: 'hsl(67, 86.3%, 94.4%)',\n neon4: 'hsl(67, 82.5%, 90.5%)',\n neon5: 'hsl(67, 79.8%, 82.3%)',\n neon6: 'hsl(68, 78.5%, 69.8%)',\n neon7: 'hsl(68, 78.5%, 60.6%)',\n neon8: 'hsl(68, 53.0%, 48.0%)',\n neon9: 'hsl(68, 53.0%, 36.0%)',\n neon10: 'hsl(68, 53.0%, 24.0%)',\n neon11: 'hsl(68, 53.0%, 18.0%)',\n neon12: 'hsl(68, 53.0%, 10.0%)',\n};\n\nexport const neonA = {\n neonA1: 'hsl(60, 94.9%, 38.7%, 0.016)',\n neonA2: 'hsl(67, 98.6%, 47.7%, 0.075)',\n neonA3: 'hsl(67, 99.8%, 46.4%, 0.106)',\n neonA4: 'hsl(68, 99.4%, 45.6%, 0.173)',\n neonA5: 'hsl(68, 99.8%, 44.5%, 0.318)',\n neonA6: 'hsl(68, 99.7%, 43.9%, 0.538)',\n neonA7: 'hsl(68, 100%, 43.9%, 0.702)',\n neonA8: 'hsl(68, 99.7%, 33.3%, 0.762)',\n neonA9: 'hsl(68, 99.7%, 22.9%, 0.832)',\n neonA10: 'hsl(68, 99.4%, 14.5%, 0.887)',\n neonA11: 'hsl(68, 99.7%, 10.3%, 0.914)',\n neonA12: 'hsl(69, 99.9%, 5.6%, 0.953)',\n};\n\nexport const neonDark = {\n neon1: 'hsl(68, 53.0%, 4.0%)',\n neon2: 'hsl(68, 53.3%, 5.9%)',\n neon3: 'hsl(72, 47.3%, 10.0%)',\n neon4: 'hsl(73, 52.0%, 13.2%)',\n neon5: 'hsl(73, 58.3%, 16.3%)',\n neon6: 'hsl(72, 65.6%, 20.0%)',\n neon7: 'hsl(70, 76.7%, 24.7%)',\n neon8: 'hsl(68, 100%, 29.0%)',\n neon9: 'hsl(68, 79.0%, 60.0%)',\n neon10: 'hsl(68, 79.0%, 68.0%)',\n neon11: 'hsl(68, 79.0%, 78.0%)',\n neon12: 'hsl(68, 79.0%, 88.0%)',\n};\n\nexport const neonDarkA = {\n neonA1: 'hsl(0, 0%, 0%, 0)',\n neonA2: 'hsl(61, 94.0%, 62.9%, 0.030)',\n neonA3: 'hsl(73, 97.1%, 67.4%, 0.093)',\n neonA4: 'hsl(72, 99.0%, 65.5%, 0.147)',\n neonA5: 'hsl(74, 99.1%, 62.0%, 0.210)',\n neonA6: 'hsl(72, 99.6%, 59.8%, 0.285)',\n neonA7: 'hsl(70, 99.7%, 55.8%, 0.398)',\n neonA8: 'hsl(68, 100%, 49.9%, 0.553)',\n neonA9: 'hsl(68, 99.7%, 65.3%, 0.913)',\n neonA10: 'hsl(68, 100%, 72.9%, 0.929)',\n neonA11: 'hsl(68, 99.9%, 81.9%, 0.950)',\n neonA12: 'hsl(69, 99.9%, 90.2%, 0.975)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,OAAO;CAClB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;
|
|
1
|
+
{"version":3,"file":"neon.js","names":[],"sources":["../../colors/neon.ts"],"sourcesContent":["export const neon = {\n neon1: 'hsl(68, 60.0%, 99.0%)',\n neon2: 'hsl(67, 90.0%, 96.1%)',\n neon3: 'hsl(67, 86.3%, 94.4%)',\n neon4: 'hsl(67, 82.5%, 90.5%)',\n neon5: 'hsl(67, 79.8%, 82.3%)',\n neon6: 'hsl(68, 78.5%, 69.8%)',\n neon7: 'hsl(68, 78.5%, 60.6%)',\n neon8: 'hsl(68, 53.0%, 48.0%)',\n neon9: 'hsl(68, 53.0%, 36.0%)',\n neon10: 'hsl(68, 53.0%, 24.0%)',\n neon11: 'hsl(68, 53.0%, 18.0%)',\n neon12: 'hsl(68, 53.0%, 10.0%)',\n};\n\nexport const neonA = {\n neonA1: 'hsl(60, 94.9%, 38.7%, 0.016)',\n neonA2: 'hsl(67, 98.6%, 47.7%, 0.075)',\n neonA3: 'hsl(67, 99.8%, 46.4%, 0.106)',\n neonA4: 'hsl(68, 99.4%, 45.6%, 0.173)',\n neonA5: 'hsl(68, 99.8%, 44.5%, 0.318)',\n neonA6: 'hsl(68, 99.7%, 43.9%, 0.538)',\n neonA7: 'hsl(68, 100%, 43.9%, 0.702)',\n neonA8: 'hsl(68, 99.7%, 33.3%, 0.762)',\n neonA9: 'hsl(68, 99.7%, 22.9%, 0.832)',\n neonA10: 'hsl(68, 99.4%, 14.5%, 0.887)',\n neonA11: 'hsl(68, 99.7%, 10.3%, 0.914)',\n neonA12: 'hsl(69, 99.9%, 5.6%, 0.953)',\n};\n\nexport const neonDark = {\n neon1: 'hsl(68, 53.0%, 4.0%)',\n neon2: 'hsl(68, 53.3%, 5.9%)',\n neon3: 'hsl(72, 47.3%, 10.0%)',\n neon4: 'hsl(73, 52.0%, 13.2%)',\n neon5: 'hsl(73, 58.3%, 16.3%)',\n neon6: 'hsl(72, 65.6%, 20.0%)',\n neon7: 'hsl(70, 76.7%, 24.7%)',\n neon8: 'hsl(68, 100%, 29.0%)',\n neon9: 'hsl(68, 79.0%, 60.0%)',\n neon10: 'hsl(68, 79.0%, 68.0%)',\n neon11: 'hsl(68, 79.0%, 78.0%)',\n neon12: 'hsl(68, 79.0%, 88.0%)',\n};\n\nexport const neonDarkA = {\n neonA1: 'hsl(0, 0%, 0%, 0)',\n neonA2: 'hsl(61, 94.0%, 62.9%, 0.030)',\n neonA3: 'hsl(73, 97.1%, 67.4%, 0.093)',\n neonA4: 'hsl(72, 99.0%, 65.5%, 0.147)',\n neonA5: 'hsl(74, 99.1%, 62.0%, 0.210)',\n neonA6: 'hsl(72, 99.6%, 59.8%, 0.285)',\n neonA7: 'hsl(70, 99.7%, 55.8%, 0.398)',\n neonA8: 'hsl(68, 100%, 49.9%, 0.553)',\n neonA9: 'hsl(68, 99.7%, 65.3%, 0.913)',\n neonA10: 'hsl(68, 100%, 72.9%, 0.929)',\n neonA11: 'hsl(68, 99.9%, 81.9%, 0.950)',\n neonA12: 'hsl(69, 99.9%, 90.2%, 0.975)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,OAAO;CAClB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,IAAa,QAAQ;CACnB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;AACX;AAEA,IAAa,WAAW;CACtB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,IAAa,YAAY;CACvB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;AACX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"orange.cjs","names":[],"sources":["../../colors/orange.ts"],"sourcesContent":["export const orange = {\n orange1: 'hsl(24 70.0% 99.0%)',\n orange2: 'hsl(27 81.8% 97.8%)',\n orange3: 'hsl(27 98.5% 95.4%)',\n orange4: 'hsl(27 100% 92.2%)',\n orange5: 'hsl(27 100% 88.1%)',\n orange6: 'hsl(26 100% 82.5%)',\n orange7: 'hsl(25 99.2% 74.8%)',\n orange8: 'hsl(24 94.6% 63.9%)',\n orange9: 'hsl(24 94.0% 50.0%)',\n orange10: 'hsl(24 100% 46.0%)',\n orange11: 'hsl(24 100% 37.0%)',\n orange12: 'hsl(24 60.0% 17.0%)',\n};\n\nexport const orangeA = {\n orangeA1: 'hsl(20 94.9% 38.7% / 0.016)',\n orangeA2: 'hsl(27 95.7% 46.1% / 0.040)',\n orangeA3: 'hsl(26 100% 50.4% / 0.091)',\n orangeA4: 'hsl(27 100% 50.0% / 0.157)',\n orangeA5: 'hsl(28 100% 50.2% / 0.240)',\n orangeA6: 'hsl(26 100% 50.1% / 0.350)',\n orangeA7: 'hsl(25 100% 49.6% / 0.502)',\n orangeA8: 'hsl(24 100% 48.6% / 0.702)',\n orangeA9: 'hsl(24 99.9% 48.4% / 0.969)',\n orangeA10: 'hsl(23 100% 46.4% / 0.980)',\n orangeA11: 'hsl(23 100% 36.8% / 0.980)',\n orangeA12: 'hsl(15 99.4% 11.0% / 0.934)',\n};\n\nexport const orangeDark = {\n orange1: 'hsl(35 100% 7.2%)',\n orange2: 'hsl(35 100% 8.0%)',\n orange3: 'hsl(34 87.5% 11.4%)',\n orange4: 'hsl(33 84.1% 14.0%)',\n orange5: 'hsl(33 83.6% 16.6%)',\n orange6: 'hsl(33 85.7% 19.8%)',\n orange7: 'hsl(34 91.5% 23.9%)',\n orange8: 'hsl(35 100% 29.0%)',\n orange9: 'hsl(24 94.0% 50.0%)',\n orange10: 'hsl(35, 100%, 50.0%)',\n orange11: 'hsl(35 100% 62.2%)',\n orange12: 'hsl(24 97.0% 93.2%)',\n};\n\nexport const orangeDarkA = {\n orangeA1: 'hsl(0 0% 100% / 0)',\n orangeA2: 'hsl(30 100% 50.2% / 0.064)',\n orangeA3: 'hsl(33 100% 50.2% / 0.116)',\n orangeA4: 'hsl(33 100% 50.2% / 0.176)',\n orangeA5: 'hsl(33 99.4% 14.4% / 0.973)',\n orangeA6: 'hsl(33 99.5% 17.6% / 0.973)',\n orangeA7: 'hsl(34 100% 22.4% / 0.98)',\n orangeA8: 'hsl(34 100% 28.6% / 0.98)',\n orangeA9: 'hsl(24 99.8% 48.4% / 0.969)',\n orangeA10: 'hsl(35 100% 50% / 0.98)',\n orangeA11: 'hsl(36 100% 62.4% / 0.98)',\n orangeA12: 'hsl(26 100% 94.2% / 0.98)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,SAAS;CACpB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;
|
|
1
|
+
{"version":3,"file":"orange.cjs","names":[],"sources":["../../colors/orange.ts"],"sourcesContent":["export const orange = {\n orange1: 'hsl(24 70.0% 99.0%)',\n orange2: 'hsl(27 81.8% 97.8%)',\n orange3: 'hsl(27 98.5% 95.4%)',\n orange4: 'hsl(27 100% 92.2%)',\n orange5: 'hsl(27 100% 88.1%)',\n orange6: 'hsl(26 100% 82.5%)',\n orange7: 'hsl(25 99.2% 74.8%)',\n orange8: 'hsl(24 94.6% 63.9%)',\n orange9: 'hsl(24 94.0% 50.0%)',\n orange10: 'hsl(24 100% 46.0%)',\n orange11: 'hsl(24 100% 37.0%)',\n orange12: 'hsl(24 60.0% 17.0%)',\n};\n\nexport const orangeA = {\n orangeA1: 'hsl(20 94.9% 38.7% / 0.016)',\n orangeA2: 'hsl(27 95.7% 46.1% / 0.040)',\n orangeA3: 'hsl(26 100% 50.4% / 0.091)',\n orangeA4: 'hsl(27 100% 50.0% / 0.157)',\n orangeA5: 'hsl(28 100% 50.2% / 0.240)',\n orangeA6: 'hsl(26 100% 50.1% / 0.350)',\n orangeA7: 'hsl(25 100% 49.6% / 0.502)',\n orangeA8: 'hsl(24 100% 48.6% / 0.702)',\n orangeA9: 'hsl(24 99.9% 48.4% / 0.969)',\n orangeA10: 'hsl(23 100% 46.4% / 0.980)',\n orangeA11: 'hsl(23 100% 36.8% / 0.980)',\n orangeA12: 'hsl(15 99.4% 11.0% / 0.934)',\n};\n\nexport const orangeDark = {\n orange1: 'hsl(35 100% 7.2%)',\n orange2: 'hsl(35 100% 8.0%)',\n orange3: 'hsl(34 87.5% 11.4%)',\n orange4: 'hsl(33 84.1% 14.0%)',\n orange5: 'hsl(33 83.6% 16.6%)',\n orange6: 'hsl(33 85.7% 19.8%)',\n orange7: 'hsl(34 91.5% 23.9%)',\n orange8: 'hsl(35 100% 29.0%)',\n orange9: 'hsl(24 94.0% 50.0%)',\n orange10: 'hsl(35, 100%, 50.0%)',\n orange11: 'hsl(35 100% 62.2%)',\n orange12: 'hsl(24 97.0% 93.2%)',\n};\n\nexport const orangeDarkA = {\n orangeA1: 'hsl(0 0% 100% / 0)',\n orangeA2: 'hsl(30 100% 50.2% / 0.064)',\n orangeA3: 'hsl(33 100% 50.2% / 0.116)',\n orangeA4: 'hsl(33 100% 50.2% / 0.176)',\n orangeA5: 'hsl(33 99.4% 14.4% / 0.973)',\n orangeA6: 'hsl(33 99.5% 17.6% / 0.973)',\n orangeA7: 'hsl(34 100% 22.4% / 0.98)',\n orangeA8: 'hsl(34 100% 28.6% / 0.98)',\n orangeA9: 'hsl(24 99.8% 48.4% / 0.969)',\n orangeA10: 'hsl(35 100% 50% / 0.98)',\n orangeA11: 'hsl(36 100% 62.4% / 0.98)',\n orangeA12: 'hsl(26 100% 94.2% / 0.98)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,SAAS;CACpB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,IAAa,UAAU;CACrB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;AACb;AAEA,IAAa,aAAa;CACxB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,IAAa,cAAc;CACzB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;AACb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"orange.js","names":[],"sources":["../../colors/orange.ts"],"sourcesContent":["export const orange = {\n orange1: 'hsl(24 70.0% 99.0%)',\n orange2: 'hsl(27 81.8% 97.8%)',\n orange3: 'hsl(27 98.5% 95.4%)',\n orange4: 'hsl(27 100% 92.2%)',\n orange5: 'hsl(27 100% 88.1%)',\n orange6: 'hsl(26 100% 82.5%)',\n orange7: 'hsl(25 99.2% 74.8%)',\n orange8: 'hsl(24 94.6% 63.9%)',\n orange9: 'hsl(24 94.0% 50.0%)',\n orange10: 'hsl(24 100% 46.0%)',\n orange11: 'hsl(24 100% 37.0%)',\n orange12: 'hsl(24 60.0% 17.0%)',\n};\n\nexport const orangeA = {\n orangeA1: 'hsl(20 94.9% 38.7% / 0.016)',\n orangeA2: 'hsl(27 95.7% 46.1% / 0.040)',\n orangeA3: 'hsl(26 100% 50.4% / 0.091)',\n orangeA4: 'hsl(27 100% 50.0% / 0.157)',\n orangeA5: 'hsl(28 100% 50.2% / 0.240)',\n orangeA6: 'hsl(26 100% 50.1% / 0.350)',\n orangeA7: 'hsl(25 100% 49.6% / 0.502)',\n orangeA8: 'hsl(24 100% 48.6% / 0.702)',\n orangeA9: 'hsl(24 99.9% 48.4% / 0.969)',\n orangeA10: 'hsl(23 100% 46.4% / 0.980)',\n orangeA11: 'hsl(23 100% 36.8% / 0.980)',\n orangeA12: 'hsl(15 99.4% 11.0% / 0.934)',\n};\n\nexport const orangeDark = {\n orange1: 'hsl(35 100% 7.2%)',\n orange2: 'hsl(35 100% 8.0%)',\n orange3: 'hsl(34 87.5% 11.4%)',\n orange4: 'hsl(33 84.1% 14.0%)',\n orange5: 'hsl(33 83.6% 16.6%)',\n orange6: 'hsl(33 85.7% 19.8%)',\n orange7: 'hsl(34 91.5% 23.9%)',\n orange8: 'hsl(35 100% 29.0%)',\n orange9: 'hsl(24 94.0% 50.0%)',\n orange10: 'hsl(35, 100%, 50.0%)',\n orange11: 'hsl(35 100% 62.2%)',\n orange12: 'hsl(24 97.0% 93.2%)',\n};\n\nexport const orangeDarkA = {\n orangeA1: 'hsl(0 0% 100% / 0)',\n orangeA2: 'hsl(30 100% 50.2% / 0.064)',\n orangeA3: 'hsl(33 100% 50.2% / 0.116)',\n orangeA4: 'hsl(33 100% 50.2% / 0.176)',\n orangeA5: 'hsl(33 99.4% 14.4% / 0.973)',\n orangeA6: 'hsl(33 99.5% 17.6% / 0.973)',\n orangeA7: 'hsl(34 100% 22.4% / 0.98)',\n orangeA8: 'hsl(34 100% 28.6% / 0.98)',\n orangeA9: 'hsl(24 99.8% 48.4% / 0.969)',\n orangeA10: 'hsl(35 100% 50% / 0.98)',\n orangeA11: 'hsl(36 100% 62.4% / 0.98)',\n orangeA12: 'hsl(26 100% 94.2% / 0.98)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,SAAS;CACpB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;
|
|
1
|
+
{"version":3,"file":"orange.js","names":[],"sources":["../../colors/orange.ts"],"sourcesContent":["export const orange = {\n orange1: 'hsl(24 70.0% 99.0%)',\n orange2: 'hsl(27 81.8% 97.8%)',\n orange3: 'hsl(27 98.5% 95.4%)',\n orange4: 'hsl(27 100% 92.2%)',\n orange5: 'hsl(27 100% 88.1%)',\n orange6: 'hsl(26 100% 82.5%)',\n orange7: 'hsl(25 99.2% 74.8%)',\n orange8: 'hsl(24 94.6% 63.9%)',\n orange9: 'hsl(24 94.0% 50.0%)',\n orange10: 'hsl(24 100% 46.0%)',\n orange11: 'hsl(24 100% 37.0%)',\n orange12: 'hsl(24 60.0% 17.0%)',\n};\n\nexport const orangeA = {\n orangeA1: 'hsl(20 94.9% 38.7% / 0.016)',\n orangeA2: 'hsl(27 95.7% 46.1% / 0.040)',\n orangeA3: 'hsl(26 100% 50.4% / 0.091)',\n orangeA4: 'hsl(27 100% 50.0% / 0.157)',\n orangeA5: 'hsl(28 100% 50.2% / 0.240)',\n orangeA6: 'hsl(26 100% 50.1% / 0.350)',\n orangeA7: 'hsl(25 100% 49.6% / 0.502)',\n orangeA8: 'hsl(24 100% 48.6% / 0.702)',\n orangeA9: 'hsl(24 99.9% 48.4% / 0.969)',\n orangeA10: 'hsl(23 100% 46.4% / 0.980)',\n orangeA11: 'hsl(23 100% 36.8% / 0.980)',\n orangeA12: 'hsl(15 99.4% 11.0% / 0.934)',\n};\n\nexport const orangeDark = {\n orange1: 'hsl(35 100% 7.2%)',\n orange2: 'hsl(35 100% 8.0%)',\n orange3: 'hsl(34 87.5% 11.4%)',\n orange4: 'hsl(33 84.1% 14.0%)',\n orange5: 'hsl(33 83.6% 16.6%)',\n orange6: 'hsl(33 85.7% 19.8%)',\n orange7: 'hsl(34 91.5% 23.9%)',\n orange8: 'hsl(35 100% 29.0%)',\n orange9: 'hsl(24 94.0% 50.0%)',\n orange10: 'hsl(35, 100%, 50.0%)',\n orange11: 'hsl(35 100% 62.2%)',\n orange12: 'hsl(24 97.0% 93.2%)',\n};\n\nexport const orangeDarkA = {\n orangeA1: 'hsl(0 0% 100% / 0)',\n orangeA2: 'hsl(30 100% 50.2% / 0.064)',\n orangeA3: 'hsl(33 100% 50.2% / 0.116)',\n orangeA4: 'hsl(33 100% 50.2% / 0.176)',\n orangeA5: 'hsl(33 99.4% 14.4% / 0.973)',\n orangeA6: 'hsl(33 99.5% 17.6% / 0.973)',\n orangeA7: 'hsl(34 100% 22.4% / 0.98)',\n orangeA8: 'hsl(34 100% 28.6% / 0.98)',\n orangeA9: 'hsl(24 99.8% 48.4% / 0.969)',\n orangeA10: 'hsl(35 100% 50% / 0.98)',\n orangeA11: 'hsl(36 100% 62.4% / 0.98)',\n orangeA12: 'hsl(26 100% 94.2% / 0.98)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,SAAS;CACpB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,IAAa,UAAU;CACrB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;AACb;AAEA,IAAa,aAAa;CACxB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;AACZ;AAEA,IAAa,cAAc;CACzB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;AACb"}
|
package/dist/colors/red.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"red.cjs","names":[],"sources":["../../colors/red.ts"],"sourcesContent":["export const red = {\n red1: 'hsl(347 100% 99.0%)',\n red2: 'hsl(348 100% 99.0%)',\n red3: 'hsl(348 99.7% 97.2%)',\n red4: 'hsl(348 92.2% 94.5%)',\n red5: 'hsl(348 83.3% 90.1%)',\n red6: 'hsl(348 75.7% 84.0%)',\n red7: 'hsl(347 71.9% 78.7%)',\n red8: 'hsl(347 100% 67.0%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347 77.4% 52.4%)',\n red11: 'hsl(347, 80.0%, 40.0%)',\n red12: 'hsl(347 60.0% 15.0%)',\n};\n\nexport const redA = {\n redA1: 'hsl(348 100% 51.0% / 0.020)',\n redA2: 'hsl(348 100% 51.0% / 0.020)',\n redA3: 'hsl(347 100% 50.1% / 0.055)',\n redA4: 'hsl(348 99.8% 48.2% / 0.106)',\n redA5: 'hsl(349 99.3% 45.8% / 0.181)',\n redA6: 'hsl(347 99.5% 43.2% / 0.283)',\n redA7: 'hsl(347 99.8% 42.0% / 0.365)',\n redA8: 'hsl(347 100% 50% / 0.641)',\n redA9: 'hsl(347 100% 50.0% / 0.800)',\n redA10: 'hsl(347 99.8% 43.8% / 0.844)',\n redA11: 'hsl(347 99.9% 34.9% / 0.922)',\n redA12: 'hsl(347 99.1% 9.7% / 0.942)',\n};\n\nexport const redDark = {\n red1: 'hsl(347 23.0% 10.0%)',\n red2: 'hsl(346 34.4% 12.0%)',\n red3: 'hsl(345 42.6% 16.5%)',\n red4: 'hsl(345 46.5% 19.3%)',\n red5: 'hsl(346 49.9% 22.1%)',\n red6: 'hsl(346 53.9% 26.2%)',\n red7: 'hsl(346 59.0% 32.3%)',\n red8: 'hsl(347 64.8% 41.2%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347, 100%, 67.0%)',\n red11: 'hsl(347 100% 72.0%)',\n red12: 'hsl(347 100% 98.0%)',\n};\n\nexport const redDarkA = {\n redA1: 'hsl(0 0% 0% / 0)',\n redA2: 'hsl(342 98.5% 53.6% / 0.045)',\n redA3: 'hsl(344 99.1% 59.8% / 0.130)',\n redA4: 'hsl(343 98.8% 60.1% / 0.184)',\n redA5: 'hsl(346 99.6% 60.5% / 0.237)',\n redA6: 'hsl(345 99.6% 60.5% / 0.322)',\n redA7: 'hsl(346 99.7% 60.0% / 0.447)',\n redA8: 'hsl(347 100% 59.2% / 0.634)',\n redA9: 'hsl(347 100% 60.1% / 0.980)',\n redA10: 'hsl(347 100% 67.3% / 0.980)',\n redA11: 'hsl(347 100% 72.3% / 0.980)',\n redA12: 'hsl(338 100% 98.9% / 0.980)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,MAAM;CACjB,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO;
|
|
1
|
+
{"version":3,"file":"red.cjs","names":[],"sources":["../../colors/red.ts"],"sourcesContent":["export const red = {\n red1: 'hsl(347 100% 99.0%)',\n red2: 'hsl(348 100% 99.0%)',\n red3: 'hsl(348 99.7% 97.2%)',\n red4: 'hsl(348 92.2% 94.5%)',\n red5: 'hsl(348 83.3% 90.1%)',\n red6: 'hsl(348 75.7% 84.0%)',\n red7: 'hsl(347 71.9% 78.7%)',\n red8: 'hsl(347 100% 67.0%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347 77.4% 52.4%)',\n red11: 'hsl(347, 80.0%, 40.0%)',\n red12: 'hsl(347 60.0% 15.0%)',\n};\n\nexport const redA = {\n redA1: 'hsl(348 100% 51.0% / 0.020)',\n redA2: 'hsl(348 100% 51.0% / 0.020)',\n redA3: 'hsl(347 100% 50.1% / 0.055)',\n redA4: 'hsl(348 99.8% 48.2% / 0.106)',\n redA5: 'hsl(349 99.3% 45.8% / 0.181)',\n redA6: 'hsl(347 99.5% 43.2% / 0.283)',\n redA7: 'hsl(347 99.8% 42.0% / 0.365)',\n redA8: 'hsl(347 100% 50% / 0.641)',\n redA9: 'hsl(347 100% 50.0% / 0.800)',\n redA10: 'hsl(347 99.8% 43.8% / 0.844)',\n redA11: 'hsl(347 99.9% 34.9% / 0.922)',\n redA12: 'hsl(347 99.1% 9.7% / 0.942)',\n};\n\nexport const redDark = {\n red1: 'hsl(347 23.0% 10.0%)',\n red2: 'hsl(346 34.4% 12.0%)',\n red3: 'hsl(345 42.6% 16.5%)',\n red4: 'hsl(345 46.5% 19.3%)',\n red5: 'hsl(346 49.9% 22.1%)',\n red6: 'hsl(346 53.9% 26.2%)',\n red7: 'hsl(346 59.0% 32.3%)',\n red8: 'hsl(347 64.8% 41.2%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347, 100%, 67.0%)',\n red11: 'hsl(347 100% 72.0%)',\n red12: 'hsl(347 100% 98.0%)',\n};\n\nexport const redDarkA = {\n redA1: 'hsl(0 0% 0% / 0)',\n redA2: 'hsl(342 98.5% 53.6% / 0.045)',\n redA3: 'hsl(344 99.1% 59.8% / 0.130)',\n redA4: 'hsl(343 98.8% 60.1% / 0.184)',\n redA5: 'hsl(346 99.6% 60.5% / 0.237)',\n redA6: 'hsl(345 99.6% 60.5% / 0.322)',\n redA7: 'hsl(346 99.7% 60.0% / 0.447)',\n redA8: 'hsl(347 100% 59.2% / 0.634)',\n redA9: 'hsl(347 100% 60.1% / 0.980)',\n redA10: 'hsl(347 100% 67.3% / 0.980)',\n redA11: 'hsl(347 100% 72.3% / 0.980)',\n redA12: 'hsl(338 100% 98.9% / 0.980)',\n};\n"],"mappings":";;;;;;;AAAA,IAAa,MAAM;CACjB,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAa,OAAO;CAClB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,IAAa,UAAU;CACrB,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAa,WAAW;CACtB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV"}
|
package/dist/colors/red.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"red.js","names":[],"sources":["../../colors/red.ts"],"sourcesContent":["export const red = {\n red1: 'hsl(347 100% 99.0%)',\n red2: 'hsl(348 100% 99.0%)',\n red3: 'hsl(348 99.7% 97.2%)',\n red4: 'hsl(348 92.2% 94.5%)',\n red5: 'hsl(348 83.3% 90.1%)',\n red6: 'hsl(348 75.7% 84.0%)',\n red7: 'hsl(347 71.9% 78.7%)',\n red8: 'hsl(347 100% 67.0%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347 77.4% 52.4%)',\n red11: 'hsl(347, 80.0%, 40.0%)',\n red12: 'hsl(347 60.0% 15.0%)',\n};\n\nexport const redA = {\n redA1: 'hsl(348 100% 51.0% / 0.020)',\n redA2: 'hsl(348 100% 51.0% / 0.020)',\n redA3: 'hsl(347 100% 50.1% / 0.055)',\n redA4: 'hsl(348 99.8% 48.2% / 0.106)',\n redA5: 'hsl(349 99.3% 45.8% / 0.181)',\n redA6: 'hsl(347 99.5% 43.2% / 0.283)',\n redA7: 'hsl(347 99.8% 42.0% / 0.365)',\n redA8: 'hsl(347 100% 50% / 0.641)',\n redA9: 'hsl(347 100% 50.0% / 0.800)',\n redA10: 'hsl(347 99.8% 43.8% / 0.844)',\n redA11: 'hsl(347 99.9% 34.9% / 0.922)',\n redA12: 'hsl(347 99.1% 9.7% / 0.942)',\n};\n\nexport const redDark = {\n red1: 'hsl(347 23.0% 10.0%)',\n red2: 'hsl(346 34.4% 12.0%)',\n red3: 'hsl(345 42.6% 16.5%)',\n red4: 'hsl(345 46.5% 19.3%)',\n red5: 'hsl(346 49.9% 22.1%)',\n red6: 'hsl(346 53.9% 26.2%)',\n red7: 'hsl(346 59.0% 32.3%)',\n red8: 'hsl(347 64.8% 41.2%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347, 100%, 67.0%)',\n red11: 'hsl(347 100% 72.0%)',\n red12: 'hsl(347 100% 98.0%)',\n};\n\nexport const redDarkA = {\n redA1: 'hsl(0 0% 0% / 0)',\n redA2: 'hsl(342 98.5% 53.6% / 0.045)',\n redA3: 'hsl(344 99.1% 59.8% / 0.130)',\n redA4: 'hsl(343 98.8% 60.1% / 0.184)',\n redA5: 'hsl(346 99.6% 60.5% / 0.237)',\n redA6: 'hsl(345 99.6% 60.5% / 0.322)',\n redA7: 'hsl(346 99.7% 60.0% / 0.447)',\n redA8: 'hsl(347 100% 59.2% / 0.634)',\n redA9: 'hsl(347 100% 60.1% / 0.980)',\n redA10: 'hsl(347 100% 67.3% / 0.980)',\n redA11: 'hsl(347 100% 72.3% / 0.980)',\n redA12: 'hsl(338 100% 98.9% / 0.980)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,MAAM;CACjB,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO;
|
|
1
|
+
{"version":3,"file":"red.js","names":[],"sources":["../../colors/red.ts"],"sourcesContent":["export const red = {\n red1: 'hsl(347 100% 99.0%)',\n red2: 'hsl(348 100% 99.0%)',\n red3: 'hsl(348 99.7% 97.2%)',\n red4: 'hsl(348 92.2% 94.5%)',\n red5: 'hsl(348 83.3% 90.1%)',\n red6: 'hsl(348 75.7% 84.0%)',\n red7: 'hsl(347 71.9% 78.7%)',\n red8: 'hsl(347 100% 67.0%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347 77.4% 52.4%)',\n red11: 'hsl(347, 80.0%, 40.0%)',\n red12: 'hsl(347 60.0% 15.0%)',\n};\n\nexport const redA = {\n redA1: 'hsl(348 100% 51.0% / 0.020)',\n redA2: 'hsl(348 100% 51.0% / 0.020)',\n redA3: 'hsl(347 100% 50.1% / 0.055)',\n redA4: 'hsl(348 99.8% 48.2% / 0.106)',\n redA5: 'hsl(349 99.3% 45.8% / 0.181)',\n redA6: 'hsl(347 99.5% 43.2% / 0.283)',\n redA7: 'hsl(347 99.8% 42.0% / 0.365)',\n redA8: 'hsl(347 100% 50% / 0.641)',\n redA9: 'hsl(347 100% 50.0% / 0.800)',\n redA10: 'hsl(347 99.8% 43.8% / 0.844)',\n redA11: 'hsl(347 99.9% 34.9% / 0.922)',\n redA12: 'hsl(347 99.1% 9.7% / 0.942)',\n};\n\nexport const redDark = {\n red1: 'hsl(347 23.0% 10.0%)',\n red2: 'hsl(346 34.4% 12.0%)',\n red3: 'hsl(345 42.6% 16.5%)',\n red4: 'hsl(345 46.5% 19.3%)',\n red5: 'hsl(346 49.9% 22.1%)',\n red6: 'hsl(346 53.9% 26.2%)',\n red7: 'hsl(346 59.0% 32.3%)',\n red8: 'hsl(347 64.8% 41.2%)',\n red9: 'hsl(347, 100%, 60.0%)',\n red10: 'hsl(347, 100%, 67.0%)',\n red11: 'hsl(347 100% 72.0%)',\n red12: 'hsl(347 100% 98.0%)',\n};\n\nexport const redDarkA = {\n redA1: 'hsl(0 0% 0% / 0)',\n redA2: 'hsl(342 98.5% 53.6% / 0.045)',\n redA3: 'hsl(344 99.1% 59.8% / 0.130)',\n redA4: 'hsl(343 98.8% 60.1% / 0.184)',\n redA5: 'hsl(346 99.6% 60.5% / 0.237)',\n redA6: 'hsl(345 99.6% 60.5% / 0.322)',\n redA7: 'hsl(346 99.7% 60.0% / 0.447)',\n redA8: 'hsl(347 100% 59.2% / 0.634)',\n redA9: 'hsl(347 100% 60.1% / 0.980)',\n redA10: 'hsl(347 100% 67.3% / 0.980)',\n redA11: 'hsl(347 100% 72.3% / 0.980)',\n redA12: 'hsl(338 100% 98.9% / 0.980)',\n};\n"],"mappings":";;;;;;;;AAAA,IAAa,MAAM;CACjB,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAa,OAAO;CAClB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,IAAa,UAAU;CACrB,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAa,WAAW;CACtB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../components/Accordion/Accordion.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\n\nconst open = keyframes({\n from: { height: 0 },\n to: { height: 'var(--radix-accordion-content-height)' },\n});\n\nconst close = keyframes({\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: 0 },\n});\n\nconst StyledAccordionRoot = styled(AccordionPrimitive.Root, {\n borderRadius: 0,\n bc: 'transparent',\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 0,\n },\n});\n\nconst StyledAccordionItem = styled(AccordionPrimitive.Item, {\n mt: '$1',\n borderRadius: 'inherit',\n '&:first-child': {\n mt: 0,\n },\n boxShadow: '0 1px 0 0 $colors$divider',\n});\n\nexport const StyledAccordionHeader = styled(AccordionPrimitive.Header, {\n all: 'unset',\n display: 'flex',\n borderRadius: 'inherit',\n});\n\nexport const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, {\n all: 'unset',\n borderRadius: 'inherit',\n fontFamily: 'inherit',\n bc: '$contentBg',\n c: '$accordionLabel',\n px: '$2',\n lineHeight: 1,\n fontSize: '$3',\n display: 'flex',\n flex: 1,\n alignItems: 'center',\n justifyContent: 'flex-start',\n position: 'relative',\n '&::before': {\n borderRadius: 'inherit',\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n },\n '&:focus': {\n boxShadow: 'inset 0 0 0 1px $colors$accordionActiveShadow',\n },\n '@hover': {\n '&:not([disabled])': {\n '&:hover': {\n cursor: 'pointer',\n '&::before': {\n backgroundColor: '$accordionHoverShadow',\n },\n },\n },\n },\n transition: 'opacity 200ms ease-out',\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst StyledAccordionChevron = styled(ChevronRightIcon, {\n mr: '$2',\n c: '$accordionText',\n transition: 'transform 200ms ease-out',\n '[data-state=open] > &': {\n transform: 'rotateZ(90deg)',\n },\n});\n\nconst StyledAccordionContent = styled(AccordionPrimitive.Content, {\n overflow: 'hidden',\n fontSize: '$3',\n c: '$accordionText',\n '&[data-state=\"open\"]': {\n animation: `${open} 200ms ease-out`,\n },\n '&[data-state=\"closed\"]': {\n animation: `${close} 200ms ease-out`,\n },\n});\n\nconst StyledAccordionContentWrapper = styled('div', {\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\n// EXPORTS\nexport const AccordionRoot = StyledAccordionRoot as any;\nexport const AccordionItem = StyledAccordionItem as any;\nexport type AccordionTriggerProps = React.ComponentProps<typeof StyledAccordionTrigger> &\n VariantProps<typeof StyledAccordionTrigger> & {\n children: React.ReactNode;\n customIcon?: React.ReactNode;\n noIcon?: boolean;\n };\nexport const AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledAccordionTrigger>,\n AccordionTriggerProps\n>(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => (\n <StyledAccordionHeader>\n <StyledAccordionTrigger ref={forwardedRef} {...props}>\n {!noIcon ? (\n customIcon ? (\n <Box css={{ mr: '$2', c: '$accordionText' }} aria-hidden>\n {customIcon}\n </Box>\n ) : (\n <StyledAccordionChevron aria-hidden />\n )\n ) : null}\n <Box css={{ ml: noIcon ? '$5' : 0, width: '100%' }}>{children}</Box>\n </StyledAccordionTrigger>\n </StyledAccordionHeader>\n));\n\nexport type AccordionContentProps = VariantProps<typeof StyledAccordionContent> &\n Pick<VariantProps<typeof StyledAccordionContentWrapper>, 'size'> & {\n children: React.ReactNode;\n css?: CSS;\n };\nexport const AccordionContent = React.forwardRef<\n React.ElementRef<typeof StyledAccordionContent>,\n AccordionContentProps\n>(({ children, size, ...props }, forwardedRef) => (\n <StyledAccordionContent {...props} ref={forwardedRef}>\n <StyledAccordionContentWrapper size={size}>{children}</StyledAccordionContentWrapper>\n </StyledAccordionContent>\n));\n"],"mappings":";;;;;;;;;;;AASA,IAAM,OAAO,wBAAA,UAAU;CACrB,MAAM,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../components/Accordion/Accordion.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\n\nconst open = keyframes({\n from: { height: 0 },\n to: { height: 'var(--radix-accordion-content-height)' },\n});\n\nconst close = keyframes({\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: 0 },\n});\n\nconst StyledAccordionRoot = styled(AccordionPrimitive.Root, {\n borderRadius: 0,\n bc: 'transparent',\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 0,\n },\n});\n\nconst StyledAccordionItem = styled(AccordionPrimitive.Item, {\n mt: '$1',\n borderRadius: 'inherit',\n '&:first-child': {\n mt: 0,\n },\n boxShadow: '0 1px 0 0 $colors$divider',\n});\n\nexport const StyledAccordionHeader = styled(AccordionPrimitive.Header, {\n all: 'unset',\n display: 'flex',\n borderRadius: 'inherit',\n});\n\nexport const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, {\n all: 'unset',\n borderRadius: 'inherit',\n fontFamily: 'inherit',\n bc: '$contentBg',\n c: '$accordionLabel',\n px: '$2',\n lineHeight: 1,\n fontSize: '$3',\n display: 'flex',\n flex: 1,\n alignItems: 'center',\n justifyContent: 'flex-start',\n position: 'relative',\n '&::before': {\n borderRadius: 'inherit',\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n },\n '&:focus': {\n boxShadow: 'inset 0 0 0 1px $colors$accordionActiveShadow',\n },\n '@hover': {\n '&:not([disabled])': {\n '&:hover': {\n cursor: 'pointer',\n '&::before': {\n backgroundColor: '$accordionHoverShadow',\n },\n },\n },\n },\n transition: 'opacity 200ms ease-out',\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst StyledAccordionChevron = styled(ChevronRightIcon, {\n mr: '$2',\n c: '$accordionText',\n transition: 'transform 200ms ease-out',\n '[data-state=open] > &': {\n transform: 'rotateZ(90deg)',\n },\n});\n\nconst StyledAccordionContent = styled(AccordionPrimitive.Content, {\n overflow: 'hidden',\n fontSize: '$3',\n c: '$accordionText',\n '&[data-state=\"open\"]': {\n animation: `${open} 200ms ease-out`,\n },\n '&[data-state=\"closed\"]': {\n animation: `${close} 200ms ease-out`,\n },\n});\n\nconst StyledAccordionContentWrapper = styled('div', {\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\n// EXPORTS\nexport const AccordionRoot = StyledAccordionRoot as any;\nexport const AccordionItem = StyledAccordionItem as any;\nexport type AccordionTriggerProps = React.ComponentProps<typeof StyledAccordionTrigger> &\n VariantProps<typeof StyledAccordionTrigger> & {\n children: React.ReactNode;\n customIcon?: React.ReactNode;\n noIcon?: boolean;\n };\nexport const AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledAccordionTrigger>,\n AccordionTriggerProps\n>(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => (\n <StyledAccordionHeader>\n <StyledAccordionTrigger ref={forwardedRef} {...props}>\n {!noIcon ? (\n customIcon ? (\n <Box css={{ mr: '$2', c: '$accordionText' }} aria-hidden>\n {customIcon}\n </Box>\n ) : (\n <StyledAccordionChevron aria-hidden />\n )\n ) : null}\n <Box css={{ ml: noIcon ? '$5' : 0, width: '100%' }}>{children}</Box>\n </StyledAccordionTrigger>\n </StyledAccordionHeader>\n));\n\nexport type AccordionContentProps = VariantProps<typeof StyledAccordionContent> &\n Pick<VariantProps<typeof StyledAccordionContentWrapper>, 'size'> & {\n children: React.ReactNode;\n css?: CSS;\n };\nexport const AccordionContent = React.forwardRef<\n React.ElementRef<typeof StyledAccordionContent>,\n AccordionContentProps\n>(({ children, size, ...props }, forwardedRef) => (\n <StyledAccordionContent {...props} ref={forwardedRef}>\n <StyledAccordionContentWrapper size={size}>{children}</StyledAccordionContentWrapper>\n </StyledAccordionContent>\n));\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","names":[],"sources":["../../../components/Accordion/Accordion.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\n\nconst open = keyframes({\n from: { height: 0 },\n to: { height: 'var(--radix-accordion-content-height)' },\n});\n\nconst close = keyframes({\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: 0 },\n});\n\nconst StyledAccordionRoot = styled(AccordionPrimitive.Root, {\n borderRadius: 0,\n bc: 'transparent',\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 0,\n },\n});\n\nconst StyledAccordionItem = styled(AccordionPrimitive.Item, {\n mt: '$1',\n borderRadius: 'inherit',\n '&:first-child': {\n mt: 0,\n },\n boxShadow: '0 1px 0 0 $colors$divider',\n});\n\nexport const StyledAccordionHeader = styled(AccordionPrimitive.Header, {\n all: 'unset',\n display: 'flex',\n borderRadius: 'inherit',\n});\n\nexport const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, {\n all: 'unset',\n borderRadius: 'inherit',\n fontFamily: 'inherit',\n bc: '$contentBg',\n c: '$accordionLabel',\n px: '$2',\n lineHeight: 1,\n fontSize: '$3',\n display: 'flex',\n flex: 1,\n alignItems: 'center',\n justifyContent: 'flex-start',\n position: 'relative',\n '&::before': {\n borderRadius: 'inherit',\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n },\n '&:focus': {\n boxShadow: 'inset 0 0 0 1px $colors$accordionActiveShadow',\n },\n '@hover': {\n '&:not([disabled])': {\n '&:hover': {\n cursor: 'pointer',\n '&::before': {\n backgroundColor: '$accordionHoverShadow',\n },\n },\n },\n },\n transition: 'opacity 200ms ease-out',\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst StyledAccordionChevron = styled(ChevronRightIcon, {\n mr: '$2',\n c: '$accordionText',\n transition: 'transform 200ms ease-out',\n '[data-state=open] > &': {\n transform: 'rotateZ(90deg)',\n },\n});\n\nconst StyledAccordionContent = styled(AccordionPrimitive.Content, {\n overflow: 'hidden',\n fontSize: '$3',\n c: '$accordionText',\n '&[data-state=\"open\"]': {\n animation: `${open} 200ms ease-out`,\n },\n '&[data-state=\"closed\"]': {\n animation: `${close} 200ms ease-out`,\n },\n});\n\nconst StyledAccordionContentWrapper = styled('div', {\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\n// EXPORTS\nexport const AccordionRoot = StyledAccordionRoot as any;\nexport const AccordionItem = StyledAccordionItem as any;\nexport type AccordionTriggerProps = React.ComponentProps<typeof StyledAccordionTrigger> &\n VariantProps<typeof StyledAccordionTrigger> & {\n children: React.ReactNode;\n customIcon?: React.ReactNode;\n noIcon?: boolean;\n };\nexport const AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledAccordionTrigger>,\n AccordionTriggerProps\n>(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => (\n <StyledAccordionHeader>\n <StyledAccordionTrigger ref={forwardedRef} {...props}>\n {!noIcon ? (\n customIcon ? (\n <Box css={{ mr: '$2', c: '$accordionText' }} aria-hidden>\n {customIcon}\n </Box>\n ) : (\n <StyledAccordionChevron aria-hidden />\n )\n ) : null}\n <Box css={{ ml: noIcon ? '$5' : 0, width: '100%' }}>{children}</Box>\n </StyledAccordionTrigger>\n </StyledAccordionHeader>\n));\n\nexport type AccordionContentProps = VariantProps<typeof StyledAccordionContent> &\n Pick<VariantProps<typeof StyledAccordionContentWrapper>, 'size'> & {\n children: React.ReactNode;\n css?: CSS;\n };\nexport const AccordionContent = React.forwardRef<\n React.ElementRef<typeof StyledAccordionContent>,\n AccordionContentProps\n>(({ children, size, ...props }, forwardedRef) => (\n <StyledAccordionContent {...props} ref={forwardedRef}>\n <StyledAccordionContentWrapper size={size}>{children}</StyledAccordionContentWrapper>\n </StyledAccordionContent>\n));\n"],"mappings":";;;;;;;;AASA,IAAM,OAAO,UAAU;CACrB,MAAM,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"Accordion.js","names":[],"sources":["../../../components/Accordion/Accordion.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronRightIcon } from '@radix-ui/react-icons';\nimport React from 'react';\n\nimport { CSS, keyframes, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\nimport { elevationVariants } from '../Elevation';\n\nconst open = keyframes({\n from: { height: 0 },\n to: { height: 'var(--radix-accordion-content-height)' },\n});\n\nconst close = keyframes({\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: 0 },\n});\n\nconst StyledAccordionRoot = styled(AccordionPrimitive.Root, {\n borderRadius: 0,\n bc: 'transparent',\n variants: {\n elevation: elevationVariants,\n },\n defaultVariants: {\n elevation: 0,\n },\n});\n\nconst StyledAccordionItem = styled(AccordionPrimitive.Item, {\n mt: '$1',\n borderRadius: 'inherit',\n '&:first-child': {\n mt: 0,\n },\n boxShadow: '0 1px 0 0 $colors$divider',\n});\n\nexport const StyledAccordionHeader = styled(AccordionPrimitive.Header, {\n all: 'unset',\n display: 'flex',\n borderRadius: 'inherit',\n});\n\nexport const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, {\n all: 'unset',\n borderRadius: 'inherit',\n fontFamily: 'inherit',\n bc: '$contentBg',\n c: '$accordionLabel',\n px: '$2',\n lineHeight: 1,\n fontSize: '$3',\n display: 'flex',\n flex: 1,\n alignItems: 'center',\n justifyContent: 'flex-start',\n position: 'relative',\n '&::before': {\n borderRadius: 'inherit',\n boxSizing: 'border-box',\n content: '\"\"',\n position: 'absolute',\n inset: 0,\n },\n '&:focus': {\n boxShadow: 'inset 0 0 0 1px $colors$accordionActiveShadow',\n },\n '@hover': {\n '&:not([disabled])': {\n '&:hover': {\n cursor: 'pointer',\n '&::before': {\n backgroundColor: '$accordionHoverShadow',\n },\n },\n },\n },\n transition: 'opacity 200ms ease-out',\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst StyledAccordionChevron = styled(ChevronRightIcon, {\n mr: '$2',\n c: '$accordionText',\n transition: 'transform 200ms ease-out',\n '[data-state=open] > &': {\n transform: 'rotateZ(90deg)',\n },\n});\n\nconst StyledAccordionContent = styled(AccordionPrimitive.Content, {\n overflow: 'hidden',\n fontSize: '$3',\n c: '$accordionText',\n '&[data-state=\"open\"]': {\n animation: `${open} 200ms ease-out`,\n },\n '&[data-state=\"closed\"]': {\n animation: `${close} 200ms ease-out`,\n },\n});\n\nconst StyledAccordionContentWrapper = styled('div', {\n variants: {\n size: {\n small: {\n py: '$2',\n },\n medium: {\n py: '$3',\n },\n large: {\n py: '$5',\n },\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\n// EXPORTS\nexport const AccordionRoot = StyledAccordionRoot as any;\nexport const AccordionItem = StyledAccordionItem as any;\nexport type AccordionTriggerProps = React.ComponentProps<typeof StyledAccordionTrigger> &\n VariantProps<typeof StyledAccordionTrigger> & {\n children: React.ReactNode;\n customIcon?: React.ReactNode;\n noIcon?: boolean;\n };\nexport const AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof StyledAccordionTrigger>,\n AccordionTriggerProps\n>(({ children, noIcon = false, customIcon, ...props }, forwardedRef) => (\n <StyledAccordionHeader>\n <StyledAccordionTrigger ref={forwardedRef} {...props}>\n {!noIcon ? (\n customIcon ? (\n <Box css={{ mr: '$2', c: '$accordionText' }} aria-hidden>\n {customIcon}\n </Box>\n ) : (\n <StyledAccordionChevron aria-hidden />\n )\n ) : null}\n <Box css={{ ml: noIcon ? '$5' : 0, width: '100%' }}>{children}</Box>\n </StyledAccordionTrigger>\n </StyledAccordionHeader>\n));\n\nexport type AccordionContentProps = VariantProps<typeof StyledAccordionContent> &\n Pick<VariantProps<typeof StyledAccordionContentWrapper>, 'size'> & {\n children: React.ReactNode;\n css?: CSS;\n };\nexport const AccordionContent = React.forwardRef<\n React.ElementRef<typeof StyledAccordionContent>,\n AccordionContentProps\n>(({ children, size, ...props }, forwardedRef) => (\n <StyledAccordionContent {...props} ref={forwardedRef}>\n <StyledAccordionContentWrapper size={size}>{children}</StyledAccordionContentWrapper>\n </StyledAccordionContent>\n));\n"],"mappings":";;;;;;;;AASA,IAAM,OAAO,UAAU;CACrB,MAAM,EAAE,QAAQ,EAAE;CAClB,IAAI,EAAE,QAAQ,wCAAwC;AACxD,CAAC;AAED,IAAM,QAAQ,UAAU;CACtB,MAAM,EAAE,QAAQ,wCAAwC;CACxD,IAAI,EAAE,QAAQ,EAAE;AAClB,CAAC;AAED,IAAM,sBAAsB,OAAO,mBAAmB,MAAM;CAC1D,cAAc;CACd,IAAI;CACJ,UAAU,EACR,WAAW,kBACb;CACA,iBAAiB,EACf,WAAW,EACb;AACF,CAAC;AAED,IAAM,sBAAsB,OAAO,mBAAmB,MAAM;CAC1D,IAAI;CACJ,cAAc;CACd,iBAAiB,EACf,IAAI,EACN;CACA,WAAW;AACb,CAAC;AAED,IAAa,wBAAwB,OAAO,mBAAmB,QAAQ;CACrE,KAAK;CACL,SAAS;CACT,cAAc;AAChB,CAAC;AAED,IAAa,yBAAyB,OAAO,mBAAmB,SAAS;CACvE,KAAK;CACL,cAAc;CACd,YAAY;CACZ,IAAI;CACJ,GAAG;CACH,IAAI;CACJ,YAAY;CACZ,UAAU;CACV,SAAS;CACT,MAAM;CACN,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,aAAa;EACX,cAAc;EACd,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;CACT;CACA,WAAW,EACT,WAAW,gDACb;CACA,UAAU,EACR,qBAAqB,EACnB,WAAW;EACT,QAAQ;EACR,aAAa,EACX,iBAAiB,wBACnB;CACF,EACF,EACF;CACA,YAAY;CACZ,UAAU,EACR,MAAM;EACJ,OAAO,EACL,IAAI,KACN;EACA,QAAQ,EACN,IAAI,KACN;EACA,OAAO,EACL,IAAI,KACN;CACF,EACF;CACA,iBAAiB,EACf,MAAM,QACR;AACF,CAAC;AAED,IAAM,yBAAyB,OAAO,kBAAkB;CACtD,IAAI;CACJ,GAAG;CACH,YAAY;CACZ,yBAAyB,EACvB,WAAW,iBACb;AACF,CAAC;AAED,IAAM,yBAAyB,OAAO,mBAAmB,SAAS;CAChE,UAAU;CACV,UAAU;CACV,GAAG;CACH,0BAAwB,EACtB,WAAW,GAAG,KAAK,iBACrB;CACA,4BAA0B,EACxB,WAAW,GAAG,MAAM,iBACtB;AACF,CAAC;AAED,IAAM,gCAAgC,OAAO,OAAO;CAClD,UAAU,EACR,MAAM;EACJ,OAAO,EACL,IAAI,KACN;EACA,QAAQ,EACN,IAAI,KACN;EACA,OAAO,EACL,IAAI,KACN;CACF,EACF;CACA,iBAAiB,EACf,MAAM,QACR;AACF,CAAC;AAGD,IAAa,gBAAgB;AAC7B,IAAa,gBAAgB;AAO7B,IAAa,mBAAmB,MAAM,YAGnC,EAAE,UAAU,SAAS,OAAO,YAAY,GAAG,SAAS,iBACrD,oBAAC,uBAAD,EAAA,UACE,qBAAC,wBAAD;CAAwB,KAAK;CAAc,GAAI;WAA/C,CACG,CAAC,SACA,aACE,oBAAC,KAAD;EAAK,KAAK;GAAE,IAAI;GAAM,GAAG;EAAiB;EAAG,eAAA;YAC1C;CACE,CAAA,IAEL,oBAAC,wBAAD,EAAwB,eAAA,KAAa,CAAA,IAErC,MACJ,oBAAC,KAAD;EAAK,KAAK;GAAE,IAAI,SAAS,OAAO;GAAG,OAAO;EAAO;EAAI;CAAc,CAAA,CAC7C;GACH,CAAA,CACxB;AAOD,IAAa,mBAAmB,MAAM,YAGnC,EAAE,UAAU,MAAM,GAAG,SAAS,iBAC/B,oBAAC,wBAAD;CAAwB,GAAI;CAAO,KAAK;WACtC,oBAAC,+BAAD;EAAqC;EAAO;CAAwC,CAAA;AAC9D,CAAA,CACzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.themes.cjs","names":[],"sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n accordionBackground: Property.Color;\n accordionHoverShadow: Property.Color;\n accordionActiveShadow: Property.Color;\n accordionText: Property.Color;\n accordionLabel: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n accordionBackground: 'white',\n accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n accordionBackground: '$deepBlue2',\n accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n });\n}\n"],"mappings":";;;;AAKO,IAAA;;
|
|
1
|
+
{"version":3,"file":"Accordion.themes.cjs","names":[],"sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n accordionBackground: Property.Color;\n accordionHoverShadow: Property.Color;\n accordionActiveShadow: Property.Color;\n accordionText: Property.Color;\n accordionLabel: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n accordionBackground: 'white',\n accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n accordionBackground: '$deepBlue2',\n accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n });\n}\n"],"mappings":";;;;AAKO,IAAA;;CAWQ,OAAA,kBAA2B;EACtC,qBAAqB;EACrB,uBAAA,GAAA,WAAA,SAAgC,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EACpE,wBAAA,GAAA,WAAA,SAAiC,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EACpE,gBAAA,GAAA,WAAA,SAAyB,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EAC7D,iBAAA,GAAA,WAAA,SAA0B,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAChE;CAEa,OAAA,iBAA0B;EACrC,qBAAqB;EACrB,uBAAA,GAAA,WAAA,SAAgC,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EACpE,wBAAA,GAAA,WAAA,SAAiC,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EACpE,gBAAA,GAAA,WAAA,SAAyB,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EAC7D,iBAAA,GAAA,WAAA,SAA0B,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAChE;wBACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.themes.js","names":[],"sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n accordionBackground: Property.Color;\n accordionHoverShadow: Property.Color;\n accordionActiveShadow: Property.Color;\n accordionText: Property.Color;\n accordionLabel: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n accordionBackground: 'white',\n accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n accordionBackground: '$deepBlue2',\n accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n });\n}\n"],"mappings":";;AAKO,IAAA;;
|
|
1
|
+
{"version":3,"file":"Accordion.themes.js","names":[],"sources":["../../../components/Accordion/Accordion.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n type Colors = {\n accordionBackground: Property.Color;\n accordionHoverShadow: Property.Color;\n accordionActiveShadow: Property.Color;\n accordionText: Property.Color;\n accordionLabel: Property.Color;\n };\n\n type Factory = (primaryColor: ColorInfo) => Colors;\n\n export const getLight: Factory = () => ({\n accordionBackground: 'white',\n accordionHoverShadow: tinycolor('black').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('black').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('black').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('black').setAlpha(0.51).toHslString(),\n });\n\n export const getDark: Factory = () => ({\n accordionBackground: '$deepBlue2',\n accordionHoverShadow: tinycolor('white').setAlpha(0.05).toHslString(),\n accordionActiveShadow: tinycolor('white').setAlpha(0.2).toHslString(),\n accordionText: tinycolor('white').setAlpha(0.74).toHslString(),\n accordionLabel: tinycolor('white').setAlpha(0.51).toHslString(),\n });\n}\n"],"mappings":";;AAKO,IAAA;;CAWQ,OAAA,kBAA2B;EACtC,qBAAqB;EACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EACpE,uBAAuB,UAAU,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EACpE,eAAe,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EAC7D,gBAAgB,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAChE;CAEa,OAAA,iBAA0B;EACrC,qBAAqB;EACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EACpE,uBAAuB,UAAU,OAAO,EAAE,SAAS,EAAG,EAAE,YAAY;EACpE,eAAe,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;EAC7D,gBAAgB,UAAU,OAAO,EAAE,SAAS,GAAI,EAAE,YAAY;CAChE;wBACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.cjs","names":[],"sources":["../../../components/Alert/Alert.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\n\nexport const Alert = styled(Card, {\n variants: {\n variant: {\n gray: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$slate9',\n },\n },\n info: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$blue9',\n },\n },\n success: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$green9',\n },\n },\n warning: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$orange9',\n },\n },\n error: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$red9',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'gray',\n },\n});\n\nexport type AlertVariants = VariantProps<typeof Alert>;\nexport type AlertProps = AlertVariants & NonNullable<unknown>;\n"],"mappings":";;;AAGA,IAAa,QAAQ,wBAAA,OAAO,aAAA,MAAM;CAChC,UAAU,EACR,SAAS;EACP,MAAM,EACJ,aAAa,EACX,WAAW,
|
|
1
|
+
{"version":3,"file":"Alert.cjs","names":[],"sources":["../../../components/Alert/Alert.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\n\nexport const Alert = styled(Card, {\n variants: {\n variant: {\n gray: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$slate9',\n },\n },\n info: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$blue9',\n },\n },\n success: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$green9',\n },\n },\n warning: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$orange9',\n },\n },\n error: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$red9',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'gray',\n },\n});\n\nexport type AlertVariants = VariantProps<typeof Alert>;\nexport type AlertProps = AlertVariants & NonNullable<unknown>;\n"],"mappings":";;;AAGA,IAAa,QAAQ,wBAAA,OAAO,aAAA,MAAM;CAChC,UAAU,EACR,SAAS;EACP,MAAM,EACJ,aAAa,EACX,WAAW,iCACb,EACF;EACA,MAAM,EACJ,aAAa,EACX,WAAW,gCACb,EACF;EACA,SAAS,EACP,aAAa,EACX,WAAW,iCACb,EACF;EACA,SAAS,EACP,aAAa,EACX,WAAW,kCACb,EACF;EACA,OAAO,EACL,aAAa,EACX,WAAW,+BACb,EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","names":[],"sources":["../../../components/Alert/Alert.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\n\nexport const Alert = styled(Card, {\n variants: {\n variant: {\n gray: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$slate9',\n },\n },\n info: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$blue9',\n },\n },\n success: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$green9',\n },\n },\n warning: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$orange9',\n },\n },\n error: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$red9',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'gray',\n },\n});\n\nexport type AlertVariants = VariantProps<typeof Alert>;\nexport type AlertProps = AlertVariants & NonNullable<unknown>;\n"],"mappings":";;;AAGA,IAAa,QAAQ,OAAO,MAAM;CAChC,UAAU,EACR,SAAS;EACP,MAAM,EACJ,aAAa,EACX,WAAW,
|
|
1
|
+
{"version":3,"file":"Alert.js","names":[],"sources":["../../../components/Alert/Alert.tsx"],"sourcesContent":["import { styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\n\nexport const Alert = styled(Card, {\n variants: {\n variant: {\n gray: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$slate9',\n },\n },\n info: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$blue9',\n },\n },\n success: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$green9',\n },\n },\n warning: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$orange9',\n },\n },\n error: {\n '&::before': {\n boxShadow: 'inset 0 0 0 1px $colors$red9',\n },\n },\n },\n },\n defaultVariants: {\n variant: 'gray',\n },\n});\n\nexport type AlertVariants = VariantProps<typeof Alert>;\nexport type AlertProps = AlertVariants & NonNullable<unknown>;\n"],"mappings":";;;AAGA,IAAa,QAAQ,OAAO,MAAM;CAChC,UAAU,EACR,SAAS;EACP,MAAM,EACJ,aAAa,EACX,WAAW,iCACb,EACF;EACA,MAAM,EACJ,aAAa,EACX,WAAW,gCACb,EACF;EACA,SAAS,EACP,aAAa,EACX,WAAW,iCACb,EACF;EACA,SAAS,EACP,aAAa,EACX,WAAW,kCACb,EACF;EACA,OAAO,EACL,aAAa,EACX,WAAW,+BACb,EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AriaTable.cjs","names":[],"sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n Children,\n cloneElement,\n ComponentProps,\n ElementRef,\n forwardRef,\n isValidElement,\n ReactNode,\n useMemo,\n useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n Caption as TableCaption,\n StyledTr as TableTr,\n Table as TableTable,\n Tbody as TableTbody,\n Td as TableTd,\n Tfoot as TableTfoot,\n Th as TableTh,\n Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n ElementRef<typeof StyledTbody>,\n ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n ElementRef<typeof StyledTfoot>,\n ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? {\n transition: 'all 0.2s ease-out',\n paddingBottom: 0,\n paddingTop: 0,\n border: 'none',\n }\n : {\n transition: 'all 0.2s ease-out',\n padding: '0px 16px',\n pointerEvents: 'none',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? {\n transition: 'all 0.2s ease-out',\n padding: '16px',\n paddingBottom: 0,\n }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n padding: '0px 16px',\n },\n [isOpen],\n );\n\n return (\n <StyledTr\n css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n >\n <Td css={appliedStyle} fullColSpan>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </StyledTr>\n );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n asChild?: boolean;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n children?: React.ReactNode;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n const Component = asChild ? StyledTrSlot : StyledTr;\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n if (!asChild) {\n const arrayChildren = Children.toArray(children);\n const hasColSpanChildren = arrayChildren.some((child) => {\n if (!isValidElement(child)) {\n return false;\n }\n const { fullColSpan } = child.props as TdProps;\n return !!fullColSpan;\n });\n if (hasColSpanChildren && arrayChildren.length > 1) {\n throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n }\n }\n\n const TdEl = useMemo(\n () =>\n emptyFirstColumn ? (\n tableHead ? (\n <Th css={{ width: 24 }} />\n ) : (\n <Td key=\"empty-td\" />\n )\n ) : collapsedContent ? (\n <Td key=\"chevron-td\">\n <Box\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <ChevronRightIcon\n onClick={() => setIsCollapsed(!isCollapsed)}\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Box>\n </Td>\n ) : null,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isCollapsed],\n );\n\n const renderedChildren = useMemo(() => {\n if (asChild) {\n return cloneElement(\n children as any,\n {\n // @ts-ignore: Object is possibly 'null'.\n ...children?.props,\n },\n // @ts-ignore: Object is possibly 'null'.\n [TdEl, ...(children?.props?.children || [])],\n );\n }\n\n return (\n <>\n {TdEl}\n {children}\n </>\n );\n }, [asChild, TdEl, children]);\n\n return (\n <>\n <Component\n ref={ref}\n role=\"row\"\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > span`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {renderedChildren}\n </Component>\n {!!collapsedContent && (\n <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n )}\n </>\n );\n },\n);\n\nconst StyledTh = styled('span', TableTh, {\n display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n VariantProps<typeof StyledTd> &\n VariantProps<typeof TableTd> & {\n fullColSpan?: boolean;\n };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n ({ fullColSpan, css, ...props }, ref) => {\n const fullColSpanCss = useMemo(\n () =>\n fullColSpan\n ? {\n position: 'absolute',\n left: 0,\n width: '100%',\n height: '100%',\n }\n : {},\n [fullColSpan],\n );\n if (fullColSpan) {\n return (\n <>\n <FillerTd css={css} {...props} />\n <StyledTd ref={ref} role=\"cell\" css={deepMerge(fullColSpanCss, css)} {...props} />\n </>\n );\n }\n return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n },\n);\n\nconst StyledThead = styled('div', TableThead, {\n display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n ElementRef<typeof StyledThead>,\n ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n display: 'table',\n});\nexport const Table = forwardRef<\n ElementRef<typeof StyledTable>,\n ComponentProps<typeof StyledTable> &\n VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n <StyledTable\n ref={ref}\n role=\"table\"\n css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n {...props}\n />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AriaTable.cjs","names":[],"sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n Children,\n cloneElement,\n ComponentProps,\n ElementRef,\n forwardRef,\n isValidElement,\n ReactNode,\n useMemo,\n useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n Caption as TableCaption,\n StyledTr as TableTr,\n Table as TableTable,\n Tbody as TableTbody,\n Td as TableTd,\n Tfoot as TableTfoot,\n Th as TableTh,\n Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n ElementRef<typeof StyledTbody>,\n ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n ElementRef<typeof StyledTfoot>,\n ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? {\n transition: 'all 0.2s ease-out',\n paddingBottom: 0,\n paddingTop: 0,\n border: 'none',\n }\n : {\n transition: 'all 0.2s ease-out',\n padding: '0px 16px',\n pointerEvents: 'none',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? {\n transition: 'all 0.2s ease-out',\n padding: '16px',\n paddingBottom: 0,\n }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n padding: '0px 16px',\n },\n [isOpen],\n );\n\n return (\n <StyledTr\n css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n >\n <Td css={appliedStyle} fullColSpan>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </StyledTr>\n );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n asChild?: boolean;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n children?: React.ReactNode;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n const Component = asChild ? StyledTrSlot : StyledTr;\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n if (!asChild) {\n const arrayChildren = Children.toArray(children);\n const hasColSpanChildren = arrayChildren.some((child) => {\n if (!isValidElement(child)) {\n return false;\n }\n const { fullColSpan } = child.props as TdProps;\n return !!fullColSpan;\n });\n if (hasColSpanChildren && arrayChildren.length > 1) {\n throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n }\n }\n\n const TdEl = useMemo(\n () =>\n emptyFirstColumn ? (\n tableHead ? (\n <Th css={{ width: 24 }} />\n ) : (\n <Td key=\"empty-td\" />\n )\n ) : collapsedContent ? (\n <Td key=\"chevron-td\">\n <Box\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <ChevronRightIcon\n onClick={() => setIsCollapsed(!isCollapsed)}\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Box>\n </Td>\n ) : null,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isCollapsed],\n );\n\n const renderedChildren = useMemo(() => {\n if (asChild) {\n return cloneElement(\n children as any,\n {\n // @ts-ignore: Object is possibly 'null'.\n ...children?.props,\n },\n // @ts-ignore: Object is possibly 'null'.\n [TdEl, ...(children?.props?.children || [])],\n );\n }\n\n return (\n <>\n {TdEl}\n {children}\n </>\n );\n }, [asChild, TdEl, children]);\n\n return (\n <>\n <Component\n ref={ref}\n role=\"row\"\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > span`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {renderedChildren}\n </Component>\n {!!collapsedContent && (\n <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n )}\n </>\n );\n },\n);\n\nconst StyledTh = styled('span', TableTh, {\n display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n VariantProps<typeof StyledTd> &\n VariantProps<typeof TableTd> & {\n fullColSpan?: boolean;\n };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n ({ fullColSpan, css, ...props }, ref) => {\n const fullColSpanCss = useMemo(\n () =>\n fullColSpan\n ? {\n position: 'absolute',\n left: 0,\n width: '100%',\n height: '100%',\n }\n : {},\n [fullColSpan],\n );\n if (fullColSpan) {\n return (\n <>\n <FillerTd css={css} {...props} />\n <StyledTd ref={ref} role=\"cell\" css={deepMerge(fullColSpanCss, css)} {...props} />\n </>\n );\n }\n return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n },\n);\n\nconst StyledThead = styled('div', TableThead, {\n display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n ElementRef<typeof StyledThead>,\n ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n display: 'table',\n});\nexport const Table = forwardRef<\n ElementRef<typeof StyledTable>,\n ComponentProps<typeof StyledTable> &\n VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n <StyledTable\n ref={ref}\n role=\"table\"\n css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n {...props}\n />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"mappings":";;;;;;;;;;;AA6BA,IAAa,UAAU,wBAAA,OAAO,OAAO,cAAA,SAAc,EACjD,SAAS,gBACX,CAAC;AAED,IAAM,cAAc,wBAAA,OAAO,OAAO,cAAA,OAAY,EAC5C,SAAS,kBACX,CAAC;AACD,IAAa,SAAA,GAAA,MAAA,aAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,KAAC,aAAD;CAAkB;CAAK,MAAK;CAAW,GAAI;AAAQ,CAAA,CAAC;AAEtE,IAAM,cAAc,wBAAA,OAAO,OAAO,cAAA,OAAY,EAC5C,SAAS,qBACX,CAAC;AACD,IAAa,SAAA,GAAA,MAAA,aAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,KAAC,aAAD;CAAkB;CAAK,MAAK;CAAW,GAAI;AAAQ,CAAA,CAAC;AAEtE,IAAM,WAAW,wBAAA,OAAO,OAAO,cAAA,UAAS,EACtC,SAAS,YACX,CAAC;AACD,IAAM,eAAe,wBAAA,OAAO,qBAAA,MAAM,QAAQ;AAE1C,IAAM,qBAAqB,EAAE,QAAQ,eAAyD;CAC5F,MAAM,gBAAA,GAAA,MAAA,eAEF,SACI;EACE,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,QAAQ;CACV,IACA;EACE,YAAY;EACZ,SAAS;EACT,eAAe;EACf,QAAQ;CACV,GACN,CAAC,MAAM,CACT;CAEA,MAAM,kBAAA,GAAA,MAAA,eAEF,SACI;EACE,YAAY;EACZ,SAAS;EACT,eAAe;CACjB,IACA;EACE,YAAY;EACZ,QAAQ;EACR,UAAU;EACV,SAAS;CACX,GACN,CAAC,MAAM,CACT;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EACE,KAAK,SAAS,EAAE,sBAAsB,EAAE,cAAc,4BAA4B,EAAE,IAAI,CAAC;YAEzF,iBAAA,GAAA,kBAAA,KAAC,IAAD;GAAI,KAAK;GAAc,aAAA;aACrB,iBAAA,GAAA,kBAAA,KAAC,YAAA,KAAD;IAAK,KAAK;IAAiB;GAAc,CAAA;EACvC,CAAA;CACI,CAAA;AAEd;AAWA,IAAa,MAAA,GAAA,MAAA,aACV,EAAE,SAAS,UAAU,kBAAkB,kBAAkB,WAAW,KAAK,GAAG,SAAS,QAAQ;CAC5F,MAAM,YAAY,UAAU,eAAe;CAC3C,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA2B,KAAK;CAEpD,IAAI,CAAC,SAAS;EACZ,MAAM,gBAAgB,MAAA,SAAS,QAAQ,QAAQ;EAQ/C,IAP2B,cAAc,MAAM,UAAU;GACvD,IAAI,EAAA,GAAA,MAAA,gBAAgB,KAAK,GACvB,OAAO;GAET,MAAM,EAAE,gBAAgB,MAAM;GAC9B,OAAO,CAAC,CAAC;EACX,CACI,KAAsB,cAAc,SAAS,GAC/C,MAAM,IAAI,MAAM,+DAA+D;CAEnF;CAEA,MAAM,QAAA,GAAA,MAAA,eAEF,mBACE,YACE,iBAAA,GAAA,kBAAA,KAAC,IAAD,EAAI,KAAK,EAAE,OAAO,GAAG,EAAI,CAAA,IAEzB,iBAAA,GAAA,kBAAA,KAAC,IAAD,CAAoB,GAAZ,UAAY,IAEpB,mBACF,iBAAA,GAAA,kBAAA,KAAC,IAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,YAAA,KAAD;EACE,UAAU,MAAM;GACd,EAAE,gBAAgB;GAClB,EAAE,eAAe;EACnB;YAEA,iBAAA,GAAA,kBAAA,KAAC,sBAAA,kBAAD;GACE,eAAe,eAAe,CAAC,WAAW;GAC1C,OAAO;IACL,QAAQ;IACR,YAAY;IACZ,WAAW,cAAc,kBAAkB;GAC7C;EACD,CAAA;CACE,CAAA,EACH,GAhBI,YAgBJ,IACF,MAEN,CAAC,WAAW,CACd;CAEA,MAAM,oBAAA,GAAA,MAAA,eAAiC;EACrC,IAAI,SACF,QAAA,GAAA,MAAA,cACE,UACA,EAEE,GAAG,UAAU,MACf,GAEA,CAAC,MAAM,GAAI,UAAU,OAAO,YAAY,CAAC,CAAE,CAC7C;EAGF,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,MACA,QACD,EAAA,CAAA;CAEN,GAAG;EAAC;EAAS;EAAM;CAAQ,CAAC;CAE5B,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,MAAK;EACL,KACE,CAAC,CAAC,oBAAoB,CAAC,cACnB;GACE,GAAG;IACF,+BAA+B,EAC9B,cAAc,OAChB;EACF,IACA,EAAE,GAAG,IAAI;EAEf,GAAI;YAEH;CACQ,CAAA,GACV,CAAC,CAAC,oBACD,iBAAA,GAAA,kBAAA,KAAC,mBAAD;EAAmB,QAAQ;YAAc;CAAoC,CAAA,CAE/E,EAAA,CAAA;AAEN,CACF;AAEA,IAAM,WAAW,wBAAA,OAAO,QAAQ,cAAA,IAAS,EACvC,SAAS,aACX,CAAC;AAID,IAAa,MAAA,GAAA,MAAA,aACV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,KAAC,UAAD;CAAe;CAAK,MAAK;CAAe,GAAI;AAAQ,CAAA,CACtE;AAEA,IAAM,WAAW,wBAAA,OAAO,QAAQ,cAAA,IAAS,EACvC,SAAS,aACX,CAAC;AAED,IAAM,WAAW,wBAAA,OAAO,UAAU,EAChC,YAAY,SACd,CAAC;AAOD,IAAa,MAAA,GAAA,MAAA,aACV,EAAE,aAAa,KAAK,GAAG,SAAS,QAAQ;CACvC,MAAM,kBAAA,GAAA,MAAA,eAEF,cACI;EACE,UAAU;EACV,MAAM;EACN,OAAO;EACP,QAAQ;CACV,IACA,CAAC,GACP,CAAC,WAAW,CACd;CACA,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAe;EAAK,GAAI;CAAQ,CAAA,GAChC,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAe;EAAK,MAAK;EAAO,KAAK,kBAAA,UAAU,gBAAgB,GAAG;EAAG,GAAI;CAAQ,CAAA,CACjF,EAAA,CAAA;CAGN,OAAO,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAe;EAAK,MAAK;EAAY;EAAK,GAAI;CAAQ,CAAA;AAC/D,CACF;AAEA,IAAM,cAAc,wBAAA,OAAO,OAAO,cAAA,OAAY,EAC5C,SAAS,qBACX,CAAC;AACD,IAAa,SAAA,GAAA,MAAA,aAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,KAAC,aAAD;CAAkB;CAAK,MAAK;CAAW,GAAI;AAAQ,CAAA,CAAC;AAEtE,IAAM,cAAc,wBAAA,OAAO,OAAO,cAAA,OAAY,EAC5C,SAAS,QACX,CAAC;AACD,IAAa,SAAA,GAAA,MAAA,aAIV,EAAE,wBAAwB,KAAK,GAAG,SAAS,QAC5C,iBAAA,GAAA,kBAAA,KAAC,aAAD;CACO;CACL,MAAK;CACL,KAAK,yBAAyB;EAAE,gBAAgB;EAAY,GAAG;CAAI,IAAI;CACvE,GAAI;AACL,CAAA,CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AriaTable.js","names":[],"sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n Children,\n cloneElement,\n ComponentProps,\n ElementRef,\n forwardRef,\n isValidElement,\n ReactNode,\n useMemo,\n useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n Caption as TableCaption,\n StyledTr as TableTr,\n Table as TableTable,\n Tbody as TableTbody,\n Td as TableTd,\n Tfoot as TableTfoot,\n Th as TableTh,\n Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n ElementRef<typeof StyledTbody>,\n ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n ElementRef<typeof StyledTfoot>,\n ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? {\n transition: 'all 0.2s ease-out',\n paddingBottom: 0,\n paddingTop: 0,\n border: 'none',\n }\n : {\n transition: 'all 0.2s ease-out',\n padding: '0px 16px',\n pointerEvents: 'none',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? {\n transition: 'all 0.2s ease-out',\n padding: '16px',\n paddingBottom: 0,\n }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n padding: '0px 16px',\n },\n [isOpen],\n );\n\n return (\n <StyledTr\n css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n >\n <Td css={appliedStyle} fullColSpan>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </StyledTr>\n );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n asChild?: boolean;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n children?: React.ReactNode;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n const Component = asChild ? StyledTrSlot : StyledTr;\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n if (!asChild) {\n const arrayChildren = Children.toArray(children);\n const hasColSpanChildren = arrayChildren.some((child) => {\n if (!isValidElement(child)) {\n return false;\n }\n const { fullColSpan } = child.props as TdProps;\n return !!fullColSpan;\n });\n if (hasColSpanChildren && arrayChildren.length > 1) {\n throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n }\n }\n\n const TdEl = useMemo(\n () =>\n emptyFirstColumn ? (\n tableHead ? (\n <Th css={{ width: 24 }} />\n ) : (\n <Td key=\"empty-td\" />\n )\n ) : collapsedContent ? (\n <Td key=\"chevron-td\">\n <Box\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <ChevronRightIcon\n onClick={() => setIsCollapsed(!isCollapsed)}\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Box>\n </Td>\n ) : null,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isCollapsed],\n );\n\n const renderedChildren = useMemo(() => {\n if (asChild) {\n return cloneElement(\n children as any,\n {\n // @ts-ignore: Object is possibly 'null'.\n ...children?.props,\n },\n // @ts-ignore: Object is possibly 'null'.\n [TdEl, ...(children?.props?.children || [])],\n );\n }\n\n return (\n <>\n {TdEl}\n {children}\n </>\n );\n }, [asChild, TdEl, children]);\n\n return (\n <>\n <Component\n ref={ref}\n role=\"row\"\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > span`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {renderedChildren}\n </Component>\n {!!collapsedContent && (\n <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n )}\n </>\n );\n },\n);\n\nconst StyledTh = styled('span', TableTh, {\n display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n VariantProps<typeof StyledTd> &\n VariantProps<typeof TableTd> & {\n fullColSpan?: boolean;\n };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n ({ fullColSpan, css, ...props }, ref) => {\n const fullColSpanCss = useMemo(\n () =>\n fullColSpan\n ? {\n position: 'absolute',\n left: 0,\n width: '100%',\n height: '100%',\n }\n : {},\n [fullColSpan],\n );\n if (fullColSpan) {\n return (\n <>\n <FillerTd css={css} {...props} />\n <StyledTd ref={ref} role=\"cell\" css={deepMerge(fullColSpanCss, css)} {...props} />\n </>\n );\n }\n return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n },\n);\n\nconst StyledThead = styled('div', TableThead, {\n display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n ElementRef<typeof StyledThead>,\n ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n display: 'table',\n});\nexport const Table = forwardRef<\n ElementRef<typeof StyledTable>,\n ComponentProps<typeof StyledTable> &\n VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n <StyledTable\n ref={ref}\n role=\"table\"\n css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n {...props}\n />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AriaTable.js","names":[],"sources":["../../../components/AriaTable/AriaTable.tsx"],"sourcesContent":["import { ChevronRightIcon } from '@radix-ui/react-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, {\n Children,\n cloneElement,\n ComponentProps,\n ElementRef,\n forwardRef,\n isValidElement,\n ReactNode,\n useMemo,\n useState,\n} from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { deepMerge } from '../../utils/deepMerge';\nimport { Box } from '../Box';\nimport type { TableVariants } from '../Table';\nimport {\n Caption as TableCaption,\n StyledTr as TableTr,\n Table as TableTable,\n Tbody as TableTbody,\n Td as TableTd,\n Tfoot as TableTfoot,\n Th as TableTh,\n Thead as TableThead,\n} from '../Table';\n\nexport const Caption = styled('div', TableCaption, {\n display: 'table-caption',\n});\n\nconst StyledTbody = styled('div', TableTbody, {\n display: 'table-row-group',\n});\nexport const Tbody = forwardRef<\n ElementRef<typeof StyledTbody>,\n ComponentProps<typeof StyledTbody> & VariantProps<typeof StyledTbody>\n>((props, ref) => <StyledTbody ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTfoot = styled('div', TableTfoot, {\n display: 'table-footer-group',\n});\nexport const Tfoot = forwardRef<\n ElementRef<typeof StyledTfoot>,\n ComponentProps<typeof StyledTfoot> & VariantProps<typeof StyledTfoot>\n>((props, ref) => <StyledTfoot ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTr = styled('div', TableTr, {\n display: 'table-row',\n});\nconst StyledTrSlot = styled(Slot, StyledTr);\n\nconst AnimatedContainer = ({ isOpen, children }: { isOpen: boolean; children: ReactNode }) => {\n const appliedStyle = useMemo(\n () =>\n isOpen\n ? {\n transition: 'all 0.2s ease-out',\n paddingBottom: 0,\n paddingTop: 0,\n border: 'none',\n }\n : {\n transition: 'all 0.2s ease-out',\n padding: '0px 16px',\n pointerEvents: 'none',\n border: 'none',\n },\n [isOpen],\n );\n\n const containerStyle = useMemo(\n () =>\n isOpen\n ? {\n transition: 'all 0.2s ease-out',\n padding: '16px',\n paddingBottom: 0,\n }\n : {\n transition: 'all 0.2s ease-out',\n height: 0,\n overflow: 'hidden',\n padding: '0px 16px',\n },\n [isOpen],\n );\n\n return (\n <StyledTr\n css={isOpen ? { '&:not(:last-child)': { borderBottom: '1px solid $tableRowBorder' } } : {}}\n >\n <Td css={appliedStyle} fullColSpan>\n <Box css={containerStyle}>{children}</Box>\n </Td>\n </StyledTr>\n );\n};\n\nexport type AriaTrProps = ComponentProps<typeof StyledTr> &\n VariantProps<typeof StyledTr> & {\n asChild?: boolean;\n collapsedContent?: React.ReactNode;\n emptyFirstColumn?: boolean;\n tableHead?: boolean;\n children?: React.ReactNode;\n };\n\nexport const Tr = forwardRef<ElementRef<typeof StyledTr>, AriaTrProps>(\n ({ asChild, children, collapsedContent, emptyFirstColumn, tableHead, css, ...props }, ref) => {\n const Component = asChild ? StyledTrSlot : StyledTr;\n const [isCollapsed, setIsCollapsed] = useState(false);\n\n if (!asChild) {\n const arrayChildren = Children.toArray(children);\n const hasColSpanChildren = arrayChildren.some((child) => {\n if (!isValidElement(child)) {\n return false;\n }\n const { fullColSpan } = child.props as TdProps;\n return !!fullColSpan;\n });\n if (hasColSpanChildren && arrayChildren.length > 1) {\n throw new Error('Using fullColSpan is allowed only for a single full width Td.');\n }\n }\n\n const TdEl = useMemo(\n () =>\n emptyFirstColumn ? (\n tableHead ? (\n <Th css={{ width: 24 }} />\n ) : (\n <Td key=\"empty-td\" />\n )\n ) : collapsedContent ? (\n <Td key=\"chevron-td\">\n <Box\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n >\n <ChevronRightIcon\n onClick={() => setIsCollapsed(!isCollapsed)}\n style={{\n cursor: 'pointer',\n transition: 'transform 0.2s ease-out',\n transform: isCollapsed ? 'rotate(90deg)' : 'initial',\n }}\n />\n </Box>\n </Td>\n ) : null,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isCollapsed],\n );\n\n const renderedChildren = useMemo(() => {\n if (asChild) {\n return cloneElement(\n children as any,\n {\n // @ts-ignore: Object is possibly 'null'.\n ...children?.props,\n },\n // @ts-ignore: Object is possibly 'null'.\n [TdEl, ...(children?.props?.children || [])],\n );\n }\n\n return (\n <>\n {TdEl}\n {children}\n </>\n );\n }, [asChild, TdEl, children]);\n\n return (\n <>\n <Component\n ref={ref}\n role=\"row\"\n css={\n !!collapsedContent && !isCollapsed\n ? {\n ...css,\n [`&:nth-last-child(2) > span`]: {\n borderBottom: 'none',\n },\n }\n : { ...css }\n }\n {...props}\n >\n {renderedChildren}\n </Component>\n {!!collapsedContent && (\n <AnimatedContainer isOpen={isCollapsed}>{collapsedContent}</AnimatedContainer>\n )}\n </>\n );\n },\n);\n\nconst StyledTh = styled('span', TableTh, {\n display: 'table-cell',\n});\n\nexport interface ThProps extends ComponentProps<typeof StyledTh>, VariantProps<typeof StyledTh> {}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ComponentProps<typeof StyledTh>>(\n (props, ref) => <StyledTh ref={ref} role=\"columnheader\" {...props} />,\n);\n\nconst StyledTd = styled('span', TableTd, {\n display: 'table-cell',\n});\n\nconst FillerTd = styled(StyledTd, {\n visibility: 'hidden',\n});\nexport type TdProps = ComponentProps<typeof StyledTd> &\n VariantProps<typeof StyledTd> &\n VariantProps<typeof TableTd> & {\n fullColSpan?: boolean;\n };\n\nexport const Td = forwardRef<ElementRef<typeof StyledTd>, TdProps>(\n ({ fullColSpan, css, ...props }, ref) => {\n const fullColSpanCss = useMemo(\n () =>\n fullColSpan\n ? {\n position: 'absolute',\n left: 0,\n width: '100%',\n height: '100%',\n }\n : {},\n [fullColSpan],\n );\n if (fullColSpan) {\n return (\n <>\n <FillerTd css={css} {...props} />\n <StyledTd ref={ref} role=\"cell\" css={deepMerge(fullColSpanCss, css)} {...props} />\n </>\n );\n }\n return <StyledTd ref={ref} role=\"cell\" css={css} {...props} />;\n },\n);\n\nconst StyledThead = styled('div', TableThead, {\n display: 'table-header-group',\n});\nexport const Thead = forwardRef<\n ElementRef<typeof StyledThead>,\n ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>\n>((props, ref) => <StyledThead ref={ref} role=\"rowgroup\" {...props} />);\n\nconst StyledTable = styled('div', TableTable, {\n display: 'table',\n});\nexport const Table = forwardRef<\n ElementRef<typeof StyledTable>,\n ComponentProps<typeof StyledTable> &\n VariantProps<typeof StyledTable> & { hasCollapsibleChildren?: boolean }\n>(({ hasCollapsibleChildren, css, ...props }, ref) => (\n <StyledTable\n ref={ref}\n role=\"table\"\n css={hasCollapsibleChildren ? { borderCollapse: 'collapse', ...css } : css}\n {...props}\n />\n));\n\nexport type AriaTableVariants = VariantProps<typeof Table>;\nexport type AriaTableProps = TableVariants & { children?: React.ReactNode; css?: CSS };\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.cjs","names":[],"sources":["../../../components/Avatar/Avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\n\nconst StyledAvatar = styled(AvatarPrimitive.Root, {\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'middle',\n overflow: 'hidden',\n userSelect: 'none',\n boxSizing: 'border-box',\n display: 'flex',\n flexShrink: 0,\n position: 'relative',\n border: 'none',\n fontFamily: 'inherit',\n lineHeight: '1',\n margin: '0',\n outline: 'none',\n padding: '0',\n fontWeight: '$medium',\n color: '$hiContrast',\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: 'inherit',\n boxShadow: 'inset 0px 0px 1px rgba(0, 0, 0, 0.12)',\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 '3': {\n width: '$6',\n height: '$6',\n },\n '4': {\n width: '$7',\n height: '$7',\n },\n '5': {\n width: '$8',\n height: '$8',\n },\n '6': {\n width: '$9',\n height: '$9',\n },\n },\n variant: {\n gray: {\n backgroundColor: '$slate5',\n },\n red: {\n backgroundColor: '$red5',\n },\n purple: {\n backgroundColor: '$purple5',\n },\n blue: {\n backgroundColor: '$blue5',\n },\n green: {\n backgroundColor: '$green5',\n },\n orange: {\n backgroundColor: '$orange5',\n },\n },\n shape: {\n square: {\n borderRadius: '$2',\n },\n circle: {\n borderRadius: '50%',\n },\n },\n },\n defaultVariants: {\n size: '2',\n variant: 'gray',\n shape: 'circle',\n },\n});\n\nconst StyledAvatarImage = styled(AvatarPrimitive.Image, {\n display: 'flex',\n objectFit: 'cover',\n boxSizing: 'border-box',\n height: '100%',\n verticalAlign: 'middle',\n width: '100%',\n});\n\nconst StyledAvatarFallback = styled(AvatarPrimitive.Fallback, {\n textTransform: 'uppercase',\n fontFamily: '$rubik',\n color: '$deepBlue10',\n\n variants: {\n size: {\n '1': {\n fontSize: '10px',\n lineHeight: '15px',\n },\n '2': {\n fontSize: '$3',\n },\n '3': {\n fontSize: '$6',\n },\n '4': {\n fontSize: '$7',\n },\n '5': {\n fontSize: '$8',\n },\n '6': {\n fontSize: '$9',\n },\n },\n },\n defaultVariants: {\n size: '2',\n },\n});\n\ntype AvatarVariants = VariantProps<typeof StyledAvatar>;\ntype AvatarPrimitiveProps = Omit<React.ComponentProps<typeof AvatarPrimitive.Root>, 'as'>;\ntype AvatarOwnProps = AvatarPrimitiveProps &\n AvatarVariants & {\n css?: CSS;\n alt?: string;\n src?: string;\n fallback?: React.ReactNode;\n // status?: StatusColors['variant'];\n };\n\nexport const Avatar = React.forwardRef<React.ElementRef<typeof StyledAvatar>, AvatarOwnProps>(\n ({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {\n return (\n <Box\n css={{\n ...css,\n position: 'relative',\n height: 'fit-content',\n width: 'fit-content',\n }}\n >\n <StyledAvatar {...props} ref={forwardedRef} size={size} variant={variant} shape={shape}>\n <StyledAvatarImage alt={alt} src={src} />\n <StyledAvatarFallback size={size}>{fallback}</StyledAvatarFallback>\n </StyledAvatar>\n </Box>\n );\n }\n);\n"],"mappings":";;;;;;;;;AAMA,IAAM,eAAe,wBAAA,OAAO,uBAAgB,MAAM;CAChD,YAAY;CACZ,gBAAgB;CAChB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,WAAW;CACX,SAAS;CACT,YAAY;CACZ,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,OAAO;CAEP,aAAa;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;EACd,WAAW;
|
|
1
|
+
{"version":3,"file":"Avatar.cjs","names":[],"sources":["../../../components/Avatar/Avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport React from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Box } from '../Box';\n\nconst StyledAvatar = styled(AvatarPrimitive.Root, {\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'middle',\n overflow: 'hidden',\n userSelect: 'none',\n boxSizing: 'border-box',\n display: 'flex',\n flexShrink: 0,\n position: 'relative',\n border: 'none',\n fontFamily: 'inherit',\n lineHeight: '1',\n margin: '0',\n outline: 'none',\n padding: '0',\n fontWeight: '$medium',\n color: '$hiContrast',\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: 'inherit',\n boxShadow: 'inset 0px 0px 1px rgba(0, 0, 0, 0.12)',\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 '3': {\n width: '$6',\n height: '$6',\n },\n '4': {\n width: '$7',\n height: '$7',\n },\n '5': {\n width: '$8',\n height: '$8',\n },\n '6': {\n width: '$9',\n height: '$9',\n },\n },\n variant: {\n gray: {\n backgroundColor: '$slate5',\n },\n red: {\n backgroundColor: '$red5',\n },\n purple: {\n backgroundColor: '$purple5',\n },\n blue: {\n backgroundColor: '$blue5',\n },\n green: {\n backgroundColor: '$green5',\n },\n orange: {\n backgroundColor: '$orange5',\n },\n },\n shape: {\n square: {\n borderRadius: '$2',\n },\n circle: {\n borderRadius: '50%',\n },\n },\n },\n defaultVariants: {\n size: '2',\n variant: 'gray',\n shape: 'circle',\n },\n});\n\nconst StyledAvatarImage = styled(AvatarPrimitive.Image, {\n display: 'flex',\n objectFit: 'cover',\n boxSizing: 'border-box',\n height: '100%',\n verticalAlign: 'middle',\n width: '100%',\n});\n\nconst StyledAvatarFallback = styled(AvatarPrimitive.Fallback, {\n textTransform: 'uppercase',\n fontFamily: '$rubik',\n color: '$deepBlue10',\n\n variants: {\n size: {\n '1': {\n fontSize: '10px',\n lineHeight: '15px',\n },\n '2': {\n fontSize: '$3',\n },\n '3': {\n fontSize: '$6',\n },\n '4': {\n fontSize: '$7',\n },\n '5': {\n fontSize: '$8',\n },\n '6': {\n fontSize: '$9',\n },\n },\n },\n defaultVariants: {\n size: '2',\n },\n});\n\ntype AvatarVariants = VariantProps<typeof StyledAvatar>;\ntype AvatarPrimitiveProps = Omit<React.ComponentProps<typeof AvatarPrimitive.Root>, 'as'>;\ntype AvatarOwnProps = AvatarPrimitiveProps &\n AvatarVariants & {\n css?: CSS;\n alt?: string;\n src?: string;\n fallback?: React.ReactNode;\n // status?: StatusColors['variant'];\n };\n\nexport const Avatar = React.forwardRef<React.ElementRef<typeof StyledAvatar>, AvatarOwnProps>(\n ({ alt, src, fallback, size, variant, shape, css, ...props }, forwardedRef) => {\n return (\n <Box\n css={{\n ...css,\n position: 'relative',\n height: 'fit-content',\n width: 'fit-content',\n }}\n >\n <StyledAvatar {...props} ref={forwardedRef} size={size} variant={variant} shape={shape}>\n <StyledAvatarImage alt={alt} src={src} />\n <StyledAvatarFallback size={size}>{fallback}</StyledAvatarFallback>\n </StyledAvatar>\n </Box>\n );\n }\n);\n"],"mappings":";;;;;;;;;AAMA,IAAM,eAAe,wBAAA,OAAO,uBAAgB,MAAM;CAChD,YAAY;CACZ,gBAAgB;CAChB,eAAe;CACf,UAAU;CACV,YAAY;CACZ,WAAW;CACX,SAAS;CACT,YAAY;CACZ,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,OAAO;CAEP,aAAa;EACX,SAAS;EACT,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;EACd,WAAW;CACb;CAEA,UAAU;EACR,MAAM;GACJ,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;GACA,KAAK;IACH,OAAO;IACP,QAAQ;GACV;EACF;EACA,SAAS;GACP,MAAM,EACJ,iBAAiB,UACnB;GACA,KAAK,EACH,iBAAiB,QACnB;GACA,QAAQ,EACN,iBAAiB,WACnB;GACA,MAAM,EACJ,iBAAiB,SACnB;GACA,OAAO,EACL,iBAAiB,UACnB;GACA,QAAQ,EACN,iBAAiB,WACnB;EACF;EACA,OAAO;GACL,QAAQ,EACN,cAAc,KAChB;GACA,QAAQ,EACN,cAAc,MAChB;EACF;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC;AAED,IAAM,oBAAoB,wBAAA,OAAO,uBAAgB,OAAO;CACtD,SAAS;CACT,WAAW;CACX,WAAW;CACX,QAAQ;CACR,eAAe;CACf,OAAO;AACT,CAAC;AAED,IAAM,uBAAuB,wBAAA,OAAO,uBAAgB,UAAU;CAC5D,eAAe;CACf,YAAY;CACZ,OAAO;CAEP,UAAU,EACR,MAAM;EACJ,KAAK;GACH,UAAU;GACV,YAAY;EACd;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;EACA,KAAK,EACH,UAAU,KACZ;CACF,EACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AAaD,IAAa,SAAS,MAAA,QAAM,YACzB,EAAE,KAAK,KAAK,UAAU,MAAM,SAAS,OAAO,KAAK,GAAG,SAAS,iBAAiB;CAC7E,OACE,iBAAA,GAAA,kBAAA,KAAC,YAAA,KAAD;EACE,KAAK;GACH,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;EACT;YAEA,iBAAA,GAAA,kBAAA,MAAC,cAAD;GAAc,GAAI;GAAO,KAAK;GAAoB;GAAe;GAAgB;aAAjF,CACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD;IAAwB;IAAU;GAAM,CAAA,GACxC,iBAAA,GAAA,kBAAA,KAAC,sBAAD;IAA4B;cAAO;GAA+B,CAAA,CACtD;;CACX,CAAA;AAET,CACF"}
|