@digigov/ui 1.2.0-dcbd7ded → 2.0.0-4be8f7cc

package/layouts/Basic/Top/index.mdx

@@ -6,63 +6,18 @@ parent: docs/ui/components
 
 # Top
 
-### Example without bottom margin
-
-```jsx live path=layouts/Basic/index.tsx
-import Header, { HeaderTitle } from '@digigov/ui/app/Header';
-import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
-import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
-
-
-function Top{
- return (
-      <Top dense>
-        <Header>
-          <GovGRLogo />
-          <HeaderTitle>
-            <PhaseBanner>
-              <PhaseBannerTag>ALPHA</PhaseBannerTag>
-            </PhaseBanner>
-          </HeaderTitle>
-        </Header>
-     </Top>
- )
-}
-export Top
-
-```
-
-### Example with bottom margin
-
-```jsx live path=layouts/Basic/index.tsx
-import Header, { HeaderTitle } from '@digigov/ui/app/Header';
-import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
-
-
-function Top{
- return (
-      <Top>
-        <Header>
-          <GovGRLogo />
-          <HeaderTitle>
-            <PhaseBanner>
-              <PhaseBannerTag>ALPHA</PhaseBannerTag>
-            </PhaseBanner>
-          </HeaderTitle>
-        </Header>
-     </Top>
- )
-}
-export Top
-
-```
-
-<br />
+The Top component is used to group the Header components.
 
-## How it works
+## How to use
 
-The Top component is used to group the Header components.
+<Story
+  packageName="@digigov/ui"
+  component="layouts/Basic/Top"
+  story="Default.tsx"
+/>
 
 ## API
 
-<PropTypes packageName="@digigov/ui" component="Top" />
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["Top"]} /> 

package/layouts/Basic/index.mdx

@@ -1,40 +1,42 @@
 ---
 id: basic
 title: Basic Layout
-parent: docs/ui/components
 ---
 
-# BasicLayout
+# Layout
 
-Use the BasicLayout component to create a basic page layout.
+The Layout component is used in combination with the Top, Side, Main,
+Content and Bottom components.
 
-```jsx live path=layouts/Basic/index.tsx
-import BasicLayout, { Top, Aside, Main , Container, Bottom } from '@digigov/ui/layouts/Basic';
-function CustomLayout (props){
- return (
-    <BasicLayout>
-      <Top>Header content</Top>
-      <Container>
-        <Main>Main content</Main>
-        <Aside>Side content</Aside>
-      </Container>
-      <Bottom>Bottom content</Bottom>
-    </BasicLayout>
- )
-}
-export CustomLayout
+## How to use
 
-```
+### Default layout
 
-<br />
+<Story
+  packageName="@digigov/ui"
+  component="layouts/Basic"
+  story="Default.tsx"
+/>
 
-## How it works
+### Two thirds one third columns layout
+<Story
+  packageName="@digigov/ui"
+  component="layouts/Basic"
+  story="TwoThirdsOneThirdColumns.tsx"
+/>
 
-The BasicLayout component is used in combination with the Top, Side, Main,
-Content and Bottom components.
+  ### Multiple rows lyout
+
+<Story
+  packageName="@digigov/ui"
+  component="layouts/Basic"
+  story="MultipleRowsLayout.tsx"
+/>
 
 ## API
 
-### Properties
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["Layout"]} /> 
+
 
-<br />

package/layouts/Grid/index.mdx

@@ -0,0 +1,39 @@
+---
+id: grid
+title: Grid
+---
+
+## How to use
+
+Grid compoment is a  layout system that allows you to design complex web page layouts with rows and columns.
+
+
+### Default Grid
+
+<Story
+  packageName="@digigov/ui"
+  component="layouts/Grid"
+  story="Default.tsx"
+/>
+
+### Responsive spacing Grid
+
+<Story
+  packageName="@digigov/ui"
+  component="layouts/Grid"
+  story="ResponsiveSpacing.tsx"
+/>
+
+### Inline Grid
+
+<Story
+  packageName="@digigov/ui"
+  component="layouts/Grid"
+  story="Inline.tsx"
+/>
+
+## API
+
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["Grid"]} /> 

package/lazy/index.js

@@ -469,6 +469,13 @@ export default {
       };
     });
   }),
