@pantoken/components 0.7.0 → 1.0.0

package/dist/drawer-layout.content.css

@@ -0,0 +1 @@
+@scope(.instui-drawer-layout){:scope{&>.content{min-inline-size:var(--drawer-layout-content-min-inline-size,var(--pantoken-bp-md,30em));flex:auto;overflow:auto}&[should-overlay-tray]>.content,&.-should-overlay-tray>.content{min-inline-size:0}}}@container pantoken-drawer-layout (width<=46em){.instui-drawer-layout>.content{min-inline-size:0}}

package/dist/drawer-layout.css

@@ -0,0 +1 @@
+@scope(.instui-drawer-layout){:scope{block-size:100%;display:flex;position:relative;container:pantoken-drawer-layout/inline-size;&[placement=start],&.-placement-start{flex-direction:row}&[placement=end],&.-placement-end{flex-direction:row-reverse}&:not([open]):not(.-open)>.tray{display:none}&[should-overlay-tray],&.-should-overlay-tray{min-inline-size:0}}}

package/dist/drawer-layout.tray.css

@@ -0,0 +1 @@
+@scope(.instui-drawer-layout){:scope{&>.tray{flex:0 0 var(--instui-component-tray-width-xs,16em);inline-size:var(--drawer-layout-tray-width,var(--instui-component-tray-width-xs,16em));background:var(--instui-color-background-elevated-surface-base);border-inline-end:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);max-inline-size:100%;overflow:auto}&>.tray.-without-border{border-inline:0}&[should-overlay-tray]>.tray,&.-should-overlay-tray>.tray{z-index:var(--instui-component-tray-z-index,9999);box-shadow:var(--instui-elevation-topmost);position:absolute;inset-block:0;inset-inline-start:0}&[should-overlay-tray]>.tray.-placement-end,&.-should-overlay-tray>.tray.-placement-end,&[should-overlay-tray][placement=end]>.tray,&.-should-overlay-tray[placement=end]>.tray,&[should-overlay-tray].-placement-end>.tray,&.-should-overlay-tray.-placement-end>.tray{inset-inline:auto 0}&[should-overlay-tray]>.tray.-without-shadow,&.-should-overlay-tray>.tray.-without-shadow{box-shadow:none}}}@container pantoken-drawer-layout (width<=46em){.instui-drawer-layout>.tray{z-index:var(--instui-component-tray-z-index,1);box-shadow:var(--instui-elevation-topmost);position:absolute;inset-block:0;inset-inline-start:0}.instui-drawer-layout>.tray.-placement-end,.instui-drawer-layout[placement=end]>.tray,.instui-drawer-layout.-placement-end>.tray{inset-inline:auto 0}.instui-drawer-layout>.tray.-without-shadow{box-shadow:none}}

package/dist/index.d.mts

@@ -256,6 +256,18 @@ declare const toggleGroupCss: Definition["css"];
 /** Standalone `contextView` stylesheet — the prefixed CSS for the caret callout, ready to ship as a `.css` file. */
 declare const contextViewCss: Definition["css"];
 //#endregion
+//#region src/components/drawer-layout/index.d.ts
+/** Standalone `drawer-layout` stylesheet — the prefixed CSS for a resizable side tray layout. */
+declare const drawerLayoutCss: Definition["css"];
+//#endregion
+//#region src/components/drawer-layout/members/tray/index.d.ts
+/** Standalone `drawer-layout.tray` stylesheet. */
+declare const drawerLayoutTrayCss: Definition["css"];
+//#endregion
+//#region src/components/drawer-layout/members/content/index.d.ts
+/** Standalone `drawer-layout.content` stylesheet. */
+declare const drawerLayoutContentCss: Definition["css"];
+//#endregion
 //#region src/components/progress-circle/index.d.ts
 /** Standalone `progressCircle` stylesheet — the prefixed CSS for the progress ring, ready to ship as a `.css` file. */
 declare const progressCircleCss: Definition["css"];
@@ -508,4 +520,4 @@ declare function baseCss(): string;
  */
 declare function componentsCss(options?: ComponentOptions): string;
 //#endregion
