@ntbjs/react-components 2.0.0-rc.29 → 2.0.0-rc.30
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/build/{_rollupPluginBabelHelpers-c245b26a.js → _virtual/_rollupPluginBabelHelpers.js} +2 -1
- package/build/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
- package/build/{Alert-e6847a22.js → data/Alert/Alert.js} +5 -55
- package/build/data/Alert/Alert.js.map +1 -0
- package/build/data/Alert/Alert.styled.js +56 -0
- package/build/data/Alert/Alert.styled.js.map +1 -0
- package/build/data/Alert/index.js +2 -6
- package/build/data/Alert/index.js.map +1 -0
- package/build/data/Badge/Badge.js +87 -0
- package/build/data/Badge/Badge.js.map +1 -0
- package/build/{Badge-d93586a9.js → data/Badge/Badge.styled.js} +4 -85
- package/build/data/Badge/Badge.styled.js.map +1 -0
- package/build/data/Badge/index.js +2 -5
- package/build/data/Badge/index.js.map +1 -0
- package/build/data/Popover/Popover.js +93 -0
- package/build/data/Popover/Popover.js.map +1 -0
- package/build/{Popover-20050b91.js → data/Popover/Popover.styled.js} +6 -92
- package/build/data/Popover/Popover.styled.js.map +1 -0
- package/build/data/Popover/index.js +2 -10
- package/build/data/Popover/index.js.map +1 -0
- package/build/{Tab-04d435c3.js → data/Tab/Tab.js} +5 -12
- package/build/data/Tab/Tab.js.map +1 -0
- package/build/data/Tab/Tab.styled.js +13 -0
- package/build/data/Tab/Tab.styled.js.map +1 -0
- package/build/data/Tab/index.js +2 -5
- package/build/data/Tab/index.js.map +1 -0
- package/build/{Tabs-74d1ea8a.js → data/Tabs/Tabs.js} +6 -74
- package/build/data/Tabs/Tabs.js.map +1 -0
- package/build/data/Tabs/Tabs.styled.js +74 -0
- package/build/data/Tabs/Tabs.styled.js.map +1 -0
- package/build/data/Tabs/index.js +2 -7
- package/build/data/Tabs/index.js.map +1 -0
- package/build/{Tooltip-c1d1199e.js → data/Tooltip/Tooltip.js} +5 -26
- package/build/data/Tooltip/Tooltip.js.map +1 -0
- package/build/data/Tooltip/Tooltip.styled.js +28 -0
- package/build/data/Tooltip/Tooltip.styled.js.map +1 -0
- package/build/data/Tooltip/index.js +2 -7
- package/build/data/Tooltip/index.js.map +1 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.js +36 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.js.map +1 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js +53 -0
- package/build/data/VerificationStatusIcon/VerificationStatusIcon.styled.js.map +1 -0
- package/build/data/index.js +8 -16
- package/build/data/index.js.map +1 -0
- package/build/hooks/useEventListner.js +21 -0
- package/build/hooks/useEventListner.js.map +1 -0
- package/build/hooks/useIsomorphicLayoutEffect.js +6 -0
- package/build/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/build/hooks/useOnClickOutside.js +14 -0
- package/build/hooks/useOnClickOutside.js.map +1 -0
- package/build/icons/arrow-back.svg.js +16 -0
- package/build/icons/arrow-back.svg.js.map +1 -0
- package/build/{arrow-forward-ad12c5f3.js → icons/arrow-forward.svg.js} +2 -1
- package/build/icons/arrow-forward.svg.js.map +1 -0
- package/build/icons/check-rectangle-filled.svg.js +16 -0
- package/build/icons/check-rectangle-filled.svg.js.map +1 -0
- package/build/{close-a5d37608.js → icons/close.svg.js} +2 -1
- package/build/icons/close.svg.js.map +1 -0
- package/build/{edit-note-283a0e15.js → icons/edit-note.svg.js} +2 -1
- package/build/icons/edit-note.svg.js.map +1 -0
- package/build/{expand-more-c5523c46.js → icons/expand-more.svg.js} +2 -1
- package/build/icons/expand-more.svg.js.map +1 -0
- package/build/icons/headset.svg.js +16 -0
- package/build/icons/headset.svg.js.map +1 -0
- package/build/icons/layers.svg.js +16 -0
- package/build/icons/layers.svg.js.map +1 -0
- package/build/icons/link.svg.js +16 -0
- package/build/icons/link.svg.js.map +1 -0
- package/build/icons/play.svg.js +16 -0
- package/build/icons/play.svg.js.map +1 -0
- package/build/icons/search.svg.js +16 -0
- package/build/icons/search.svg.js.map +1 -0
- package/build/icons/star-filled.svg.js +16 -0
- package/build/icons/star-filled.svg.js.map +1 -0
- package/build/icons/star.svg.js +16 -0
- package/build/icons/star.svg.js.map +1 -0
- package/build/icons/triangle-right.svg.js +16 -0
- package/build/icons/triangle-right.svg.js.map +1 -0
- package/build/icons/verification.svg.js +16 -0
- package/build/icons/verification.svg.js.map +1 -0
- package/build/{warning-circle-24f3efcd.js → icons/warning-circle.svg.js} +2 -1
- package/build/icons/warning-circle.svg.js.map +1 -0
- package/build/index.js +5 -0
- package/build/index.js.map +1 -0
- package/build/inputs/ActionButton/ActionButton.js +36 -0
- package/build/inputs/ActionButton/ActionButton.js.map +1 -0
- package/build/{ActionButton-4db754c3.js → inputs/ActionButton/ActionButton.styled.js} +4 -34
- package/build/inputs/ActionButton/ActionButton.styled.js.map +1 -0
- package/build/inputs/ActionButton/index.js +2 -6
- package/build/inputs/ActionButton/index.js.map +1 -0
- package/build/inputs/Button/Button.js +188 -0
- package/build/inputs/Button/Button.js.map +1 -0
- package/build/{Button-73eb8516.js → inputs/Button/Button.styled.js} +4 -186
- package/build/inputs/Button/Button.styled.js.map +1 -0
- package/build/inputs/Button/index.js +2 -13
- package/build/inputs/Button/index.js.map +1 -0
- package/build/inputs/Checkbox/Checkbox.js +97 -0
- package/build/inputs/Checkbox/Checkbox.js.map +1 -0
- package/build/inputs/Checkbox/Checkbox.styled.js +122 -0
- package/build/inputs/Checkbox/Checkbox.styled.js.map +1 -0
- package/build/inputs/Checkbox/index.js +2 -6
- package/build/inputs/Checkbox/index.js.map +1 -0
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js +267 -0
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js.map +1 -0
- package/build/{CompactAutocompleteSelect-52c49513.js → inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js} +6 -267
- package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js.map +1 -0
- package/build/inputs/CompactAutocompleteSelect/index.js +2 -23
- package/build/inputs/CompactAutocompleteSelect/index.js.map +1 -0
- package/build/inputs/CompactStarRating/CompactStarRating.js +177 -0
- package/build/inputs/CompactStarRating/CompactStarRating.js.map +1 -0
- package/build/inputs/CompactStarRating/CompactStarRating.styled.js +217 -0
- package/build/inputs/CompactStarRating/CompactStarRating.styled.js.map +1 -0
- package/build/inputs/CompactStarRating/index.js +2 -17
- package/build/inputs/CompactStarRating/index.js.map +1 -0
- package/build/inputs/CompactTextInput/CompactTextInput.js +184 -0
- package/build/inputs/CompactTextInput/CompactTextInput.js.map +1 -0
- package/build/{CompactTextInput-42ca5d42.js → inputs/CompactTextInput/CompactTextInput.styled.js} +4 -194
- package/build/inputs/CompactTextInput/CompactTextInput.styled.js.map +1 -0
- package/build/inputs/CompactTextInput/index.js +2 -19
- package/build/inputs/CompactTextInput/index.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js +207 -0
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js +66 -0
- package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/index.js +3 -0
- package/build/inputs/MultiLevelCheckbox/index.js.map +1 -0
- package/build/inputs/MultiLevelCheckbox/types.js +27 -0
- package/build/inputs/MultiLevelCheckbox/types.js.map +1 -0
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js +184 -26
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js.map +1 -0
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js +93 -0
- package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js.map +1 -0
- package/build/inputs/MultiLevelCheckboxSelect/index.js +2 -0
- package/build/inputs/MultiLevelCheckboxSelect/index.js.map +1 -0
- package/build/{MultiSelect-9f497e62.js → inputs/MultiSelect/MultiSelect.js} +6 -223
- package/build/inputs/MultiSelect/MultiSelect.js.map +1 -0
- package/build/inputs/MultiSelect/MultiSelect.styled.js +224 -0
- package/build/inputs/MultiSelect/MultiSelect.styled.js.map +1 -0
- package/build/inputs/MultiSelect/index.js +2 -10
- package/build/inputs/MultiSelect/index.js.map +1 -0
- package/build/inputs/Radio/Radio.js +60 -0
- package/build/inputs/Radio/Radio.js.map +1 -0
- package/build/{Radio-73ca3ae2.js → inputs/Radio/Radio.styled.js} +4 -58
- package/build/inputs/Radio/Radio.styled.js.map +1 -0
- package/build/inputs/Radio/index.js +2 -7
- package/build/inputs/Radio/index.js.map +1 -0
- package/build/inputs/Switch/Switch.js +64 -0
- package/build/inputs/Switch/Switch.js.map +1 -0
- package/build/{Switch-ecf3122b.js → inputs/Switch/Switch.styled.js} +4 -62
- package/build/inputs/Switch/Switch.styled.js.map +1 -0
- package/build/inputs/Switch/index.js +2 -6
- package/build/inputs/Switch/index.js.map +1 -0
- package/build/inputs/TextArea/TextArea.js +178 -0
- package/build/inputs/TextArea/TextArea.js.map +1 -0
- package/build/{TextArea-1e5b9201.js → inputs/TextArea/TextArea.styled.js} +3 -175
- package/build/inputs/TextArea/TextArea.styled.js.map +1 -0
- package/build/inputs/TextArea/index.js +2 -20
- package/build/inputs/TextArea/index.js.map +1 -0
- package/build/inputs/TextInput/TextInput.js +139 -0
- package/build/inputs/TextInput/TextInput.js.map +1 -0
- package/build/{TextInput-fab35842.js → inputs/TextInput/TextInput.styled.js} +4 -137
- package/build/inputs/TextInput/TextInput.styled.js.map +1 -0
- package/build/inputs/TextInput/index.js +2 -9
- package/build/inputs/TextInput/index.js.map +1 -0
- package/build/inputs/index.js +15 -40
- package/build/inputs/index.js.map +1 -0
- package/build/{InputGroup-1294d190.js → layout/InputGroup/InputGroup.js} +5 -8
- package/build/layout/InputGroup/InputGroup.js.map +1 -0
- package/build/layout/InputGroup/InputGroup.styled.js +9 -0
- package/build/layout/InputGroup/InputGroup.styled.js.map +1 -0
- package/build/layout/SectionSeparator/SectionSeparator.js +23 -0
- package/build/layout/SectionSeparator/SectionSeparator.js.map +1 -0
- package/build/layout/SectionSeparator/SectionSeparator.styled.js +14 -0
- package/build/layout/SectionSeparator/SectionSeparator.styled.js.map +1 -0
- package/build/layout/SectionSeparator/index.js +2 -5
- package/build/layout/SectionSeparator/index.js.map +1 -0
- package/build/layout/index.js +3 -6
- package/build/layout/index.js.map +1 -0
- package/build/ssr/index.js +1 -0
- package/build/ssr/index.js.map +1 -0
- package/build/styles/utils/colors.scss.js +4 -0
- package/build/styles/utils/colors.scss.js.map +1 -0
- package/build/utils/dateTime.js +17 -0
- package/build/utils/dateTime.js.map +1 -0
- package/build/utils/defaultTheme.js +44 -0
- package/build/utils/defaultTheme.js.map +1 -0
- package/build/{AssetAction-98d76ce0.js → widgets/AssetAction/AssetAction.js} +6 -40
- package/build/widgets/AssetAction/AssetAction.js.map +1 -0
- package/build/widgets/AssetAction/AssetAction.styled.js +41 -0
- package/build/widgets/AssetAction/AssetAction.styled.js.map +1 -0
- package/build/widgets/AssetAction/index.js +2 -7
- package/build/widgets/AssetAction/index.js.map +1 -0
- package/build/{AssetActionsBase-9e4c0735.js → widgets/AssetActionsBase/AssetActionsBase.js} +6 -15
- package/build/widgets/AssetActionsBase/AssetActionsBase.js.map +1 -0
- package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js +15 -0
- package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js.map +1 -0
- package/build/widgets/AssetActionsBase/index.js +2 -8
- package/build/widgets/AssetActionsBase/index.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGallery.js +99 -0
- package/build/widgets/AssetGallery/AssetGallery.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js +385 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js +30 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js +401 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js +329 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js +409 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js.map +1 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js +280 -0
- package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map +1 -0
- package/build/widgets/AssetGallery/asset.propType.js +54 -0
- package/build/widgets/AssetGallery/asset.propType.js.map +1 -0
- package/build/widgets/AssetGallery/index.js +2 -48
- package/build/widgets/AssetGallery/index.js.map +1 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js +44 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js.map +1 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js +77 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js.map +1 -0
- package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -6
- package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js.map +1 -0
- package/build/{ContextMenu-0f7134e4.js → widgets/ContextMenu/ContextMenu.js} +5 -9
- package/build/widgets/ContextMenu/ContextMenu.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenu.styled.js +10 -0
- package/build/widgets/ContextMenu/ContextMenu.styled.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js +44 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js +77 -0
- package/build/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItem/index.js +2 -5
- package/build/widgets/ContextMenu/ContextMenuItem/index.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js +22 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js +21 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js.map +1 -0
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js +2 -37
- package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js.map +1 -0
- package/build/widgets/ContextMenu/index.js +2 -5
- package/build/widgets/ContextMenu/index.js.map +1 -0
- package/build/widgets/InfoCard/InfoCard.js +40 -0
- package/build/widgets/InfoCard/InfoCard.js.map +1 -0
- package/build/{InfoCard-c98b6f5a.js → widgets/InfoCard/InfoCard.styled.js} +5 -38
- package/build/widgets/InfoCard/InfoCard.styled.js.map +1 -0
- package/build/widgets/InfoCard/index.js +2 -6
- package/build/widgets/InfoCard/index.js.map +1 -0
- package/build/{Instructions-bfd28cea.js → widgets/Instructions/Instructions.js} +8 -34
- package/build/widgets/Instructions/Instructions.js.map +1 -0
- package/build/widgets/Instructions/Instructions.styled.js +32 -0
- package/build/widgets/Instructions/Instructions.styled.js.map +1 -0
- package/build/widgets/Instructions/index.js +2 -28
- package/build/widgets/Instructions/index.js.map +1 -0
- package/build/widgets/ProgressBar/ProgressBar.js +72 -0
- package/build/widgets/ProgressBar/ProgressBar.js.map +1 -0
- package/build/{ProgressBar-bc4a4a7e.js → widgets/ProgressBar/ProgressBar.styled.js} +5 -70
- package/build/widgets/ProgressBar/ProgressBar.styled.js.map +1 -0
- package/build/widgets/ProgressBar/index.js +2 -6
- package/build/widgets/ProgressBar/index.js.map +1 -0
- package/build/widgets/SummaryCard/SummaryCard.js +92 -0
- package/build/widgets/SummaryCard/SummaryCard.js.map +1 -0
- package/build/widgets/SummaryCard/SummaryCard.styled.js +137 -0
- package/build/widgets/SummaryCard/SummaryCard.styled.js.map +1 -0
- package/build/widgets/SummaryCard/index.js +2 -19
- package/build/widgets/SummaryCard/index.js.map +1 -0
- package/build/widgets/index.js +12 -53
- package/build/widgets/index.js.map +1 -0
- package/package.json +5 -2
- package/build/AssetGallery-63f721ec.js +0 -1981
- package/build/AssetPreviewTopBar-acd6353d.js +0 -127
- package/build/Checkbox-4a5fd716.js +0 -213
- package/build/CompactStarRating-9af2f427.js +0 -411
- package/build/ContextMenuItem-ea411141.js +0 -127
- package/build/MultiLevelCheckboxSelect-d8044c88.js +0 -604
- package/build/SectionSeparator-f47760a2.js +0 -31
- package/build/SummaryCard-24040650.js +0 -223
- package/build/VerificationStatusIcon-49cb1c1b.js +0 -95
- package/build/defaultTheme-1bcc2541.js +0 -1178
- package/build/layout/InputGroup/index.js +0 -5
- package/build/shift-away-subtle-0dd94a03.js +0 -7
|
@@ -0,0 +1,329 @@
|
|
|
1
|
+
import { rgba } from 'polished';
|
|
2
|
+
import styled, { css } from 'styled-components';
|
|
3
|
+
import { applyDefaultTheme } from '../../../../utils/defaultTheme.js';
|
|
4
|
+
import { FloatingArrow } from '@floating-ui/react';
|
|
5
|
+
|
|
6
|
+
const shouldForwardProp = prop => {
|
|
7
|
+
return prop !== 'theme' && !prop.startsWith('$');
|
|
8
|
+
};
|
|
9
|
+
const AssetGalleryWrapper = styled.div.withConfig({
|
|
10
|
+
shouldForwardProp
|
|
11
|
+
}).attrs(applyDefaultTheme)`
|
|
12
|
+
${props => props.disabled && css`
|
|
13
|
+
cursor: not-allowed;
|
|
14
|
+
`};
|
|
15
|
+
`;
|
|
16
|
+
const Reference = styled.div.withConfig({
|
|
17
|
+
shouldForwardProp
|
|
18
|
+
}).attrs(applyDefaultTheme)`
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 100%;
|
|
21
|
+
`;
|
|
22
|
+
const AssetGalleryCompactCard = styled.div.withConfig({
|
|
23
|
+
shouldForwardProp
|
|
24
|
+
}).attrs(applyDefaultTheme)`
|
|
25
|
+
display: block;
|
|
26
|
+
height: 100%;
|
|
27
|
+
padding-left: ${props => props.selected ? 1 : 0}px;
|
|
28
|
+
padding-right: ${props => props.selected ? 1 : 0}px;
|
|
29
|
+
padding-top: ${props => props.selected ? 1 : 0}px;
|
|
30
|
+
box-sizing: border-box;
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
|
|
33
|
+
${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'))};
|
|
34
|
+
|
|
35
|
+
${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))};
|
|
36
|
+
|
|
37
|
+
${props => props.disabled && css`
|
|
38
|
+
pointer-events: none;
|
|
39
|
+
opacity: 0.4;
|
|
40
|
+
`};
|
|
41
|
+
|
|
42
|
+
${props => props.extendedSelectMode && css`
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
`}
|
|
45
|
+
video {
|
|
46
|
+
width: 100%;
|
|
47
|
+
height: 100%;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.audio {
|
|
51
|
+
display: flex;
|
|
52
|
+
justify-content: center;
|
|
53
|
+
svg {
|
|
54
|
+
width: 25%;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
`;
|
|
58
|
+
const Figure = styled.figure`
|
|
59
|
+
display: flex;
|
|
60
|
+
flex-direction: row;
|
|
61
|
+
flex-wrap: nowrap;
|
|
62
|
+
justify-content: center;
|
|
63
|
+
align-items: center;
|
|
64
|
+
position: relative;
|
|
65
|
+
margin: 0;
|
|
66
|
+
width: 100%;
|
|
67
|
+
height: 100%;
|
|
68
|
+
box-sizing: border-box;
|
|
69
|
+
|
|
70
|
+
.lazy-load-image-background {
|
|
71
|
+
display: block !important;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
img {
|
|
75
|
+
display: block;
|
|
76
|
+
height: 100%;
|
|
77
|
+
width: 100%;
|
|
78
|
+
${props => props.$hasHeightAndWidth ? css`
|
|
79
|
+
object-fit: cover;
|
|
80
|
+
` : css`
|
|
81
|
+
object-fit: contain;
|
|
82
|
+
`}
|
|
83
|
+
}
|
|
84
|
+
`;
|
|
85
|
+
const FigureOverlayBackdrop = styled.div.withConfig({
|
|
86
|
+
shouldForwardProp
|
|
87
|
+
}).attrs(applyDefaultTheme)`
|
|
88
|
+
position: absolute;
|
|
89
|
+
inset: 0;
|
|
90
|
+
opacity: ${props => props.selected ? 0.6 : 0};
|
|
91
|
+
background-color: ${props => props.selected ? '#ACCEF7' : 'transparent'};
|
|
92
|
+
`;
|
|
93
|
+
const Overlay = styled.div.withConfig({
|
|
94
|
+
shouldForwardProp
|
|
95
|
+
}).attrs(applyDefaultTheme)`
|
|
96
|
+
position: absolute;
|
|
97
|
+
top: 0;
|
|
98
|
+
bottom: 0;
|
|
99
|
+
left: 0;
|
|
100
|
+
right: 0;
|
|
101
|
+
`;
|
|
102
|
+
const OverlayBackdrop = styled.div.withConfig({
|
|
103
|
+
shouldForwardProp
|
|
104
|
+
}).attrs(applyDefaultTheme)`
|
|
105
|
+
position: absolute;
|
|
106
|
+
top: 0;
|
|
107
|
+
bottom: 0;
|
|
108
|
+
left: 0;
|
|
109
|
+
right: 0;
|
|
110
|
+
opacity: 0;
|
|
111
|
+
transition: opacity 220ms;
|
|
112
|
+
|
|
113
|
+
${props => !props.selected ? css`
|
|
114
|
+
background: radial-gradient(
|
|
115
|
+
ellipse at center,
|
|
116
|
+
rgba(0, 0, 0, 0.3) 27%,
|
|
117
|
+
rgba(0, 0, 0, 0.5) 60%,
|
|
118
|
+
rgba(0, 0, 0, 0.7) 90%
|
|
119
|
+
);
|
|
120
|
+
` : null}
|
|
121
|
+
${props => (props.selected || props.$softSelected) && css`
|
|
122
|
+
opacity: 1;
|
|
123
|
+
`}
|
|
124
|
+
${Overlay}:hover & {
|
|
125
|
+
opacity: 1;
|
|
126
|
+
}
|
|
127
|
+
`;
|
|
128
|
+
const OverlayInfo = styled.div.withConfig({
|
|
129
|
+
shouldForwardProp
|
|
130
|
+
}).attrs(applyDefaultTheme)`
|
|
131
|
+
position: absolute;
|
|
132
|
+
top: 0;
|
|
133
|
+
bottom: 0;
|
|
134
|
+
left: 0;
|
|
135
|
+
right: 0;
|
|
136
|
+
display: flex;
|
|
137
|
+
flex-direction: column;
|
|
138
|
+
justify-content: space-between;
|
|
139
|
+
padding: 15px 50px 10px 12px;
|
|
140
|
+
color: ${props => props.theme.getColor('gray-100')};
|
|
141
|
+
& span {
|
|
142
|
+
overflow: hidden;
|
|
143
|
+
word-wrap: break-word;
|
|
144
|
+
}
|
|
145
|
+
`;
|
|
146
|
+
const OverlayCompleted = styled.div.withConfig({
|
|
147
|
+
shouldForwardProp
|
|
148
|
+
}).attrs(applyDefaultTheme)`
|
|
149
|
+
position: absolute;
|
|
150
|
+
top: 0;
|
|
151
|
+
bottom: 0;
|
|
152
|
+
left: 0;
|
|
153
|
+
right: 0;
|
|
154
|
+
pointer-events: none;
|
|
155
|
+
transition: border-color 120ms;
|
|
156
|
+
border: 3px solid;
|
|
157
|
+
${props => {
|
|
158
|
+
if (props.$softSelected) return null;
|
|
159
|
+
return props.theme.themeProp('border-color', props.theme.getColor('emerald-500'), rgba(props.theme.getColor('emerald-500'), 0.7));
|
|
160
|
+
}};
|
|
161
|
+
`;
|
|
162
|
+
const OverlayHasError = styled.div.withConfig({
|
|
163
|
+
shouldForwardProp
|
|
164
|
+
}).attrs(applyDefaultTheme)`
|
|
165
|
+
position: absolute;
|
|
166
|
+
top: 0;
|
|
167
|
+
bottom: 0;
|
|
168
|
+
left: 0;
|
|
169
|
+
right: 0;
|
|
170
|
+
pointer-events: none;
|
|
171
|
+
transition: border-color 120ms;
|
|
172
|
+
border: 3px solid;
|
|
173
|
+
${props => {
|
|
174
|
+
if (props.$softSelected) return null;
|
|
175
|
+
return props.theme.themeProp('border-color', props.theme.getColor('red-600'), rgba(props.theme.getColor('red-500'), 0.7));
|
|
176
|
+
}}
|
|
177
|
+
`;
|
|
178
|
+
const OverlaySelected = styled.div.withConfig({
|
|
179
|
+
shouldForwardProp
|
|
180
|
+
}).attrs(applyDefaultTheme)`
|
|
181
|
+
position: absolute;
|
|
182
|
+
top: 0;
|
|
183
|
+
bottom: 0;
|
|
184
|
+
left: 0;
|
|
185
|
+
right: 0;
|
|
186
|
+
pointer-events: none;
|
|
187
|
+
transition: border-color 120ms;
|
|
188
|
+
border-style: solid;
|
|
189
|
+
border-width: 3px;
|
|
190
|
+
|
|
191
|
+
${props => {
|
|
192
|
+
if (props.$softSelected) {
|
|
193
|
+
return props.theme.themeProp('border-color', rgba(props.theme.getColor('gray-100'), 0.5), rgba(props.theme.getColor('gray-700'), 0.5));
|
|
194
|
+
}
|
|
195
|
+
if (props.selected) {
|
|
196
|
+
if (props.customSelectedBorder) {
|
|
197
|
+
return props.theme.themeProp('border-color', props.customSelectedBorder[0], props.customSelectedBorder[1]);
|
|
198
|
+
} else {
|
|
199
|
+
return props.theme.themeProp('border-color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
return props.theme.themeProp('border-color', 'transparent', 'transparent');
|
|
203
|
+
}};
|
|
204
|
+
`;
|
|
205
|
+
const OverlayInfoTop = styled.div.withConfig({
|
|
206
|
+
shouldForwardProp
|
|
207
|
+
}).attrs(applyDefaultTheme)`
|
|
208
|
+
position: absolute;
|
|
209
|
+
left: 0;
|
|
210
|
+
right: 0;
|
|
211
|
+
top: 0;
|
|
212
|
+
padding: 8px;
|
|
213
|
+
display: flex;
|
|
214
|
+
`;
|
|
215
|
+
const OverlayInfoTopActions = styled.div.withConfig({
|
|
216
|
+
shouldForwardProp
|
|
217
|
+
}).attrs(applyDefaultTheme)`
|
|
218
|
+
position: absolute;
|
|
219
|
+
top: 0;
|
|
220
|
+
right: 0;
|
|
221
|
+
padding: 4px;
|
|
222
|
+
display: flex;
|
|
223
|
+
flex-direction: column;
|
|
224
|
+
justify-content: space-between;
|
|
225
|
+
transition: opacity 220ms;
|
|
226
|
+
z-index: 99999;
|
|
227
|
+
${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'))}
|
|
228
|
+
|
|
229
|
+
opacity: ${props => props.$isOverlayHovered ? 1 : 0};
|
|
230
|
+
`;
|
|
231
|
+
const OverlayInfoTopLeft = styled.div.withConfig({
|
|
232
|
+
shouldForwardProp
|
|
233
|
+
}).attrs(applyDefaultTheme)`
|
|
234
|
+
opacity: 1;
|
|
235
|
+
display: ${props => props?.$collapseExtraInfo ? 'none' : 'block'};
|
|
236
|
+
|
|
237
|
+
${Overlay}:hover & {
|
|
238
|
+
opacity: 0;
|
|
239
|
+
}
|
|
240
|
+
`;
|
|
241
|
+
const OverlayInfoTopWarning = styled.div.withConfig({
|
|
242
|
+
shouldForwardProp
|
|
243
|
+
}).attrs(applyDefaultTheme)`
|
|
244
|
+
margin-left: auto;
|
|
245
|
+
height: 24px;
|
|
246
|
+
width: 24px;
|
|
247
|
+
border-radius: 50%;
|
|
248
|
+
box-sizing: border-box;
|
|
249
|
+
padding: ${props => props.type === 'error' ? 0 : '3px 4px'};
|
|
250
|
+
background-color: ${props => props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};
|
|
251
|
+
opacity: 1;
|
|
252
|
+
|
|
253
|
+
svg {
|
|
254
|
+
width: 100%;
|
|
255
|
+
color: ${props => props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
${Overlay}:hover & {
|
|
259
|
+
opacity: 0;
|
|
260
|
+
}
|
|
261
|
+
`;
|
|
262
|
+
const OverlayInfoBottom = styled.div.withConfig({
|
|
263
|
+
shouldForwardProp
|
|
264
|
+
}).attrs(applyDefaultTheme)`
|
|
265
|
+
position: absolute;
|
|
266
|
+
left: 0;
|
|
267
|
+
right: 0;
|
|
268
|
+
bottom: 0;
|
|
269
|
+
padding: 8px;
|
|
270
|
+
display: flex;
|
|
271
|
+
`;
|
|
272
|
+
const OverlayInfoBottomSelectButton = styled.div.withConfig({
|
|
273
|
+
shouldForwardProp
|
|
274
|
+
}).attrs(applyDefaultTheme)`
|
|
275
|
+
opacity: ${props => props.selected ? 1 : 0};
|
|
276
|
+
flex-shrink: 0;
|
|
277
|
+
cursor: pointer;
|
|
278
|
+
transition: opacity 220ms;
|
|
279
|
+
height: 24px;
|
|
280
|
+
|
|
281
|
+
> svg {
|
|
282
|
+
width: 24px;
|
|
283
|
+
height: 24px;
|
|
284
|
+
transition: opacity 120ms;
|
|
285
|
+
opacity: ${props => props.selected ? 1 : 0.5};
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
${Overlay}:hover & {
|
|
289
|
+
opacity: 1;
|
|
290
|
+
}
|
|
291
|
+
`;
|
|
292
|
+
const OverlayInfoBottomMediaIcon = styled.div.withConfig({
|
|
293
|
+
shouldForwardProp
|
|
294
|
+
}).attrs(applyDefaultTheme)`
|
|
295
|
+
margin-left: auto;
|
|
296
|
+
opacity: 1;
|
|
297
|
+
|
|
298
|
+
${Overlay}:hover & {
|
|
299
|
+
opacity: 0;
|
|
300
|
+
}
|
|
301
|
+
`;
|
|
302
|
+
const ConsumerDefinedOverlay = styled.div.withConfig({
|
|
303
|
+
shouldForwardProp
|
|
304
|
+
}).attrs(applyDefaultTheme)`
|
|
305
|
+
position: absolute;
|
|
306
|
+
top: 0;
|
|
307
|
+
bottom: 0;
|
|
308
|
+
left: 0;
|
|
309
|
+
right: 0;
|
|
310
|
+
pointer-events: none;
|
|
311
|
+
`;
|
|
312
|
+
styled.div`
|
|
313
|
+
margin: 4px;
|
|
314
|
+
`;
|
|
315
|
+
styled.div.withConfig({
|
|
316
|
+
shouldForwardProp
|
|
317
|
+
}).attrs(applyDefaultTheme)`
|
|
318
|
+
${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
|
|
319
|
+
padding: 4px 8px;
|
|
320
|
+
border-radius: 4px;
|
|
321
|
+
`;
|
|
322
|
+
const StyledFloatingArrow = styled(FloatingArrow).withConfig({
|
|
323
|
+
shouldForwardProp
|
|
324
|
+
}).attrs(applyDefaultTheme)`
|
|
325
|
+
${props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
|
|
326
|
+
`;
|
|
327
|
+
|
|
328
|
+
export { AssetGalleryCompactCard, AssetGalleryWrapper, ConsumerDefinedOverlay, Figure, FigureOverlayBackdrop, Overlay, OverlayBackdrop, OverlayCompleted, OverlayHasError, OverlayInfo, OverlayInfoBottom, OverlayInfoBottomMediaIcon, OverlayInfoBottomSelectButton, OverlayInfoTop, OverlayInfoTopActions, OverlayInfoTopLeft, OverlayInfoTopWarning, OverlaySelected, Reference, StyledFloatingArrow };
|
|
329
|
+
//# sourceMappingURL=AssetGalleryCompactCard.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AssetGalleryCompactCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetGalleryWrapper = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `};\n`;\n\nexport const Reference = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n width: 100%;\n height: 100%;\n`;\n\nexport const AssetGalleryCompactCard = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: block;\n height: 100%;\n padding-left: ${props => (props.selected ? 1 : 0)}px;\n padding-right: ${props => (props.selected ? 1 : 0)}px;\n padding-top: ${props => (props.selected ? 1 : 0)}px;\n box-sizing: border-box;\n cursor: pointer;\n\n ${props =>\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-300')\n )};\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-700')\n )};\n\n ${props =>\n props.disabled &&\n css`\n pointer-events: none;\n opacity: 0.4;\n `};\n\n ${props =>\n props.extendedSelectMode &&\n css`\n cursor: pointer;\n `}\n video {\n width: 100%;\n height: 100%;\n }\n\n .audio {\n display: flex;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n`;\n\nexport const Figure = styled.figure`\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n position: relative;\n margin: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n\n .lazy-load-image-background {\n display: block !important;\n }\n\n img {\n display: block;\n height: 100%;\n width: 100%;\n ${props =>\n props.$hasHeightAndWidth\n ? css`\n object-fit: cover;\n `\n : css`\n object-fit: contain;\n `}\n }\n`;\n\nexport const FigureOverlayBackdrop = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n inset: 0;\n opacity: ${props => (props.selected ? 0.6 : 0)};\n background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 220ms;\n\n ${props =>\n !props.selected\n ? css`\n background: radial-gradient(\n ellipse at center,\n rgba(0, 0, 0, 0.3) 27%,\n rgba(0, 0, 0, 0.5) 60%,\n rgba(0, 0, 0, 0.7) 90%\n );\n `\n : null}\n ${props =>\n (props.selected || props.$softSelected) &&\n css`\n opacity: 1;\n `}\n ${Overlay}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfo = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 15px 50px 10px 12px;\n color: ${props => props.theme.getColor('gray-100')};\n & span {\n overflow: hidden;\n word-wrap: break-word;\n }\n`;\n\nexport const OverlayCompleted = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 3px solid;\n ${props => {\n if (props.$softSelected) return null;\n\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('emerald-500'),\n rgba(props.theme.getColor('emerald-500'), 0.7)\n );\n }};\n`;\n\nexport const OverlayHasError = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border: 3px solid;\n ${props => {\n if (props.$softSelected) return null;\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-600'),\n rgba(props.theme.getColor('red-500'), 0.7)\n );\n }}\n`;\n\nexport const OverlaySelected = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n transition: border-color 120ms;\n border-style: solid;\n border-width: 3px;\n\n ${props => {\n if (props.$softSelected) {\n return props.theme.themeProp(\n 'border-color',\n rgba(props.theme.getColor('gray-100'), 0.5),\n rgba(props.theme.getColor('gray-700'), 0.5)\n );\n }\n\n if (props.selected) {\n if (props.customSelectedBorder) {\n return props.theme.themeProp(\n 'border-color',\n props.customSelectedBorder[0],\n props.customSelectedBorder[1]\n );\n } else {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-700')\n );\n }\n }\n\n return props.theme.themeProp('border-color', 'transparent', 'transparent');\n }};\n`;\n\nexport const OverlayInfoTop = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoTopActions = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n right: 0;\n padding: 4px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: opacity 220ms;\n z-index: 99999;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )}\n\n opacity: ${props => (props.$isOverlayHovered ? 1 : 0)};\n`;\n\nexport const OverlayInfoTopLeft = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 1;\n display: ${props => (props?.$collapseExtraInfo ? 'none' : 'block')};\n\n ${Overlay}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoTopWarning = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n margin-left: auto;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: ${props => (props.type === 'error' ? 0 : '3px 4px')};\n background-color: ${props =>\n props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n opacity: 1;\n\n svg {\n width: 100%;\n color: ${props =>\n props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n }\n\n ${Overlay}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoBottom = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: ${props => (props.selected ? 1 : 0)};\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 220ms;\n height: 24px;\n\n > svg {\n width: 24px;\n height: 24px;\n transition: opacity 120ms;\n opacity: ${props => (props.selected ? 1 : 0.5)};\n }\n\n ${Overlay}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n margin-left: auto;\n opacity: 1;\n\n ${Overlay}:hover & {\n opacity: 0;\n }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n`;\n\nexport const Fragment = styled.div`\n margin: 4px;\n`;\n\nexport const ActionTitle = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('white')\n )}\n padding: 4px 8px;\n border-radius: 4px;\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow)\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetGalleryWrapper","styled","div","withConfig","attrs","applyDefaultTheme","props","disabled","css","Reference","AssetGalleryCompactCard","selected","theme","themeProp","getColor","extendedSelectMode","Figure","figure","$hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","$softSelected","OverlayInfo","OverlayCompleted","rgba","OverlayHasError","OverlaySelected","customSelectedBorder","OverlayInfoTop","OverlayInfoTopActions","$isOverlayHovered","OverlayInfoTopLeft","$collapseExtraInfo","OverlayInfoTopWarning","type","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","StyledFloatingArrow","FloatingArrow"],"mappings":"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"}
|