@digigov/ui 0.31.0 → 0.32.1

package/esm/core/TextArea/index.mdx

@@ -11,57 +11,33 @@ import TextArea from '@digigov/ui/core/TextArea';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="core/TextArea"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextArea" story="Default.tsx" />
 
 ### Use appropriately-sized textareas
 
-<Story
-  packageName="@digigov/ui"
-  component="core/TextArea"
-  story="WithDeclaredRows.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextArea" story="WithDeclaredRows.tsx" />
 
 ### If you’re asking more than one question on the page
 
-<Story
-  packageName="@digigov/ui"
-  component="core/TextArea"
-  story="MultipleQuestions.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/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="core/TextArea"
-  story="LimitedCharacters.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/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="core/TextArea"
-  story="WithHint.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextArea" story="WithHint.tsx" />
 
 ### Error message
 
 Error messages should be styled like this:
 
-<Story
-  packageName="@digigov/ui"
-  component="core/TextArea"
-  story="WithErrorMessage.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextArea" story="WithErrorMessage.tsx" />
 
 ### Disabled input
 

package/esm/core/TextInput/index.mdx

@@ -11,19 +11,11 @@ import TextInput from '@digigov/ui/core/TextInput';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="core/TextInput"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextInput" story="Default.tsx" />
 
 ### If you’re asking more than one question on the page
 
-<Story
-  packageName="@digigov/ui"
-  component="core/TextInput"
-  story="MultipleQuestions.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextInput" story="MultipleQuestions.tsx" />
 
 ### Fixed width inputs
 
@@ -33,31 +25,19 @@ The widths are designed for specific character lengths and to be consistent acro
 
 On fixed width inputs, the width will remain fixed on all screens unless it is wider than the viewport, in which case it will shrink to fit.
 
-<Story
-  packageName="@digigov/ui"
-  component="core/TextInput"
-  story="FixedWidths.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextInput" story="FixedWidths.tsx" />
 
 ### Fluid width inputs
 
 Fluid width inputs will resize with the viewport.
 
-<Story
-  packageName="@digigov/ui"
-  component="core/TextInput"
-  story="FluidWidths.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextInput" story="FluidWidths.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="core/TextInput"
-  story="WithHint.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextInput" story="WithHint.tsx" />
 
 ## Numbers
 
@@ -73,11 +53,7 @@ Use hint text for help that’s relevant to the majority of users, like how thei
 
 Error messages should be styled like this:
 
-<Story
-  packageName="@digigov/ui"
-  component="core/TextInput"
-  story="WithErrorMessage.tsx"
-/>
+<Story packageName="@digigov/ui" component="core/TextInput" story="WithErrorMessage.tsx" />
 
 ### Disabled input
 

package/esm/core/index.js

@@ -26,6 +26,7 @@ export * from '@digigov/ui/core/PhaseBanner';
 export * from '@digigov/ui/core/RadioContainer';
 export * from '@digigov/ui/core/SectionBreak';
 export * from '@digigov/ui/core/SelectContainer';