-export { type ComponentOptions, DEFAULT_PREFIX, ELEVATION_NAMES, FOCUSABLE_SELECTOR, type IconGlyphsOptions, type ProseOptions, alertCss, avatarCss, badgeCss, baseCss, billboardCss, breadcrumbCss, breadcrumbLinkCss, buttonCss, bylineCss, calendarCss, calendarDayCss, checkboxCss, closeButtonCss, componentsCss, contextViewCss, cursorUtilitiesCss, elevationCss, elevationDeclarations, fileDropCss, focusOutlineCss, focusOutlineDeclarations, focusOutlineRules, formFieldCss, formFieldGroupCss, formFieldMessagesCss, gapCss, headingCss, iconCss, iconGlyphsCss, imgCss, inPlaceEditCss, inputGroupCss, layoutUtilitiesCss, linkCss, listCss, listItemCss, maskCss, maskUtilityCss, menuCss, menuGroupCss, menuItemCss, menuSeparatorCss, metricCss, modalBodyCss, modalCss, modalFooterCss, modalHeaderCss, numberInputCss, overflowUtilitiesCss, paginationCss, paginationPageCss, pillCss, popoverCss, positionUtilitiesCss, progressCircleCss, progressCss, proseCss, radioCss, radioInputGroupCss, rangeInputCss, ratingCss, responsiveUtilitiesCss, screenReaderContentCss, selectCss, sideNavBarCss, sideNavBarItemCss, simpleSelectCss, spacingUtilitiesCss, spinnerCss, stackingUtilityCss, tableBodyCss, tableCellCss, tableColHeaderCss, tableCss, tableHeadCss, tableRowCss, tableRowHeaderCss, tabsCss, tabsPanelCss, tabsTabCss, tagCss, textAreaCss, textCss, textInputCss, toggleDetailsCss, toggleGroupCss, tooltipCss, transitionCss, trayCss, treeBrowserCss, truncateCss, viewCss, visualDebugCss };
+export { type ComponentOptions, DEFAULT_PREFIX, ELEVATION_NAMES, FOCUSABLE_SELECTOR, type IconGlyphsOptions, type ProseOptions, alertCss, avatarCss, badgeCss, baseCss, billboardCss, breadcrumbCss, breadcrumbLinkCss, buttonCss, bylineCss, calendarCss, calendarDayCss, checkboxCss, closeButtonCss, componentsCss, contextViewCss, cursorUtilitiesCss, drawerLayoutContentCss, drawerLayoutCss, drawerLayoutTrayCss, elevationCss, elevationDeclarations, fileDropCss, focusOutlineCss, focusOutlineDeclarations, focusOutlineRules, formFieldCss, formFieldGroupCss, formFieldMessagesCss, gapCss, headingCss, iconCss, iconGlyphsCss, imgCss, inPlaceEditCss, inputGroupCss, layoutUtilitiesCss, linkCss, listCss, listItemCss, maskCss, maskUtilityCss, menuCss, menuGroupCss, menuItemCss, menuSeparatorCss, metricCss, modalBodyCss, modalCss, modalFooterCss, modalHeaderCss, numberInputCss, overflowUtilitiesCss, paginationCss, paginationPageCss, pillCss, popoverCss, positionUtilitiesCss, progressCircleCss, progressCss, proseCss, radioCss, radioInputGroupCss, rangeInputCss, ratingCss, responsiveUtilitiesCss, screenReaderContentCss, selectCss, sideNavBarCss, sideNavBarItemCss, simpleSelectCss, spacingUtilitiesCss, spinnerCss, stackingUtilityCss, tableBodyCss, tableCellCss, tableColHeaderCss, tableCss, tableHeadCss, tableRowCss, tableRowHeaderCss, tabsCss, tabsPanelCss, tabsTabCss, tagCss, textAreaCss, textCss, textInputCss, toggleDetailsCss, toggleGroupCss, tooltipCss, transitionCss, trayCss, treeBrowserCss, truncateCss, viewCss, visualDebugCss };