@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-7d9a8d86

package/content/Accordion/__snapshots__/index.spec.tsx.snap

@@ -1,157 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the Accordion 1`] = `
-<ForwardRef(Accordion)>
-  <ForwardRef(Base)
-    as="div"
-    className="ds-accordion--border-top ds-accordion"
-  >
-    <div
-      className="ds-accordion--border-top ds-accordion"
-    >
-      <withDeprecationComponent>
-        <ForwardRef(AccordionSection)>
-          <ForwardRef(Base)
-            as="details"
-            className="ds-accordion__section"
-          >
-            <details
-              className="ds-accordion__section"
-            >
-              <withDeprecationComponent>
-                <Component>
-                  <ForwardRef(AccordionSectionSummary)>
-                    <ForwardRef(Base)
-                      aria-level={2}
-                      as="summary"
-                      className="ds-accordion__section-summary"
-                      role="heading"
-                    >
-                      <summary
-                        aria-level={2}
-                        className="ds-accordion__section-summary"
-                        role="heading"
-                      >
-                        <ForwardRef(AccordionSectionSummaryHeading)
-                          aria-expanded={false}
-                          onClick={[Function]}
-                        >
-                          <ForwardRef(Base)
-                            aria-expanded={false}
-                            as="h2"
-                            className="ds-accordion__section-heading"
-                            onClick={[Function]}
-                            role="button"
-                          >
-                            <h2
-                              aria-expanded={false}
-                              className="ds-accordion__section-heading"
-                              onClick={[Function]}
-                              role="button"
-                            >
-                              <span
-                                className="ds-accordion__section-button"
-                              >
-                                Βασικες Ρυθμισεις
-                              </span>
-                            </h2>
-                          </ForwardRef(Base)>
-                        </ForwardRef(AccordionSectionSummaryHeading)>
-                      </summary>
-                    </ForwardRef(Base)>
-                  </ForwardRef(AccordionSectionSummary)>
-                </Component>
-              </withDeprecationComponent>
-              <withDeprecationComponent>
-                <ForwardRef(AccordionSectionContent)>
-                  <ForwardRef(Base)
-                    as="div"
-                    className="ds-accordion__section-content"
-                  >
-                    <div
-                      className="ds-accordion__section-content"
-                    >
-                      Περιεχομενο Βασικων Ρυθμισεων
-                    </div>
-                  </ForwardRef(Base)>
-                </ForwardRef(AccordionSectionContent)>
-              </withDeprecationComponent>
-            </details>
-          </ForwardRef(Base)>
-        </ForwardRef(AccordionSection)>
-      </withDeprecationComponent>
-      <withDeprecationComponent>
-        <ForwardRef(AccordionSection)>
-          <ForwardRef(Base)
-            as="details"
-            className="ds-accordion__section"
-          >
-            <details
-              className="ds-accordion__section"
-            >
-              <withDeprecationComponent>
-                <Component>
-                  <ForwardRef(AccordionSectionSummary)>
-                    <ForwardRef(Base)
-                      aria-level={2}
-                      as="summary"
-                      className="ds-accordion__section-summary"
-                      role="heading"
-                    >
-                      <summary
-                        aria-level={2}
-                        className="ds-accordion__section-summary"
-                        role="heading"
-                      >
-                        <ForwardRef(AccordionSectionSummaryHeading)
-                          aria-expanded={false}
-                          onClick={[Function]}
-                        >
-                          <ForwardRef(Base)
-                            aria-expanded={false}
-                            as="h2"
-                            className="ds-accordion__section-heading"
-                            onClick={[Function]}
-                            role="button"
-                          >
-                            <h2
-                              aria-expanded={false}
-                              className="ds-accordion__section-heading"
-                              onClick={[Function]}
-                              role="button"
-                            >
-                              <span
-                                className="ds-accordion__section-button"
-                              >
-                                Υπολοιπες Ρυθμισεις
-                              </span>
-                            </h2>
-                          </ForwardRef(Base)>
-                        </ForwardRef(AccordionSectionSummaryHeading)>
-                      </summary>
-                    </ForwardRef(Base)>
-                  </ForwardRef(AccordionSectionSummary)>
-                </Component>
-              </withDeprecationComponent>
-              <withDeprecationComponent>
-                <ForwardRef(AccordionSectionContent)>
-                  <ForwardRef(Base)
-                    as="div"
-                    className="ds-accordion__section-content"
-                  >
-                    <div
-                      className="ds-accordion__section-content"
-                    >
-                      Περιεχομενο Υπολοιπων Ρυθμισεων
-                    </div>
-                  </ForwardRef(Base)>
-                </ForwardRef(AccordionSectionContent)>
-              </withDeprecationComponent>
-            </details>
-          </ForwardRef(Base)>
-        </ForwardRef(AccordionSection)>
-      </withDeprecationComponent>
-    </div>
-  </ForwardRef(Base)>
-</ForwardRef(Accordion)>
-`;

package/content/Accordion/index.mdx

@@ -1,41 +0,0 @@
----
-id: accordion
-title: Accordion
----
-
-# Accordion
-
-This component is currently experimental because adding a summary line with more than a few short words will likely make the button text too long, particularly for users of screen readers.
-
-The accordion component lets users show and hide sections of related content on a page.
-
-```bash
-import Accordion from '@digigov/ui/content/Accordion';
-```
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Accordion"
-  story="Default.tsx"
-/>
-
-### Accordion with Hints
-
-Accordions hide content, so the labels need to be clear. If necessary, you can add a summary line to help users understand what is in the section.
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Accordion"
-  story="WithHints.tsx"
-/>
-
-## Accessibility
-
-You can read more about the accessibility patterns used in our Accordion
-implementation in the [ARIA Authoring Practices Guide (APG)](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).
-
-## API
-
-<PropTypes packageName="@digigov/ui" component="Accordion" />

package/content/Blockquote/__snapshots__/index.spec.tsx.snap

@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the Blockquote with sample data 1`] = `
-<ForwardRef(Blockquote)>
-  <ForwardRef(Base)
-    as="blockquote"
-    className="ds-blockquote"
-  >
-    <blockquote
-      className="ds-blockquote"
-    >
-      this is some random data
-    </blockquote>
-  </ForwardRef(Base)>
-</ForwardRef(Blockquote)>
-`;

