@digigov/ui 2.0.0-rc.21 → 2.0.0-rc.23

package/src/feedback/CopyToClipboard/index.mdx

@@ -1,28 +0,0 @@
----
-id: copy-to-clipboard
-title: CopyToClipboard
----
-
-## How to use
-
-### Default
-
-<Story
-  packageName="@digigov/ui"
-  component="feedback/CopyToClipboard"
-  story="Default.tsx"
-/>
-
-### Banner
-
-<Story
-  packageName="@digigov/ui"
-  component="feedback/CopyToClipboard"
-  story="Banner.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={["CopyToClipboardContainer"]} /> 

package/src/form/AutoComplete/index.mdx

@@ -1,70 +0,0 @@
----
-id: auto-complete
-title: AutoComplete
----
-
-Autocomplete is a feature in which an input field suggests a word based on user input. This allows users to quickly search
-through, select from large collections of options and help services get more consistent data.
-
-## Usage
-
-### AutoComplete
-
-<Story packageName="@digigov/ui" component="form/AutoComplete" story="Default.tsx" />
-
-### AutoComplete with auto select
-
-<Story
-  packageName="@digigov/ui"
-  component="form/AutoComplete"
-  story="WithAutoSelect.tsx"
-/>
-
-### AutoComplete with default value
-
-<Story
-  packageName="@digigov/ui"
-  component="form/AutoComplete"
-  story="WithDefaultValue.tsx"
-/>
-
-### AutoComplete with placeholder
-
-<Story
-  packageName="@digigov/ui"
-  component="form/AutoComplete"
-  story="WithPlaceHolder.tsx"
-/>
-
-### AutoComplete with all option's values
-
-<Story
-  packageName="@digigov/ui"
-  component="form/AutoComplete"
-  story="WithShowAllValues.tsx"
-/>
-
-### AutoComplete with min length
-
-This is the minimum number of characters that should be entered before the autocomplete will attempt to suggest options(in above example is 2)
-
-<Story
-  packageName="@digigov/ui"
-  component="form/AutoComplete"
-  story="WithMinLength.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={
-  ["AutoCompleteWrapper",
-  "AutoCompleteStatus",
-  "AutoCompleteStatusWrapper",
-  "AutoCompleteInputTypeahead",
-  "AutoCompleteInput",
-  "AutoCompleteResultList",
-  "AutoCompleteResultListItem",
-  "AutoCompleteAssistiveHint"
-  ]} /> 

package/src/form/TextArea/index.mdx

@@ -1,74 +0,0 @@
----
-id: text-area
-title: TextArea
----
-
-# TextArea
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="form/TextArea"
-  story="Default.tsx"
-/>
-
-### Use appropriately-sized textareas
-
-<Story
-  packageName="@digigov/ui"
-  component="form/TextArea"
-  story="WithDeclaredRows.tsx"
-/>
-
-### If you’re asking more than one question on the page
-
-<Story
-  packageName="@digigov/ui"
-  component="form/TextArea"
-  story="MultipleQuestions.tsx"
-/>
-
-### Limiting the number of characters
-
-If there’s a good reason to limit the number of characters users can enter, you can use the character count component.
-
-<Story
-  packageName="@digigov/ui"
-  component="form/TextArea"
-  story="LimitedCharacters.tsx"
-/>
-
-### Hint text
-
-Use hint text for help that’s relevant to the majority of users, like how their information will be used, or where to find it.
-
-<Story
-  packageName="@digigov/ui"
-  component="form/TextArea"
-  story="WithHint.tsx"
-/>
-
-### Error message
-
-Error messages should be styled like this:
-
-<Story
-  packageName="@digigov/ui"
-  component="form/TextArea"
-  story="WithErrorMessage.tsx"
-/>
-
-### Disabled input
-
-<Story
-  packageName="@digigov/ui"
-  component="form/TextArea"
-  story="DisabledInput.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={["TextArea"]} /> 

package/src/govgr/Footer/index.mdx

