@procore/core-react 12.47.1 → 12.48.1
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/CHANGELOG.md +24 -0
- package/dist/AnchorNavigation/AnchorNavigation.styles.js +4 -4
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/AvatarStack/AvatarStack.styles.js +7 -7
- package/dist/Badge/Badge.styles.js +2 -2
- package/dist/BadgePill/BadgePill.styles.js +4 -4
- package/dist/Banner/Banner.styles.js +10 -10
- package/dist/Box/Box.styles.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/dist/Button/Button.styles.js +5 -5
- package/dist/Calendar/Calendar.styles.js +9 -9
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -6
- package/dist/CheckboxGroup/CheckboxGroup.js +9 -3
- package/dist/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/CheckboxGroup/checkboxGroupTileNavigation.d.ts +12 -0
- package/dist/CheckboxGroup/checkboxGroupTileNavigation.js +224 -0
- package/dist/CheckboxGroup/checkboxGroupTileNavigation.js.map +1 -0
- package/dist/ContactItem/ContactItem.styles.js +5 -5
- package/dist/Content/Content.styles.js +2 -2
- package/dist/DateInput/DateInput.styles.js +6 -6
- package/dist/DateSelect/DateSelect.js +5 -4
- package/dist/DateSelect/DateSelect.js.map +1 -1
- package/dist/DateSelect/DateSelect.types.d.ts +1 -1
- package/dist/DateSelect/DateSelect.types.js.map +1 -1
- package/dist/DetailPage/DetailPage.styles.js +7 -7
- package/dist/Dropdown/Dropdown.styles.js +3 -3
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
- package/dist/Dropzone/Dropzone.js +1 -1
- package/dist/Dropzone/Dropzone.styles.js +9 -9
- package/dist/EmptyState/EmptyState.styles.js +6 -6
- package/dist/Field/Field.styles.js +3 -3
- package/dist/FileList/FileList.js +4 -0
- package/dist/FileList/FileList.js.map +1 -1
- package/dist/FileList/FileList.styles.js +3 -3
- package/dist/FileList/storybook/fileListMockData.js +14 -14
- package/dist/FileList/storybook/fileListMockData.js.map +1 -1
- package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
- package/dist/FileSelect/FileSelect.styles.js +2 -2
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
- package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
- package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
- package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
- package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
- package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
- package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
- package/dist/FileToken/FileToken.styles.js +6 -6
- package/dist/FilterToken/FilterToken.styles.js +5 -5
- package/dist/FlexList/FlexList.styles.js +1 -1
- package/dist/Form/Form.styles.js +13 -13
- package/dist/Form/StyledFormikForm.styles.js +2 -2
- package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
- package/dist/Grid/Grid.styles.js +2 -2
- package/dist/GroupSelect/GroupSelect.styles.js +1 -1
- package/dist/Input/Input.styles.js +1 -1
- package/dist/Link/Link.styles.js +1 -1
- package/dist/ListPage/ListPage.styles.js +8 -8
- package/dist/Loader/Loader.styles.js +2 -2
- package/dist/MenuImperative/MenuImperative.styles.js +11 -11
- package/dist/Modal/Modal.styles.js +13 -13
- package/dist/MultiSelect/MultiSelect.styles.js +8 -8
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- package/dist/NextTile/NextTile.d.ts +24 -0
- package/dist/NextTile/NextTile.js +275 -90
- package/dist/NextTile/NextTile.js.map +1 -1
- package/dist/NextTile/NextTile.styles.d.ts +16 -0
- package/dist/NextTile/NextTile.styles.js +136 -0
- package/dist/NextTile/NextTile.styles.js.map +1 -0
- package/dist/NextTile/NextTile.types.d.ts +14 -2
- package/dist/NextTile/NextTile.types.js.map +1 -1
- package/dist/Notation/Notation.js +1 -1
- package/dist/NumberInput/NumberInput.styles.js +7 -7
- package/dist/Overlay/OverlayArrow.styles.js +1 -1
- package/dist/PageLayout/PageLayout.styles.js +16 -16
- package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
- package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
- package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
- package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
- package/dist/Pagination/Pagination.js +2 -1
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Pagination/PaginationSelect.js +15 -2
- package/dist/Pagination/PaginationSelect.js.map +1 -1
- package/dist/Panel/Panel.styles.js +11 -11
- package/dist/Pill/Pill.styles.js +3 -3
- package/dist/PillSelect/PillSelect.styles.js +4 -4
- package/dist/Popover/Popover.js +2 -3
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Popover/Popover.styles.js +2 -2
- package/dist/Popover/Popover.types.d.ts +4 -3
- package/dist/Popover/Popover.types.js.map +1 -1
- package/dist/Portal/Portal.styles.js +1 -1
- package/dist/ProgressBar/ProgressBar.styles.js +2 -2
- package/dist/RadioButton/RadioButton.styles.js +3 -3
- package/dist/Required/Required.styles.js +3 -3
- package/dist/Search/Search.styles.js +5 -5
- package/dist/Section/Section.styles.js +7 -7
- package/dist/SegmentedController/SegmentedController.styles.js +4 -4
- package/dist/Select/Select.styles.js +8 -8
- package/dist/Semantic/Semantic.styles.js +9 -9
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.styles.js +8 -8
- package/dist/Spinner/Spinner.styles.js.map +1 -1
- package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
- package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +40 -40
- package/dist/Switch/Switch.styles.js +4 -4
- package/dist/Table/Table.styles.js +29 -29
- package/dist/TableShelf/TableShelf.styles.js +5 -5
- package/dist/Tabs/Tabs.styles.js +16 -16
- package/dist/Tearsheet/Tearsheet.styles.js +5 -5
- package/dist/TextArea/TextArea.styles.js +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
- package/dist/Thumbnail/Thumbnail.hooks.d.ts +13 -7
- package/dist/Thumbnail/Thumbnail.hooks.js +15 -5
- package/dist/Thumbnail/Thumbnail.hooks.js.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +8 -4
- package/dist/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/Thumbnail/Thumbnail.styles.d.ts +13 -5
- package/dist/Thumbnail/Thumbnail.styles.js +42 -24
- package/dist/Thumbnail/Thumbnail.styles.js.map +1 -1
- package/dist/Thumbnail/Thumbnail.types.d.ts +12 -10
- package/dist/Thumbnail/Thumbnail.types.js.map +1 -1
- package/dist/Thumbnail/Thumbnail.utils.d.ts +1 -0
- package/dist/Thumbnail/Thumbnail.utils.js +7 -0
- package/dist/Thumbnail/Thumbnail.utils.js.map +1 -1
- package/dist/Thumbnail/ThumbnailCaption.js +85 -40
- package/dist/Thumbnail/ThumbnailCaption.js.map +1 -1
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/Tile/Tile.styles.js +10 -10
- package/dist/Tile/Tile.styles.js.map +1 -1
- package/dist/Title/Title.styles.js +7 -7
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/ToggleButton/ToggleButton.styles.js +5 -3
- package/dist/ToggleButton/ToggleButton.styles.js.map +1 -1
- package/dist/Token/Token.styles.js +5 -5
- package/dist/ToolHeader/ToolHeader.styles.js +6 -6
- package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
- package/dist/Tooltip/Tooltip.styles.js +3 -3
- package/dist/Tree/Tree.js +1 -1
- package/dist/Tree/Tree.styles.js +10 -10
- package/dist/Typeahead/Typeahead.styles.js +3 -3
- package/dist/Typography/Typography.styles.js +1 -1
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/_hooks/ClickOutside.js +8 -3
- package/dist/_hooks/ClickOutside.js.map +1 -1
- package/dist/_hooks/I18n.d.ts +2 -0
- package/dist/_locales/en.json +1 -0
- package/dist/_locales/pseudo.json +1 -0
- package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
- package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
- package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +4 -4
- package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +25 -25
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +15 -15
- package/dist/_typedoc/Box/Box.types.json +68 -68
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
- package/dist/_typedoc/Button/Button.types.json +14 -14
- package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +23 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
- package/dist/_typedoc/Dropdown/Dropdown.types.json +38 -38
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +31 -31
- package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
- package/dist/_typedoc/EmptyState/EmptyState.types.json +18 -18
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +27 -27
- package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
- package/dist/_typedoc/Form/Form.types.json +780 -760
- package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +54 -54
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +1 -1
- package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
- package/dist/_typedoc/Menu/Menu.types.json +62 -62
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +84 -84
- package/dist/_typedoc/Modal/Modal.types.json +48 -48
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +33 -33
- package/dist/_typedoc/NextTile/NextTile.types.json +42 -32
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +48 -48
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +33 -33
- package/dist/_typedoc/PageLayout/PageLayout.types.json +28 -28
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +28 -28
- package/dist/_typedoc/Pill/Pill.types.json +2 -2
- package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
- package/dist/_typedoc/Popover/Popover.types.json +19 -19
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +15 -15
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
- package/dist/_typedoc/Select/Select.types.json +67 -67
- package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
- package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
- package/dist/_typedoc/Table/Table.types.json +114 -104
- package/dist/_typedoc/Tabs/Tabs.types.json +21 -21
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +11 -11
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +23 -23
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +43 -43
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +29 -29
- package/dist/_typedoc/Tile/Tile.types.json +8 -8
- package/dist/_typedoc/Title/Title.types.json +1 -1
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
- package/dist/_typedoc/Token/Token.types.json +7 -7
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
- package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +8 -8
- package/dist/_typedoc/Tooltip/Tooltip.types.json +15 -15
- package/dist/_typedoc/Tree/Tree.types.json +88 -88
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +9 -9
- package/dist/_typedoc/_utils/types.json +3 -3
- package/dist/_typedoc/a11y-tips.json +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +16 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextTile.js","names":["useCheckbox","useCheckboxGroupItem","useFocusRing","mergeProps","useId","VisuallyHidden","React","useToggleState","CheckboxGroupContext","StyledActions","StyledFooter","StyledHeroMedia","StyledHeroOverlay","StyledHeroText","StyledInteractableTile","StyledLinkTile","StyledSelectableTile","StyledTileContent","addSubcomponents","mergeRefs","heroTextGridTemplateColumns","TileContext","createContext","orientation","HeroMedia","forwardRef","_ref","ref","children","_ref$overlay","overlay","onOverlayClick","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","heroRef","useRef","useLayoutEffect","_heroRef$current","_heroRef$current$pare","current","parentElement","style","removeProperty","createElement","_extends","$orientation","onClick","HeroText","_ref2","_excluded2","_React$useContext2","_heroRef$current2","_heroRef$current2$par","setProperty","Content","Footer","_ref3","_excluded3","Actions","_ref4","_excluded4","InteractableTile","_ref5","_excluded5","Provider","value","LinkTile","_ref6","_excluded6","CheckboxTileRender","_ref7","inputProps","focusProps","inputRef","forwardedRef","isDisabled","isSelected","isFocusVisible","className","role","ariaLabelledby","fallbackId","$disabled","$selected","$focused","$layoutless","tabIndex","_inputRef$current","click","onKeyDown","e","code","preventDefault","_inputRef$current2","SingleCheckboxTile","_ref8","_ref8$disabled","disabled","checked","defaultChecked","props_","_excluded7","_objectSpread","defaultSelected","state","_useCheckbox","_useFocusRing","GroupCheckboxTile","_ref9","_ref9$disabled","groupState","_excluded8","_useCheckboxGroupItem","_useFocusRing2","CheckboxTile_","CheckboxTile","TileInner","_ref0","_ref0$role","_excluded9","Tile_","NextTile"],"sources":["../../src/NextTile/NextTile.tsx"],"sourcesContent":["import { useCheckbox, useCheckboxGroupItem } from '@react-aria/checkbox'\nimport { useFocusRing } from '@react-aria/focus'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { CheckboxGroupState } from 'react-stately'\nimport { useToggleState } from 'react-stately'\nimport { CheckboxGroupContext } from '../CheckboxGroup/CheckboxGroup'\nimport { StyledActions } from '../Content/Content.styles'\nimport {\n StyledFooter,\n StyledHeroMedia,\n StyledHeroOverlay,\n StyledHeroText,\n StyledInteractableTile,\n StyledLinkTile,\n StyledSelectableTile,\n StyledTileContent,\n} from '../Tile/Tile.styles'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport type {\n CheckboxTileProps,\n HeroMediaProps,\n HeroTextProps,\n InteractableTileProps,\n LinkTileProps,\n Roles,\n TileCommonProps,\n TileProps,\n TileRef,\n} from './NextTile.types'\n\nconst heroTextGridTemplateColumns = 'auto 1fr'\n\nconst TileContext = React.createContext<\n Pick<TileCommonProps<'none'>, 'orientation'>\n>({\n orientation: 'portrait',\n})\n\nconst HeroMedia = React.forwardRef<HTMLDivElement, HeroMediaProps>(\n function HeroMedia(\n { children, overlay = false, onOverlayClick, ...props },\n ref\n ) {\n const { orientation } = React.useContext(TileContext)\n const heroRef = React.useRef<HTMLDivElement>(null)\n\n React.useLayoutEffect(() => {\n if (orientation === 'landscape') {\n heroRef.current?.parentElement?.style.removeProperty(\n '--core-tile-grid-template-columns'\n )\n }\n }, [orientation])\n\n return (\n <StyledHeroMedia\n ref={mergeRefs(heroRef, ref)}\n $orientation={orientation}\n {...props}\n >\n {overlay && <StyledHeroOverlay onClick={onOverlayClick} />}\n {children}\n </StyledHeroMedia>\n )\n }\n)\n\nconst HeroText = React.forwardRef<HTMLDivElement, HeroTextProps>(\n function HeroText({ children, ...props }, ref) {\n const { orientation } = React.useContext(TileContext)\n const heroRef = React.useRef<HTMLDivElement>(null)\n\n React.useLayoutEffect(() => {\n if (orientation === 'landscape') {\n heroRef.current?.parentElement?.style.setProperty(\n '--core-tile-grid-template-columns',\n heroTextGridTemplateColumns\n )\n }\n }, [orientation])\n\n return (\n <StyledHeroText\n ref={mergeRefs(heroRef, ref)}\n $orientation={orientation}\n {...props}\n >\n {children}\n </StyledHeroText>\n )\n }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, HeroTextProps>(\n function Content(props, ref) {\n return <StyledTileContent ref={ref} {...props} />\n }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, Props>(function Footer(\n { children, ...props },\n ref\n) {\n return (\n <StyledFooter ref={ref} {...props}>\n {children}\n </StyledFooter>\n )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, Props>(function Actions(\n { children, ...props },\n ref\n) {\n return (\n <StyledActions ref={ref} {...props}>\n {children}\n </StyledActions>\n )\n})\n\nexport const InteractableTile = React.forwardRef<\n HTMLDivElement,\n Omit<InteractableTileProps, 'role'>\n>(function InteractableTile({ orientation, children, ...props }, ref) {\n return (\n <StyledInteractableTile ref={ref} $orientation={orientation} {...props}>\n <TileContext.Provider value={{ orientation }}>\n {children}\n </TileContext.Provider>\n </StyledInteractableTile>\n )\n})\n\nexport const LinkTile = React.forwardRef<\n HTMLAnchorElement,\n Omit<LinkTileProps, 'role'>\n>(function LinkTile({ orientation, children, ...props }, ref) {\n return (\n <StyledLinkTile ref={ref} $orientation={orientation} {...props}>\n <TileContext.Provider value={{ orientation }}>\n {children}\n </TileContext.Provider>\n </StyledLinkTile>\n )\n})\n\n// Shared render component\nconst CheckboxTileRender: React.FC<{\n inputProps: React.InputHTMLAttributes<HTMLInputElement>\n focusProps: React.HTMLAttributes<HTMLInputElement>\n inputRef: React.RefObject<HTMLInputElement>\n forwardedRef: React.ForwardedRef<HTMLInputElement>\n isDisabled: boolean\n isSelected: boolean\n isFocusVisible: boolean\n orientation?: 'portrait' | 'landscape'\n className?: string\n style?: React.CSSProperties\n role?: string\n 'aria-labelledby'?: string\n children?: React.ReactNode\n}> = ({\n inputProps,\n focusProps,\n inputRef,\n forwardedRef,\n isDisabled,\n isSelected,\n isFocusVisible,\n orientation,\n className,\n style,\n role,\n 'aria-labelledby': ariaLabelledby,\n children,\n}) => {\n const fallbackId = useId()\n\n return (\n <StyledSelectableTile\n $disabled={isDisabled}\n $selected={isSelected}\n $focused={isFocusVisible}\n $orientation={orientation ?? 'portrait'}\n $layoutless\n className={className}\n style={style}\n >\n <div\n role={role ?? 'checkbox'}\n aria-labelledby={ariaLabelledby ?? fallbackId}\n aria-checked={isSelected}\n aria-disabled={isDisabled}\n tabIndex={isDisabled ? -1 : 0}\n onClick={() => {\n if (!isDisabled) {\n inputRef.current?.click()\n }\n }}\n onKeyDown={(e) => {\n if (e.code === 'Space' || e.code === 'Enter') {\n e.preventDefault()\n if (!isDisabled) {\n inputRef.current?.click()\n }\n }\n }}\n >\n <VisuallyHidden>\n <input\n {...mergeProps(inputProps, focusProps)}\n ref={mergeRefs(inputRef, forwardedRef)}\n tabIndex={-1}\n />\n </VisuallyHidden>\n <TileContext.Provider\n value={{ orientation: orientation ?? 'portrait' }}\n >\n {children}\n </TileContext.Provider>\n </div>\n </StyledSelectableTile>\n )\n}\n\n// Single checkbox implementation\nconst SingleCheckboxTile = React.forwardRef<\n HTMLInputElement,\n CheckboxTileProps\n>(function SingleCheckboxTile(\n {\n disabled = false,\n checked,\n defaultChecked,\n orientation,\n style,\n className,\n ...props_\n },\n ref\n) {\n const props = {\n ...props_,\n isDisabled: disabled,\n isSelected: checked,\n defaultSelected: defaultChecked,\n }\n const inputRef = React.useRef<HTMLInputElement>(null)\n const state = useToggleState(props)\n const { inputProps } = useCheckbox(props, state, inputRef)\n const { focusProps, isFocusVisible } = useFocusRing()\n\n return (\n <CheckboxTileRender\n inputProps={inputProps}\n focusProps={focusProps}\n inputRef={inputRef}\n forwardedRef={ref}\n isDisabled={disabled}\n isSelected={state.isSelected}\n isFocusVisible={isFocusVisible}\n orientation={orientation}\n className={className}\n style={style}\n role={props.role}\n aria-labelledby={props['aria-labelledby']}\n >\n {props.children}\n </CheckboxTileRender>\n )\n})\n\n// Group checkbox implementation\nconst GroupCheckboxTile = React.forwardRef<\n HTMLInputElement,\n CheckboxTileProps & { groupState: CheckboxGroupState }\n>(function GroupCheckboxTile(\n {\n disabled = false,\n checked,\n defaultChecked,\n orientation,\n style,\n className,\n groupState,\n ...props_\n },\n ref\n) {\n const props = {\n ...props_,\n isDisabled: disabled,\n isSelected: checked,\n defaultSelected: defaultChecked,\n }\n const inputRef = React.useRef<HTMLInputElement>(null)\n const { inputProps } = useCheckboxGroupItem(props, groupState, inputRef)\n const { focusProps, isFocusVisible } = useFocusRing()\n\n const isDisabled = groupState.isDisabled || disabled\n const isSelected = groupState.isSelected(props.value)\n\n return (\n <CheckboxTileRender\n inputProps={inputProps}\n focusProps={focusProps}\n inputRef={inputRef}\n forwardedRef={ref}\n isDisabled={isDisabled}\n isSelected={isSelected}\n isFocusVisible={isFocusVisible}\n orientation={orientation}\n className={className}\n style={style}\n role={props.role}\n aria-labelledby={props['aria-labelledby']}\n >\n {props.children}\n </CheckboxTileRender>\n )\n})\n\n// Wrapper that chooses the right implementation\nconst CheckboxTile_ = React.forwardRef<HTMLInputElement, CheckboxTileProps>(\n function CheckboxTile(props, ref) {\n const groupState = React.useContext(CheckboxGroupContext)\n\n if (groupState) {\n return <GroupCheckboxTile {...props} groupState={groupState} ref={ref} />\n }\n\n return <SingleCheckboxTile {...props} ref={ref} />\n }\n)\n\nfunction TileInner<Role extends Roles = 'none'>(\n { role = 'none', ...props }: TileProps<Role>,\n ref: TileRef<Role>\n) {\n switch (role) {\n case 'none':\n return (\n <InteractableTile\n ref={ref as React.Ref<HTMLDivElement>}\n {...(props as Omit<InteractableTileProps, 'role'>)}\n />\n )\n case 'link':\n return (\n <LinkTile\n ref={ref as React.Ref<HTMLAnchorElement>}\n {...(props as Omit<LinkTileProps, 'role'>)}\n />\n )\n case 'checkbox':\n return (\n <CheckboxTile_\n ref={ref as React.Ref<HTMLInputElement>}\n {...(props as Omit<CheckboxTileProps, 'role'>)}\n />\n )\n default:\n return null\n }\n}\n\nconst Tile_ = React.forwardRef(TileInner) as <Role extends Roles = 'none'>(\n props: TileProps<Role> & { ref?: TileRef<Role> }\n) => ReturnType<typeof TileInner>\n\n/**\n * <NextTile role={checkbox}/> can be used as single checkbox as well as in group.\n *\n * Single\n * ```\n * <NextTile role={checkbox} value=\"ThomasAnderson\" onChange=((value) => console.log(value) />\n * <NextTile role={checkbox} value=\"WhiteRabbit\" onChange=((value) => console.log(value) />\n * ```\n *\n * Group\n * ```\n * <CheckboxGroup label=\"Matrix\" onChange=((value) => console.log(value)>\n * <NextTile role={checkbox} value=\"ThomasAnderson\"/>\n * <NextTile role={checkbox} value=\"WhiteRabbit\"/>\n * </CheckboxGroup>\n * ```\n *\n * @since 11.6.0\n */\nexport const NextTile = addSubcomponents(\n { Actions, Content, Footer, HeroText, HeroMedia },\n Tile_\n)\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NextTile.js","names":["useCheckbox","useCheckboxGroupItem","useFocusRing","mergeProps","useId","VisuallyHidden","React","useToggleState","CheckboxGroupContext","CheckboxGroupTileNavContext","CheckboxGroupTileNavProvider","StyledActions","StyledFooter","StyledHeroMedia","StyledHeroOverlay","StyledHeroText","StyledTileContent","addSubcomponents","mergeRefs","StyledNextInteractableTile","StyledNextLinkTile","StyledNextSelectableTile","StyledNextTileFocusTarget","StyledNextTileInertContent","heroTextGridTemplateColumns","NextTileInertContent","_ref","children","createElement","inert","TileContext","createContext","orientation","NextTileRadioGroupInputContext","HeroMedia","forwardRef","_ref2","ref","_ref2$overlay","overlay","onOverlayClick","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","heroRef","useRef","useLayoutEffect","_heroRef$current","_heroRef$current$pare","current","parentElement","style","removeProperty","_extends","$orientation","onClick","HeroText","_ref3","_excluded2","_React$useContext2","_heroRef$current2","_heroRef$current2$par","setProperty","Content","Footer","_ref4","_excluded3","Actions","_ref5","_excluded4","InteractableTile","_ref6","_ref6$disabled","disabled","tabIndex","_excluded5","$disabled","undefined","Provider","value","LinkTile","_ref7","_excluded6","CheckboxTileRender","_ref8","inputProps","focusProps","inputRef","forwardedRef","isDisabled","isSelected","className","tileSelectableRole","ariaLabelledby","checkboxGroupTileNav","tileValue","fallbackId","ariaRole","tabIndexForFocusTarget","getTabIndex","registerTileRefFromGroup","registerTileRef","focusTargetRef","useCallback","element","$selected","$role","$layoutless","role","_inputRef$current","click","onFocus","onTileFocus","onKeyDown","e","onTileKeyDown","defaultPrevented","code","preventDefault","_inputRef$current2","id","display","SingleRadioButtonTile","_ref9","_radioGroupInput$name","_ref9$disabled","checked","defaultChecked","props_","_excluded7","_objectSpread","defaultSelected","state","_useFocusRing","radioTileNavContext","radioGroupInput","fallbackRadioName","radioName","name","type","onChange","target","setSelected","SingleCheckboxTileInner","_ref0","_ref0$disabled","_excluded8","_useCheckbox","_useFocusRing2","tileNav","SingleCheckboxTile","_ref1","_ref1$disabled","_excluded9","GroupCheckboxTile","_ref10","_ref10$disabled","groupState","_excluded0","_useCheckboxGroupItem","_useFocusRing3","CheckboxTile_","CheckboxTile","RadioButtonTile_","RadioButtonTile","NextTileRadioGroup","_ref11","htmlProps","_excluded1","tileNavContainerRef","containerRef","TileInner","_ref12","_ref12$role","_excluded10","Tile_","NextTile","RadioGroup"],"sources":["../../src/NextTile/NextTile.tsx"],"sourcesContent":["import { useCheckbox, useCheckboxGroupItem } from '@react-aria/checkbox'\nimport { useFocusRing } from '@react-aria/focus'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { CheckboxGroupState } from 'react-stately'\nimport { useToggleState } from 'react-stately'\nimport { CheckboxGroupContext } from '../CheckboxGroup/CheckboxGroup'\nimport {\n CheckboxGroupTileNavContext,\n CheckboxGroupTileNavProvider,\n type CheckboxGroupTileNavApi,\n} from '../CheckboxGroup/checkboxGroupTileNavigation'\nimport { StyledActions } from '../Content/Content.styles'\nimport {\n StyledFooter,\n StyledHeroMedia,\n StyledHeroOverlay,\n StyledHeroText,\n StyledTileContent,\n} from '../Tile/Tile.styles'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport {\n StyledNextInteractableTile,\n StyledNextLinkTile,\n StyledNextSelectableTile,\n StyledNextTileFocusTarget,\n StyledNextTileInertContent,\n} from './NextTile.styles'\nimport type {\n CheckboxTileProps,\n HeroMediaProps,\n HeroTextProps,\n InteractableTileProps,\n LinkTileProps,\n RadioButtonTileProps,\n Roles,\n TileCommonProps,\n TileProps,\n TileRef,\n} from './NextTile.types'\n\nconst heroTextGridTemplateColumns = 'auto 1fr'\n\ntype InertDivProps = React.HTMLAttributes<HTMLDivElement> & { inert?: boolean }\n\nfunction NextTileInertContent({ children }: React.PropsWithChildren) {\n return (\n <StyledNextTileInertContent {...({ inert: true } as InertDivProps)}>\n {children}\n </StyledNextTileInertContent>\n )\n}\n\nconst TileContext = React.createContext<\n Pick<TileCommonProps<'none'>, 'orientation'>\n>({\n orientation: 'portrait',\n})\n\nconst NextTileRadioGroupInputContext = React.createContext<{\n name: string\n} | null>(null)\n\nconst HeroMedia = React.forwardRef<HTMLDivElement, HeroMediaProps>(\n function HeroMedia(\n { children, overlay = false, onOverlayClick, ...props },\n ref\n ) {\n const { orientation } = React.useContext(TileContext)\n const heroRef = React.useRef<HTMLDivElement>(null)\n\n React.useLayoutEffect(() => {\n if (orientation === 'landscape') {\n heroRef.current?.parentElement?.style.removeProperty(\n '--core-tile-grid-template-columns'\n )\n }\n }, [orientation])\n\n return (\n <StyledHeroMedia\n ref={mergeRefs(heroRef, ref)}\n $orientation={orientation}\n {...props}\n >\n {overlay && <StyledHeroOverlay onClick={onOverlayClick} />}\n {children}\n </StyledHeroMedia>\n )\n }\n)\n\nconst HeroText = React.forwardRef<HTMLDivElement, HeroTextProps>(\n function HeroText({ children, ...props }, ref) {\n const { orientation } = React.useContext(TileContext)\n const heroRef = React.useRef<HTMLDivElement>(null)\n\n React.useLayoutEffect(() => {\n if (orientation === 'landscape') {\n heroRef.current?.parentElement?.style.setProperty(\n '--core-tile-grid-template-columns',\n heroTextGridTemplateColumns\n )\n }\n }, [orientation])\n\n return (\n <StyledHeroText\n ref={mergeRefs(heroRef, ref)}\n $orientation={orientation}\n {...props}\n >\n {children}\n </StyledHeroText>\n )\n }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, HeroTextProps>(\n function Content(props, ref) {\n return <StyledTileContent ref={ref} {...props} />\n }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, Props>(function Footer(\n { children, ...props },\n ref\n) {\n return (\n <StyledFooter ref={ref} {...props}>\n {children}\n </StyledFooter>\n )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, Props>(function Actions(\n { children, ...props },\n ref\n) {\n return (\n <StyledActions ref={ref} {...props}>\n {children}\n </StyledActions>\n )\n})\n\nexport const InteractableTile = React.forwardRef<\n HTMLDivElement,\n Omit<InteractableTileProps, 'role'>\n>(function InteractableTile(\n { orientation, children, disabled = false, tabIndex, ...props },\n ref\n) {\n return (\n <StyledNextInteractableTile\n {...props}\n ref={ref}\n $disabled={disabled}\n $orientation={orientation}\n aria-disabled={disabled || undefined}\n tabIndex={disabled ? -1 : tabIndex}\n >\n <TileContext.Provider value={{ orientation }}>\n {disabled ? (\n <NextTileInertContent>{children}</NextTileInertContent>\n ) : (\n children\n )}\n </TileContext.Provider>\n </StyledNextInteractableTile>\n )\n})\n\nexport const LinkTile = React.forwardRef<\n HTMLAnchorElement,\n Omit<LinkTileProps, 'role'>\n>(function LinkTile({ orientation, children, ...props }, ref) {\n return (\n <StyledNextLinkTile ref={ref} $orientation={orientation} {...props}>\n <TileContext.Provider value={{ orientation }}>\n {children}\n </TileContext.Provider>\n </StyledNextLinkTile>\n )\n})\n\n// Shared render component\nconst CheckboxTileRender: React.FC<{\n inputProps: React.InputHTMLAttributes<HTMLInputElement>\n focusProps: React.HTMLAttributes<HTMLInputElement>\n inputRef: React.RefObject<HTMLInputElement>\n forwardedRef: React.ForwardedRef<HTMLInputElement>\n isDisabled: boolean\n isSelected: boolean\n orientation?: 'portrait' | 'landscape'\n className?: string\n style?: React.CSSProperties\n /** Drives styling and mapped ARIA (`radio` / `checkbox`); not passed as DOM `role` verbatim. */\n tileSelectableRole?: 'radiobutton' | 'checkbox'\n 'aria-labelledby'?: string\n children?: React.ReactNode\n checkboxGroupTileNav?: CheckboxGroupTileNavApi | null\n tileValue?: string\n}> = ({\n inputProps,\n focusProps,\n inputRef,\n forwardedRef,\n isDisabled,\n isSelected,\n orientation,\n className,\n style,\n tileSelectableRole,\n 'aria-labelledby': ariaLabelledby,\n children,\n checkboxGroupTileNav,\n tileValue,\n}) => {\n const fallbackId = useId()\n const ariaRole =\n tileSelectableRole === 'radiobutton'\n ? 'radio'\n : tileSelectableRole ?? 'checkbox'\n\n let tabIndexForFocusTarget: number\n if (isDisabled) {\n tabIndexForFocusTarget = -1\n } else if (checkboxGroupTileNav != null && tileValue != null) {\n tabIndexForFocusTarget = checkboxGroupTileNav.getTabIndex(tileValue)\n } else {\n tabIndexForFocusTarget = 0\n }\n\n const registerTileRefFromGroup = checkboxGroupTileNav?.registerTileRef\n const focusTargetRef = React.useCallback(\n (element: HTMLDivElement | null) => {\n if (registerTileRefFromGroup && tileValue != null) {\n registerTileRefFromGroup(tileValue, element)\n }\n },\n [registerTileRefFromGroup, tileValue]\n )\n\n return (\n <StyledNextSelectableTile\n $disabled={isDisabled}\n $selected={isSelected}\n $role={tileSelectableRole === 'radiobutton' ? 'radiobutton' : 'checkbox'}\n $orientation={orientation ?? 'portrait'}\n $layoutless\n className={className}\n style={style}\n >\n <StyledNextTileFocusTarget\n role={ariaRole}\n aria-labelledby={ariaLabelledby ?? fallbackId}\n aria-checked={isSelected}\n aria-disabled={isDisabled}\n tabIndex={tabIndexForFocusTarget}\n ref={\n registerTileRefFromGroup != null && tileValue != null\n ? focusTargetRef\n : undefined\n }\n onClick={() => {\n if (!isDisabled) {\n inputRef.current?.click()\n }\n }}\n onFocus={() => {\n if (checkboxGroupTileNav && tileValue != null) {\n checkboxGroupTileNav.onTileFocus(tileValue)\n }\n }}\n onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n if (checkboxGroupTileNav && tileValue != null && !isDisabled) {\n checkboxGroupTileNav.onTileKeyDown(tileValue, e)\n if (e.defaultPrevented) {\n return\n }\n }\n if (e.code === 'Space' || e.code === 'Enter') {\n e.preventDefault()\n if (!isDisabled) {\n inputRef.current?.click()\n }\n }\n }}\n >\n <VisuallyHidden>\n <input\n {...mergeProps(inputProps, focusProps, { 'aria-hidden': true })}\n ref={mergeRefs(inputRef, forwardedRef)}\n tabIndex={-1}\n />\n </VisuallyHidden>\n <TileContext.Provider\n value={{ orientation: orientation ?? 'portrait' }}\n >\n <div id={fallbackId} style={{ display: 'contents' }}>\n {isDisabled ? (\n <NextTileInertContent>{children}</NextTileInertContent>\n ) : (\n children\n )}\n </div>\n </TileContext.Provider>\n </StyledNextTileFocusTarget>\n </StyledNextSelectableTile>\n )\n}\n\nconst SingleRadioButtonTile = React.forwardRef<\n HTMLInputElement,\n RadioButtonTileProps\n>(function SingleRadioButtonTile(\n {\n disabled = false,\n checked,\n defaultChecked,\n orientation,\n style,\n className,\n ...props_\n },\n ref\n) {\n const props = {\n ...props_,\n isDisabled: disabled,\n isSelected: checked,\n defaultSelected: defaultChecked,\n }\n const inputRef = React.useRef<HTMLInputElement>(null)\n const state = useToggleState(props)\n const { focusProps } = useFocusRing()\n const radioTileNavContext = React.useContext(CheckboxGroupTileNavContext)\n const radioGroupInput = React.useContext(NextTileRadioGroupInputContext)\n const fallbackRadioName = useId()\n const radioName = radioGroupInput?.name ?? fallbackRadioName\n\n const inputProps = {\n type: 'radio' as const,\n name: radioName,\n value: props.value,\n checked: state.isSelected,\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n if (e.target.checked) {\n state.setSelected(true)\n }\n },\n }\n\n return (\n <CheckboxTileRender\n inputProps={inputProps}\n focusProps={focusProps}\n inputRef={inputRef}\n forwardedRef={ref}\n isDisabled={disabled}\n isSelected={state.isSelected}\n orientation={orientation}\n className={className}\n style={style}\n tileSelectableRole=\"radiobutton\"\n aria-labelledby={props['aria-labelledby']}\n checkboxGroupTileNav={radioTileNavContext}\n tileValue={props.value}\n >\n {props.children}\n </CheckboxTileRender>\n )\n})\n\n// Single checkbox implementation (hooks live here; not used for `role=\"radiobutton\"`)\nconst SingleCheckboxTileInner = React.forwardRef<\n HTMLInputElement,\n CheckboxTileProps\n>(function SingleCheckboxTileInner(\n {\n disabled = false,\n checked,\n defaultChecked,\n orientation,\n style,\n className,\n ...props_\n },\n ref\n) {\n const props = {\n ...props_,\n isDisabled: disabled,\n isSelected: checked,\n defaultSelected: defaultChecked,\n }\n const inputRef = React.useRef<HTMLInputElement>(null)\n const state = useToggleState(props)\n const { inputProps } = useCheckbox(props, state, inputRef)\n const { focusProps } = useFocusRing()\n const tileNav = React.useContext(CheckboxGroupTileNavContext)\n\n return (\n <CheckboxTileRender\n inputProps={inputProps}\n focusProps={focusProps}\n inputRef={inputRef}\n forwardedRef={ref}\n isDisabled={disabled}\n isSelected={state.isSelected}\n orientation={orientation}\n className={className}\n style={style}\n tileSelectableRole={props.role}\n aria-labelledby={props['aria-labelledby']}\n checkboxGroupTileNav={tileNav}\n tileValue={props.value}\n >\n {props.children}\n </CheckboxTileRender>\n )\n})\n\nconst SingleCheckboxTile = React.forwardRef<\n HTMLInputElement,\n CheckboxTileProps | RadioButtonTileProps\n>(function SingleCheckboxTile(\n {\n disabled = false,\n checked,\n defaultChecked,\n orientation,\n style,\n className,\n ...props_\n },\n ref\n) {\n if (props_.role === 'radiobutton') {\n return (\n <SingleRadioButtonTile\n ref={ref}\n {...(props_ as RadioButtonTileProps)}\n disabled={disabled}\n checked={checked}\n defaultChecked={defaultChecked}\n orientation={orientation}\n style={style}\n className={className}\n />\n )\n }\n\n return (\n <SingleCheckboxTileInner\n ref={ref}\n disabled={disabled}\n checked={checked}\n defaultChecked={defaultChecked}\n orientation={orientation}\n style={style}\n className={className}\n {...(props_ as Omit<\n CheckboxTileProps,\n | 'disabled'\n | 'checked'\n | 'defaultChecked'\n | 'orientation'\n | 'style'\n | 'className'\n >)}\n />\n )\n})\n\n// Group checkbox implementation\nconst GroupCheckboxTile = React.forwardRef<\n HTMLInputElement,\n (CheckboxTileProps | RadioButtonTileProps) & {\n groupState: CheckboxGroupState\n }\n>(function GroupCheckboxTile(\n {\n disabled = false,\n checked,\n defaultChecked,\n orientation,\n style,\n className,\n groupState,\n ...props_\n },\n ref\n) {\n const props = {\n ...props_,\n isDisabled: disabled,\n isSelected: checked,\n defaultSelected: defaultChecked,\n }\n const inputRef = React.useRef<HTMLInputElement>(null)\n const { inputProps } = useCheckboxGroupItem(props, groupState, inputRef)\n const { focusProps } = useFocusRing()\n\n const isDisabled = groupState.isDisabled || disabled\n const isSelected = groupState.isSelected(props.value)\n const tileNav = React.useContext(CheckboxGroupTileNavContext)\n\n return (\n <CheckboxTileRender\n inputProps={inputProps}\n focusProps={focusProps}\n inputRef={inputRef}\n forwardedRef={ref}\n isDisabled={isDisabled}\n isSelected={isSelected}\n orientation={orientation}\n className={className}\n style={style}\n tileSelectableRole={props.role}\n aria-labelledby={props['aria-labelledby']}\n checkboxGroupTileNav={tileNav}\n tileValue={props.value}\n >\n {props.children}\n </CheckboxTileRender>\n )\n})\n\n// Wrapper that chooses the right implementation\nconst CheckboxTile_ = React.forwardRef<\n HTMLInputElement,\n CheckboxTileProps | RadioButtonTileProps\n>(function CheckboxTile(props, ref) {\n const groupState = React.useContext(CheckboxGroupContext)\n\n if (groupState) {\n return <GroupCheckboxTile {...props} groupState={groupState} ref={ref} />\n }\n\n return <SingleCheckboxTile {...props} ref={ref} />\n})\n\nconst RadioButtonTile_ = React.forwardRef<\n HTMLInputElement,\n RadioButtonTileProps\n>(function RadioButtonTile(props, ref) {\n // `role` is NextTile’s API discriminant; the focus target uses ARIA `radio`.\n // eslint-disable-next-line jsx-a11y/aria-role -- not a DOM role string; see CheckboxTileRender\n return <CheckboxTile_ {...props} ref={ref} role=\"radiobutton\" />\n})\n\n/**\n * Wrap sibling {@link NextTile} `role=\"radiobutton\"` tiles to enable the same\n * roving focus and arrow / Tab keyboard navigation as {@link CheckboxGroup}\n * (without checkbox-group selection state). Use with a single shared `value` in\n * the parent for a proper radio pattern. Arrow-key navigation follows a grid\n * derived from the radiogroup width and tile layout (same approach as\n * `ThumbnailGrid`).\n *\n * @since 12.42.0\n */\nexport const NextTileRadioGroup = React.forwardRef<\n HTMLDivElement,\n React.PropsWithChildren<Omit<React.HTMLAttributes<HTMLDivElement>, 'role'>>\n>(function NextTileRadioGroup({ children, ...htmlProps }, ref) {\n const name = useId()\n const tileNavContainerRef = React.useRef<HTMLDivElement>(null)\n return (\n <CheckboxGroupTileNavProvider containerRef={tileNavContainerRef}>\n <NextTileRadioGroupInputContext.Provider value={{ name }}>\n <div\n ref={mergeRefs(ref, tileNavContainerRef)}\n {...htmlProps}\n role=\"radiogroup\"\n >\n {children}\n </div>\n </NextTileRadioGroupInputContext.Provider>\n </CheckboxGroupTileNavProvider>\n )\n})\n\nfunction TileInner<Role extends Roles = 'none'>(\n { role = 'none', ...props }: TileProps<Role>,\n ref: TileRef<Role>\n) {\n switch (role) {\n case 'none':\n return (\n <InteractableTile\n ref={ref as React.Ref<HTMLDivElement>}\n {...(props as Omit<InteractableTileProps, 'role'>)}\n />\n )\n case 'link':\n return (\n <LinkTile\n ref={ref as React.Ref<HTMLAnchorElement>}\n {...(props as Omit<LinkTileProps, 'role'>)}\n />\n )\n case 'checkbox':\n return (\n <CheckboxTile_\n ref={ref as React.Ref<HTMLInputElement>}\n {...(props as Omit<CheckboxTileProps, 'role'>)}\n />\n )\n case 'radiobutton':\n return (\n <RadioButtonTile_\n ref={ref as React.Ref<HTMLInputElement>}\n {...(props as Omit<RadioButtonTileProps, 'role'>)}\n />\n )\n default:\n return null\n }\n}\n\nconst Tile_ = React.forwardRef(TileInner) as <Role extends Roles = 'none'>(\n props: TileProps<Role> & { ref?: TileRef<Role> }\n) => ReturnType<typeof TileInner>\n\n/**\n * <NextTile role={checkbox}/> can be used as single checkbox as well as in group.\n *\n * Single\n * ```\n * <NextTile role={checkbox} value=\"ThomasAnderson\" onChange=((value) => console.log(value) />\n * <NextTile role={checkbox} value=\"WhiteRabbit\" onChange=((value) => console.log(value) />\n * ```\n *\n * Group\n * ```\n * <CheckboxGroup label=\"Matrix\" onChange=((value) => console.log(value)>\n * <NextTile role={checkbox} value=\"ThomasAnderson\"/>\n * <NextTile role={checkbox} value=\"WhiteRabbit\"/>\n * </CheckboxGroup>\n * ```\n *\n * Standalone radio tiles (same keyboard navigation as checkbox group):\n * ```\n * <NextTile.RadioGroup>\n * <NextTile role=\"radiobutton\" value=\"a\" checked={v === 'a'} onChange={...} />\n * <NextTile role=\"radiobutton\" value=\"b\" checked={v === 'b'} onChange={...} />\n * </NextTile.RadioGroup>\n * ```\n *\n * @since 11.6.0\n */\nexport const NextTile = addSubcomponents(\n {\n Actions,\n Content,\n Footer,\n HeroText,\n HeroMedia,\n RadioGroup: NextTileRadioGroup,\n },\n Tile_\n)\n"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type TileSelectableState = {
|
|
3
|
+
$selected?: boolean;
|
|
4
|
+
$disabled?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare type StyledNextSelectableTileTransientProps = TileSelectableState & {
|
|
7
|
+
$role?: 'checkbox' | 'radiobutton';
|
|
8
|
+
};
|
|
9
|
+
export declare const StyledNextTileInertContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const StyledNextTileFocusTarget: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
export declare const StyledNextInteractableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
|
|
12
|
+
$disabled?: boolean | undefined;
|
|
13
|
+
}>> & string & ({} | Omit<any, keyof import("react").Component<any, {}, any>>);
|
|
14
|
+
export declare const StyledNextLinkTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & ({} | Omit<any, keyof import("react").Component<any, {}, any>>);
|
|
15
|
+
export declare const StyledNextSelectableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, StyledNextSelectableTileTransientProps>> & string & ({} | Omit<any, keyof import("react").Component<any, {}, any>>);
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import styled, { css } from 'styled-components';
|
|
2
|
+
import { StyledPill } from '../Pill/Pill.styles';
|
|
3
|
+
import { StyledHeroMedia, StyledInteractableTile, StyledLinkTile, StyledSelectableTile, StyledTileContent } from '../Tile/Tile.styles';
|
|
4
|
+
import { colors } from '../_styles/colors';
|
|
5
|
+
import { focusBlue, getFocus } from '../_styles/mixins';
|
|
6
|
+
import { spacing } from '../_styles/spacing';
|
|
7
|
+
var nextTileNeutralBorder = "1px solid ".concat(colors.gray70);
|
|
8
|
+
var nextTileSelectedBackground = colors.blue98;
|
|
9
|
+
var nextTileSelectedHoverBackground = colors.blue94;
|
|
10
|
+
var nextTileSelectedDisabledBackground = colors.blue98;
|
|
11
|
+
var disabledText = colors.gray70;
|
|
12
|
+
var nextTileDisabledContentStyles = /*#__PURE__*/css(["&& ", " :is(img,video,iframe){opacity:0.5;}&& ", " ", "{opacity:0.5;}"], StyledHeroMedia, StyledTileContent, StyledPill);
|
|
13
|
+
var nextTileDisabledUnselectedStyles = /*#__PURE__*/css(["&&{background-color:", ";}", ""], colors.white, nextTileDisabledContentStyles);
|
|
14
|
+
var nextTileDisabledSelectedStyles = /*#__PURE__*/css(["&&{background-color:", ";}", ""], nextTileSelectedDisabledBackground, nextTileDisabledContentStyles);
|
|
15
|
+
var disabledInteractableStyles = /*#__PURE__*/css(["&&{background-color:", ";}", ""], colors.gray96, nextTileDisabledContentStyles);
|
|
16
|
+
var focusOutlineOffsetPx = 2;
|
|
17
|
+
var nextTileLinkLikeFocusStyles = /*#__PURE__*/css(["box-shadow:none;&&:focus{", "}"], getFocus());
|
|
18
|
+
function nextTileSelectableBorderStyles(_ref) {
|
|
19
|
+
var $selected = _ref.$selected,
|
|
20
|
+
$disabled = _ref.$disabled;
|
|
21
|
+
if ($disabled) {
|
|
22
|
+
if ($selected) {
|
|
23
|
+
return css(["border:1px solid ", ";box-shadow:0 0 0 1px ", ";"], colors.blue85, colors.blue85);
|
|
24
|
+
}
|
|
25
|
+
return css(["border:1px solid ", ";box-shadow:none;"], colors.gray85);
|
|
26
|
+
}
|
|
27
|
+
if ($selected) {
|
|
28
|
+
return css(["border:1px solid ", ";box-shadow:0 0 0 1px ", ";"], colors.blue50, colors.blue50);
|
|
29
|
+
}
|
|
30
|
+
return css(["border:", ";box-shadow:none;"], nextTileNeutralBorder);
|
|
31
|
+
}
|
|
32
|
+
function controlBackdropBackground($disabled, $selected) {
|
|
33
|
+
if (!$disabled) return colors.white;
|
|
34
|
+
return $selected ? nextTileSelectedDisabledBackground : colors.white;
|
|
35
|
+
}
|
|
36
|
+
function selectedControlAccentFill($disabled) {
|
|
37
|
+
return $disabled ? colors.blue85 : colors.blue50;
|
|
38
|
+
}
|
|
39
|
+
function getRadioBackgroundColor(_ref2) {
|
|
40
|
+
var $selected = _ref2.$selected,
|
|
41
|
+
$disabled = _ref2.$disabled;
|
|
42
|
+
return $selected ? selectedControlAccentFill($disabled) : colors.white;
|
|
43
|
+
}
|
|
44
|
+
function controlOutlineBorderColor($selected, $disabled) {
|
|
45
|
+
if ($disabled && $selected) return colors.blue85;
|
|
46
|
+
if ($disabled) return colors.gray85;
|
|
47
|
+
if ($selected) return colors.blue50;
|
|
48
|
+
return colors.gray50;
|
|
49
|
+
}
|
|
50
|
+
var controlOuter = spacing.lg;
|
|
51
|
+
var controlInnerInset = 4;
|
|
52
|
+
var controlInnerFromEdge = controlOuter + controlInnerInset;
|
|
53
|
+
var pseudoControlAbsolute = /*#__PURE__*/css(["pointer-events:none;position:absolute;"]);
|
|
54
|
+
var pseudoOuterControl28 = /*#__PURE__*/css(["", " height:28px;right:", "px;top:", "px;width:28px;"], pseudoControlAbsolute, controlOuter, controlOuter);
|
|
55
|
+
var pseudoInnerControl20 = /*#__PURE__*/css(["", " box-sizing:border-box;height:20px;right:", "px;top:", "px;width:20px;"], pseudoControlAbsolute, controlInnerFromEdge, controlInnerFromEdge);
|
|
56
|
+
var selectableTileContentPaddingRight = /*#__PURE__*/css(["", "{padding-right:52px;}"], StyledTileContent);
|
|
57
|
+
function selectableTileCheckboxRoleCss(_ref3) {
|
|
58
|
+
var $selected = _ref3.$selected,
|
|
59
|
+
$disabled = _ref3.$disabled;
|
|
60
|
+
return css(["&::after{", " background-color:", ";border-radius:4px;content:'';}&::before{", " border:2px solid ", ";border-radius:2px;content:'';z-index:1;", "}", " ", ""], pseudoOuterControl28, controlBackdropBackground($disabled, $selected), pseudoInnerControl20, controlOutlineBorderColor($selected, $disabled), $selected && css(["background-color:", ";border-color:", ";"], selectedControlAccentFill($disabled), selectedControlAccentFill($disabled)), $selected && css(["> div::after{", " border-bottom:2px solid ", ";border-left:2px solid ", ";box-sizing:border-box;content:'';height:5px;right:", "px;top:", "px;transform:rotate(-45deg);width:9px;z-index:2;}"], pseudoControlAbsolute, colors.white, colors.white, controlInnerFromEdge + 5, controlInnerFromEdge + 6), selectableTileContentPaddingRight);
|
|
61
|
+
}
|
|
62
|
+
function selectableTileRadioRoleCss(_ref4) {
|
|
63
|
+
var $selected = _ref4.$selected,
|
|
64
|
+
$disabled = _ref4.$disabled;
|
|
65
|
+
return css(["&::before{", " background-color:", ";border-radius:50%;content:'';z-index:2;}&::after{", " background-color:", ";border:2px solid ", ";border-radius:50%;content:'';z-index:3;}", " ", ""], pseudoOuterControl28, controlBackdropBackground($disabled, $selected), pseudoInnerControl20, getRadioBackgroundColor({
|
|
66
|
+
$selected: $selected,
|
|
67
|
+
$disabled: $disabled
|
|
68
|
+
}), controlOutlineBorderColor($selected, $disabled), $selected && css(["> div::after{", " background-color:", ";border-radius:50%;content:'';height:8px;right:", "px;top:", "px;width:8px;z-index:4;}"], pseudoControlAbsolute, colors.white, controlInnerFromEdge + 6, controlInnerFromEdge + 6), selectableTileContentPaddingRight);
|
|
69
|
+
}
|
|
70
|
+
function selectableTileSelectedInteractiveCss() {
|
|
71
|
+
return css(["&&{background-color:", ";}&&:hover{background-color:", ";}"], nextTileSelectedBackground, nextTileSelectedHoverBackground);
|
|
72
|
+
}
|
|
73
|
+
function selectableTileFocusWithinOutlineCss() {
|
|
74
|
+
return css(["&:has(:focus-visible){outline:", " solid 2px;outline-offset:", "px;}"], focusBlue, focusOutlineOffsetPx);
|
|
75
|
+
}
|
|
76
|
+
export var StyledNextTileInertContent = /*#__PURE__*/styled.div.withConfig({
|
|
77
|
+
displayName: "StyledNextTileInertContent",
|
|
78
|
+
componentId: "core-12_48_1__sc-17bbrfw-0"
|
|
79
|
+
})(["display:contents;color:", ";& *{color:inherit;}"], disabledText);
|
|
80
|
+
export var StyledNextTileFocusTarget = /*#__PURE__*/styled.div.withConfig({
|
|
81
|
+
displayName: "StyledNextTileFocusTarget",
|
|
82
|
+
componentId: "core-12_48_1__sc-17bbrfw-1"
|
|
83
|
+
})(["border-radius:inherit;min-height:0;outline:none;"]);
|
|
84
|
+
export var StyledNextInteractableTile = /*#__PURE__*/styled(StyledInteractableTile).withConfig({
|
|
85
|
+
displayName: "StyledNextInteractableTile",
|
|
86
|
+
componentId: "core-12_48_1__sc-17bbrfw-2"
|
|
87
|
+
})(["border:", ";position:relative;", ""], nextTileNeutralBorder, function (_ref5) {
|
|
88
|
+
var $disabled = _ref5.$disabled;
|
|
89
|
+
return $disabled && css(["&&{border-color:", ";cursor:not-allowed;pointer-events:none;}&&:focus{border:1px solid ", ";box-shadow:none;outline:none;}", ""], colors.gray85, colors.gray85, disabledInteractableStyles);
|
|
90
|
+
});
|
|
91
|
+
export var StyledNextLinkTile = /*#__PURE__*/styled(StyledLinkTile).withConfig({
|
|
92
|
+
displayName: "StyledNextLinkTile",
|
|
93
|
+
componentId: "core-12_48_1__sc-17bbrfw-3"
|
|
94
|
+
})(["border:", ";position:relative;", ""], nextTileNeutralBorder, nextTileLinkLikeFocusStyles);
|
|
95
|
+
export var StyledNextSelectableTile = /*#__PURE__*/styled(StyledSelectableTile).withConfig({
|
|
96
|
+
displayName: "StyledNextSelectableTile",
|
|
97
|
+
componentId: "core-12_48_1__sc-17bbrfw-4"
|
|
98
|
+
})(["position:relative;", " ", " ", " ", " ", " &:focus{", " outline:none;}", " ", ""], function (p) {
|
|
99
|
+
return nextTileSelectableBorderStyles(p);
|
|
100
|
+
}, function (_ref6) {
|
|
101
|
+
var $selected = _ref6.$selected,
|
|
102
|
+
$disabled = _ref6.$disabled;
|
|
103
|
+
return $disabled && !$selected && nextTileDisabledUnselectedStyles;
|
|
104
|
+
}, function (_ref7) {
|
|
105
|
+
var $selected = _ref7.$selected,
|
|
106
|
+
$disabled = _ref7.$disabled;
|
|
107
|
+
return $disabled && $selected && nextTileDisabledSelectedStyles;
|
|
108
|
+
}, function (_ref8) {
|
|
109
|
+
var $selected = _ref8.$selected,
|
|
110
|
+
$disabled = _ref8.$disabled;
|
|
111
|
+
return $selected && !$disabled && selectableTileSelectedInteractiveCss();
|
|
112
|
+
}, function (_ref9) {
|
|
113
|
+
var $disabled = _ref9.$disabled;
|
|
114
|
+
return !$disabled && selectableTileFocusWithinOutlineCss();
|
|
115
|
+
}, function (p) {
|
|
116
|
+
return nextTileSelectableBorderStyles(p);
|
|
117
|
+
}, function (_ref0) {
|
|
118
|
+
var $role = _ref0.$role,
|
|
119
|
+
$selected = _ref0.$selected,
|
|
120
|
+
$disabled = _ref0.$disabled;
|
|
121
|
+
return $role === 'checkbox' && selectableTileCheckboxRoleCss({
|
|
122
|
+
$role: $role,
|
|
123
|
+
$selected: $selected,
|
|
124
|
+
$disabled: $disabled
|
|
125
|
+
});
|
|
126
|
+
}, function (_ref1) {
|
|
127
|
+
var $role = _ref1.$role,
|
|
128
|
+
$selected = _ref1.$selected,
|
|
129
|
+
$disabled = _ref1.$disabled;
|
|
130
|
+
return $role === 'radiobutton' && selectableTileRadioRoleCss({
|
|
131
|
+
$role: $role,
|
|
132
|
+
$selected: $selected,
|
|
133
|
+
$disabled: $disabled
|
|
134
|
+
});
|
|
135
|
+
});
|
|
136
|
+
//# sourceMappingURL=NextTile.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NextTile.styles.js","names":["styled","css","StyledPill","StyledHeroMedia","StyledInteractableTile","StyledLinkTile","StyledSelectableTile","StyledTileContent","colors","focusBlue","getFocus","spacing","nextTileNeutralBorder","concat","gray70","nextTileSelectedBackground","blue98","nextTileSelectedHoverBackground","blue94","nextTileSelectedDisabledBackground","disabledText","nextTileDisabledContentStyles","nextTileDisabledUnselectedStyles","white","nextTileDisabledSelectedStyles","disabledInteractableStyles","gray96","focusOutlineOffsetPx","nextTileLinkLikeFocusStyles","nextTileSelectableBorderStyles","_ref","$selected","$disabled","blue85","gray85","blue50","controlBackdropBackground","selectedControlAccentFill","getRadioBackgroundColor","_ref2","controlOutlineBorderColor","gray50","controlOuter","lg","controlInnerInset","controlInnerFromEdge","pseudoControlAbsolute","pseudoOuterControl28","pseudoInnerControl20","selectableTileContentPaddingRight","selectableTileCheckboxRoleCss","_ref3","selectableTileRadioRoleCss","_ref4","selectableTileSelectedInteractiveCss","selectableTileFocusWithinOutlineCss","StyledNextTileInertContent","div","withConfig","displayName","componentId","StyledNextTileFocusTarget","StyledNextInteractableTile","_ref5","StyledNextLinkTile","StyledNextSelectableTile","p","_ref6","_ref7","_ref8","_ref9","_ref0","$role","_ref1"],"sources":["../../src/NextTile/NextTile.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledPill } from '../Pill/Pill.styles'\nimport {\n StyledHeroMedia,\n StyledInteractableTile,\n StyledLinkTile,\n StyledSelectableTile,\n StyledTileContent,\n} from '../Tile/Tile.styles'\nimport { colors } from '../_styles/colors'\nimport { focusBlue, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst nextTileNeutralBorder = `1px solid ${colors.gray70}`\n\nconst nextTileSelectedBackground = colors.blue98\nconst nextTileSelectedHoverBackground = colors.blue94\nconst nextTileSelectedDisabledBackground = colors.blue98\nconst disabledText = colors.gray70\n\nconst nextTileDisabledContentStyles = css`\n && ${StyledHeroMedia} :is(img, video, iframe) {\n opacity: 0.5;\n }\n\n && ${StyledTileContent} ${StyledPill} {\n opacity: 0.5;\n }\n`\n\nconst nextTileDisabledUnselectedStyles = css`\n && {\n background-color: ${colors.white};\n }\n ${nextTileDisabledContentStyles}\n`\n\nconst nextTileDisabledSelectedStyles = css`\n && {\n background-color: ${nextTileSelectedDisabledBackground};\n }\n ${nextTileDisabledContentStyles}\n`\n\nconst disabledInteractableStyles = css`\n && {\n background-color: ${colors.gray96};\n }\n ${nextTileDisabledContentStyles}\n`\n\nconst focusOutlineOffsetPx = 2\n\nconst nextTileLinkLikeFocusStyles = css`\n box-shadow: none;\n &&:focus {\n ${getFocus()}\n }\n`\n\ntype TileSelectableState = {\n $selected?: boolean\n $disabled?: boolean\n}\n\nfunction nextTileSelectableBorderStyles({\n $selected,\n $disabled,\n}: TileSelectableState): CssReturn {\n if ($disabled) {\n if ($selected) {\n return css`\n border: 1px solid ${colors.blue85};\n box-shadow: 0 0 0 1px ${colors.blue85};\n `\n }\n return css`\n border: 1px solid ${colors.gray85};\n box-shadow: none;\n `\n }\n if ($selected) {\n return css`\n border: 1px solid ${colors.blue50};\n box-shadow: 0 0 0 1px ${colors.blue50};\n `\n }\n return css`\n border: ${nextTileNeutralBorder};\n box-shadow: none;\n `\n}\n\nfunction controlBackdropBackground(\n $disabled: boolean | undefined,\n $selected: boolean | undefined\n) {\n if (!$disabled) return colors.white\n return $selected ? nextTileSelectedDisabledBackground : colors.white\n}\n\nfunction selectedControlAccentFill($disabled: boolean | undefined) {\n return $disabled ? colors.blue85 : colors.blue50\n}\n\nfunction getRadioBackgroundColor({\n $selected,\n $disabled,\n}: TileSelectableState) {\n return $selected ? selectedControlAccentFill($disabled) : colors.white\n}\n\nfunction controlOutlineBorderColor(\n $selected: boolean | undefined,\n $disabled: boolean | undefined\n) {\n if ($disabled && $selected) return colors.blue85\n if ($disabled) return colors.gray85\n if ($selected) return colors.blue50\n return colors.gray50\n}\n\nconst controlOuter = spacing.lg\nconst controlInnerInset = 4\nconst controlInnerFromEdge = controlOuter + controlInnerInset\n\nconst pseudoControlAbsolute = css`\n pointer-events: none;\n position: absolute;\n`\n\nconst pseudoOuterControl28 = css`\n ${pseudoControlAbsolute}\n height: 28px;\n right: ${controlOuter}px;\n top: ${controlOuter}px;\n width: 28px;\n`\n\nconst pseudoInnerControl20 = css`\n ${pseudoControlAbsolute}\n box-sizing: border-box;\n height: 20px;\n right: ${controlInnerFromEdge}px;\n top: ${controlInnerFromEdge}px;\n width: 20px;\n`\n\nconst selectableTileContentPaddingRight = css`\n ${StyledTileContent} {\n padding-right: 52px;\n }\n`\n\ntype StyledNextSelectableTileTransientProps = TileSelectableState & {\n $role?: 'checkbox' | 'radiobutton'\n}\n\ntype CssReturn = ReturnType<typeof css>\n\nfunction selectableTileCheckboxRoleCss({\n $selected,\n $disabled,\n}: StyledNextSelectableTileTransientProps): CssReturn {\n return css`\n &::after {\n ${pseudoOuterControl28}\n background-color: ${controlBackdropBackground($disabled, $selected)};\n border-radius: 4px;\n content: '';\n }\n\n &::before {\n ${pseudoInnerControl20}\n border: 2px solid ${controlOutlineBorderColor($selected, $disabled)};\n border-radius: 2px;\n content: '';\n z-index: 1;\n ${$selected &&\n css`\n background-color: ${selectedControlAccentFill($disabled)};\n border-color: ${selectedControlAccentFill($disabled)};\n `}\n }\n\n ${$selected &&\n css`\n > div::after {\n ${pseudoControlAbsolute}\n border-bottom: 2px solid ${colors.white};\n border-left: 2px solid ${colors.white};\n box-sizing: border-box;\n content: '';\n height: 5px;\n right: ${controlInnerFromEdge + 5}px;\n top: ${controlInnerFromEdge + 6}px;\n transform: rotate(-45deg);\n width: 9px;\n z-index: 2;\n }\n `}\n\n ${selectableTileContentPaddingRight}\n `\n}\n\nfunction selectableTileRadioRoleCss({\n $selected,\n $disabled,\n}: StyledNextSelectableTileTransientProps): CssReturn {\n return css`\n &::before {\n ${pseudoOuterControl28}\n background-color: ${controlBackdropBackground($disabled, $selected)};\n border-radius: 50%;\n content: '';\n z-index: 2;\n }\n\n &::after {\n ${pseudoInnerControl20}\n background-color: ${getRadioBackgroundColor({ $selected, $disabled })};\n border: 2px solid ${controlOutlineBorderColor($selected, $disabled)};\n border-radius: 50%;\n content: '';\n z-index: 3;\n }\n\n ${$selected &&\n css`\n > div::after {\n ${pseudoControlAbsolute}\n background-color: ${colors.white};\n border-radius: 50%;\n content: '';\n height: 8px;\n right: ${controlInnerFromEdge + 6}px;\n top: ${controlInnerFromEdge + 6}px;\n width: 8px;\n z-index: 4;\n }\n `}\n\n ${selectableTileContentPaddingRight}\n `\n}\n\nfunction selectableTileSelectedInteractiveCss(): CssReturn {\n return css`\n && {\n background-color: ${nextTileSelectedBackground};\n }\n &&:hover {\n background-color: ${nextTileSelectedHoverBackground};\n }\n `\n}\n\nfunction selectableTileFocusWithinOutlineCss(): CssReturn {\n return css`\n &:has(:focus-visible) {\n outline: ${focusBlue} solid 2px;\n outline-offset: ${focusOutlineOffsetPx}px;\n }\n `\n}\n\nexport const StyledNextTileInertContent = styled.div`\n display: contents;\n color: ${disabledText};\n\n & * {\n color: inherit;\n }\n`\n\nexport const StyledNextTileFocusTarget = styled.div`\n border-radius: inherit;\n min-height: 0;\n outline: none;\n`\n\nexport const StyledNextInteractableTile = styled(\n StyledInteractableTile as any\n)<{\n $disabled?: boolean\n}>`\n border: ${nextTileNeutralBorder};\n position: relative;\n ${({ $disabled }) =>\n $disabled &&\n css`\n && {\n border-color: ${colors.gray85};\n cursor: not-allowed;\n pointer-events: none;\n }\n &&:focus {\n border: 1px solid ${colors.gray85};\n box-shadow: none;\n outline: none;\n }\n ${disabledInteractableStyles}\n `}\n`\n\nexport const StyledNextLinkTile = styled(StyledLinkTile as any)`\n border: ${nextTileNeutralBorder};\n position: relative;\n ${nextTileLinkLikeFocusStyles}\n`\n\nexport const StyledNextSelectableTile = styled(\n StyledSelectableTile as any\n)<StyledNextSelectableTileTransientProps>`\n position: relative;\n ${(p) => nextTileSelectableBorderStyles(p)}\n\n ${({ $selected, $disabled }) =>\n $disabled && !$selected && nextTileDisabledUnselectedStyles}\n\n ${({ $selected, $disabled }) =>\n $disabled && $selected && nextTileDisabledSelectedStyles}\n\n ${({ $selected, $disabled }) =>\n $selected && !$disabled && selectableTileSelectedInteractiveCss()}\n\n ${({ $disabled }) => !$disabled && selectableTileFocusWithinOutlineCss()}\n\n &:focus {\n ${(p) => nextTileSelectableBorderStyles(p)}\n outline: none;\n }\n\n ${({ $role, $selected, $disabled }) =>\n $role === 'checkbox' &&\n selectableTileCheckboxRoleCss({ $role, $selected, $disabled })}\n\n ${({ $role, $selected, $disabled }) =>\n $role === 'radiobutton' &&\n selectableTileRadioRoleCss({ $role, $selected, $disabled })}\n`\n"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export interface HeroMediaProps extends Props {
|
|
|
7
7
|
overlay?: boolean;
|
|
8
8
|
onOverlayClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
9
9
|
}
|
|
10
|
-
export declare type Roles = 'none' | 'link' | 'checkbox';
|
|
10
|
+
export declare type Roles = 'none' | 'link' | 'checkbox' | 'radiobutton';
|
|
11
11
|
export interface TileCommonProps<Role extends Roles> extends Props {
|
|
12
12
|
/**
|
|
13
13
|
* @since 11.6.0
|
|
@@ -47,12 +47,23 @@ export interface CheckboxTileProps extends Omit<AriaCheckboxProps, 'isDisabled'
|
|
|
47
47
|
*/
|
|
48
48
|
value: string;
|
|
49
49
|
}
|
|
50
|
+
export interface RadioButtonTileProps extends Omit<CheckboxTileProps, 'role'> {
|
|
51
|
+
/**
|
|
52
|
+
* For tiles acting as radio buttons.
|
|
53
|
+
* @since 12.45.0
|
|
54
|
+
*/
|
|
55
|
+
role?: 'radiobutton';
|
|
56
|
+
}
|
|
50
57
|
export interface InteractableTileProps extends TileCommonProps<'none'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
|
|
51
58
|
/**
|
|
52
59
|
* For a neutral tile with no special interactive behavior.
|
|
53
60
|
* @since 11.6.0
|
|
54
61
|
*/
|
|
55
62
|
role?: 'none';
|
|
63
|
+
/**
|
|
64
|
+
* When true, the tile is non-interactive and uses disabled styles (`aria-disabled`, not focusable).
|
|
65
|
+
*/
|
|
66
|
+
disabled?: boolean;
|
|
56
67
|
}
|
|
57
68
|
export interface LinkTileProps extends TileCommonProps<'link'>, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'role'> {
|
|
58
69
|
/**
|
|
@@ -61,10 +72,11 @@ export interface LinkTileProps extends TileCommonProps<'link'>, Omit<React.Ancho
|
|
|
61
72
|
*/
|
|
62
73
|
role?: 'link';
|
|
63
74
|
}
|
|
64
|
-
export declare type TileProps<Role extends Roles = 'none'> = Role extends 'link' ? LinkTileProps : Role extends 'checkbox' ? CheckboxTileProps : Role extends 'none' ? InteractableTileProps : TileCommonProps<Role>;
|
|
75
|
+
export declare type TileProps<Role extends Roles = 'none'> = Role extends 'link' ? LinkTileProps : Role extends 'checkbox' ? CheckboxTileProps : Role extends 'radiobutton' ? RadioButtonTileProps : Role extends 'none' ? InteractableTileProps : TileCommonProps<Role>;
|
|
65
76
|
export interface RefMap extends Record<Roles, React.ElementType> {
|
|
66
77
|
none: 'div';
|
|
67
78
|
link: 'a';
|
|
68
79
|
checkbox: 'input';
|
|
80
|
+
radiobutton: 'input';
|
|
69
81
|
}
|
|
70
82
|
export declare type TileRef<C extends Roles> = React.ComponentPropsWithRef<RefMap[C]>['ref'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextTile.types.js","names":[],"sources":["../../src/NextTile/NextTile.types.ts"],"sourcesContent":["import type { AriaCheckboxProps } from '@react-types/checkbox'\nimport type React from 'react'\nimport type { Props } from '../_utils/types'\n\nexport interface HeroTextProps extends Props {}\nexport interface HeroMediaProps extends Props {\n overlay?: boolean\n onOverlayClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type Roles = 'none' | 'link' | 'checkbox'\n\nexport interface TileCommonProps<Role extends Roles> extends Props {\n /**\n * @since 11.6.0\n */\n orientation: 'portrait' | 'landscape'\n /**\n * @since 11.6.0\n */\n role?: Role\n}\n\nexport interface CheckboxTileProps\n extends Omit<\n AriaCheckboxProps,\n 'isDisabled' | 'children' | 'defaultSelected' | 'isSelected'\n >,\n TileCommonProps<'checkbox'> {\n /**\n * For tiles acting as checkboxes.\n * @since 11.6.0\n */\n role?: 'checkbox'\n /**\n * Whether the element should be selected (uncontrolled).\n * Only for single checkbox, doesn't work in CheckboxGroup.\n *\n * @since 11.6.0\n */\n defaultChecked?: boolean\n /**\n * Whether the element should be selected (controlled).\n * Only for single checkbox, doesn't work in CheckboxGroup.\n *\n * @since 11.6.0\n */\n checked?: boolean\n /**\n * @since 11.6.0\n */\n disabled?: boolean\n /**\n * @since 11.6.0\n */\n value: string\n}\n\nexport interface InteractableTileProps\n extends TileCommonProps<'none'>,\n Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {\n /**\n * For a neutral tile with no special interactive behavior.\n * @since 11.6.0\n */\n role?: 'none'\n}\n\nexport interface LinkTileProps\n extends TileCommonProps<'link'>,\n Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'role'> {\n /**\n * For tiles acting as links.\n * @since 11.6.0\n */\n role?: 'link'\n}\n\nexport type TileProps<Role extends Roles = 'none'> = Role extends 'link'\n ? LinkTileProps\n : Role extends 'checkbox'\n ? CheckboxTileProps\n : Role extends 'none'\n ? InteractableTileProps\n : TileCommonProps<Role>\n\nexport interface RefMap extends Record<Roles, React.ElementType> {\n none: 'div'\n link: 'a'\n checkbox: 'input'\n}\n\nexport type TileRef<C extends Roles> = React.ComponentPropsWithRef<\n RefMap[C]\n>['ref']\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"NextTile.types.js","names":[],"sources":["../../src/NextTile/NextTile.types.ts"],"sourcesContent":["import type { AriaCheckboxProps } from '@react-types/checkbox'\nimport type React from 'react'\nimport type { Props } from '../_utils/types'\n\nexport interface HeroTextProps extends Props {}\nexport interface HeroMediaProps extends Props {\n overlay?: boolean\n onOverlayClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type Roles = 'none' | 'link' | 'checkbox' | 'radiobutton'\n\nexport interface TileCommonProps<Role extends Roles> extends Props {\n /**\n * @since 11.6.0\n */\n orientation: 'portrait' | 'landscape'\n /**\n * @since 11.6.0\n */\n role?: Role\n}\n\nexport interface CheckboxTileProps\n extends Omit<\n AriaCheckboxProps,\n 'isDisabled' | 'children' | 'defaultSelected' | 'isSelected'\n >,\n TileCommonProps<'checkbox'> {\n /**\n * For tiles acting as checkboxes.\n * @since 11.6.0\n */\n role?: 'checkbox'\n /**\n * Whether the element should be selected (uncontrolled).\n * Only for single checkbox, doesn't work in CheckboxGroup.\n *\n * @since 11.6.0\n */\n defaultChecked?: boolean\n /**\n * Whether the element should be selected (controlled).\n * Only for single checkbox, doesn't work in CheckboxGroup.\n *\n * @since 11.6.0\n */\n checked?: boolean\n /**\n * @since 11.6.0\n */\n disabled?: boolean\n /**\n * @since 11.6.0\n */\n value: string\n}\n\nexport interface RadioButtonTileProps extends Omit<CheckboxTileProps, 'role'> {\n /**\n * For tiles acting as radio buttons.\n * @since 12.45.0\n */\n role?: 'radiobutton'\n}\n\nexport interface InteractableTileProps\n extends TileCommonProps<'none'>,\n Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {\n /**\n * For a neutral tile with no special interactive behavior.\n * @since 11.6.0\n */\n role?: 'none'\n /**\n * When true, the tile is non-interactive and uses disabled styles (`aria-disabled`, not focusable).\n */\n disabled?: boolean\n}\n\nexport interface LinkTileProps\n extends TileCommonProps<'link'>,\n Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'role'> {\n /**\n * For tiles acting as links.\n * @since 11.6.0\n */\n role?: 'link'\n}\n\nexport type TileProps<Role extends Roles = 'none'> = Role extends 'link'\n ? LinkTileProps\n : Role extends 'checkbox'\n ? CheckboxTileProps\n : Role extends 'radiobutton'\n ? RadioButtonTileProps\n : Role extends 'none'\n ? InteractableTileProps\n : TileCommonProps<Role>\n\nexport interface RefMap extends Record<Roles, React.ElementType> {\n none: 'div'\n link: 'a'\n checkbox: 'input'\n radiobutton: 'input'\n}\n\nexport type TileRef<C extends Roles> = React.ComponentPropsWithRef<\n RefMap[C]\n>['ref']\n"],"mappings":""}
|
|
@@ -14,7 +14,7 @@ var variantColorMap = {
|
|
|
14
14
|
};
|
|
15
15
|
var StyledNotation = /*#__PURE__*/styled.i.withConfig({
|
|
16
16
|
displayName: "StyledNotation",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-12_48_1__sc-160q1m6-0"
|
|
18
18
|
})(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
|
|
19
19
|
var $variant = _ref.$variant;
|
|
20
20
|
return $variant ? colors[variantColorMap[$variant]] : colors.gray15;
|
|
@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
|
|
|
12
12
|
var inputBorder = "".concat(colors.gray50, " solid 1px");
|
|
13
13
|
var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
|
|
14
14
|
displayName: "StyledRootAddon",
|
|
15
|
-
componentId: "core-
|
|
15
|
+
componentId: "core-12_48_1__sc-1782nvg-0"
|
|
16
16
|
})(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
|
|
17
17
|
var disabled = _ref.disabled;
|
|
18
18
|
return disabled ? colors.gray70 : colors.gray45;
|
|
19
19
|
}, getTypographyIntent('body'));
|
|
20
20
|
export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
|
|
21
21
|
displayName: "StyledPrefix",
|
|
22
|
-
componentId: "core-
|
|
22
|
+
componentId: "core-12_48_1__sc-1782nvg-1"
|
|
23
23
|
})(["left:", "px;"], spacing.md);
|
|
24
24
|
export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
|
|
25
25
|
displayName: "StyledSuffix",
|
|
26
|
-
componentId: "core-
|
|
26
|
+
componentId: "core-12_48_1__sc-1782nvg-2"
|
|
27
27
|
})(["right:", "px;"], function (_ref2) {
|
|
28
28
|
var $withIncrementer = _ref2.$withIncrementer;
|
|
29
29
|
return $withIncrementer ? spacing.md + incrementerWidth : spacing.md;
|
|
30
30
|
});
|
|
31
31
|
export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
32
32
|
displayName: "StyledIncrementerWrapper",
|
|
33
|
-
componentId: "core-
|
|
33
|
+
componentId: "core-12_48_1__sc-1782nvg-3"
|
|
34
34
|
})(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
|
|
35
35
|
export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
|
|
36
36
|
displayName: "StyledIncrementerButton",
|
|
37
|
-
componentId: "core-
|
|
37
|
+
componentId: "core-12_48_1__sc-1782nvg-4"
|
|
38
38
|
})(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray50, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
|
|
39
39
|
export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
|
|
40
40
|
displayName: "StyledInput",
|
|
41
|
-
componentId: "core-
|
|
41
|
+
componentId: "core-12_48_1__sc-1782nvg-5"
|
|
42
42
|
})([""]);
|
|
43
43
|
export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
44
44
|
displayName: "StyledWrapper",
|
|
45
|
-
componentId: "core-
|
|
45
|
+
componentId: "core-12_48_1__sc-1782nvg-6"
|
|
46
46
|
})(["position:relative;", ""], function (_ref3) {
|
|
47
47
|
var $hasIncrementer = _ref3.$hasIncrementer;
|
|
48
48
|
return $hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);
|
|
@@ -2,6 +2,6 @@ import styled from 'styled-components';
|
|
|
2
2
|
export var arrowSize = 8;
|
|
3
3
|
export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
|
|
4
4
|
displayName: "StyledArrow",
|
|
5
|
-
componentId: "core-
|
|
5
|
+
componentId: "core-12_48_1__sc-1epxw7u-0"
|
|
6
6
|
})(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
|
|
7
7
|
//# sourceMappingURL=OverlayArrow.styles.js.map
|
|
@@ -11,52 +11,52 @@ var outerPageSpacing = spacing.lg;
|
|
|
11
11
|
var outerPageSpacingSmaller = spacing.md;
|
|
12
12
|
export var StyledPageHeader = /*#__PURE__*/styled.div.withConfig({
|
|
13
13
|
displayName: "StyledPageHeader",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-12_48_1__sc-1cvdbsv-0"
|
|
15
15
|
})(["padding-top:", "px;padding-right:", "px;padding-left:", "px;@media ", "{padding-right:", "px;padding-left:", "px;}", ""], headerVerticalSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, function (_ref) {
|
|
16
16
|
var $transparent = _ref.$transparent;
|
|
17
17
|
return !$transparent && css(["", " background-color:", ";"], getShadow(1.5), colors.white);
|
|
18
18
|
});
|
|
19
19
|
export var StyledPageHeaderItem = /*#__PURE__*/styled.div.withConfig({
|
|
20
20
|
displayName: "StyledPageHeaderItem",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-12_48_1__sc-1cvdbsv-1"
|
|
22
22
|
})(["margin-top:", "px;&:first-child{margin-top:0;}"], headerVerticalSpacing);
|
|
23
23
|
export var StyledPageTitle = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
|
|
24
24
|
displayName: "StyledPageTitle",
|
|
25
|
-
componentId: "core-
|
|
25
|
+
componentId: "core-12_48_1__sc-1cvdbsv-2"
|
|
26
26
|
})(["&:last-child{padding-bottom:", "px;}"], headerVerticalSpacing);
|
|
27
27
|
export var StyledPageBreadcrumbs = /*#__PURE__*/styled(StyledPageHeaderItem).attrs({
|
|
28
28
|
as: 'nav'
|
|
29
29
|
}).withConfig({
|
|
30
30
|
displayName: "StyledPageBreadcrumbs",
|
|
31
|
-
componentId: "core-
|
|
31
|
+
componentId: "core-12_48_1__sc-1cvdbsv-3"
|
|
32
32
|
})([""]);
|
|
33
33
|
export var StyledPageBanner = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
|
|
34
34
|
displayName: "StyledPageBanner",
|
|
35
|
-
componentId: "core-
|
|
35
|
+
componentId: "core-12_48_1__sc-1cvdbsv-4"
|
|
36
36
|
})([""]);
|
|
37
37
|
export var getActions = function getActions() {
|
|
38
38
|
return css(["flex-shrink:0;padding-left:", "px;> button,> a{&:first-child{margin-left:0;}margin-left:", "px;}"], spacing.xl, spacing.sm);
|
|
39
39
|
};
|
|
40
40
|
export var StyledPageActions = /*#__PURE__*/styled.div.withConfig({
|
|
41
41
|
displayName: "StyledPageActions",
|
|
42
|
-
componentId: "core-
|
|
42
|
+
componentId: "core-12_48_1__sc-1cvdbsv-5"
|
|
43
43
|
})(["", ""], getActions());
|
|
44
44
|
export var StyledPageTabs = /*#__PURE__*/styled(StyledPageHeaderItem).withConfig({
|
|
45
45
|
displayName: "StyledPageTabs",
|
|
46
|
-
componentId: "core-
|
|
46
|
+
componentId: "core-12_48_1__sc-1cvdbsv-6"
|
|
47
47
|
})([""]);
|
|
48
48
|
export var StyledBody = /*#__PURE__*/styled.div.withConfig({
|
|
49
49
|
displayName: "StyledBody",
|
|
50
|
-
componentId: "core-
|
|
50
|
+
componentId: "core-12_48_1__sc-1cvdbsv-7"
|
|
51
51
|
})(["padding-top:", "px;padding-left:", "px;padding-right:", "px;@media ", "{padding-top:", "px;padding-left:", "px;padding-right:", "px;}"], outerPageSpacing, outerPageSpacing, outerPageSpacing, mediaBreakpointsDown.tabletMd, outerPageSpacingSmaller, outerPageSpacingSmaller, outerPageSpacingSmaller);
|
|
52
52
|
var navigationWidth = 200;
|
|
53
53
|
export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
|
|
54
54
|
displayName: "StyledNavigation",
|
|
55
|
-
componentId: "core-
|
|
55
|
+
componentId: "core-12_48_1__sc-1cvdbsv-8"
|
|
56
56
|
})(["float:left;max-height:100vh;min-width:", "px;overflow-y:auto;position:sticky;top:0;width:", "px;", "{padding:20px ", "px 0 0;}@media screen and (max-width:1024px){display:none;}"], navigationWidth, navigationWidth, StyledAnchorNavigation, spacing.sm);
|
|
57
57
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
|
58
58
|
displayName: "StyledContent",
|
|
59
|
-
componentId: "core-
|
|
59
|
+
componentId: "core-12_48_1__sc-1cvdbsv-9"
|
|
60
60
|
})([""]);
|
|
61
61
|
var panelWidth = 400;
|
|
62
62
|
var zIndexes = {
|
|
@@ -69,7 +69,7 @@ export var animationDuration = {
|
|
|
69
69
|
};
|
|
70
70
|
export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
|
|
71
71
|
displayName: "StyledFooter",
|
|
72
|
-
componentId: "core-
|
|
72
|
+
componentId: "core-12_48_1__sc-1cvdbsv-10"
|
|
73
73
|
})(["background-color:", ";", " position:sticky;bottom:0;z-index:", ";", ""], colors.white, function (_ref2) {
|
|
74
74
|
var $hasShadow = _ref2.$hasShadow;
|
|
75
75
|
return $hasShadow && getShadow(2, 'top');
|
|
@@ -79,7 +79,7 @@ export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
|
|
|
79
79
|
});
|
|
80
80
|
export var StyledAside = /*#__PURE__*/styled.div.withConfig({
|
|
81
81
|
displayName: "StyledAside",
|
|
82
|
-
componentId: "core-
|
|
82
|
+
componentId: "core-12_48_1__sc-1cvdbsv-11"
|
|
83
83
|
})(["", " @media ", "{position:absolute;right:0;}"], function (_ref4) {
|
|
84
84
|
var $closed = _ref4.$closed,
|
|
85
85
|
$open = _ref4.$open;
|
|
@@ -99,7 +99,7 @@ var getPanelAnimation = function getPanelAnimation() {
|
|
|
99
99
|
};
|
|
100
100
|
export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
|
|
101
101
|
displayName: "StyledAsidePanel",
|
|
102
|
-
componentId: "core-
|
|
102
|
+
componentId: "core-12_48_1__sc-1cvdbsv-12"
|
|
103
103
|
})(["", " @media ", "{", "}", " ", " border-left:1px solid ", ";width:", "px;position:fixed;background-color:", ";overflow:auto;z-index:", ";", " ", ""], function (_ref7) {
|
|
104
104
|
var $rightOffset = _ref7.$rightOffset;
|
|
105
105
|
return css(["@media ", "{", " border-left:0;z-index:", ";right:", "px;}"], mediaBreakpointsDown.tabletMd, getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
|
|
@@ -118,7 +118,7 @@ export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
|
|
|
118
118
|
});
|
|
119
119
|
export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
|
|
120
120
|
displayName: "StyledPageMain",
|
|
121
|
-
componentId: "core-
|
|
121
|
+
componentId: "core-12_48_1__sc-1cvdbsv-13"
|
|
122
122
|
})(["position:relative;max-width:100%;background-color:", ";", " ", ""], colors.gray96, function () {
|
|
123
123
|
return isIE11() && css(["flex:1 0 0%;"]);
|
|
124
124
|
}, function (_ref10) {
|
|
@@ -133,13 +133,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
|
|
|
133
133
|
});
|
|
134
134
|
export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
|
|
135
135
|
displayName: "StyledPageContainer",
|
|
136
|
-
componentId: "core-
|
|
136
|
+
componentId: "core-12_48_1__sc-1cvdbsv-14"
|
|
137
137
|
})(["display:grid;grid-template-columns:1fr auto;", ""], function () {
|
|
138
138
|
return isIE11() && css(["display:flex;flex-wrap:wrap;"]);
|
|
139
139
|
});
|
|
140
140
|
export var StyledAsideFluidContainer = /*#__PURE__*/styled.div.withConfig({
|
|
141
141
|
displayName: "StyledAsideFluidContainer",
|
|
142
|
-
componentId: "core-
|
|
142
|
+
componentId: "core-12_48_1__sc-1cvdbsv-15"
|
|
143
143
|
})(["", ""], function (_ref11) {
|
|
144
144
|
var $closed = _ref11.$closed,
|
|
145
145
|
$open = _ref11.$open;
|
|
@@ -3,6 +3,6 @@ import { colors } from '../../_styles/colors';
|
|
|
3
3
|
import { spacing } from '../../_styles/spacing';
|
|
4
4
|
export var StyledPageFooter = /*#__PURE__*/styled.footer.withConfig({
|
|
5
5
|
displayName: "StyledPageFooter",
|
|
6
|
-
componentId: "core-
|
|
6
|
+
componentId: "core-12_48_1__sc-1f0zfyf-0"
|
|
7
7
|
})(["display:flex;align-items:center;justify-content:space-between;background-color:", ";padding:", "px;width:100%;box-shadow:0 -2px 6px 0 rgba(0,0,0,0.1);position:sticky;bottom:0;"], colors.white, spacing.lg);
|
|
8
8
|
//# sourceMappingURL=PageFooterTemplate.styles.js.map
|