+export * from '@digigov/ui/core/SingleCharacterInputContainer';
 export * from '@digigov/ui/core/SummaryList';
 export * from '@digigov/ui/core/ServiceBadge';
 export * from '@digigov/ui/core/Table';

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.31.0
+/** @license Digigov v0.32.1
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/locales/el.js

@@ -29,6 +29,10 @@ export default {
         invalid: 'Η ημερομηνία πρέπει να είναι έγκυρη.',
         earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
         later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}'
+      },
+      otp: {
+        invalid: 'Ο κωδικός που έχετε εισάγει είναι λάθος.',
+        less_than: 'Έχετε συμπληρώσει λιγότερα από {{maxLength}} ψηφία.'
       }
     }
   },

package/esm/registry.js

@@ -122,6 +122,7 @@ import * as _digigov_ui_core_RadioContainer from '@digigov/ui/core/RadioContaine
 import * as _digigov_ui_core_SectionBreak from '@digigov/ui/core/SectionBreak';
 import * as _digigov_ui_core_SelectContainer from '@digigov/ui/core/SelectContainer';
 import * as _digigov_ui_core_ServiceBadge from '@digigov/ui/core/ServiceBadge';
+import * as _digigov_ui_core_SingleCharacterInputContainer from '@digigov/ui/core/SingleCharacterInputContainer';
 import * as _digigov_ui_core_SkipLink from '@digigov/ui/core/SkipLink';
 import * as _digigov_ui_core_SummaryList from '@digigov/ui/core/SummaryList';
 import * as _digigov_ui_core_SvgIcon from '@digigov/ui/core/SvgIcon';
@@ -333,6 +334,7 @@ export default {
   '@digigov/ui/core/SectionBreak': lazyImport(_digigov_ui_core_SectionBreak),
   '@digigov/ui/core/SelectContainer': lazyImport(_digigov_ui_core_SelectContainer),
   '@digigov/ui/core/ServiceBadge': lazyImport(_digigov_ui_core_ServiceBadge),
+  '@digigov/ui/core/SingleCharacterInputContainer': lazyImport(_digigov_ui_core_SingleCharacterInputContainer),
   '@digigov/ui/core/SkipLink': lazyImport(_digigov_ui_core_SkipLink),
   '@digigov/ui/core/SummaryList': lazyImport(_digigov_ui_core_SummaryList),
   '@digigov/ui/core/SvgIcon': lazyImport(_digigov_ui_core_SvgIcon),
@@ -443,6 +445,7 @@ import * as _digigov_ui_core_NotificationBanner_NotificationBanner_stories from
 import * as _digigov_ui_core_PhaseBanner_PhaseBanner_stories from '@digigov/ui/core/PhaseBanner/PhaseBanner.stories';
 import * as _digigov_ui_core_RadioContainer_RadioContainer_stories from '@digigov/ui/core/RadioContainer/RadioContainer.stories';
 import * as _digigov_ui_core_SelectContainer_Select_stories from '@digigov/ui/core/SelectContainer/Select.stories';
+import * as _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories from '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories';
 import * as _digigov_ui_core_SummaryList_SummaryList_stories from '@digigov/ui/core/SummaryList/SummaryList.stories';
 import * as _digigov_ui_core_Table_Table_stories from '@digigov/ui/core/Table/Table.stories';
 import * as _digigov_ui_core_Tabs_Tabs_stories from '@digigov/ui/core/Tabs/Tabs.stories';
@@ -496,6 +499,7 @@ export var stories = {
   '@digigov/ui/core/PhaseBanner/PhaseBanner.stories': _digigov_ui_core_PhaseBanner_PhaseBanner_stories,
   '@digigov/ui/core/RadioContainer/RadioContainer.stories': _digigov_ui_core_RadioContainer_RadioContainer_stories,
   '@digigov/ui/core/SelectContainer/Select.stories': _digigov_ui_core_SelectContainer_Select_stories,
+  '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories': _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories,
   '@digigov/ui/core/SummaryList/SummaryList.stories': _digigov_ui_core_SummaryList_SummaryList_stories,
   '@digigov/ui/core/Table/Table.stories': _digigov_ui_core_Table_Table_stories,
   '@digigov/ui/core/Tabs/Tabs.stories': _digigov_ui_core_Tabs_Tabs_stories,

package/esm/typography/HeadingCaption/index.mdx

@@ -9,11 +9,7 @@ import HeadingCaption from '@digigov/ui/typography/HeadingCaption';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/HeadingCaption"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/HeadingCaption" story="Default.tsx" />
 
 ### Nested caption to title
 

package/esm/typography/Hint/index.mdx

@@ -9,11 +9,7 @@ import Hint from '@digigov/ui/typography/Hint';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Hint"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/Hint" story="Default.tsx" />
 
 ### Font sizes
 

package/esm/typography/NormalText/index.mdx

@@ -9,29 +9,17 @@ import NormalText from '@digigov/ui/typography/NormalText';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/NormalText"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/NormalText" story="Default.tsx" />
 
 ### Variants
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/NormalText"
-  story="Variants.tsx"
-/>
+<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"
-/>
+<Story packageName="@digigov/ui" component="typography/NormalText" story="FontSizes.tsx" />
 
 ### Font weight
 

package/esm/typography/Paragraph/index.mdx

@@ -17,29 +17,17 @@ import Paragraph from '@digigov/ui/typography/Paragraph';
 
 ### Lead paragraph
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Paragraph"
-  story="LeadVariant.tsx"
-/>
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="LeadVariant.tsx" />
 
 ### Small paragraph
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Paragraph"
-  story="SmallVariant.tsx"
-/>
+<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"
-/>
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="FontSizes.tsx" />
 
 ### Font weight
 

package/locales/el.d.ts

@@ -30,6 +30,10 @@ declare const _default: {
                 earlier_than: string;
                 later_than: string;
             };
+            otp: {
+                invalid: string;
+                less_than: string;
+            };
         };
     };
     button: {

package/locales/el.js

@@ -35,6 +35,10 @@ var _default = {
         invalid: 'Η ημερομηνία πρέπει να είναι έγκυρη.',
         earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
         later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}'
+      },
+      otp: {
+        invalid: 'Ο κωδικός που έχετε εισάγει είναι λάθος.',
+        less_than: 'Έχετε συμπληρώσει λιγότερα από {{maxLength}} ψηφία.'
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "0.31.0",
+  "version": "0.32.1",
   "description": "@digigov reusable components toolkit",
   "main": "./index.js",
   "module": "./esm/index.js",
@@ -20,8 +20,8 @@
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "@digigov/react-core": "0.22.0",
-    "@digigov/react-extensions": "0.21.0"
+    "@digigov/react-core": "0.23.0",
+    "@digigov/react-extensions": "0.21.2"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry.d.ts

@@ -123,6 +123,7 @@ declare var _default: {
     '@digigov/ui/core/SectionBreak': {};
     '@digigov/ui/core/SelectContainer': {};
     '@digigov/ui/core/ServiceBadge': {};
+    '@digigov/ui/core/SingleCharacterInputContainer': {};
     '@digigov/ui/core/SkipLink': {};
     '@digigov/ui/core/SummaryList': {};
     '@digigov/ui/core/SvgIcon': {};
@@ -235,6 +236,7 @@ export const stories: {
     '@digigov/ui/core/PhaseBanner/PhaseBanner.stories': typeof _digigov_ui_core_PhaseBanner_PhaseBanner_stories;
     '@digigov/ui/core/RadioContainer/RadioContainer.stories': typeof _digigov_ui_core_RadioContainer_RadioContainer_stories;
     '@digigov/ui/core/SelectContainer/Select.stories': typeof _digigov_ui_core_SelectContainer_Select_stories;
+    '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories': typeof _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories;
     '@digigov/ui/core/SummaryList/SummaryList.stories': typeof _digigov_ui_core_SummaryList_SummaryList_stories;
     '@digigov/ui/core/Table/Table.stories': typeof _digigov_ui_core_Table_Table_stories;
     '@digigov/ui/core/Tabs/Tabs.stories': typeof _digigov_ui_core_Tabs_Tabs_stories;
@@ -288,6 +290,7 @@ import * as _digigov_ui_core_NotificationBanner_NotificationBanner_stories from
 import * as _digigov_ui_core_PhaseBanner_PhaseBanner_stories from "@digigov/ui/core/PhaseBanner/PhaseBanner.stories";
 import * as _digigov_ui_core_RadioContainer_RadioContainer_stories from "@digigov/ui/core/RadioContainer/RadioContainer.stories";
 import * as _digigov_ui_core_SelectContainer_Select_stories from "@digigov/ui/core/SelectContainer/Select.stories";
+import * as _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories from "@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories";
 import * as _digigov_ui_core_SummaryList_SummaryList_stories from "@digigov/ui/core/SummaryList/SummaryList.stories";
 import * as _digigov_ui_core_Table_Table_stories from "@digigov/ui/core/Table/Table.stories";
 import * as _digigov_ui_core_Tabs_Tabs_stories from "@digigov/ui/core/Tabs/Tabs.stories";

package/registry.js

@@ -255,6 +255,8 @@ var _digigov_ui_core_SelectContainer = _interopRequireWildcard(require("@digigov
 
 var _digigov_ui_core_ServiceBadge = _interopRequireWildcard(require("@digigov/ui/core/ServiceBadge"));
 
+var _digigov_ui_core_SingleCharacterInputContainer = _interopRequireWildcard(require("@digigov/ui/core/SingleCharacterInputContainer"));
+
 var _digigov_ui_core_SkipLink = _interopRequireWildcard(require("@digigov/ui/core/SkipLink"));
 
 var _digigov_ui_core_SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
@@ -473,6 +475,8 @@ var _digigov_ui_core_RadioContainer_RadioContainer_stories = _interopRequireWild
 
 var _digigov_ui_core_SelectContainer_Select_stories = _interopRequireWildcard(require("@digigov/ui/core/SelectContainer/Select.stories"));
 
+var _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories = _interopRequireWildcard(require("@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories"));
+
 var _digigov_ui_core_SummaryList_SummaryList_stories = _interopRequireWildcard(require("@digigov/ui/core/SummaryList/SummaryList.stories"));
 
 var _digigov_ui_core_Table_Table_stories = _interopRequireWildcard(require("@digigov/ui/core/Table/Table.stories"));
@@ -644,6 +648,7 @@ var _default = {
   '@digigov/ui/core/SectionBreak': lazyImport(_digigov_ui_core_SectionBreak),
   '@digigov/ui/core/SelectContainer': lazyImport(_digigov_ui_core_SelectContainer),
   '@digigov/ui/core/ServiceBadge': lazyImport(_digigov_ui_core_ServiceBadge),
+  '@digigov/ui/core/SingleCharacterInputContainer': lazyImport(_digigov_ui_core_SingleCharacterInputContainer),
   '@digigov/ui/core/SkipLink': lazyImport(_digigov_ui_core_SkipLink),
   '@digigov/ui/core/SummaryList': lazyImport(_digigov_ui_core_SummaryList),
   '@digigov/ui/core/SvgIcon': lazyImport(_digigov_ui_core_SvgIcon),
@@ -756,6 +761,7 @@ var stories = {
   '@digigov/ui/core/PhaseBanner/PhaseBanner.stories': _digigov_ui_core_PhaseBanner_PhaseBanner_stories,
   '@digigov/ui/core/RadioContainer/RadioContainer.stories': _digigov_ui_core_RadioContainer_RadioContainer_stories,
   '@digigov/ui/core/SelectContainer/Select.stories': _digigov_ui_core_SelectContainer_Select_stories,
+  '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories': _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories,
   '@digigov/ui/core/SummaryList/SummaryList.stories': _digigov_ui_core_SummaryList_SummaryList_stories,
   '@digigov/ui/core/Table/Table.stories': _digigov_ui_core_Table_Table_stories,
   '@digigov/ui/core/Tabs/Tabs.stories': _digigov_ui_core_Tabs_Tabs_stories,

package/src/admin/AutoComplete/index.mdx

@@ -16,51 +16,29 @@ import AutoComplete from '@digigov/ui/admin/AutoComplete';
 
 ### AutoComplete
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/AutoComplete"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" 
+component="admin/AutoComplete" 
+story="Default.tsx" />
 
 ### AutoComplete with auto select
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/AutoComplete"
-  story="WithAutoSelect.tsx"
-/>
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithAutoSelect.tsx" />
 
 ### AutoComplete with inline style
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/AutoComplete"
-  story="WithInLine.tsx"
-/>
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithInLine.tsx" />
 
 ### AutoComplete with default value
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/AutoComplete"
-  story="WithDefaultValue.tsx"
-/>
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithDefaultValue.tsx" />
 
 ### AutoComplete with placeholder
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/AutoComplete"
-  story="WithPlaceHolder.tsx"
-/>
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithPlaceHolder.tsx" />
 
 ### AutoComplete with all option's values
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/AutoComplete"
-  story="WithShowAllValues.tsx"
-/>
+<Story packageName="@digigov/ui" component="admin/AutoComplete" story="WithShowAllValues.tsx" />
 
 ### AutoComplete with min length
 

package/src/admin/CopyToClipboard/CopyToClipboard.stories.playwright.json

@@ -12,7 +12,7 @@
               }
             }
           ],
-          "id": "BSaIJR2CMZJU",
+          "id": "slm0qFzUIkGw",
           "title": "Click button"
         }
       ]
@@ -28,7 +28,7 @@
               }
             }
           ],
-          "id": "T50MBtHpfRog",
+          "id": "dTykMmK3AzLT",
           "title": "Click button"
         }
       ]

package/src/admin/CopyToClipboard/index.mdx

@@ -11,11 +11,7 @@ import CopyToClipboard from '@digigov/ui/admin/CopyToClipboard';
 
 ### Default
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/CopyToClipboard"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="admin/CopyToClipboard" story="Default.tsx" />
 
 ### Banner
 

package/src/admin/Drawer/__stories__/Default.tsx

@@ -84,7 +84,6 @@ export const Default = () => {
         {links.map((item, key) => (
           <React.Fragment key={key}>
             <NavListItem
-              layout={layout}
               link={item}
               setRegisterButton={setRegisterButton}
               setRegisterLink={setRegisterLink}
@@ -95,11 +94,9 @@ export const Default = () => {
                 paddingLeft={5}
                 paddingRight={5}
               >
-                <NavMenuContainerTitle layout={layout}>
-                  {item.label}
-                </NavMenuContainerTitle>
+                <NavMenuContainerTitle>{item.label}</NavMenuContainerTitle>
                 <NavMenuContainerContent>
-                  <NavMenuContainerContentList role="menu" layout={layout}>
+                  <NavMenuContainerContentList role="menu">
                     {item.subMenu?.map((subMenu, menuIndex) => {
                       return (
                         isNavListItemLinkInterface(subMenu) && (

package/src/admin/Dropdown/Dropdown.stories.playwright.json

@@ -0,0 +1,53 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-admin-dropdown--align-right": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>details>summary"
+              }
+            }
+          ],
+          "id": "lWuaZaRFFDje",
+          "title": "Align right action"
+        }
+      ]
+    },
+    "digigov-ui-admin-dropdown--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>details>summary"
+              }
+            }
+          ],
+          "id": "jCwDDNP3O4e8",
+          "title": "Open dropdown action"
+        }
+      ]
+    },
+    "digigov-ui-admin-dropdown--placement-top": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>details>summary"
+              }
+            }
+          ],
+          "id": "w6MaGKfzgKOG",
+          "title": "Placement top action"
+        }
+      ]
+    }
+  }
+}

package/src/admin/Dropdown/__stories__/AlignRight.tsx

@@ -23,7 +23,7 @@ export const AlignRight = () => (
       alignItems: 'center',
     }}
   >
-    <Dropdown align="right" open>
+    <Dropdown align="right">
       <DropdownButton
         role="button"
         aria-haspopup="true"

package/src/admin/Dropdown/__stories__/Default.tsx

@@ -16,7 +16,7 @@ import { NavVerticalItem } from '@digigov/ui/core/NavList/NavVerticalItem';
 import { Button } from '@digigov/ui/core/Button';
 
 export const Default = () => (
-  <Dropdown open>
+  <Dropdown>
     <DropdownButton
       role="button"
       aria-haspopup="true"

package/src/admin/Dropdown/__stories__/PlacementTop.tsx

@@ -23,7 +23,7 @@ export const PlacementTop = () => (
       alignItems: 'center',
     }}
   >
-    <Dropdown placement="top" open>
+    <Dropdown placement="top">
       <DropdownButton
         role="button"
         aria-haspopup="true"

package/src/admin/Dropdown/index.mdx

@@ -11,31 +11,19 @@ import Dropdown from '@digigov/ui/admin/Dropdown';
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/Dropdown"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="admin/Dropdown" story="Default.tsx" />
 
 ### Dropdown with align right
 
 You can display the dropdown menu to the right side of the `Dropdown` button.
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/Dropdown"
-  story="AlignRight.tsx"
-/>
+<Story packageName="@digigov/ui" component="admin/Dropdown" story="AlignRight.tsx" />
 
 ### Dropdown with placement top
 
 You can display the dropdown menu to the top of the `Dropdown` button.
 
-<Story
-  packageName="@digigov/ui"
-  component="admin/Dropdown"
-  story="PlacementTop.tsx"
-/>
+<Story packageName="@digigov/ui" component="admin/Dropdown" story="PlacementTop.tsx" />
 
 You can read more about the accessibility patterns used in our Dropdown
 implementation in the ARIA Authoring Practices Guide (APG) at