@zonos/amino 5.3.6 → 5.3.8
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("react/jsx-runtime"),o=require("../../flex/Flex.js"),u=require("../../../style-inject.es-d4ddeae4.js");require("../../../_tslib-bd4862e8.js"),require("clsx");var r="Amino_ButtonGroup-module__buttonGroup--sNViN";u.styleInject(".Amino_ButtonGroup-module__buttonGroup--sNViN{border-radius:var(--amino-radius-6);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN
|
|
1
|
+
"use strict";var t=require("react/jsx-runtime"),o=require("../../flex/Flex.js"),u=require("../../../style-inject.es-d4ddeae4.js");require("../../../_tslib-bd4862e8.js"),require("clsx");var r="Amino_ButtonGroup-module__buttonGroup--sNViN";u.styleInject(".Amino_ButtonGroup-module__buttonGroup--sNViN{border-radius:var(--amino-radius-6);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>.tooltip-wrapper :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>:focus{z-index:1}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child) .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child).tooltip-wrapper *{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child) .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child).tooltip-wrapper *{border-bottom-right-radius:0;border-top-right-radius:0}");exports.ButtonGroup=function(u){var i=u.children;return t.jsx(o.Flex,{className:r,gap:0,children:i})};
|
|
@@ -10,8 +10,9 @@ export type LayoutProps = BaseProps & {
|
|
|
10
10
|
footer: ReactNode;
|
|
11
11
|
headerContent?: ReactNode;
|
|
12
12
|
logoSidebar?: ReactNode;
|
|
13
|
+
noPaddingContent?: boolean;
|
|
13
14
|
searchInput?: SearchInputProps;
|
|
14
15
|
sidebar: ReactElement<NavigationGroupProps[] | NavigationGroupProps>;
|
|
15
16
|
};
|
|
16
|
-
export declare const Layout: ({ className, content, footer, headerContent, logoSidebar, searchInput, sidebar, style, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const Layout: ({ className, content, footer, headerContent, logoSidebar, noPaddingContent, searchInput, sidebar, style, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),a=require("clsx"),i=require("../input/SearchInput.js"),r=require("../../styles/constants/theme.js"),
|
|
1
|
+
"use strict";var o=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),a=require("clsx"),i=require("../input/SearchInput.js"),r=require("../../styles/constants/theme.js"),n=require("../../style-inject.es-d4ddeae4.js");function t(o){return o&&o.__esModule?o:{default:o}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js");var d=t(a),s="Amino_Layout-module__aminoLayout--k-8EW",u="Amino_Layout-module__contentGrid--6ltoS",l="Amino_Layout-module__styledSidebar--dnwoo",m="Amino_Layout-module__sidebarContent--NXMVV",_="Amino_Layout-module__searchInputWrapper--JldDc",c="Amino_Layout-module__styledLogoSidebar--MTiPe",h="Amino_Layout-module__styledSearchInput--uJCBW",y="Amino_Layout-module__content--LYUwT",b="Amino_Layout-module__noPadding--dlOxx",g="Amino_Layout-module__header--lID5Y",p="Amino_Layout-module__footer--5enlV";n.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--amino-layout-height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border-subtle);box-sizing:border-box;display:grid;grid-template-rows:1fr auto;height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1000)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input::placeholder{color:var(--amino-gray-1000)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__content--LYUwT.Amino_Layout-module__noPadding--dlOxx{padding:0}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(a){var n=a.className,t=a.content,v=a.footer,L=a.headerContent,x=a.logoSidebar,A=a.noPaddingContent,j=a.searchInput,w=a.sidebar,I=a.style;return e.jsxs("main",{className:d.default(n,s),style:o.__assign(o.__assign({},I),{"--amino-layout-height":L?"calc(100vh - ".concat(r.theme.appbarHeight,")"):"100vh"}),children:[!!L&&e.jsx("header",{className:g,children:L}),e.jsxs("div",{className:u,children:[e.jsxs("nav",{className:l,children:[e.jsxs("div",{className:m,children:[!!x&&e.jsx("div",{className:c,children:x}),!!j&&e.jsx("div",{className:_,children:e.jsx(i.SearchInput,{className:h,onChange:j.onChange,value:j.value})}),w]}),e.jsx("div",{className:p,children:v})]}),e.jsx("div",{className:d.default(y,A&&b),children:t})]})]})};
|