@digigov/ui 2.0.0-7d9a8d86 → 2.0.0-834daea4

package/src/content/Card/index.mdx

@@ -1,103 +0,0 @@
----
-id: card
-title: Card
----
-
-# Card
-
-Cards can be used to divide and organise interface content for better understandability and readability.
-When used correctly, Cards can help users to scan through vast amounts of information quicker.
-
-## How to use
-
-<Story packageName="@digigov/ui" component="content/Card" story="Default.tsx" />
-
-### Card with border
-
-You can set the color of the Card's border. You can choose between `dark` and `grey` color respectively.
-
-#### Card with gray border color
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Card"
-  story="WithGrayBorder.tsx"
-/>
-
-#### Card with dark border color
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Card"
-  story="WithDarkBorder.tsx"
-/>
-
-### Card with top border
-
-You can set the color of the Card's top border. You can choose between dark and grey color respectively. By default the top border color is grey
-
-#### Card with grey top border
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Card"
-  story="WithGrayTopBorder.tsx"
-/>
-
-#### Card with dark top border
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Card"
-  story="WithDarkTopBorder.tsx"
-/>
-
-### Card with divider
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Card"
-  story="WithDivider.tsx"
-/>
-
-### Card with actions
-
-#### Card with title link
-
-Cards can be used without an action button, but with a clickable title.
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Card"
-  story="WithClickableLink.tsx"
-/>
-
-#### Card with clickable content
-
-You can expand the clickable area of the link to fill Card's content.
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Card"
-  story="WithClickableContent.tsx"
-/>
-
-Cards also provides styles for actionable elements such as Buttons or Links.
-
-#### Card with button or link
-
-<Story packageName="@digigov/ui" component="content/Card" story="Default.tsx" />
-
-#### Card with a group of actions
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Card"
-  story="WithGroupButton.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={["Card", "CardHeading", "CardContent", "CardAction"]} /> 

package/src/content/Chip/index.mdx

@@ -1,53 +0,0 @@
----
-id: chip
-title: Chip
----
-
-# Chip
-
-Chips allow users to enter information, make selections, filter content, or trigger actions.
-While buttons are expected to appear consistently and with familiar calls to action,
-chips should appear dynamically as a group of multiple interactive elements.
-
-## How to use
-
-<Story packageName="@digigov/ui" component="content/Chip" story="Default.tsx" />
-
-### Clickable Chip
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Chip"
-  story="ClickableChip.tsx"
-/>
-
-### Chip with close icon
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Chip"
-  story="DeletableChip.tsx"
-/>
-
-### Clickable Chip with close icon
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Chip"
-  story="ClickableDeletableChip.tsx"
-/>
-
-### Group of Chips
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Chip"
-  story="GroupOfChips.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={["Chip"]} />
-

package/src/content/Details/Details.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-details--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>details>summary"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html"
-              }
-            }
-          ],
-          "id": "Vmcdm2eBOyC1",
-          "title": "Open Details"
-        }
-      ]
-    }
-  }
-}

package/src/content/List/index.mdx

@@ -1,40 +0,0 @@
----
-id: list
-title: List
----
-
-## How to use
-
-### Default
-
-<Story packageName="@digigov/ui" component="content/List" story="Default.tsx" />
-
-### List with bullets
-
-<Story
-  packageName="@digigov/ui"
-  component="content/List"
-  story="BulletList.tsx"
-/>
-
-### List with numbers
-
-<Story
-  packageName="@digigov/ui"
-  component="content/List"
-  story="NumberedList.tsx"
-/>
-
-### List with extra space
-
-<Story
-  packageName="@digigov/ui"
-  component="content/List"
-  story="WithExtraSpace.tsx"
-/>
-
-## API
-
-See below for a complete reference to all of the props  available to the components mentioned here.
-
-<ComponentProps componentName={["List", "ListItem"]} />

package/src/content/StepNav/StepNav.stories.playwright.json

@@ -1,33 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-stepnav--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>details>summary>h2>div>span:nth-child(1)"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>details>summary>h2>div>span:nth-child(1)"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>button"
-              }
-            }
-          ],
-          "id": "C735jJuFjJNe",
-          "title": "Click 1st and all"
-        }
-      ]
-    }
-  }
-}

package/src/content/SummaryList/SummaryList.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-summarylist--with-actions": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "vjxfIQ17JwqS",
-          "title": "Navigate with keyboard"
-        }
-      ]
-    }
-  }
-}

package/src/content/Table/Table.stories.playwright.json

@@ -1,37 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-table--with-loader": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>button"
-              }
-            }
-          ],
-          "id": "pJkd6uCc33pr",
-          "title": "Toggle Loading"
-        }
-      ]
-    },
-    "digigov-ui-content-table--with-sort-filters": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>table>thead>tr>th:nth-child(1)>details>summary"
-              }
-            }
-          ],
-          "id": "kIUTh2HlEDro",
-          "title": "Click on header cell"
-        }
-      ]
-    }
-  }
-}

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/CopyToClipboard.stories.playwright.json

@@ -1,53 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-feedback-copytoclipboard--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>button"
-              }
-            }
-          ],
-          "id": "slm0qFzUIkGw",
-          "title": "Click button"
-        }
-      ]
-    },
-    "digigov-ui-feedback-copytoclipboard--banner": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>button"
-              }
-            }
-          ],
-          "id": "dTykMmK3AzLT",
-          "title": "Click button"
-        }
-      ]
-    },
-    "digigov-ui-feedback-copytoclipboard--dense": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>button"
-              }
-            }
-          ],
-          "id": "ghUU4iC32gX-",
-          "title": "Click button"
-        }
-      ]
-    }
-  }
-}

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/feedback/ErrorSummary/ErrorSummary.stories.playwright.json

@@ -1,27 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-feedback-errorsummary--linked-to-checkbox": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Enter"
-              }
-            }
-          ],
-          "id": "lFKC342tG4hT",
-          "title": "Go to checkbox"
-        }
-      ]
-    }
-  }
-}

package/src/feedback/NotificationBanner/NotificationBanner.stories.playwright.json

@@ -1,49 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-feedback-notificationbanner--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div:nth-child(2)>h3>a"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div:nth-child(2)>h3>a"
-              }
-            }
-          ],
-          "id": "dYDf1Q2XBX7X",
-          "title": "Hover and click"
-        }
-      ]
-    },
-    "digigov-ui-feedback-notificationbanner--success": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "hover",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div:nth-child(2)>h3>a"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div:nth-child(2)>h3>a"
-              }
-            }
-          ],
-          "id": "ez4xB9-sspYz",
-          "title": "Hover and click"
-        }
-      ]
-    }
-  }
-}

package/src/feedback/PhaseBanner/PhaseBanner.stories.playwright.json

@@ -1,21 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-feedback-phasebanner--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "b1ldT3RjaFfg",
-          "title": "pressing Tab"
-        }
-      ]
-    }
-  }
-}

package/src/form/AutoComplete/AutoComplete.stories.playwright.json

@@ -1,33 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-form-autocomplete--multiple": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>fieldset>div>div:nth-child(2)>button"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>fieldset>div>div:nth-child(2)>ul:nth-child(4)>div>li:nth-child(3)"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>fieldset>div>div:nth-child(2)>button"
-              }
-            }
-          ],
-          "id": "SP0dXbHKOZl7",
-          "title": "show chip"
-        }
-      ]
-    }
-  }
-}