+  'Skeleton': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/app/Skeleton').then(function (module) {
+      return {
+        "default": module['Skeleton']
+      };
+    });
+  }),
   'AccordionAuto': /*#__PURE__*/lazy(function () {
     return import('@digigov/ui/content/Accordion/auto').then(function (module) {
       return {
@@ -1085,6 +1092,13 @@ export default {
       };
     });
   }),
+  'AutoCompleteContainer': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/form/AutoComplete').then(function (module) {
+      return {
+        "default": module['AutoCompleteContainer']
+      };
+    });
+  }),
   'AutoCompleteInput': /*#__PURE__*/lazy(function () {
     return import('@digigov/ui/form/AutoComplete').then(function (module) {
       return {
@@ -1099,24 +1113,31 @@ export default {
       };
     });
   }),
-  'AutoCompleteResultList': /*#__PURE__*/lazy(function () {
+  'AutoCompleteMultipleInput': /*#__PURE__*/lazy(function () {
     return import('@digigov/ui/form/AutoComplete').then(function (module) {
       return {
-        "default": module['AutoCompleteResultList']
+        "default": module['AutoCompleteMultipleInput']
       };
     });
   }),
-  'AutoCompleteResultListItem': /*#__PURE__*/lazy(function () {
+  'AutoCompleteMultipleInputContainer': /*#__PURE__*/lazy(function () {
     return import('@digigov/ui/form/AutoComplete').then(function (module) {
       return {
-        "default": module['AutoCompleteResultListItem']
+        "default": module['AutoCompleteMultipleInputContainer']
+      };
+    });
+  }),
+  'AutoCompleteResultList': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/form/AutoComplete').then(function (module) {
+      return {
+        "default": module['AutoCompleteResultList']
       };
     });
   }),
-  'AutoCompleteWrapper': /*#__PURE__*/lazy(function () {
+  'AutoCompleteResultListItem': /*#__PURE__*/lazy(function () {
     return import('@digigov/ui/form/AutoComplete').then(function (module) {
       return {
-        "default": module['AutoCompleteWrapper']
+        "default": module['AutoCompleteResultListItem']
       };
     });
   }),
@@ -1127,10 +1148,10 @@ export default {
       };
     });
   }),
-  'AutoCompleteStatusWrapper': /*#__PURE__*/lazy(function () {
+  'AutoCompleteStatusContainer': /*#__PURE__*/lazy(function () {
     return import('@digigov/ui/form/AutoComplete/Status').then(function (module) {
       return {
-        "default": module['AutoCompleteStatusWrapper']
+        "default": module['AutoCompleteStatusContainer']
       };
     });
   }),
@@ -1505,6 +1526,90 @@ export default {
       };
     });
   }),
+  'CancelIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['CancelIcon']
+      };
+    });
+  }),
+  'LockIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['LockIcon']
+      };
+    });
+  }),
+  'DownloadIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['DownloadIcon']
+      };
+    });
+  }),
+  'PdfFileIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['PdfFileIcon']
+      };
+    });
+  }),
+  'PlusIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['PlusIcon']
+      };
+    });
+  }),
+  'MinusIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['MinusIcon']
+      };
+    });
+  }),
+  'LoginIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['LoginIcon']
+      };
+    });
+  }),
+  'RestoreIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['RestoreIcon']
+      };
+    });
+  }),
+  'ReplyIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['ReplyIcon']
+      };
+    });
+  }),
+  'ChatIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['ChatIcon']
+      };
+    });
+  }),
+  'ExclamationIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['ExclamationIcon']
+      };
+    });
+  }),
+  'PrintIcon': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/utils/SvgIcon').then(function (module) {
+      return {
+        "default": module['PrintIcon']
+      };
+    });
+  }),
   'ImageLogo': /*#__PURE__*/lazy(function () {
     return import('@digigov/ui/icons/ImageLogo').then(function (module) {
       return {
@@ -2058,6 +2163,13 @@ export default {
       };
     });
   }),
+  'Typography': /*#__PURE__*/lazy(function () {
+    return import('@digigov/ui/typography/Typography').then(function (module) {
+      return {
+        "default": module['Typography']
+      };
+    });
+  }),
   'Base': /*#__PURE__*/lazy(function () {
     return import('@digigov/ui/utils/Base').then(function (module) {
       return {
@@ -2134,12 +2246,5 @@ export default {
         "default": module['CodeBlock']
       };
     });
-  }),
-  'Typography': /*#__PURE__*/lazy(function () {
-    return import('@digigov/ui/utils/Typography').then(function (module) {
-      return {
-        "default": module['Typography']
-      };
-    });
   })
 };