package/content/Blockquote/index.mdx

@@ -1,26 +0,0 @@
----
-id: blockquote
-title: Blockquote
----
-
-# Blockquote
-
-This component is currently experimental because adding a summary line with more than a few short words will likely make the button text too long, particularly for users of screen readers.
-
-The Blockquote component lets users show and hide sections of related content on a page.
-
-```bash
-import Blockquote from '@digigov/ui/content/Blockquote';
-```
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Blockquote"
-  story="Default.tsx"
-/>
-
-## API
-
-<PropTypes packageName="@digigov/ui" component="Blockquote" />

package/content/Card/Card.stories.playwright.json

@@ -1,21 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-card--with-clickable-content": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>div:nth-child(1)>a"
-              }
-            }
-          ],
-          "id": "BMjcXsopUT_n",
-          "title": "Click card"
-        }
-      ]
-    }
-  }
-}

package/content/Card/index.mdx

@@ -1,105 +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.
-
-```bash
-import Card from '@digigov/ui/content/Card';
-```
-
-## 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
-
-<PropTypes packageName="@digigov/ui" component="Card" />

package/content/Chip/index.mdx

@@ -1,54 +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.
-
-```bash
-import Chip from '@digigov/ui/content/Chip';
-```
-
-## 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
-
-<PropTypes packageName="@digigov/ui" component="Chip" />

package/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/content/Details/__snapshots__/index.spec.tsx.snap

@@ -1,81 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the closed Details component 1`] = `
-<ForwardRef(Details)>
-  <ForwardRef(Base)
-    as="details"
-    className="ds-details"
-  >
-    <details
-      className="ds-details"
-    >
-      <ForwardRef(DetailsSummary)>
-        <ForwardRef(Base)
-          as="summary"
-          className="ds-details__summary"
-        >
-          <summary
-            className="ds-details__summary"
-          >
-            Help with nationality
-          </summary>
-        </ForwardRef(Base)>
-      </ForwardRef(DetailsSummary)>
-      <ForwardRef(DetailsContent)>
-        <ForwardRef(Base)
-          as="div"
-          className="ds-details__content"
-        >
-          <div
-            className="ds-details__content"
-          >
-            We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
-          </div>
-        </ForwardRef(Base)>
-      </ForwardRef(DetailsContent)>
-    </details>
-  </ForwardRef(Base)>
-</ForwardRef(Details)>
-`;
-
-exports[`renders the open Details component 1`] = `
-<ForwardRef(Details)
-  open={true}
->
-  <ForwardRef(Base)
-    as="details"
-    className="ds-details"
-    open={true}
-  >
-    <details
-      className="ds-details"
-      open={true}
-    >
-      <ForwardRef(DetailsSummary)>
-        <ForwardRef(Base)
-          as="summary"
-          className="ds-details__summary"
-        >
-          <summary
-            className="ds-details__summary"
-          >
-            Help with nationality
-          </summary>
-        </ForwardRef(Base)>
-      </ForwardRef(DetailsSummary)>
-      <ForwardRef(DetailsContent)>
-        <ForwardRef(Base)
-          as="div"
-          className="ds-details__content"
-        >
-          <div
-            className="ds-details__content"
-          >
-            We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
-          </div>
-        </ForwardRef(Base)>
-      </ForwardRef(DetailsContent)>
-    </details>
-  </ForwardRef(Base)>
-</ForwardRef(Details)>
-`;

package/content/Details/index.mdx

@@ -1,29 +0,0 @@
----
-id: details
-title: Details
----
-
-# Details
-
-The details component is a short link that shows more detailed help text when a user clicks on it.
-
-```bash
-import Details from '@digigov/ui/content/Details';
-```
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Details"
-  story="Default.tsx"
-/>
-
-## Accessibility
-
-You can read more about the accessibility patterns used in our Details
-implementation in the ARIA Authoring Practices Guide (APG) at [Disclosure](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/) section.
-
-## API
-
-<PropTypes packageName="@digigov/ui" component="Details" />

package/content/List/List.stories.playwright.json

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

package/content/List/__snapshots__/index.spec.tsx.snap

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the ErrorSummary with sample data 1`] = `
-<ForwardRef(List)>
-  this is some random warning text
-</ForwardRef(List)>
-`;

package/content/List/index.mdx

@@ -1,42 +0,0 @@
----
-id: list
-title: List
----
-
-```bash
-import List from '@digigov/ui/content/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
-
-<PropTypes packageName="@digigov/ui" component="List" />

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