@cloudscape-design/components 3.0.361 → 3.0.363
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/alert/index.d.ts.map +1 -1
- package/alert/index.js +21 -16
- package/alert/index.js.map +1 -1
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +169 -169
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/area-chart/model/use-chart-model.js +1 -1
- package/area-chart/model/use-chart-model.js.map +1 -1
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +10 -10
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +25 -25
- package/attribute-editor/styles.selectors.js +14 -14
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +27 -27
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/item-element/styles.css.js +15 -15
- package/button-dropdown/item-element/styles.scoped.css +19 -19
- package/button-dropdown/item-element/styles.selectors.js +15 -15
- package/button-dropdown/styles.css.js +14 -14
- package/button-dropdown/styles.scoped.css +22 -22
- package/button-dropdown/styles.selectors.js +14 -14
- package/code-editor/index.d.ts.map +1 -1
- package/code-editor/index.js +26 -71
- package/code-editor/index.js.map +1 -1
- package/code-editor/listeners.d.ts +1 -1
- package/code-editor/listeners.d.ts.map +1 -1
- package/code-editor/listeners.js.map +1 -1
- package/code-editor/setup-editor.d.ts.map +1 -1
- package/code-editor/setup-editor.js +39 -36
- package/code-editor/setup-editor.js.map +1 -1
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +130 -130
- package/code-editor/styles.selectors.js +32 -32
- package/code-editor/use-editor.d.ts +24 -0
- package/code-editor/use-editor.d.ts.map +1 -0
- package/code-editor/use-editor.js +71 -0
- package/code-editor/use-editor.js.map +1 -0
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +18 -18
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +47 -47
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +5 -5
- package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +46 -46
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +55 -55
- package/container/styles.selectors.js +28 -28
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +47 -47
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +66 -66
- package/expandable-section/styles.selectors.js +29 -29
- package/form-field/internal.d.ts.map +1 -1
- package/form-field/internal.js +17 -12
- package/form-field/internal.js.map +1 -1
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +30 -30
- package/form-field/styles.selectors.js +19 -19
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +66 -66
- package/help-panel/styles.selectors.js +4 -4
- package/internal/base-component/styles.scoped.css +81 -57
- package/internal/components/chart-popover/index.d.ts.map +1 -1
- package/internal/components/chart-popover/index.js +1 -1
- package/internal/components/chart-popover/index.js.map +1 -1
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +4 -4
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +31 -31
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +22 -22
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.js +1 -1
- package/internal/generated/theming/index.cjs +25 -23
- package/internal/generated/theming/index.js +25 -23
- package/internal/manifest.json +1 -1
- package/internal/plugins/api.d.ts +21 -25
- package/internal/plugins/api.d.ts.map +1 -1
- package/internal/plugins/api.js +15 -35
- package/internal/plugins/api.js.map +1 -1
- package/internal/plugins/controllers/action-buttons.d.ts +9 -0
- package/internal/plugins/controllers/action-buttons.d.ts.map +1 -1
- package/internal/plugins/controllers/action-buttons.js +11 -0
- package/internal/plugins/controllers/action-buttons.js.map +1 -1
- package/internal/plugins/controllers/drawers.d.ts +9 -0
- package/internal/plugins/controllers/drawers.d.ts.map +1 -1
- package/internal/plugins/controllers/drawers.js +11 -0
- package/internal/plugins/controllers/drawers.js.map +1 -1
- package/internal/utils/dom.d.ts +1 -8
- package/internal/utils/dom.d.ts.map +1 -1
- package/internal/utils/dom.js +1 -22
- package/internal/utils/dom.js.map +1 -1
- package/mixed-line-bar-chart/hooks/use-mouse-hover.js +1 -1
- package/mixed-line-bar-chart/hooks/use-mouse-hover.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +39 -39
- package/modal/styles.selectors.js +23 -23
- package/package.json +1 -1
- package/pie-chart/pie-chart.d.ts.map +1 -1
- package/pie-chart/pie-chart.js +1 -1
- package/pie-chart/pie-chart.js.map +1 -1
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +43 -43
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/container.d.ts.map +1 -1
- package/popover/container.js +3 -2
- package/popover/container.js.map +1 -1
- package/property-filter/styles.css.js +29 -29
- package/property-filter/styles.scoped.css +33 -33
- package/property-filter/styles.selectors.js +29 -29
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +10 -10
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +43 -43
- package/side-navigation/styles.selectors.js +28 -28
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +85 -85
- package/split-panel/styles.selectors.js +56 -56
- package/table/body-cell/styles.css.js +28 -28
- package/table/body-cell/styles.scoped.css +76 -76
- package/table/body-cell/styles.selectors.js +28 -28
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +43 -43
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +9 -9
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +42 -42
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +46 -46
- package/tabs/styles.selectors.js +21 -21
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +73 -73
- package/tiles/styles.selectors.js +29 -29
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +43 -43
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +73 -73
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +63 -63
- package/wizard/styles.selectors.js +31 -31
package/popover/container.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { CSSProperties, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getContainingBlock, nodeContains } from '../internal/utils/dom';\nimport { BoundingOffset, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition } from './utils/positions';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface PopoverContainerProps {\n /** References the element the container is positioned against. */\n trackRef: React.RefObject<Element>;\n /**\n Used to update the container position in case track or track position changes:\n \n const trackRef = useRef<Element>(null)\n return (<>\n <Track style={getPosition(selectedItemId)} ref={trackRef} />\n <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n </>)\n */\n trackKey?: string | number;\n position: PopoverProps.Position;\n zIndex?: React.CSSProperties['zIndex'];\n arrow: (position: InternalPosition | null) => React.ReactNode;\n children: React.ReactNode;\n renderWithPortal?: boolean;\n size: PopoverProps.Size;\n fixedWidth: boolean;\n variant?: 'annotation';\n}\n\nconst INITIAL_STYLES: CSSProperties = { position: 'absolute', top: -9999, left: -9999 };\n\nexport default function PopoverContainer({\n position,\n trackRef,\n trackKey,\n arrow,\n children,\n zIndex,\n renderWithPortal,\n size,\n fixedWidth,\n variant,\n}: PopoverContainerProps) {\n const bodyRef = useRef<HTMLDivElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const arrowRef = useRef<HTMLDivElement | null>(null);\n\n const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLES);\n const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n const isRefresh = useVisualRefresh();\n\n // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n const positionHandlerRef = useRef<() => void>(() => {});\n\n // Updates the position handler.\n const updatePositionHandler = useCallback(() => {\n if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n return;\n }\n\n // Get important elements\n const popover = popoverRef.current;\n const body = bodyRef.current;\n const arrow = arrowRef.current;\n const document = popover.ownerDocument;\n const track = trackRef.current;\n\n // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n // or track does not belong to the document - bail on calculating dimensions.\n if (popover.offsetWidth === 0 || popover.offsetHeight === 0 || !nodeContains(document.body, track)) {\n return;\n }\n\n // Imperatively move body off-screen to give it room to expand.\n // Not doing this in React because this recalculation should happen\n // in the span of a single frame without rerendering anything.\n const prevTop = popover.style.top;\n const prevLeft = popover.style.left;\n popover.style.top = '0';\n popover.style.left = '0';\n // Imperatively remove body styles that can remain from the previous computation.\n body.style.maxHeight = '';\n body.style.overflowX = '';\n body.style.overflowY = '';\n\n // Get rects representing key elements\n // Use getComputedStyle for arrowRect to avoid modifications made by transform\n const viewportRect = getViewportRect(document.defaultView!);\n const trackRect = track.getBoundingClientRect();\n const arrowRect = {\n width: parseFloat(getComputedStyle(arrow).width),\n height: parseFloat(getComputedStyle(arrow).height),\n };\n const containingBlock = getContainingBlock(popover);\n const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n const bodyBorderWidth = getBorderWidth(body);\n const contentRect = contentRef.current.getBoundingClientRect();\n const contentBoundingBox = {\n width: contentRect.width + 2 * bodyBorderWidth,\n height: contentRect.height + 2 * bodyBorderWidth,\n };\n\n // Calculate the arrow direction and viewport-relative position of the popover.\n const {\n scrollable,\n internalPosition: newInternalPosition,\n boundingOffset,\n } = calculatePosition(\n position,\n trackRect,\n arrowRect,\n contentBoundingBox,\n containingBlock ? containingBlockRect : getDocumentRect(document),\n viewportRect,\n renderWithPortal\n );\n\n // Get the position of the popover relative to the offset parent.\n const popoverOffset = toRelativePosition(boundingOffset, containingBlockRect);\n\n // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n // and use that to recalculate the new popover position.\n const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n // Bring back the container to its original position to prevent any flashing.\n popover.style.top = prevTop;\n popover.style.left = prevLeft;\n\n // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n if (scrollable) {\n body.style.maxHeight = boundingOffset.height + 'px';\n body.style.overflowX = 'hidden';\n body.style.overflowY = 'auto';\n }\n\n // Position the popover\n setInternalPosition(newInternalPosition);\n setPopoverStyle({ top: popoverOffset.top, left: popoverOffset.left });\n\n positionHandlerRef.current = () => {\n const newTrackOffset = toRelativePosition(\n track.getBoundingClientRect(),\n containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n );\n setPopoverStyle({\n top: newTrackOffset.top + trackRelativeOffset.top,\n left: newTrackOffset.left + trackRelativeOffset.left,\n });\n };\n }, [position, trackRef, renderWithPortal]);\n\n // Recalculate position when properties change.\n useLayoutEffect(() => {\n updatePositionHandler();\n }, [updatePositionHandler, trackKey]);\n\n // Recalculate position when content size changes.\n useResizeObserver(contentRef, () => updatePositionHandler());\n\n // Recalculate position on DOM events.\n useLayoutEffect(() => {\n /*\n This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n and by tracking the click event we can adapt the popover's position to the new layout.\n\n TODO: extend this to Enter and Spacebar?\n */\n const updatePosition = () => requestAnimationFrame(() => updatePositionHandler());\n const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n window.addEventListener('click', updatePosition);\n window.addEventListener('resize', updatePosition);\n window.addEventListener('scroll', refreshPosition, true);\n return () => {\n window.removeEventListener('click', updatePosition);\n window.removeEventListener('resize', updatePosition);\n window.removeEventListener('scroll', refreshPosition, true);\n };\n }, [updatePositionHandler]);\n\n return (\n <div\n ref={popoverRef}\n style={{ ...popoverStyle, zIndex }}\n className={clsx(styles.container, isRefresh && styles.refresh)}\n >\n <div\n ref={arrowRef}\n className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n aria-hidden={true}\n >\n {arrow(internalPosition)}\n </div>\n\n <div\n ref={bodyRef}\n className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n [styles['fixed-width']]: fixedWidth,\n [styles[`container-body-variant-${variant}`]]: variant,\n })}\n >\n <div ref={contentRef}>{children}</div>\n </div>\n </div>\n );\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n return {\n top: element.top - parent.top,\n left: element.left - parent.left,\n };\n}\n\n/**\n * Get a BoundingOffset that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingOffset {\n return {\n top: 0,\n left: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n };\n}\n\nfunction getDocumentRect(document: Document): BoundingOffset {\n const { top, left } = document.documentElement.getBoundingClientRect();\n return {\n top,\n left,\n width: document.documentElement.scrollWidth,\n height: document.documentElement.scrollHeight,\n };\n}\n"]}
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { CSSProperties, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getContainingBlock } from '../internal/utils/dom';\nimport { BoundingOffset, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition } from './utils/positions';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nexport interface PopoverContainerProps {\n /** References the element the container is positioned against. */\n trackRef: React.RefObject<Element>;\n /**\n Used to update the container position in case track or track position changes:\n \n const trackRef = useRef<Element>(null)\n return (<>\n <Track style={getPosition(selectedItemId)} ref={trackRef} />\n <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n </>)\n */\n trackKey?: string | number;\n position: PopoverProps.Position;\n zIndex?: React.CSSProperties['zIndex'];\n arrow: (position: InternalPosition | null) => React.ReactNode;\n children: React.ReactNode;\n renderWithPortal?: boolean;\n size: PopoverProps.Size;\n fixedWidth: boolean;\n variant?: 'annotation';\n}\n\nconst INITIAL_STYLES: CSSProperties = { position: 'absolute', top: -9999, left: -9999 };\n\nexport default function PopoverContainer({\n position,\n trackRef,\n trackKey,\n arrow,\n children,\n zIndex,\n renderWithPortal,\n size,\n fixedWidth,\n variant,\n}: PopoverContainerProps) {\n const bodyRef = useRef<HTMLDivElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const arrowRef = useRef<HTMLDivElement | null>(null);\n\n const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLES);\n const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n const isRefresh = useVisualRefresh();\n\n // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n const positionHandlerRef = useRef<() => void>(() => {});\n\n // Updates the position handler.\n const updatePositionHandler = useCallback(() => {\n if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n return;\n }\n\n // Get important elements\n const popover = popoverRef.current;\n const body = bodyRef.current;\n const arrow = arrowRef.current;\n const document = popover.ownerDocument;\n const track = trackRef.current;\n\n // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n // or track does not belong to the document - bail on calculating dimensions.\n if (popover.offsetWidth === 0 || popover.offsetHeight === 0 || !nodeContains(document.body, track)) {\n return;\n }\n\n // Imperatively move body off-screen to give it room to expand.\n // Not doing this in React because this recalculation should happen\n // in the span of a single frame without rerendering anything.\n const prevTop = popover.style.top;\n const prevLeft = popover.style.left;\n popover.style.top = '0';\n popover.style.left = '0';\n // Imperatively remove body styles that can remain from the previous computation.\n body.style.maxHeight = '';\n body.style.overflowX = '';\n body.style.overflowY = '';\n\n // Get rects representing key elements\n // Use getComputedStyle for arrowRect to avoid modifications made by transform\n const viewportRect = getViewportRect(document.defaultView!);\n const trackRect = track.getBoundingClientRect();\n const arrowRect = {\n width: parseFloat(getComputedStyle(arrow).width),\n height: parseFloat(getComputedStyle(arrow).height),\n };\n const containingBlock = getContainingBlock(popover);\n const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n const bodyBorderWidth = getBorderWidth(body);\n const contentRect = contentRef.current.getBoundingClientRect();\n const contentBoundingBox = {\n width: contentRect.width + 2 * bodyBorderWidth,\n height: contentRect.height + 2 * bodyBorderWidth,\n };\n\n // Calculate the arrow direction and viewport-relative position of the popover.\n const {\n scrollable,\n internalPosition: newInternalPosition,\n boundingOffset,\n } = calculatePosition(\n position,\n trackRect,\n arrowRect,\n contentBoundingBox,\n containingBlock ? containingBlockRect : getDocumentRect(document),\n viewportRect,\n renderWithPortal\n );\n\n // Get the position of the popover relative to the offset parent.\n const popoverOffset = toRelativePosition(boundingOffset, containingBlockRect);\n\n // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n // and use that to recalculate the new popover position.\n const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n // Bring back the container to its original position to prevent any flashing.\n popover.style.top = prevTop;\n popover.style.left = prevLeft;\n\n // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n if (scrollable) {\n body.style.maxHeight = boundingOffset.height + 'px';\n body.style.overflowX = 'hidden';\n body.style.overflowY = 'auto';\n }\n\n // Position the popover\n setInternalPosition(newInternalPosition);\n setPopoverStyle({ top: popoverOffset.top, left: popoverOffset.left });\n\n positionHandlerRef.current = () => {\n const newTrackOffset = toRelativePosition(\n track.getBoundingClientRect(),\n containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n );\n setPopoverStyle({\n top: newTrackOffset.top + trackRelativeOffset.top,\n left: newTrackOffset.left + trackRelativeOffset.left,\n });\n };\n }, [position, trackRef, renderWithPortal]);\n\n // Recalculate position when properties change.\n useLayoutEffect(() => {\n updatePositionHandler();\n }, [updatePositionHandler, trackKey]);\n\n // Recalculate position when content size changes.\n useResizeObserver(contentRef, () => updatePositionHandler());\n\n // Recalculate position on DOM events.\n useLayoutEffect(() => {\n /*\n This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n and by tracking the click event we can adapt the popover's position to the new layout.\n\n TODO: extend this to Enter and Spacebar?\n */\n const updatePosition = () => requestAnimationFrame(() => updatePositionHandler());\n const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n window.addEventListener('click', updatePosition);\n window.addEventListener('resize', updatePosition);\n window.addEventListener('scroll', refreshPosition, true);\n return () => {\n window.removeEventListener('click', updatePosition);\n window.removeEventListener('resize', updatePosition);\n window.removeEventListener('scroll', refreshPosition, true);\n };\n }, [updatePositionHandler]);\n\n return (\n <div\n ref={popoverRef}\n style={{ ...popoverStyle, zIndex }}\n className={clsx(styles.container, isRefresh && styles.refresh)}\n >\n <div\n ref={arrowRef}\n className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n aria-hidden={true}\n >\n {arrow(internalPosition)}\n </div>\n\n <div\n ref={bodyRef}\n className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n [styles['fixed-width']]: fixedWidth,\n [styles[`container-body-variant-${variant}`]]: variant,\n })}\n >\n <div ref={contentRef}>{children}</div>\n </div>\n </div>\n );\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n return {\n top: element.top - parent.top,\n left: element.left - parent.left,\n };\n}\n\n/**\n * Get a BoundingOffset that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingOffset {\n return {\n top: 0,\n left: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n };\n}\n\nfunction getDocumentRect(document: Document): BoundingOffset {\n const { top, left } = document.documentElement.getBoundingClientRect();\n return {\n top,\n left,\n width: document.documentElement.scrollWidth,\n height: document.documentElement.scrollHeight,\n };\n}\n"]}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"search-field": "awsui_search-
|
|
6
|
-
"input-wrapper": "awsui_input-
|
|
7
|
-
"add-token": "awsui_add-
|
|
8
|
-
"tokens": "
|
|
9
|
-
"token-operator": "awsui_token-
|
|
10
|
-
"property-editor": "awsui_property-
|
|
11
|
-
"token-editor": "awsui_token-
|
|
12
|
-
"property-editor-form": "awsui_property-editor-
|
|
13
|
-
"token-editor-form": "awsui_token-editor-
|
|
14
|
-
"property-editor-field-property": "awsui_property-editor-field-
|
|
15
|
-
"token-editor-field-property": "awsui_token-editor-field-
|
|
16
|
-
"property-editor-field-operator": "awsui_property-editor-field-
|
|
17
|
-
"token-editor-field-operator": "awsui_token-editor-field-
|
|
18
|
-
"property-editor-field-value": "awsui_property-editor-field-
|
|
19
|
-
"token-editor-field-value": "awsui_token-editor-field-
|
|
20
|
-
"property-editor-cancel": "awsui_property-editor-
|
|
21
|
-
"token-editor-cancel": "awsui_token-editor-
|
|
22
|
-
"property-editor-submit": "awsui_property-editor-
|
|
23
|
-
"token-editor-submit": "awsui_token-editor-
|
|
24
|
-
"property-editor-actions": "awsui_property-editor-
|
|
25
|
-
"token-editor-actions": "awsui_token-editor-
|
|
26
|
-
"custom-content-wrapper": "awsui_custom-content-
|
|
27
|
-
"custom-control": "awsui_custom-
|
|
28
|
-
"input": "
|
|
29
|
-
"token-trigger": "awsui_token-
|
|
30
|
-
"remove-all": "awsui_remove-
|
|
31
|
-
"token-label": "awsui_token-
|
|
32
|
-
"join-operation": "awsui_join-
|
|
4
|
+
"root": "awsui_root_1wzqe_1im8m_93",
|
|
5
|
+
"search-field": "awsui_search-field_1wzqe_1im8m_106",
|
|
6
|
+
"input-wrapper": "awsui_input-wrapper_1wzqe_1im8m_112",
|
|
7
|
+
"add-token": "awsui_add-token_1wzqe_1im8m_116",
|
|
8
|
+
"tokens": "awsui_tokens_1wzqe_1im8m_123",
|
|
9
|
+
"token-operator": "awsui_token-operator_1wzqe_1im8m_127",
|
|
10
|
+
"property-editor": "awsui_property-editor_1wzqe_1im8m_131",
|
|
11
|
+
"token-editor": "awsui_token-editor_1wzqe_1im8m_132",
|
|
12
|
+
"property-editor-form": "awsui_property-editor-form_1wzqe_1im8m_136",
|
|
13
|
+
"token-editor-form": "awsui_token-editor-form_1wzqe_1im8m_137",
|
|
14
|
+
"property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1im8m_140",
|
|
15
|
+
"token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1im8m_141",
|
|
16
|
+
"property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1im8m_144",
|
|
17
|
+
"token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1im8m_145",
|
|
18
|
+
"property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1im8m_148",
|
|
19
|
+
"token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1im8m_149",
|
|
20
|
+
"property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1im8m_152",
|
|
21
|
+
"token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1im8m_153",
|
|
22
|
+
"property-editor-submit": "awsui_property-editor-submit_1wzqe_1im8m_156",
|
|
23
|
+
"token-editor-submit": "awsui_token-editor-submit_1wzqe_1im8m_157",
|
|
24
|
+
"property-editor-actions": "awsui_property-editor-actions_1wzqe_1im8m_160",
|
|
25
|
+
"token-editor-actions": "awsui_token-editor-actions_1wzqe_1im8m_161",
|
|
26
|
+
"custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1im8m_179",
|
|
27
|
+
"custom-control": "awsui_custom-control_1wzqe_1im8m_183",
|
|
28
|
+
"input": "awsui_input_1wzqe_1im8m_112",
|
|
29
|
+
"token-trigger": "awsui_token-trigger_1wzqe_1im8m_191",
|
|
30
|
+
"remove-all": "awsui_remove-all_1wzqe_1im8m_197",
|
|
31
|
+
"token-label": "awsui_token-label_1wzqe_1im8m_198",
|
|
32
|
+
"join-operation": "awsui_join-operation_1wzqe_1im8m_199"
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_1wzqe_1im8m_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -129,100 +129,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
129
129
|
-moz-osx-font-smoothing: auto;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
.awsui_search-
|
|
132
|
+
.awsui_search-field_1wzqe_1im8m_106:not(#\9) {
|
|
133
133
|
display: flex;
|
|
134
134
|
align-items: center;
|
|
135
135
|
max-width: calc(688px - 2 * var(--space-l-t419sm, 20px));
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
.awsui_input-
|
|
138
|
+
.awsui_input-wrapper_1wzqe_1im8m_112:not(#\9) {
|
|
139
139
|
flex-grow: 1;
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.awsui_add-
|
|
143
|
-
border-left: 1px solid var(--color-border-divider-default-
|
|
142
|
+
.awsui_add-token_1wzqe_1im8m_116:not(#\9) {
|
|
143
|
+
border-left: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
144
144
|
box-sizing: border-box;
|
|
145
145
|
margin-left: var(--space-m-udix3p, 16px);
|
|
146
146
|
padding-left: var(--space-m-udix3p, 16px);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
-
.
|
|
149
|
+
.awsui_tokens_1wzqe_1im8m_123:not(#\9) {
|
|
150
150
|
margin: var(--space-xs-zb16t3, 8px) 0;
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
-
.awsui_token-
|
|
153
|
+
.awsui_token-operator_1wzqe_1im8m_127:not(#\9) {
|
|
154
154
|
font-weight: bold;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.awsui_property-
|
|
158
|
-
.awsui_token-
|
|
157
|
+
.awsui_property-editor_1wzqe_1im8m_131:not(#\9),
|
|
158
|
+
.awsui_token-editor_1wzqe_1im8m_132:not(#\9) {
|
|
159
159
|
-webkit-user-select: text;
|
|
160
160
|
user-select: text;
|
|
161
161
|
margin: var(--space-xxs-p8yyaw, 4px);
|
|
162
162
|
}
|
|
163
|
-
.awsui_property-editor-
|
|
164
|
-
.awsui_token-editor-
|
|
163
|
+
.awsui_property-editor-form_1wzqe_1im8m_136:not(#\9),
|
|
164
|
+
.awsui_token-editor-form_1wzqe_1im8m_137:not(#\9) {
|
|
165
165
|
margin-bottom: var(--space-scaled-l-0hpmd7, 20px);
|
|
166
166
|
}
|
|
167
|
-
.awsui_property-editor-field-
|
|
168
|
-
.awsui_token-editor-field-
|
|
167
|
+
.awsui_property-editor-field-property_1wzqe_1im8m_140:not(#\9),
|
|
168
|
+
.awsui_token-editor-field-property_1wzqe_1im8m_141:not(#\9) {
|
|
169
169
|
/* used in test-utils */
|
|
170
170
|
}
|
|
171
|
-
.awsui_property-editor-field-
|
|
172
|
-
.awsui_token-editor-field-
|
|
171
|
+
.awsui_property-editor-field-operator_1wzqe_1im8m_144:not(#\9),
|
|
172
|
+
.awsui_token-editor-field-operator_1wzqe_1im8m_145:not(#\9) {
|
|
173
173
|
margin-top: var(--space-scaled-l-0hpmd7, 20px);
|
|
174
174
|
}
|
|
175
|
-
.awsui_property-editor-field-
|
|
176
|
-
.awsui_token-editor-field-
|
|
175
|
+
.awsui_property-editor-field-value_1wzqe_1im8m_148:not(#\9),
|
|
176
|
+
.awsui_token-editor-field-value_1wzqe_1im8m_149:not(#\9) {
|
|
177
177
|
margin-top: var(--space-scaled-l-0hpmd7, 20px);
|
|
178
178
|
}
|
|
179
|
-
.awsui_property-editor-
|
|
180
|
-
.awsui_token-editor-
|
|
179
|
+
.awsui_property-editor-cancel_1wzqe_1im8m_152:not(#\9),
|
|
180
|
+
.awsui_token-editor-cancel_1wzqe_1im8m_153:not(#\9) {
|
|
181
181
|
margin-right: var(--space-xs-zb16t3, 8px);
|
|
182
182
|
}
|
|
183
|
-
.awsui_property-editor-
|
|
184
|
-
.awsui_token-editor-
|
|
183
|
+
.awsui_property-editor-submit_1wzqe_1im8m_156:not(#\9),
|
|
184
|
+
.awsui_token-editor-submit_1wzqe_1im8m_157:not(#\9) {
|
|
185
185
|
/* used in test-utils */
|
|
186
186
|
}
|
|
187
|
-
.awsui_property-editor-
|
|
188
|
-
.awsui_token-editor-
|
|
187
|
+
.awsui_property-editor-actions_1wzqe_1im8m_160:not(#\9),
|
|
188
|
+
.awsui_token-editor-actions_1wzqe_1im8m_161:not(#\9) {
|
|
189
189
|
display: flex;
|
|
190
190
|
justify-content: flex-end;
|
|
191
191
|
padding-top: var(--space-s-34lx8l, 12px);
|
|
192
|
-
border-top: 1px solid var(--color-border-dropdown-item-default-
|
|
192
|
+
border-top: 1px solid var(--color-border-dropdown-item-default-dofu99, #e9ebed);
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
.awsui_token-editor-
|
|
195
|
+
.awsui_token-editor-actions_1wzqe_1im8m_161:not(#\9) {
|
|
196
196
|
padding-right: calc(var(--space-m-udix3p, 16px) + var(--space-xxs-p8yyaw, 4px));
|
|
197
197
|
margin-left: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
|
|
198
198
|
margin-right: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
-
.awsui_property-
|
|
201
|
+
.awsui_property-editor_1wzqe_1im8m_131:not(#\9) {
|
|
202
202
|
padding: var(--space-m-udix3p, 16px);
|
|
203
203
|
overflow-y: auto;
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
-
.awsui_custom-content-
|
|
206
|
+
.awsui_custom-content-wrapper_1wzqe_1im8m_179:not(#\9) {
|
|
207
207
|
display: contents;
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
.awsui_custom-
|
|
210
|
+
.awsui_custom-control_1wzqe_1im8m_183:not(#\9) {
|
|
211
211
|
margin-right: var(--space-s-34lx8l, 12px);
|
|
212
212
|
}
|
|
213
213
|
|
|
214
|
-
.
|
|
214
|
+
.awsui_input_1wzqe_1im8m_112:not(#\9) {
|
|
215
215
|
flex: 1;
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
.awsui_token-
|
|
218
|
+
.awsui_token-trigger_1wzqe_1im8m_191:not(#\9) {
|
|
219
219
|
min-width: 0;
|
|
220
220
|
-ms-word-break: break-all;
|
|
221
221
|
word-break: break-word;
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.awsui_remove-
|
|
225
|
-
.awsui_token-
|
|
226
|
-
.awsui_join-
|
|
224
|
+
.awsui_remove-all_1wzqe_1im8m_197:not(#\9),
|
|
225
|
+
.awsui_token-label_1wzqe_1im8m_198:not(#\9),
|
|
226
|
+
.awsui_join-operation_1wzqe_1im8m_199:not(#\9) {
|
|
227
227
|
/* used in test-utils */
|
|
228
228
|
}
|
|
@@ -2,34 +2,34 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"search-field": "awsui_search-
|
|
7
|
-
"input-wrapper": "awsui_input-
|
|
8
|
-
"add-token": "awsui_add-
|
|
9
|
-
"tokens": "
|
|
10
|
-
"token-operator": "awsui_token-
|
|
11
|
-
"property-editor": "awsui_property-
|
|
12
|
-
"token-editor": "awsui_token-
|
|
13
|
-
"property-editor-form": "awsui_property-editor-
|
|
14
|
-
"token-editor-form": "awsui_token-editor-
|
|
15
|
-
"property-editor-field-property": "awsui_property-editor-field-
|
|
16
|
-
"token-editor-field-property": "awsui_token-editor-field-
|
|
17
|
-
"property-editor-field-operator": "awsui_property-editor-field-
|
|
18
|
-
"token-editor-field-operator": "awsui_token-editor-field-
|
|
19
|
-
"property-editor-field-value": "awsui_property-editor-field-
|
|
20
|
-
"token-editor-field-value": "awsui_token-editor-field-
|
|
21
|
-
"property-editor-cancel": "awsui_property-editor-
|
|
22
|
-
"token-editor-cancel": "awsui_token-editor-
|
|
23
|
-
"property-editor-submit": "awsui_property-editor-
|
|
24
|
-
"token-editor-submit": "awsui_token-editor-
|
|
25
|
-
"property-editor-actions": "awsui_property-editor-
|
|
26
|
-
"token-editor-actions": "awsui_token-editor-
|
|
27
|
-
"custom-content-wrapper": "awsui_custom-content-
|
|
28
|
-
"custom-control": "awsui_custom-
|
|
29
|
-
"input": "
|
|
30
|
-
"token-trigger": "awsui_token-
|
|
31
|
-
"remove-all": "awsui_remove-
|
|
32
|
-
"token-label": "awsui_token-
|
|
33
|
-
"join-operation": "awsui_join-
|
|
5
|
+
"root": "awsui_root_1wzqe_1im8m_93",
|
|
6
|
+
"search-field": "awsui_search-field_1wzqe_1im8m_106",
|
|
7
|
+
"input-wrapper": "awsui_input-wrapper_1wzqe_1im8m_112",
|
|
8
|
+
"add-token": "awsui_add-token_1wzqe_1im8m_116",
|
|
9
|
+
"tokens": "awsui_tokens_1wzqe_1im8m_123",
|
|
10
|
+
"token-operator": "awsui_token-operator_1wzqe_1im8m_127",
|
|
11
|
+
"property-editor": "awsui_property-editor_1wzqe_1im8m_131",
|
|
12
|
+
"token-editor": "awsui_token-editor_1wzqe_1im8m_132",
|
|
13
|
+
"property-editor-form": "awsui_property-editor-form_1wzqe_1im8m_136",
|
|
14
|
+
"token-editor-form": "awsui_token-editor-form_1wzqe_1im8m_137",
|
|
15
|
+
"property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1im8m_140",
|
|
16
|
+
"token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1im8m_141",
|
|
17
|
+
"property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1im8m_144",
|
|
18
|
+
"token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1im8m_145",
|
|
19
|
+
"property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1im8m_148",
|
|
20
|
+
"token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1im8m_149",
|
|
21
|
+
"property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1im8m_152",
|
|
22
|
+
"token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1im8m_153",
|
|
23
|
+
"property-editor-submit": "awsui_property-editor-submit_1wzqe_1im8m_156",
|
|
24
|
+
"token-editor-submit": "awsui_token-editor-submit_1wzqe_1im8m_157",
|
|
25
|
+
"property-editor-actions": "awsui_property-editor-actions_1wzqe_1im8m_160",
|
|
26
|
+
"token-editor-actions": "awsui_token-editor-actions_1wzqe_1im8m_161",
|
|
27
|
+
"custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1im8m_179",
|
|
28
|
+
"custom-control": "awsui_custom-control_1wzqe_1im8m_183",
|
|
29
|
+
"input": "awsui_input_1wzqe_1im8m_112",
|
|
30
|
+
"token-trigger": "awsui_token-trigger_1wzqe_1im8m_191",
|
|
31
|
+
"remove-all": "awsui_remove-all_1wzqe_1im8m_197",
|
|
32
|
+
"token-label": "awsui_token-label_1wzqe_1im8m_198",
|
|
33
|
+
"join-operation": "awsui_join-operation_1wzqe_1im8m_199"
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"view-button": "awsui_view-
|
|
6
|
-
"browse-button": "awsui_browse-
|
|
7
|
-
"layout": "
|
|
8
|
-
"layout-uri": "awsui_layout-
|
|
9
|
-
"layout-version": "awsui_layout-
|
|
10
|
-
"layout-divider": "awsui_layout-
|
|
4
|
+
"root": "awsui_root_1vtzr_cpfg5_9",
|
|
5
|
+
"view-button": "awsui_view-button_1vtzr_cpfg5_13",
|
|
6
|
+
"browse-button": "awsui_browse-button_1vtzr_cpfg5_17",
|
|
7
|
+
"layout": "awsui_layout_1vtzr_cpfg5_21",
|
|
8
|
+
"layout-uri": "awsui_layout-uri_1vtzr_cpfg5_31",
|
|
9
|
+
"layout-version": "awsui_layout-version_1vtzr_cpfg5_35",
|
|
10
|
+
"layout-divider": "awsui_layout-divider_1vtzr_cpfg5_40"
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -6,40 +6,40 @@
|
|
|
6
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
7
|
SPDX-License-Identifier: Apache-2.0
|
|
8
8
|
*/
|
|
9
|
-
.
|
|
9
|
+
.awsui_root_1vtzr_cpfg5_9:not(#\9) {
|
|
10
10
|
/* used in test-utils */
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.awsui_view-
|
|
13
|
+
.awsui_view-button_1vtzr_cpfg5_13:not(#\9) {
|
|
14
14
|
/* used in test-utils */
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.awsui_browse-
|
|
17
|
+
.awsui_browse-button_1vtzr_cpfg5_17:not(#\9) {
|
|
18
18
|
/* used in test-utils */
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.
|
|
21
|
+
.awsui_layout_1vtzr_cpfg5_21:not(#\9) {
|
|
22
22
|
display: flex;
|
|
23
23
|
flex-wrap: wrap;
|
|
24
24
|
align-items: flex-end;
|
|
25
25
|
margin: calc(-1 * var(--space-xs-zb16t3, 8px));
|
|
26
26
|
/* stylelint-disable selector-max-universal */
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.awsui_layout_1vtzr_cpfg5_21 > *:not(#\9) {
|
|
29
29
|
margin: var(--space-xs-zb16t3, 8px);
|
|
30
30
|
}
|
|
31
|
-
.awsui_layout-
|
|
31
|
+
.awsui_layout-uri_1vtzr_cpfg5_31:not(#\9) {
|
|
32
32
|
min-width: 200px;
|
|
33
33
|
flex: 1;
|
|
34
34
|
}
|
|
35
|
-
.awsui_layout-
|
|
35
|
+
.awsui_layout-version_1vtzr_cpfg5_35:not(#\9) {
|
|
36
36
|
max-width: 180px;
|
|
37
37
|
min-width: 140px;
|
|
38
38
|
width: 20%;
|
|
39
39
|
}
|
|
40
|
-
.awsui_layout-
|
|
40
|
+
.awsui_layout-divider_1vtzr_cpfg5_40:not(#\9) {
|
|
41
41
|
height: calc(
|
|
42
|
-
2 * var(--border-divider-section-width-
|
|
42
|
+
2 * var(--border-divider-section-width-8a5uu9, 2px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + var(--font-body-m-line-height-5wv9x1, 20px)
|
|
43
43
|
);
|
|
44
|
-
border-left: var(--border-divider-section-width-
|
|
44
|
+
border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
45
45
|
}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"view-button": "awsui_view-
|
|
7
|
-
"browse-button": "awsui_browse-
|
|
8
|
-
"layout": "
|
|
9
|
-
"layout-uri": "awsui_layout-
|
|
10
|
-
"layout-version": "awsui_layout-
|
|
11
|
-
"layout-divider": "awsui_layout-
|
|
5
|
+
"root": "awsui_root_1vtzr_cpfg5_9",
|
|
6
|
+
"view-button": "awsui_view-button_1vtzr_cpfg5_13",
|
|
7
|
+
"browse-button": "awsui_browse-button_1vtzr_cpfg5_17",
|
|
8
|
+
"layout": "awsui_layout_1vtzr_cpfg5_21",
|
|
9
|
+
"layout-uri": "awsui_layout-uri_1vtzr_cpfg5_31",
|
|
10
|
+
"layout-version": "awsui_layout-version_1vtzr_cpfg5_35",
|
|
11
|
+
"layout-divider": "awsui_layout-divider_1vtzr_cpfg5_40"
|
|
12
12
|
};
|
|
13
13
|
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"header": "
|
|
6
|
-
"header-link": "awsui_header-
|
|
7
|
-
"header-link--has-logo": "awsui_header-link--has-
|
|
8
|
-
"header-link-text": "awsui_header-link-
|
|
9
|
-
"header-logo": "awsui_header-
|
|
10
|
-
"header-logo--stretched": "awsui_header-logo--
|
|
11
|
-
"list-container": "awsui_list-
|
|
12
|
-
"list": "
|
|
13
|
-
"list-variant-root": "awsui_list-variant-
|
|
14
|
-
"list-variant-root--last": "awsui_list-variant-root--
|
|
15
|
-
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-
|
|
16
|
-
"list-item": "awsui_list-
|
|
17
|
-
"section": "
|
|
18
|
-
"expandable-link-group": "awsui_expandable-link-
|
|
19
|
-
"section--no-ident": "awsui_section--no-
|
|
20
|
-
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-
|
|
21
|
-
"refresh": "
|
|
22
|
-
"list-variant-section-group": "awsui_list-variant-section-
|
|
23
|
-
"section-group": "awsui_section-
|
|
24
|
-
"section-group-title": "awsui_section-group-
|
|
25
|
-
"link": "
|
|
26
|
-
"link-active": "awsui_link-
|
|
27
|
-
"info": "
|
|
28
|
-
"external-icon": "awsui_external-
|
|
29
|
-
"divider": "
|
|
30
|
-
"divider-default": "awsui_divider-
|
|
31
|
-
"divider-header": "awsui_divider-
|
|
4
|
+
"root": "awsui_root_l0dv0_1kfyn_93",
|
|
5
|
+
"header": "awsui_header_l0dv0_1kfyn_109",
|
|
6
|
+
"header-link": "awsui_header-link_l0dv0_1kfyn_120",
|
|
7
|
+
"header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1kfyn_130",
|
|
8
|
+
"header-link-text": "awsui_header-link-text_l0dv0_1kfyn_130",
|
|
9
|
+
"header-logo": "awsui_header-logo_l0dv0_1kfyn_134",
|
|
10
|
+
"header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1kfyn_140",
|
|
11
|
+
"list-container": "awsui_list-container_l0dv0_1kfyn_145",
|
|
12
|
+
"list": "awsui_list_l0dv0_1kfyn_145",
|
|
13
|
+
"list-variant-root": "awsui_list-variant-root_l0dv0_1kfyn_155",
|
|
14
|
+
"list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1kfyn_159",
|
|
15
|
+
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1kfyn_163",
|
|
16
|
+
"list-item": "awsui_list-item_l0dv0_1kfyn_167",
|
|
17
|
+
"section": "awsui_section_l0dv0_1kfyn_173",
|
|
18
|
+
"expandable-link-group": "awsui_expandable-link-group_l0dv0_1kfyn_174",
|
|
19
|
+
"section--no-ident": "awsui_section--no-ident_l0dv0_1kfyn_177",
|
|
20
|
+
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1kfyn_178",
|
|
21
|
+
"refresh": "awsui_refresh_l0dv0_1kfyn_187",
|
|
22
|
+
"list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1kfyn_195",
|
|
23
|
+
"section-group": "awsui_section-group_l0dv0_1kfyn_200",
|
|
24
|
+
"section-group-title": "awsui_section-group-title_l0dv0_1kfyn_210",
|
|
25
|
+
"link": "awsui_link_l0dv0_1kfyn_214",
|
|
26
|
+
"link-active": "awsui_link-active_l0dv0_1kfyn_223",
|
|
27
|
+
"info": "awsui_info_l0dv0_1kfyn_257",
|
|
28
|
+
"external-icon": "awsui_external-icon_l0dv0_1kfyn_261",
|
|
29
|
+
"divider": "awsui_divider_l0dv0_1kfyn_265",
|
|
30
|
+
"divider-default": "awsui_divider-default_l0dv0_1kfyn_270",
|
|
31
|
+
"divider-header": "awsui_divider-header_l0dv0_1kfyn_274"
|
|
32
32
|
};
|
|
33
33
|
|