@@ -1,101 +0,0 @@
----
-title: Footer
-parent: docs/ui/components
----
-
-## Default Footer
-
-#
-
-```jsx
-import Bottom from '@digigov/ui/layouts/Basic';
-import GovGRFooter from '@digigov/ui/govgr/Footer';
-```
-
-### Example
-
-```jsx live
-<Bottom>
-  <GovGRFooter />
-</Bottom>
-```
-
-## Customizable Footer
-
-#
-
-```jsx
-import Copyright from '@digigov/ui/govgr/Footer/Copyright';
-import LicenseCCSA from '@digigov/ui/govgr/Footer/LicenseCCSA';
-```
-
-### Example
-
-```jsx live
-<Bottom>
-  <GovGRFooter>
-    <div>Custom info 1</div>
-    <Copyright />
-    <div>Custom info 2</div>
-    <LicenseCCSA />
-    <div>Custom info 3</div>
-  </GovGRFooter>
-</Bottom>
-```
-
-## Using custom grid
-
-#
-
-```jsx
-import Grid from '@digigov/ui/layouts/Grid';
-import Copyright from '@digigov/ui/govgr/Footer/Copyright';
-import LicenseCCSA from '@digigov/ui/govgr/Footer/LicenseCCSA';
-import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
-```
-
-### Example using custom Grid with composable components
-
-```jsx
-<Bottom>
-  <GovGRFooter>
-    <Grid item xs={12} sm={8}>
-      <Copyright />
-      <LicenseCCSA />
-    </Grid>
-    <Grid item xs={12} sm={4}>
-      <HellenicRepublicLogo />
-    </Grid>
-  </GovGRFooter>
-</Bottom>
-```
-
-## Asking users for feedback
-
-#
-
-```jsx
-import { Feedback } from '@digigov/ui/govgr/Footer';
-```
-
-### Example for user feedback
-
-```jsx live
-<Bottom>
-  <Feedback />
-  <GovGRFooter />
-</Bottom>
-```
-
-### Example for reporting bugs
-
-```jsx live
-<Bottom>
-  <Feedback reportBugs />
-  <GovGRFooter />
-</Bottom>
-```
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.

package/src/layouts/Basic/Top/index.mdx

@@ -1,23 +0,0 @@
----
-id: top
-title: Top
-parent: docs/ui/components
----
-
-# Top
-
-The Top component is used to group the Header components.
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="layouts/Basic/Top"
-  story="Default.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={["Top"]} /> 

package/src/layouts/Grid/index.mdx

@@ -1,39 +0,0 @@
----
-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/src/navigation/Pagination/index.mdx

@@ -1,48 +0,0 @@
----
-id: pagination
-title: Pagination
----
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Pagination"
-  story="Default.tsx"
-/>
-
-## With inactive values
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Pagination"
-  story="WithInactiveValues.tsx"
-/>
-
-## With small fonts
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Pagination"
-  story="PaginationWithSmallFont.tsx"
-/>
-
-## With results per page
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Pagination"
-  story="WithResultsPerPage.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={
-  [
-  "Pagination",
-  "PaginationLabel",
-  "PaginationList",
-  "PaginationListItem",
-  ]} /> 

package/src/navigation/Tabs/index.mdx

@@ -1,31 +0,0 @@
----
-id: tabs
-title: Tabs
----
-
-# Tabs
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Tabs"
-  story="Default.tsx"
-/>
-
-## Accessibility
-
-You can read more about the accessibility patterns used in our Tabs
-implementation in the ARIA Authoring Practices Guide (APG) at [Tabs](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) section.
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={
-  ["Tabs",
-  "TabsHeading",
-  "TabsList",
-  "TabsListItem",
-  "TabsPanel",]} /> 
-

package/src/typography/NormalText/index.mdx

@@ -1,44 +0,0 @@
----
-id: normal-text
-title: NormalText
----
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="typography/NormalText"
-  story="Default.tsx"
-/>
-
-### Variants
-
-<Story
-  packageName="@digigov/ui"
-  component="typography/NormalText"
-  story="Variants.tsx"
-/>
-
-## Font override classes
-
-### Font size
-
-<Story
-  packageName="@digigov/ui"
-  component="typography/NormalText"
-  story="FontSizes.tsx"
-/>
-
-### Font weight
-
-<Story
-  packageName="@digigov/ui"
-  component="typography/NormalText"
-  story="FontWeight.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={["NormalText"]} /> 

package/src/typography/Paragraph/index.mdx

@@ -1,32 +0,0 @@
----
-id: paragraph
-title: Paragraph
----
-
-## How to use
-
-<Story packageName="@digigov/ui" component="typography/Paragraph" story="Default.tsx" />
-
-### Lead paragraph
-
-<Story packageName="@digigov/ui" component="typography/Paragraph" story="LeadVariant.tsx" />
-
-### Small paragraph
-
-<Story packageName="@digigov/ui" component="typography/Paragraph" story="SmallVariant.tsx" />
-
-## Font override classes
-
-### Font size
-
-<Story packageName="@digigov/ui" component="typography/Paragraph" story="FontSizes.tsx" />
-
-### Font weight
-
-<Story packageName="@digigov/ui" component="typography/Paragraph" story="FontWeight.tsx" />
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={["Paragraph"]} /> 

package/src/typography/Typography/index.mdx

@@ -1,12 +0,0 @@
----
-id: typography
-title: Typography
----
-
-Typography compoment is a HOC (Higher-Order Component) for typography components such as `NormalText` compoment.
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={["Typography"]} />