@atom-learning/components 3.2.0 → 3.3.0-beta.0

package/dist/components/side-bar/SideBarComponents.js

@@ -0,0 +1,2 @@
+import{styled as o}from"../../stitches.js";import{Image as r}from"../image/Image.js";import{Text as e}from"../text/Text.js";const d=o("div",{borderBottom:"1px solid $border",p:"$4",width:"100%"}),t=o("div",{flexGrow:1,overflowY:"auto",overflowX:"hidden",p:"$4",width:"100%"}),i=o("div",{borderTop:"1px solid $border",p:"$4",width:"100%"}),a=o("a",{alignItems:"center",color:"$tonal400",display:"flex",textDecoration:"none","&:hover, &:focus":{textDecoration:"none"}}),n=r,l=o(e,{color:"$tonal400"});export{a as SideBarBrand,n as SideBarBrandLogo,l as SideBarBrandName,i as SideBarFooter,d as SideBarHeader,t as SideBarMain};
+//# sourceMappingURL=SideBarComponents.js.map

package/dist/components/side-bar/SideBarComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarComponents.js","sources":["../../../src/components/side-bar/SideBarComponents.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Image } from '../image'\nimport { Text } from '../text'\n\nexport const SideBarHeader = styled('div', {\n  borderBottom: '1px solid $border',\n  p: '$4',\n  width: '100%'\n})\n\nexport const SideBarMain = styled('div', {\n  flexGrow: 1,\n  overflowY: 'auto',\n  overflowX: 'hidden',\n  p: '$4',\n  width: '100%'\n})\n\nexport const SideBarFooter = styled('div', {\n  borderTop: '1px solid $border',\n  p: '$4',\n  width: '100%'\n})\n\nexport const SideBarBrand = styled('a', {\n  alignItems: 'center',\n  color: '$tonal400',\n  display: 'flex',\n  textDecoration: 'none',\n  '&:hover, &:focus': {\n    textDecoration: 'none'\n  }\n})\n\nexport const SideBarBrandLogo = Image\n\nexport const SideBarBrandName = styled(Text, {\n  color: '$tonal400'\n})\n"],"names":["SideBarHeader","styled","SideBarMain","SideBarFooter","SideBarBrand","SideBarBrandLogo","Image","SideBarBrandName","Text"],"mappings":"4HAKa,MAAAA,EAAgBC,EAAO,MAAO,CACzC,aAAc,oBACd,EAAG,KACH,MAAO,MACT,CAAC,EAEYC,EAAcD,EAAO,MAAO,CACvC,SAAU,EACV,UAAW,OACX,UAAW,SACX,EAAG,KACH,MAAO,MACT,CAAC,EAEYE,EAAgBF,EAAO,MAAO,CACzC,UAAW,oBACX,EAAG,KACH,MAAO,MACT,CAAC,EAEYG,EAAeH,EAAO,IAAK,CACtC,WAAY,SACZ,MAAO,YACP,QAAS,OACT,eAAgB,OAChB,mBAAoB,CAClB,eAAgB,MAClB,CACF,CAAC,EAEYI,EAAmBC,EAEnBC,EAAmBN,EAAOO,EAAM,CAC3C,MAAO,WACT,CAAC"}

package/dist/components/side-bar/SideBarExpandableContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const SideBarExpandableContext: React.Context<{
+    isExpanded?: boolean | undefined;
+}>;
+export declare const useExpandableSidebar: () => {
+    isExpanded?: boolean | undefined;
+};

package/dist/components/side-bar/SideBarExpandableContext.js

@@ -0,0 +1,2 @@
+import*as e from"react";const t=e.createContext({isExpanded:void 0}),a=()=>e.useContext(t);export{t as SideBarExpandableContext,a as useExpandableSidebar};
+//# sourceMappingURL=SideBarExpandableContext.js.map

package/dist/components/side-bar/SideBarExpandableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarExpandableContext.js","sources":["../../../src/components/side-bar/SideBarExpandableContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport const SideBarExpandableContext = React.createContext<{\n  isExpanded?: boolean\n}>({\n  isExpanded: undefined\n})\n\nexport const useExpandableSidebar = () =>\n  React.useContext(SideBarExpandableContext)\n"],"names":["SideBarExpandableContext","React","useExpandableSidebar"],"mappings":"wBAEa,MAAAA,EAA2BC,EAAM,cAE3C,CACD,WAAY,MACd,CAAC,EAEYC,EAAuB,IAClCD,EAAM,WAAWD,CAAwB"}

package/dist/components/side-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { SideBar } from './SideBar';
+export { useExpandableSidebar } from './SideBarExpandableContext';