@amboss/design-system 4.0.0-next.6 → 4.0.0-next.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/Content/ContentList/ContentList.d.ts +13 -2
- package/build/cjs/components/Content/ContentList/ContentList.js +1 -1
- package/build/cjs/components/Content/ReferenceButton/ReferenceButton.d.ts +17 -4
- package/build/cjs/components/Content/ReferenceButton/ReferenceButton.js +1 -1
- package/build/cjs/components/Internal/Page/Page.d.ts +32 -0
- package/build/cjs/components/Internal/Page/Page.js +1 -0
- package/build/cjs/components/Layout/-constants.d.ts +15 -13
- package/build/cjs/components/Layout/-constants.js +1 -1
- package/build/cjs/components/Layout/-types.d.ts +24 -17
- package/build/cjs/components/Layout/Layout.d.ts +2 -2
- package/build/cjs/components/Layout/Layout.js +1 -1
- package/build/cjs/components/Layout/LayoutCssVars.d.ts +24 -0
- package/build/cjs/components/Layout/LayoutCssVars.js +1 -0
- package/build/cjs/components/Layout/LayoutProvider.d.ts +2 -2
- package/build/cjs/components/Layout/LayoutProvider.js +1 -1
- package/build/cjs/components/Layout/LeftPanel.d.ts +8 -0
- package/build/cjs/components/Layout/LeftPanel.js +1 -0
- package/build/cjs/components/Layout/RightPanel.d.ts +1 -1
- package/build/cjs/components/Layout/RightPanel.js +1 -1
- package/build/cjs/components/Layout/RightPanelContainer.js +1 -1
- package/build/cjs/components/Layout/Split.d.ts +1 -1
- package/build/cjs/components/Layout/context.d.ts +2 -2
- package/build/cjs/components/Layout/{varStore.d.ts → cssVarStore.d.ts} +3 -3
- package/build/cjs/components/Layout/cssVarStore.js +1 -0
- package/build/cjs/components/Layout/index.d.ts +3 -2
- package/build/cjs/components/Layout/index.js +1 -1
- package/build/cjs/components/Layout/reducer.js +1 -1
- package/build/cjs/components/Layout/registry.d.ts +3 -3
- package/build/cjs/components/Layout/store.d.ts +1 -1
- package/build/cjs/components/Layout/useAutoScrollToBottom.d.ts +15 -0
- package/build/cjs/components/Layout/useAutoScrollToBottom.js +1 -0
- package/build/cjs/components/Layout/useLayout.d.ts +1 -1
- package/build/cjs/components/Layout/useLayout.js +1 -1
- package/build/cjs/components/Layout/usePanelRefs.d.ts +4 -4
- package/build/cjs/components/Layout/usePortalContainerRefs.d.ts +3 -3
- package/build/cjs/components/NavBar/NavBarSubMenuContainer.js +1 -1
- package/build/cjs/components/PromptButton/PromptButton.js +1 -1
- package/build/cjs/components/PromptInput/PromptInput.js +1 -1
- package/build/cjs/shared/FocusTrapWrapper.js +1 -1
- package/build/cjs/web-tokens/_colors.json +18 -2
- package/build/cjs/web-tokens/assets/icons.json +4 -0
- package/build/cjs/web-tokens/assets/icons16.json +4 -0
- package/build/cjs/web-tokens/layout-vars.d.ts +7 -0
- package/build/cjs/web-tokens/layout-vars.js +1 -0
- package/build/cjs/web-tokens/layout-vars.ts +11 -0
- package/build/cjs/web-tokens/visualConfig.d.ts +50 -3
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Content/ContentList/ContentList.d.ts +13 -2
- package/build/esm/components/Content/ContentList/ContentList.js +1 -1
- package/build/esm/components/Content/ReferenceButton/ReferenceButton.d.ts +17 -4
- package/build/esm/components/Content/ReferenceButton/ReferenceButton.js +1 -1
- package/build/esm/components/Internal/Page/Page.d.ts +32 -0
- package/build/esm/components/Internal/Page/Page.js +1 -0
- package/build/esm/components/Layout/-constants.d.ts +15 -13
- package/build/esm/components/Layout/-constants.js +1 -1
- package/build/esm/components/Layout/-types.d.ts +24 -17
- package/build/esm/components/Layout/Layout.d.ts +2 -2
- package/build/esm/components/Layout/Layout.js +1 -1
- package/build/esm/components/Layout/LayoutCssVars.d.ts +24 -0
- package/build/esm/components/Layout/LayoutCssVars.js +1 -0
- package/build/esm/components/Layout/LayoutProvider.d.ts +2 -2
- package/build/esm/components/Layout/LayoutProvider.js +1 -1
- package/build/esm/components/Layout/LeftPanel.d.ts +8 -0
- package/build/esm/components/Layout/LeftPanel.js +1 -0
- package/build/esm/components/Layout/RightPanel.d.ts +1 -1
- package/build/esm/components/Layout/RightPanel.js +1 -1
- package/build/esm/components/Layout/RightPanelContainer.js +1 -1
- package/build/esm/components/Layout/Split.d.ts +1 -1
- package/build/esm/components/Layout/context.d.ts +2 -2
- package/build/esm/components/Layout/{varStore.d.ts → cssVarStore.d.ts} +3 -3
- package/build/esm/components/Layout/cssVarStore.js +1 -0
- package/build/esm/components/Layout/index.d.ts +3 -2
- package/build/esm/components/Layout/index.js +1 -1
- package/build/esm/components/Layout/reducer.js +1 -1
- package/build/esm/components/Layout/registry.d.ts +3 -3
- package/build/esm/components/Layout/store.d.ts +1 -1
- package/build/esm/components/Layout/useAutoScrollToBottom.d.ts +15 -0
- package/build/esm/components/Layout/useAutoScrollToBottom.js +1 -0
- package/build/esm/components/Layout/useLayout.d.ts +1 -1
- package/build/esm/components/Layout/useLayout.js +1 -1
- package/build/esm/components/Layout/usePanelRefs.d.ts +4 -4
- package/build/esm/components/Layout/usePortalContainerRefs.d.ts +3 -3
- package/build/esm/components/NavBar/NavBarSubMenuContainer.js +1 -1
- package/build/esm/components/PromptButton/PromptButton.js +1 -1
- package/build/esm/components/PromptInput/PromptInput.js +1 -1
- package/build/esm/shared/FocusTrapWrapper.js +1 -1
- package/build/esm/web-tokens/_colors.json +18 -2
- package/build/esm/web-tokens/assets/icons.json +4 -0
- package/build/esm/web-tokens/assets/icons16.json +4 -0
- package/build/esm/web-tokens/layout-vars.d.ts +7 -0
- package/build/esm/web-tokens/layout-vars.js +1 -0
- package/build/esm/web-tokens/layout-vars.ts +11 -0
- package/build/esm/web-tokens/visualConfig.d.ts +50 -3
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +14 -3
- package/build/scss/_layout.scss +6 -0
- package/build/scss/_light.scss +14 -3
- package/build/scss/_variables.scss +14 -3
- package/build/scss/subthemes/_inverted.scss +2 -0
- package/package.json +1 -1
- package/build/cjs/components/Internal/Panel/index.d.ts +0 -2
- package/build/cjs/components/Internal/Panel/index.js +0 -1
- package/build/cjs/components/Layout/LayoutVars.d.ts +0 -18
- package/build/cjs/components/Layout/LayoutVars.js +0 -1
- package/build/cjs/components/Layout/Sidebar.d.ts +0 -8
- package/build/cjs/components/Layout/Sidebar.js +0 -1
- package/build/cjs/components/Layout/varStore.js +0 -1
- package/build/esm/components/Internal/Panel/index.d.ts +0 -2
- package/build/esm/components/Internal/Panel/index.js +0 -1
- package/build/esm/components/Layout/LayoutVars.d.ts +0 -18
- package/build/esm/components/Layout/LayoutVars.js +0 -1
- package/build/esm/components/Layout/Sidebar.d.ts +0 -8
- package/build/esm/components/Layout/Sidebar.js +0 -1
- package/build/esm/components/Layout/varStore.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{Sandwich}from"../Internal/Sandwich/Sandwich";import{Icon}from"../Icon/Icon";import{H5}from"../Typography/Header/Header";import{Box}from"../Box/Box";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{Sandwich}from"../Internal/Sandwich/Sandwich";import{Icon}from"../Icon/Icon";import{H5}from"../Typography/Header/Header";import{Box}from"../Box/Box";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Container}from"../Container/Container";let CustomContainer=styled(Container,{target:"e1lseaog0",label:"CustomContainer"})(({theme})=>({height:"100%",borderLeft:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWxDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MYXlvdXQvUmlnaHRQYW5lbENvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTYW5kd2ljaCB9IGZyb20gXCIuLi9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEg1IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvSGVhZGVyL0hlYWRlclwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB0eXBlIHsgUmlnaHRQYW5lbENvbnRhaW5lclByb3BzIH0gZnJvbSBcIi4vLXR5cGVzXCI7XG5cbmNvbnN0IEN1c3RvbUNvbnRhaW5lciA9IHN0eWxlZChDb250YWluZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJvcmRlckxlZnQ6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBSaWdodFBhbmVsQ29udGFpbmVyKHtcbiAgdGl0bGUsXG4gIGNoaWxkcmVuLFxuICBvbkNsb3NlLFxuICBzbG90UHJvcHMsXG4gIHNjcm9sbENvbnRhaW5lclJlZixcbiAgb25TY3JvbGwsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogUmlnaHRQYW5lbENvbnRhaW5lclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBpc1Zpc2libGU6IGlzVGl0bGVWaXNpYmxlID0gdHJ1ZSB9ID0gdGl0bGU7XG4gIHJldHVybiAoXG4gICAgPEN1c3RvbUNvbnRhaW5lclxuICAgICAgZWxldmF0aW9uPXswfVxuICAgICAgc3F1YXJlQ29ybmVyc1xuICAgICAgZGF0YS1kcy1pZD1cIlJpZ2h0UGFuZWxDb250YWluZXJcIlxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICA+XG4gICAgICA8U2FuZHdpY2ggcm9sZT1cInJlZ2lvblwiIGFyaWEtbGFiZWw9e3RpdGxlLmxhYmVsfT5cbiAgICAgICAgPFNhbmR3aWNoLkhlYWRlciBzaG93U2VwYXJhdG9yPVwiYWx3YXlzXCI+XG4gICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB2U3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCJcbiAgICAgICAgICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICBub1dyYXBcbiAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ4c1wiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgIHtzbG90UHJvcHMuaGVhZGVyPy5sZWZ0U2xvdH1cbiAgICAgICAgICAgICAgICB7aXNUaXRsZVZpc2libGUgJiYgKFxuICAgICAgICAgICAgICAgICAgPElubGluZSBzcGFjZT1cInhzXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBub1dyYXA+XG4gICAgICAgICAgICAgICAgICAgIHt0aXRsZS5pY29uICYmIDxJY29uIHNpemU9XCJzXCIgey4uLnRpdGxlLmljb259IC8+fVxuICAgICAgICAgICAgICAgICAgICA8SDU+e3RpdGxlLmxhYmVsfTwvSDU+XG4gICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgIHtzbG90UHJvcHMuaGVhZGVyPy5yaWdodFNsb3R9XG4gICAgICAgICAgICAgICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICAgICAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3Nsb3RQcm9wcy5jbG9zZUJ1dHRvbltcImFyaWEtbGFiZWxcIl19XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNsb3NlPy4oKX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1NhbmR3aWNoLkhlYWRlcj5cbiAgICAgICAgPFNhbmR3aWNoLkJvZHkgc2Nyb2xsUmVmPXtzY3JvbGxDb250YWluZXJSZWZ9IG9uU2Nyb2xsPXtvblNjcm9sbH0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1NhbmR3aWNoLkJvZHk+XG4gICAgICAgIHtzbG90UHJvcHMuZm9vdGVyICYmIChcbiAgICAgICAgICA8U2FuZHdpY2guRm9vdGVyIHNob3dTZXBhcmF0b3I9XCJuZXZlclwiPlxuICAgICAgICAgICAge3Nsb3RQcm9wcy5mb290ZXJ9XG4gICAgICAgICAgPC9TYW5kd2ljaC5Gb290ZXI+XG4gICAgICAgICl9XG4gICAgICA8L1NhbmR3aWNoPlxuICAgIDwvQ3VzdG9tQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QiJ9 */");export function RightPanelContainer({title,children,onClose,slotProps,scrollContainerRef,onScroll,"data-e2e-test-id":dataE2eTestId}){let{isVisible:isTitleVisible=!0}=title;return React.createElement(CustomContainer,{elevation:0,squareCorners:!0,"data-ds-id":"RightPanelContainer","data-e2e-test-id":dataE2eTestId},React.createElement(Sandwich,{role:"region","aria-label":title.label},React.createElement(Sandwich.Header,{showSeparator:"always"},React.createElement(Box,{space:"s",vSpace:"xs"},React.createElement(Inline,{alignItems:"spaceBetween",vAlignItems:"center",noWrap:!0,fullWidth:!0},React.createElement(Inline,{space:"xs",vAlignItems:"center",noWrap:!0},slotProps.header?.leftSlot,isTitleVisible&&React.createElement(Inline,{space:"xs",vAlignItems:"center",noWrap:!0},title.icon&&React.createElement(Icon,{size:"s",...title.icon}),React.createElement(H5,null,title.label))),React.createElement(Inline,{space:"xxs",vAlignItems:"center",noWrap:!0},slotProps.header?.rightSlot,React.createElement(PictogramButton,{icon:"x",size:"s",variant:"tertiary","aria-label":slotProps.closeButton["aria-label"],onClick:()=>onClose?.()}))))),React.createElement(Sandwich.Body,{scrollRef:scrollContainerRef,onScroll:onScroll},children),slotProps.footer&&React.createElement(Sandwich.Footer,{showSeparator:"never"},slotProps.footer)))}
|
|
@@ -2,6 +2,6 @@ import type React from "react";
|
|
|
2
2
|
import type { SplitProps } from "./-types";
|
|
3
3
|
/**
|
|
4
4
|
* Split view panel. Declares the `splitview` slot and portals its content while
|
|
5
|
-
* visible
|
|
5
|
+
* visible - a toggleable in-flow column beside `content`.
|
|
6
6
|
*/
|
|
7
7
|
export declare const Split: React.FC<SplitProps>;
|
|
@@ -5,7 +5,7 @@ export declare function useLayoutStore(): LayoutStore;
|
|
|
5
5
|
/**
|
|
6
6
|
* Persistence config for the layout namespace. Set on `Layout.Provider` (single
|
|
7
7
|
* external surface) and read by the nested `<Layout>`. The Provider only
|
|
8
|
-
* forwards it
|
|
8
|
+
* forwards it - it never touches storage itself.
|
|
9
9
|
*/
|
|
10
10
|
export type LayoutPersistence = {
|
|
11
11
|
persistenceKey?: string;
|
|
@@ -16,7 +16,7 @@ export declare const LayoutPersistenceProvider: React.Provider<LayoutPersistence
|
|
|
16
16
|
export declare function useLayoutPersistence(): LayoutPersistence;
|
|
17
17
|
/**
|
|
18
18
|
* Subscribe to a slice of layout state via `useSyncExternalStore`. The selector
|
|
19
|
-
* should return a stable reference when nothing relevant changed
|
|
19
|
+
* should return a stable reference when nothing relevant changed - the reducer
|
|
20
20
|
* preserves references for untouched positions, so slice selectors are safe.
|
|
21
21
|
*/
|
|
22
22
|
export declare function useLayoutSelector<T>(selector: (state: LayoutState) => T): T;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Tiny pub/sub registry for the layout's CSS custom properties. Producers
|
|
3
3
|
* publish a value by name (the component that owns the *why* — e.g. the NavBar
|
|
4
|
-
* subnav publishing its offset); a single sink (`<
|
|
4
|
+
* subnav publishing its offset); a single sink (`<LayoutCssVars>`) subscribes and
|
|
5
5
|
* renders them all in ONE place. Mirrors the `LayoutStore` shape so it reads
|
|
6
6
|
* via the same `useSyncExternalStore` pattern.
|
|
7
7
|
*
|
|
8
8
|
* One name = one producer. The registry is keyed by name, so a second writer to
|
|
9
9
|
* the same name last-wins; don't share a name across unrelated producers.
|
|
10
10
|
*/
|
|
11
|
-
export type
|
|
11
|
+
export type LayoutCssVarStore = {
|
|
12
12
|
getSnapshot: () => Record<string, string>;
|
|
13
13
|
set: (name: string, value: string) => void;
|
|
14
14
|
remove: (name: string) => void;
|
|
15
15
|
subscribe: (listener: () => void) => () => void;
|
|
16
16
|
};
|
|
17
|
-
export declare function
|
|
17
|
+
export declare function createLayoutCssVarStore(): LayoutCssVarStore;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function createLayoutCssVarStore(){let vars={},listeners=new Set,notify=()=>listeners.forEach(listener=>listener());return{getSnapshot:()=>vars,set:(name,value)=>{vars[name]!==value&&(vars={...vars,[name]:value},notify())},remove:name=>{if(!(name in vars))return;let next={...vars};delete next[name],vars=next,notify()},subscribe:listener=>(listeners.add(listener),()=>{listeners.delete(listener)})}}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { SUBNAV_OFFSET_VAR, PANEL_WIDTH_VAR } from "./-constants";
|
|
2
2
|
export { Layout } from "./Layout";
|
|
3
3
|
export { LayoutProvider } from "./LayoutProvider";
|
|
4
|
-
export { useLayoutVar } from "./
|
|
4
|
+
export { useLayoutVar } from "./LayoutCssVars";
|
|
5
5
|
export { useLayout } from "./useLayout";
|
|
6
|
+
export { useAutoScrollToBottom } from "./useAutoScrollToBottom";
|
|
6
7
|
export { RightPanelContainer } from "./RightPanelContainer";
|
|
7
8
|
export { createLayoutStore } from "./store";
|
|
8
9
|
export { createInitialState, layoutReducer } from "./reducer";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{SUBNAV_OFFSET_VAR,PANEL_WIDTH_VAR}from"./-constants";export{Layout}from"./Layout";export{LayoutProvider}from"./LayoutProvider";export{useLayoutVar}from"./LayoutCssVars";export{useLayout}from"./useLayout";export{useAutoScrollToBottom}from"./useAutoScrollToBottom";export{RightPanelContainer}from"./RightPanelContainer";export{createLayoutStore}from"./store";export{createInitialState,layoutReducer}from"./reducer";export*from"./-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function sidePanel(config={}){return{kind:"sidePanel",visible:config.defaultVisible??!0,collapsible:config.collapsible??!0,variant:config.variant??"sidebar",size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}function panelState(config={}){return{kind:"panel",visible:config.defaultVisible??!0,size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}export function createInitialState(config={}){return{
|
|
1
|
+
function sidePanel(config={}){return{kind:"sidePanel",visible:config.defaultVisible??!0,collapsible:config.collapsible??!0,variant:config.variant??"sidebar",size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}function panelState(config={}){return{kind:"panel",visible:config.defaultVisible??!0,size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}export function createInitialState(config={}){return{leftPanel:sidePanel(config.leftPanel),rightPanel:sidePanel({defaultVisible:!1,...config.rightPanel}),content:panelState(config.content),splitview:panelState({defaultVisible:!1,...config.splitview})}}export const layoutReducer=(state,action,initial)=>{switch(action.type){case"setVisible":{let slot=state[action.slot];if(slot.visible===action.visible)return state;return{...state,[action.slot]:{...slot,visible:action.visible}}}case"setVariant":{let panel=state[action.panel];if(panel.variant===action.variant)return state;return{...state,[action.panel]:{...panel,variant:action.variant}}}case"resize":{let slot=state[action.slot];if(slot.size===action.size)return state;return{...state,[action.slot]:{...slot,size:action.size}}}case"reset":if(!initial)return state;if(!action.slot)return initial;if(state[action.slot]===initial[action.slot])return state;return{...state,[action.slot]:initial[action.slot]};default:return state}};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import type { Size, SlotKey } from "./-types";
|
|
3
3
|
export type HostNodes = Partial<Record<SlotKey, HTMLElement | null>>;
|
|
4
|
-
export declare const LayoutPortalContext: React.Context<Partial<Record<"content" | "
|
|
4
|
+
export declare const LayoutPortalContext: React.Context<Partial<Record<"content" | "leftPanel" | "splitview" | "rightPanel", HTMLElement>>>;
|
|
5
5
|
/**
|
|
6
6
|
* Portal `children` into the host DOM node registered for `slot`. Returns the
|
|
7
|
-
* portal (or `null` if the host isn't mounted yet). Call unconditionally
|
|
7
|
+
* portal (or `null` if the host isn't mounted yet). Call unconditionally -
|
|
8
8
|
* gate content by passing `null` as `children`, not by skipping the call.
|
|
9
9
|
*/
|
|
10
10
|
export declare function useLayoutPortal(slot: SlotKey, children: ReactNode): ReactNode;
|
|
11
11
|
/**
|
|
12
12
|
* Panel descriptor a marker contributes. The Group renders one resizable Panel
|
|
13
|
-
* per *declared* panel that is currently shown
|
|
13
|
+
* per *declared* panel that is currently shown - regardless of nesting depth.
|
|
14
14
|
* So a page can drop `<Layout.Split>` deep in its tree and it joins the app's
|
|
15
15
|
* single Layout as a panel; toggling a panel never remounts the others.
|
|
16
16
|
*/
|
|
@@ -5,6 +5,6 @@ import type { LayoutState, LayoutStore } from "./-types";
|
|
|
5
5
|
* a no-op (reducer returns the same reference).
|
|
6
6
|
*
|
|
7
7
|
* Swap this for a zustand/redux-backed store by implementing the same
|
|
8
|
-
* `LayoutStore` interface
|
|
8
|
+
* `LayoutStore` interface - bindings and primitives are unaffected.
|
|
9
9
|
*/
|
|
10
10
|
export declare function createLayoutStore(initial: LayoutState): LayoutStore;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Stick-to-bottom for a scrollable body (e.g. a chat log in `Layout.RightPanel`).
|
|
3
|
+
*
|
|
4
|
+
* Returns a ref callback — attach it to `RightPanel`'s `scrollContainerRef`.
|
|
5
|
+
* On mount it jumps to the bottom, and as content grows it follows the bottom
|
|
6
|
+
* ONLY while the user is already pinned there. The moment the user scrolls up
|
|
7
|
+
* it stops following (so reading history isn't yanked); scrolling back to the
|
|
8
|
+
* bottom re-arms the follow.
|
|
9
|
+
*
|
|
10
|
+
* Callback-ref form (not `useEffect`): the panel is portaled and mounts/unmounts
|
|
11
|
+
* with visibility, so wiring on attach/detach is what keeps the observer in sync.
|
|
12
|
+
*
|
|
13
|
+
* @param enabled - turn the behavior off without unmounting (default `true`).
|
|
14
|
+
*/
|
|
15
|
+
export declare function useAutoScrollToBottom(enabled?: boolean): React.RefCallback<HTMLDivElement>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useCallback,useRef}from"react";export function useAutoScrollToBottom(enabled=!0){let isPinnedToBottom=useRef(!0),scrollRef=useRef(null);return useCallback(element=>{if(scrollRef.current?.(),scrollRef.current=null,!element||!enabled)return;let isAtBottom=()=>1>Math.abs(element.scrollHeight-element.scrollTop-element.clientHeight),scrollToBottom=()=>{element.scrollTop=element.scrollHeight},handleScroll=()=>{isPinnedToBottom.current=isAtBottom()},resizeObserver=new ResizeObserver(()=>{isPinnedToBottom.current&&scrollToBottom()});resizeObserver.observe(element),element.firstElementChild&&resizeObserver.observe(element.firstElementChild),element.addEventListener("scroll",handleScroll,{passive:!0}),scrollToBottom(),scrollRef.current=()=>{element.removeEventListener("scroll",handleScroll),resizeObserver.disconnect()}},[enabled])}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { LayoutValue } from "./-types";
|
|
2
2
|
/**
|
|
3
3
|
* The single control hook. Returns `state` plus a typed handle per slot. Works
|
|
4
|
-
* from any descendant of `<LayoutProvider>`
|
|
4
|
+
* from any descendant of `<LayoutProvider>` - remote control without prop
|
|
5
5
|
* drilling.
|
|
6
6
|
*/
|
|
7
7
|
export declare function useLayout(): LayoutValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useLayoutSelector,useLayoutStore}from"./context";let selectAll=state=>state;function sidePanelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setVisible",slot:panel,visible:!0}),hide:()=>dispatch({type:"setVisible",slot:panel,visible:!1}),resize:size=>dispatch({type:"resize",slot:panel,size}),setVariant:variant=>dispatch({type:"setVariant",panel,variant}),reset:()=>dispatch({type:"reset",slot:panel})}}function panelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setVisible",slot:panel,visible:!0}),hide:()=>dispatch({type:"setVisible",slot:panel,visible:!1}),resize:size=>dispatch({type:"resize",slot:panel,size}),reset:()=>dispatch({type:"reset",slot:panel})}}export function useLayout(){let store=useLayoutStore(),state=useLayoutSelector(selectAll),{dispatch}=store;return{state,
|
|
1
|
+
import{useLayoutSelector,useLayoutStore}from"./context";let selectAll=state=>state;function sidePanelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setVisible",slot:panel,visible:!0}),hide:()=>dispatch({type:"setVisible",slot:panel,visible:!1}),resize:size=>dispatch({type:"resize",slot:panel,size}),setVariant:variant=>dispatch({type:"setVariant",panel,variant}),reset:()=>dispatch({type:"reset",slot:panel})}}function panelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setVisible",slot:panel,visible:!0}),hide:()=>dispatch({type:"setVisible",slot:panel,visible:!1}),resize:size=>dispatch({type:"resize",slot:panel,size}),reset:()=>dispatch({type:"reset",slot:panel})}}export function useLayout(){let store=useLayoutStore(),state=useLayoutSelector(selectAll),{dispatch}=store;return{state,leftPanel:sidePanelHandle("leftPanel",state,dispatch),rightPanel:sidePanelHandle("rightPanel",state,dispatch),content:panelHandle("content",state,dispatch),splitview:panelHandle("splitview",state,dispatch)}}
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
* Track a set of DOM elements by key, with stable per-key ref callbacks.
|
|
3
3
|
*
|
|
4
4
|
* Given a fixed list of keys, returns `[elements, refs]`:
|
|
5
|
-
* - `refs[key]`
|
|
5
|
+
* - `refs[key]` - a ref callback to attach to an element; captures it into
|
|
6
6
|
* `elements[key]` (and clears it to `null` on unmount).
|
|
7
|
-
* - `elements[key]`
|
|
7
|
+
* - `elements[key]` - the currently-attached element (undefined until set).
|
|
8
8
|
*
|
|
9
9
|
* The callbacks are **stable** across renders, so React invokes them only on
|
|
10
|
-
* mount/unmount
|
|
10
|
+
* mount/unmount - not detach/attach every render. (An inline `ref={el => …}`
|
|
11
11
|
* that calls setState would get a new identity each render and loop.)
|
|
12
12
|
*
|
|
13
|
-
* Agnostic utility
|
|
13
|
+
* Agnostic utility - useful whenever something needs the live DOM node of a
|
|
14
14
|
* child: portal targets, measurement, focus management, etc.
|
|
15
15
|
*/
|
|
16
16
|
export declare function usePanelRefs<K extends string>(keys: readonly K[]): [
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
* container) so markers can portal their content into it.
|
|
5
5
|
*
|
|
6
6
|
* Given a fixed list of keys, returns `[elements, refs]`:
|
|
7
|
-
* - `refs[key]`
|
|
7
|
+
* - `refs[key]` - a ref callback to attach to an element; captures it into
|
|
8
8
|
* `elements[key]` (and clears it to `null` on unmount).
|
|
9
|
-
* - `elements[key]`
|
|
9
|
+
* - `elements[key]` - the currently-attached element (undefined until set).
|
|
10
10
|
*
|
|
11
11
|
* The callbacks are **stable** across renders, so React invokes them only on
|
|
12
|
-
* mount/unmount
|
|
12
|
+
* mount/unmount - not detach/attach every render. (An inline `ref={el => …}`
|
|
13
13
|
* that calls setState would get a new identity each render and loop.)
|
|
14
14
|
*
|
|
15
15
|
* Generic over the key type, so it works for any fixed key set.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React,{useEffect}from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{SUBNAV_OFFSET_VAR}from"../Layout/-constants";import{useLayoutVar}from"../Layout/LayoutCssVars";import{SUBNAV_HEIGHT}from"./constants";import{NavBarSlideDown}from"./NavBarSlideDown";import{useNavBarContext}from"./NavBarContext";export const StyledBorderContainer=styled("div",{target:"ewgqafb0",label:"StyledBorderContainer"})(({theme})=>({borderBottom:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuLy8gSW1wb3J0IHRoZSB2YXIgbmFtZSArIHB1Ymxpc2hlciBkaXJlY3RseSBmcm9tIExheW91dCdzIGZpbGVzIChub3QgaXRzIGJhcnJlbClcbi8vIHRvIGtlZXAgdGhlIGNvdXBsaW5nIG1pbmltYWwgYW5kIGF2b2lkIHB1bGxpbmcgaW4gdGhlIExheW91dCBtb2R1bGUgZ3JhcGguXG5pbXBvcnQgeyBTVUJOQVZfT0ZGU0VUX1ZBUiB9IGZyb20gXCIuLi9MYXlvdXQvLWNvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlTGF5b3V0VmFyIH0gZnJvbSBcIi4uL0xheW91dC9MYXlvdXRDc3NWYXJzXCI7XG5pbXBvcnQgdHlwZSB7IE5hdkJhck5hbWUgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgU1VCTkFWX0hFSUdIVCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgTmF2QmFyU2xpZGVEb3duIH0gZnJvbSBcIi4vTmF2QmFyU2xpZGVEb3duXCI7XG5pbXBvcnQgeyB1c2VOYXZCYXJDb250ZXh0IH0gZnJvbSBcIi4vTmF2QmFyQ29udGV4dFwiO1xuXG50eXBlIE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDT05UQUlORVJfQk9SREVSX1dJRFRIID0gMTtcbmV4cG9ydCBjb25zdCBTdHlsZWRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJvcmRlckJvdHRvbTogYCR7Q09OVEFJTkVSX0JPUkRFUl9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTWVudUNvbnRhaW5lciA9IHN0eWxlZChTdHlsZWRCb3JkZXJDb250YWluZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgXCImID4gZGl2XCI6IHtcbiAgICBtYXJnaW5Cb3R0b206IC1DT05UQUlORVJfQk9SREVSX1dJRFRILCAvLyBUYWJzIGJvcmRlciBzaG91bGQgYmUgYWJvdmUgb2YgU3R5bGVkQm9yZGVyQ29udGFpbmVyXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBzdWJUaGVtZU1hcHBpbmc6IFJlY29yZDxcbiAgTmF2QmFyTmFtZSxcbiAgU3ViVGhlbWVQcm92aWRlclByb3BzW1wibmFtZVwiXVxuPiA9IHtcbiAgbGVhcm5pbmc6IFwiYnJhbmRTdWJ0bGVcIixcbiAgY2xpbmljYWxDYXJlOiBcInVuc2V0XCIsXG4gIHRlYWNoaW5nOiBcImRpbW1lZFN1YnRsZVwiLFxuICB1bnNldDogXCJ1bnNldFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclN1Yk1lbnVDb250YWluZXIgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgTmF2QmFyU3ViTWVudUNvbnRhaW5lclByb3BzXG4+KCh7IGNoaWxkcmVuLCBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCB9LCByZWYpID0+IHtcbiAgY29uc3QgeyBzdWJUaGVtZSwgaXNDb21wYWN0IH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG4gIC8vIFRoZSBzdWJuYXYgb3ducyB0aGUgKndoeSo6IGl0cyBvZmZzZXQgaXMgaXRzIGhlaWdodCB3aGVuIGV4cGFuZGVkLCAwIHdoZW5cbiAgLy8gY29tcGFjdC4gSXQgcHVibGlzaGVzIGludG8gdGhlIGxheW91dCB2YXIgcmVnaXN0cnk7IHRoZSBzaW5nbGUgTGF5b3V0Q3NzVmFyc1xuICAvLyBzaW5rIHJlbmRlcnMgaXQsIGFuZCBzbG90cyBsaWtlIExheW91dC5SaWdodFBhbmVsIHJlYWQgaXQuIFRoZSB2YXIgb25seVxuICAvLyBleGlzdHMgd2hpbGUgYSBzdWJuYXYgaXMgbW91bnRlZCAoYW5kIGEgTGF5b3V0LlByb3ZpZGVyIGlzIHByZXNlbnQpIOKAlCBzbG90c1xuICAvLyBkZWZhdWx0IHRvIDAgb3RoZXJ3aXNlLCBzbyBhIE5hdkJhciB3aXRoIG5vIHN1Ym5hdiBuZWVkcyBubyBvZmZzZXQuXG4gIGNvbnN0IHN1Ym5hdk9mZnNldENzc1ZhciA9IHVzZUxheW91dFZhcihTVUJOQVZfT0ZGU0VUX1ZBUik7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc3VibmF2T2Zmc2V0Q3NzVmFyLnNldChpc0NvbXBhY3QgPyBcIjBweFwiIDogU1VCTkFWX0hFSUdIVCk7XG4gIH0sIFtzdWJuYXZPZmZzZXRDc3NWYXIsIGlzQ29tcGFjdF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX0+XG4gICAgICA8TmF2QmFyU2xpZGVEb3duIGlzVmlzaWJsZT17IWlzQ29tcGFjdH0gcG9zaXRpb249XCJib3R0b21cIj5cbiAgICAgICAgPFN0eWxlZFN1Yk1lbnVDb250YWluZXIgcmVmPXtyZWZ9IGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICA8L1N0eWxlZFN1Yk1lbnVDb250YWluZXI+XG4gICAgICA8L05hdkJhclNsaWRlRG93bj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnFDIn0= */");let StyledSubMenuContainer=styled(StyledBorderContainer,{target:"ewgqafb1",label:"StyledSubMenuContainer"})(({theme})=>({backgroundColor:theme.values.color.background.accentSubtle.default,boxShadow:theme.values.elevation[1],"& > div":{marginBottom:-1}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuLy8gSW1wb3J0IHRoZSB2YXIgbmFtZSArIHB1Ymxpc2hlciBkaXJlY3RseSBmcm9tIExheW91dCdzIGZpbGVzIChub3QgaXRzIGJhcnJlbClcbi8vIHRvIGtlZXAgdGhlIGNvdXBsaW5nIG1pbmltYWwgYW5kIGF2b2lkIHB1bGxpbmcgaW4gdGhlIExheW91dCBtb2R1bGUgZ3JhcGguXG5pbXBvcnQgeyBTVUJOQVZfT0ZGU0VUX1ZBUiB9IGZyb20gXCIuLi9MYXlvdXQvLWNvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlTGF5b3V0VmFyIH0gZnJvbSBcIi4uL0xheW91dC9MYXlvdXRDc3NWYXJzXCI7XG5pbXBvcnQgdHlwZSB7IE5hdkJhck5hbWUgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgU1VCTkFWX0hFSUdIVCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgTmF2QmFyU2xpZGVEb3duIH0gZnJvbSBcIi4vTmF2QmFyU2xpZGVEb3duXCI7XG5pbXBvcnQgeyB1c2VOYXZCYXJDb250ZXh0IH0gZnJvbSBcIi4vTmF2QmFyQ29udGV4dFwiO1xuXG50eXBlIE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDT05UQUlORVJfQk9SREVSX1dJRFRIID0gMTtcbmV4cG9ydCBjb25zdCBTdHlsZWRCb3JkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJvcmRlckJvdHRvbTogYCR7Q09OVEFJTkVSX0JPUkRFUl9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTWVudUNvbnRhaW5lciA9IHN0eWxlZChTdHlsZWRCb3JkZXJDb250YWluZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgXCImID4gZGl2XCI6IHtcbiAgICBtYXJnaW5Cb3R0b206IC1DT05UQUlORVJfQk9SREVSX1dJRFRILCAvLyBUYWJzIGJvcmRlciBzaG91bGQgYmUgYWJvdmUgb2YgU3R5bGVkQm9yZGVyQ29udGFpbmVyXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBzdWJUaGVtZU1hcHBpbmc6IFJlY29yZDxcbiAgTmF2QmFyTmFtZSxcbiAgU3ViVGhlbWVQcm92aWRlclByb3BzW1wibmFtZVwiXVxuPiA9IHtcbiAgbGVhcm5pbmc6IFwiYnJhbmRTdWJ0bGVcIixcbiAgY2xpbmljYWxDYXJlOiBcInVuc2V0XCIsXG4gIHRlYWNoaW5nOiBcImRpbW1lZFN1YnRsZVwiLFxuICB1bnNldDogXCJ1bnNldFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclN1Yk1lbnVDb250YWluZXIgPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgTmF2QmFyU3ViTWVudUNvbnRhaW5lclByb3BzXG4+KCh7IGNoaWxkcmVuLCBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCB9LCByZWYpID0+IHtcbiAgY29uc3QgeyBzdWJUaGVtZSwgaXNDb21wYWN0IH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG4gIC8vIFRoZSBzdWJuYXYgb3ducyB0aGUgKndoeSo6IGl0cyBvZmZzZXQgaXMgaXRzIGhlaWdodCB3aGVuIGV4cGFuZGVkLCAwIHdoZW5cbiAgLy8gY29tcGFjdC4gSXQgcHVibGlzaGVzIGludG8gdGhlIGxheW91dCB2YXIgcmVnaXN0cnk7IHRoZSBzaW5nbGUgTGF5b3V0Q3NzVmFyc1xuICAvLyBzaW5rIHJlbmRlcnMgaXQsIGFuZCBzbG90cyBsaWtlIExheW91dC5SaWdodFBhbmVsIHJlYWQgaXQuIFRoZSB2YXIgb25seVxuICAvLyBleGlzdHMgd2hpbGUgYSBzdWJuYXYgaXMgbW91bnRlZCAoYW5kIGEgTGF5b3V0LlByb3ZpZGVyIGlzIHByZXNlbnQpIOKAlCBzbG90c1xuICAvLyBkZWZhdWx0IHRvIDAgb3RoZXJ3aXNlLCBzbyBhIE5hdkJhciB3aXRoIG5vIHN1Ym5hdiBuZWVkcyBubyBvZmZzZXQuXG4gIGNvbnN0IHN1Ym5hdk9mZnNldENzc1ZhciA9IHVzZUxheW91dFZhcihTVUJOQVZfT0ZGU0VUX1ZBUik7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc3VibmF2T2Zmc2V0Q3NzVmFyLnNldChpc0NvbXBhY3QgPyBcIjBweFwiIDogU1VCTkFWX0hFSUdIVCk7XG4gIH0sIFtzdWJuYXZPZmZzZXRDc3NWYXIsIGlzQ29tcGFjdF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX0+XG4gICAgICA8TmF2QmFyU2xpZGVEb3duIGlzVmlzaWJsZT17IWlzQ29tcGFjdH0gcG9zaXRpb249XCJib3R0b21cIj5cbiAgICAgICAgPFN0eWxlZFN1Yk1lbnVDb250YWluZXIgcmVmPXtyZWZ9IGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICA8L1N0eWxlZFN1Yk1lbnVDb250YWluZXI+XG4gICAgICA8L05hdkJhclNsaWRlRG93bj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QitCIn0= */");export const subThemeMapping={learning:"brandSubtle",clinicalCare:"unset",teaching:"dimmedSubtle",unset:"unset"};export const NavBarSubMenuContainer=React.forwardRef(({children,"data-e2e-test-id":dataE2eTestId},ref)=>{let{subTheme,isCompact}=useNavBarContext(),subnavOffsetCssVar=useLayoutVar(SUBNAV_OFFSET_VAR);return useEffect(()=>{subnavOffsetCssVar.set(isCompact?"0px":SUBNAV_HEIGHT)},[subnavOffsetCssVar,isCompact]),React.createElement(SubThemeProvider,{name:subThemeMapping[subTheme]},React.createElement(NavBarSlideDown,{isVisible:!isCompact,position:"bottom"},React.createElement(StyledSubMenuContainer,{ref:ref,"data-e2e-test-id":dataE2eTestId},React.createElement("div",null,children))))});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{Icon}from"../Icon/Icon";import{getButtonAppearanceReset,getDisabledStyles}from"../../shared/mixins";import{Inline}from"../Inline/Inline";let StyledPromptButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop),target:"e137joxx0",label:"StyledPromptButton"})(({theme,disabled,leftIcon,variant})=>{let verticalPadding=theme.variables.size.spacing.xs;return{...getButtonAppearanceReset(),borderRadius:theme.variables.size.borderRadius.full,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",userSelect:"none",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,border:`2px solid ${theme.values.color.border.secondary.default}`,padding:`${verticalPadding} ${theme.variables.size.spacing.m}`,...leftIcon&&{padding:`${verticalPadding} ${theme.variables.size.spacing.m} ${verticalPadding} ${theme.variables.size.spacing.s}`},..."standalone"===variant&&{color:theme.values.color.text.ai.default},...!disabled&&{"&:hover, &:active":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.secondary.hover}},...disabled&&{...getDisabledStyles({theme})}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0QnV0dG9uL1Byb21wdEJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdEJ1dHRvbi9Qcm9tcHRCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgUG9seW1vcnBoaWNSZWYsXG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuaW1wb3J0IHtcbiAgZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0LFxuICBnZXREaXNhYmxlZFN0eWxlcyxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5cbmV4cG9ydCB0eXBlIFByb21wdEJ1dHRvblByb3BzID0ge1xuICBsZWZ0SWNvbj86IEljb25OYW1lO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBJZ25vcmVkIHdoZW4gYGFzYCBpcyBub3QgXCJidXR0b25cIi4gKi9cbiAgdHlwZT86IFwic3VibWl0XCIgfCBcImJ1dHRvblwiIHwgXCJyZXNldFwiO1xuICB2YXJpYW50PzogXCJzdGFuZGFsb25lXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgQk9SREVSX1dJRFRIID0gMjtcbmNvbnN0IFN0eWxlZFByb21wdEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPFByb21wdEJ1dHRvblByb3BzPj4oKHsgdGhlbWUsIGRpc2FibGVkLCBsZWZ0SWNvbiwgdmFyaWFudCB9KSA9PiB7XG4gIGNvbnN0IHZlcnRpY2FsUGFkZGluZyA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHM7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5nZXRCdXR0b25BcHBlYXJhbmNlUmVzZXQoKSxcblxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmZ1bGwsXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICAgIHBhZGRpbmc6IGAke3ZlcnRpY2FsUGFkZGluZ30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcblxuICAgIC4uLihsZWZ0SWNvbiAmJiB7XG4gICAgICBwYWRkaW5nOiBgJHt2ZXJ0aWNhbFBhZGRpbmd9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3ZlcnRpY2FsUGFkZGluZ30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICB9KSxcblxuICAgIC4uLih2YXJpYW50ID09PSBcInN0YW5kYWxvbmVcIiAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWkuZGVmYXVsdCxcbiAgICB9KSxcblxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyLCAmOmFjdGl2ZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgLi4uZ2V0RGlzYWJsZWRTdHlsZXMoeyB0aGVtZSB9KSxcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG50eXBlIFByb21wdEJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFByb21wdEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUHJvbXB0QnV0dG9uOiBQcm9tcHRCdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXMsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBsZWZ0SWNvbixcbiAgICAgIHR5cGUgPSBcImJ1dHRvblwiLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUHJvbXB0QnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4gKFxuICAgIDxTdHlsZWRQcm9tcHRCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJQcm9tcHRCdXR0b25cIlxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgbGVmdEljb249e2xlZnRJY29ufVxuICAgICAgdGFiSW5kZXg9ezB9IC8vIEZvciBTYWZhcmksIGJlY2F1c2UgYnV0dG9ucyBhcmUgbm90IGZvY3VzYWJsZSBieSBkZWZhdWx0IG9uIGl0XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCI+XG4gICAgICAgIHtsZWZ0SWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBuYW1lPXtsZWZ0SWNvbn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtsZWZ0SWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2xlZnRJY29ufVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkUHJvbXB0QnV0dG9uPlxuICApXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCMkIifQ== */");export const PromptButton=React.forwardRef(({as,children,disabled=!1,leftIcon,type="button","data-e2e-test-id":dataE2eTestId,...rest},ref)=>React.createElement(StyledPromptButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PromptButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,leftIcon:leftIcon,tabIndex:0,...rest},React.createElement(Inline,{alignItems:"center",vAlignItems:"center",space:"xxs"},leftIcon&&React.createElement(Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children)));
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{Icon}from"../Icon/Icon";import{getButtonAppearanceReset,getDisabledStyles}from"../../shared/mixins";import{Inline}from"../Inline/Inline";import{TextClamped}from"../Typography/TextClamped/TextClamped";let StyledPromptButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop),target:"e1g9rg4j0",label:"StyledPromptButton"})(({theme,disabled,leftIcon,variant})=>{let verticalPadding=theme.variables.size.spacing.xs;return{...getButtonAppearanceReset(),borderRadius:theme.variables.size.borderRadius.full,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",userSelect:"none",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,border:`2px solid ${theme.values.color.border.secondary.default}`,padding:`${verticalPadding} ${theme.variables.size.spacing.m}`,...leftIcon&&{padding:`${verticalPadding} ${theme.variables.size.spacing.m} ${verticalPadding} ${theme.variables.size.spacing.s}`},..."standalone"===variant&&{color:theme.values.color.text.ai.default},...!disabled&&{"&:hover, &:active":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.secondary.hover}},...disabled&&{...getDisabledStyles({theme})}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0QnV0dG9uL1Byb21wdEJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdEJ1dHRvbi9Qcm9tcHRCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgUG9seW1vcnBoaWNSZWYsXG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuaW1wb3J0IHtcbiAgZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0LFxuICBnZXREaXNhYmxlZFN0eWxlcyxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5cbmV4cG9ydCB0eXBlIFByb21wdEJ1dHRvblByb3BzID0ge1xuICBsZWZ0SWNvbj86IEljb25OYW1lO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBJZ25vcmVkIHdoZW4gYGFzYCBpcyBub3QgXCJidXR0b25cIi4gKi9cbiAgdHlwZT86IFwic3VibWl0XCIgfCBcImJ1dHRvblwiIHwgXCJyZXNldFwiO1xuICB2YXJpYW50PzogXCJzdGFuZGFsb25lXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgQk9SREVSX1dJRFRIID0gMjtcbmNvbnN0IFN0eWxlZFByb21wdEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPFByb21wdEJ1dHRvblByb3BzPj4oKHsgdGhlbWUsIGRpc2FibGVkLCBsZWZ0SWNvbiwgdmFyaWFudCB9KSA9PiB7XG4gIGNvbnN0IHZlcnRpY2FsUGFkZGluZyA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHM7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5nZXRCdXR0b25BcHBlYXJhbmNlUmVzZXQoKSxcblxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmZ1bGwsXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICAgIHBhZGRpbmc6IGAke3ZlcnRpY2FsUGFkZGluZ30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcblxuICAgIC4uLihsZWZ0SWNvbiAmJiB7XG4gICAgICBwYWRkaW5nOiBgJHt2ZXJ0aWNhbFBhZGRpbmd9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3ZlcnRpY2FsUGFkZGluZ30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICB9KSxcblxuICAgIC4uLih2YXJpYW50ID09PSBcInN0YW5kYWxvbmVcIiAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWkuZGVmYXVsdCxcbiAgICB9KSxcblxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyLCAmOmFjdGl2ZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgLi4uZ2V0RGlzYWJsZWRTdHlsZXMoeyB0aGVtZSB9KSxcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG4vLyBJbmhlcml0IHRoZSBidXR0b24ncyBzdHlsZXMgZm9yIHRoZSBsYWJlbFxuY29uc3QgQ3VzdG9tVGV4dENsYW1wZWQgPSBzdHlsZWQoVGV4dENsYW1wZWQpKHtcbiAgZm9udFNpemU6IFwiaW5oZXJpdFwiLFxuICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgZm9udFdlaWdodDogXCJpbmhlcml0XCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbn0pO1xuXG50eXBlIFByb21wdEJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFByb21wdEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUHJvbXB0QnV0dG9uOiBQcm9tcHRCdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXMsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBsZWZ0SWNvbixcbiAgICAgIHR5cGUgPSBcImJ1dHRvblwiLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUHJvbXB0QnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4gKFxuICAgIDxTdHlsZWRQcm9tcHRCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJQcm9tcHRCdXR0b25cIlxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgbGVmdEljb249e2xlZnRJY29ufVxuICAgICAgdGFiSW5kZXg9ezB9IC8vIEZvciBTYWZhcmksIGJlY2F1c2UgYnV0dG9ucyBhcmUgbm90IGZvY3VzYWJsZSBieSBkZWZhdWx0IG9uIGl0XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7bGVmdEljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgbmFtZT17bGVmdEljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17bGVmdEljb259XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtsZWZ0SWNvbn1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Q3VzdG9tVGV4dENsYW1wZWQgYXM9XCJzcGFuXCI+e2NoaWxkcmVufTwvQ3VzdG9tVGV4dENsYW1wZWQ+XG4gICAgICA8L0lubGluZT5cbiAgICA8L1N0eWxlZFByb21wdEJ1dHRvbj5cbiAgKVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QjJCIn0= */"),CustomTextClamped=styled(TextClamped,{target:"e1g9rg4j1",label:"CustomTextClamped"})({fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",color:"inherit"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0QnV0dG9uL1Byb21wdEJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdEJ1dHRvbi9Qcm9tcHRCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgUG9seW1vcnBoaWNSZWYsXG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuaW1wb3J0IHtcbiAgZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0LFxuICBnZXREaXNhYmxlZFN0eWxlcyxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5cbmV4cG9ydCB0eXBlIFByb21wdEJ1dHRvblByb3BzID0ge1xuICBsZWZ0SWNvbj86IEljb25OYW1lO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBJZ25vcmVkIHdoZW4gYGFzYCBpcyBub3QgXCJidXR0b25cIi4gKi9cbiAgdHlwZT86IFwic3VibWl0XCIgfCBcImJ1dHRvblwiIHwgXCJyZXNldFwiO1xuICB2YXJpYW50PzogXCJzdGFuZGFsb25lXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgQk9SREVSX1dJRFRIID0gMjtcbmNvbnN0IFN0eWxlZFByb21wdEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPFByb21wdEJ1dHRvblByb3BzPj4oKHsgdGhlbWUsIGRpc2FibGVkLCBsZWZ0SWNvbiwgdmFyaWFudCB9KSA9PiB7XG4gIGNvbnN0IHZlcnRpY2FsUGFkZGluZyA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHM7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5nZXRCdXR0b25BcHBlYXJhbmNlUmVzZXQoKSxcblxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmZ1bGwsXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICAgIHBhZGRpbmc6IGAke3ZlcnRpY2FsUGFkZGluZ30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcblxuICAgIC4uLihsZWZ0SWNvbiAmJiB7XG4gICAgICBwYWRkaW5nOiBgJHt2ZXJ0aWNhbFBhZGRpbmd9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3ZlcnRpY2FsUGFkZGluZ30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICB9KSxcblxuICAgIC4uLih2YXJpYW50ID09PSBcInN0YW5kYWxvbmVcIiAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWkuZGVmYXVsdCxcbiAgICB9KSxcblxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyLCAmOmFjdGl2ZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgLi4uZ2V0RGlzYWJsZWRTdHlsZXMoeyB0aGVtZSB9KSxcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG4vLyBJbmhlcml0IHRoZSBidXR0b24ncyBzdHlsZXMgZm9yIHRoZSBsYWJlbFxuY29uc3QgQ3VzdG9tVGV4dENsYW1wZWQgPSBzdHlsZWQoVGV4dENsYW1wZWQpKHtcbiAgZm9udFNpemU6IFwiaW5oZXJpdFwiLFxuICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgZm9udFdlaWdodDogXCJpbmhlcml0XCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbn0pO1xuXG50eXBlIFByb21wdEJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFByb21wdEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUHJvbXB0QnV0dG9uOiBQcm9tcHRCdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXMsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBsZWZ0SWNvbixcbiAgICAgIHR5cGUgPSBcImJ1dHRvblwiLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUHJvbXB0QnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4gKFxuICAgIDxTdHlsZWRQcm9tcHRCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJQcm9tcHRCdXR0b25cIlxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgbGVmdEljb249e2xlZnRJY29ufVxuICAgICAgdGFiSW5kZXg9ezB9IC8vIEZvciBTYWZhcmksIGJlY2F1c2UgYnV0dG9ucyBhcmUgbm90IGZvY3VzYWJsZSBieSBkZWZhdWx0IG9uIGl0XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7bGVmdEljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgbmFtZT17bGVmdEljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17bGVmdEljb259XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtsZWZ0SWNvbn1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Q3VzdG9tVGV4dENsYW1wZWQgYXM9XCJzcGFuXCI+e2NoaWxkcmVufTwvQ3VzdG9tVGV4dENsYW1wZWQ+XG4gICAgICA8L0lubGluZT5cbiAgICA8L1N0eWxlZFByb21wdEJ1dHRvbj5cbiAgKVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RTBCIn0= */");export const PromptButton=React.forwardRef(({as,children,disabled=!1,leftIcon,type="button","data-e2e-test-id":dataE2eTestId,...rest},ref)=>React.createElement(StyledPromptButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PromptButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,leftIcon:leftIcon,tabIndex:0,...rest},React.createElement(Inline,{alignItems:"center",vAlignItems:"center",space:"xxs",noWrap:!0},leftIcon&&React.createElement(Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),React.createElement(CustomTextClamped,{as:"span"},children))));
|