@digigov/ui 2.0.0-113e6661 → 2.0.0-298cfc51

package/src/content/Table/index.mdx

@@ -1,111 +0,0 @@
----
-id: table
-title: Table
----
-
-# Table
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="Default.tsx"
-/>
-
-### Table with dark header
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="DarkVariant.tsx"
-/>
-
-### Table captions
-
-Use the `<TableCaption>` element to describe a table in the same way you would use a heading. A caption helps users find, navigate and understand tables.
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="TableCaptions.tsx"
-/>
-
-### Numbers in a table
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="NumericDataType.tsx"
-/>
-
-### Zebra rows
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="ZebraProp.tsx"
-/>
-
-### Rows with primary or secondary color
-
-The prop `color='primary'` or `color='secondary'` is only functional when Table component has `variant='default'`.
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="RowColors.tsx"
-/>
-
-### Vertical lines
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="VerticalBorders.tsx"
-/>
-
-### Dense tables
-
-<Story packageName="@digigov/ui" component="content/Table" story="Densed.tsx" />
-
-### Custom column widths
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="DefinedWidth.tsx"
-/>
-
-### No data
-
-<Story packageName="@digigov/ui" component="content/Table" story="NoData.tsx" />
-
-### Using loader
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="WithLoader.tsx"
-/>
-
-## Accessibility
-
-You can read more about the accessibility patterns used in our Table
-implementation in the ARIA Authoring Practices Guide (APG) at [Table](https://www.w3.org/WAI/ARIA/apg/patterns/table/) section.
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={[
-  "TableContainer",
-  "Table",
-  "TableCaption",
-  "TableHead",
-  "TableRow",
-  "TableBody",
-  "TableHeadCell",
-  "TableDataCell"
-  ]
-} />

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/Masthead/index.tsx

@@ -1,5 +0,0 @@
-export * from '@digigov/react-core/Masthead';
-export * from '@digigov/react-core/MastheadBody';
-export * from '@digigov/react-core/MastheadLogo';
-import Masthead from '@digigov/react-core/Masthead';
-export default Masthead;

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"]} /> 

package/src/utils/SvgIcon/index.tsx

@@ -1,5 +0,0 @@
-export * from '@digigov/react-core/SvgIcon';
-export * from '@digigov/react-icons';
-
-import SvgIcon from '@digigov/react-core/SvgIcon';
-export default SvgIcon;

package/utils/SvgIcon/index.d.ts

@@ -1,4 +0,0 @@
-export * from '@digigov/react-core/SvgIcon';
-export * from '@digigov/react-icons';
-import SvgIcon from '@digigov/react-core/SvgIcon';
-export default SvgIcon;

package/utils/SvgIcon/index.js

@@ -1,8 +0,0 @@
-export * from "@digigov/react-core/SvgIcon";
-export * from "@digigov/react-icons";
-import SvgIcon from "@digigov/react-core/SvgIcon";
-var SvgIcon_default = SvgIcon;
-export {
-  SvgIcon_default as default
-};
-//# sourceMappingURL=index.js.map

package/utils/SvgIcon/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/SvgIcon/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/SvgIcon';\nexport * from '@digigov/react-icons';\n\nimport SvgIcon from '@digigov/react-core/SvgIcon';\nexport default SvgIcon;\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AAEd,OAAO,aAAa;AACpB,IAAO,kBAAQ;",
-  "names": []
-}

package/utils/SvgIcon/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/utils/SvgIcon/index.js"
-}