@bbl-digital/snorre 4.0.52 → 4.0.53

package/dist/bundle.js

@@ -1706,7 +1706,7 @@
   } : {
     name: "n1lsvi",
     styles: "padding:0;list-style:none",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IExpc3RJdGVtOiBSZWFjdC5GQzxJUHJvcHM+ID0gc3R5bGVkLmxpKHtcbiAgcGFkZGluZzogMCxcbiAgbGlzdFN0eWxlOiAnbm9uZScsXG59KVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0SXRlbVxuIl19 */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxMSUVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgTGlzdEl0ZW06IFJlYWN0LkZDPElQcm9wcz4gPSBzdHlsZWQubGkoe1xuICBwYWRkaW5nOiAwLFxuICBsaXN0U3R5bGU6ICdub25lJyxcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1a
   });
 
@@ -1853,7 +1853,7 @@
     ...props
   }, ref) => {
     const Tag = props.ordered || props.numbers || props.numbersHighlighted ? 'ol' : 'ul';
-    const role = props.selectList ? 'listbox' : 'list';
+    const role = props?.role ? props.role : props.selectList ? 'listbox' : 'list';
     return jsxRuntime.jsx(Tag, {
       role: role,
       css: theme => [styles$q.default(theme), props.ordered && styles$q.ordered, props.links && styles$q.links(theme), props.points && styles$q.points(theme), props.numbers && styles$q.numbers, props.numbersHighlighted && styles$q.numbersHighlighted(theme), props.selectList && styles$q.selectList(theme), props.nostyle && styles$q.nostyle, props.rowHeight && styles$q.rowHeight(props.rowHeight), props.minRowHeight && styles$q.minRowHeight(props.minRowHeight), darkTheme && styles$q.darkTheme(theme), padding && styles$q.setPadding(padding), linksAlternate && styles$q.linksAlternate(theme)],
@@ -27948,6 +27948,7 @@
         children: !isMobile ? jsxRuntime.jsx(Wrapper$s, {
           className: "submenuwrapper",
           children: jsxRuntime.jsx(MenuItemList, {
+            role: "menu",
             children: children.map((child, key) => {
               if (!child) {
                 return null;
@@ -27980,6 +27981,7 @@
             lightTheme: lightTheme,
             children: open && jsxRuntime.jsx(List, {
               selectList: true,
+              role: "menu",
               darkTheme: !lightTheme,
               children: children.filter(x => x).map((child, key) => {
                 if (!child) {
@@ -28070,6 +28072,7 @@
       return null;
     }
     return !isMobile ? jsxRuntime.jsx(ListItem$1, {
+      role: "menuitem",
       children: jsxRuntime.jsx(Button, {
         nostyle: true,
         onClick: onClick,
@@ -28094,6 +28097,7 @@
         })
       })
     }) : jsxRuntime.jsx(ListItem$1, {
+      role: "menuitem",
       children: jsxRuntime.jsx(Button, {
         nostyle: true,
         css: optionButton,
@@ -28428,6 +28432,7 @@
     return /*#__PURE__*/jsxRuntime$1.jsx(NavWrapper, {
       children: /*#__PURE__*/jsxRuntime$1.jsx(Wrapper$n, {
         small: small,
+        role: "menu",
         ...props,
         children: children
       })
@@ -28473,6 +28478,7 @@
   }) => {
     const theme = react.useTheme();
     return /*#__PURE__*/jsxRuntime$1.jsx(ListItem, {
+      role: "menuitem",
       ...props,
       children: /*#__PURE__*/jsxRuntime$1.jsx(Wrapper$m, {
         nostyle: true,

package/esm/core/List/Item.js

@@ -11,7 +11,7 @@ const ListItem = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production
 } : {
   name: "n1lsvi",
   styles: "padding:0;list-style:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IExpc3RJdGVtOiBSZWFjdC5GQzxJUHJvcHM+ID0gc3R5bGVkLmxpKHtcbiAgcGFkZGluZzogMCxcbiAgbGlzdFN0eWxlOiAnbm9uZScsXG59KVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0SXRlbVxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxMSUVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgTGlzdEl0ZW06IFJlYWN0LkZDPElQcm9wcz4gPSBzdHlsZWQubGkoe1xuICBwYWRkaW5nOiAwLFxuICBsaXN0U3R5bGU6ICdub25lJyxcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export default ListItem;

package/esm/core/List/index.js

@@ -11,7 +11,7 @@ const List = /*#__PURE__*/React.forwardRef(({
   ...props
 }, ref) => {
   const Tag = props.ordered || props.numbers || props.numbersHighlighted ? 'ol' : 'ul';
-  const role = props.selectList ? 'listbox' : 'list';
+  const role = props?.role ? props.role : props.selectList ? 'listbox' : 'list';
   return _jsx(Tag, {
     role: role,
     css: theme => [styles.default(theme), props.ordered && styles.ordered, props.links && styles.links(theme), props.points && styles.points(theme), props.numbers && styles.numbers, props.numbersHighlighted && styles.numbersHighlighted(theme), props.selectList && styles.selectList(theme), props.nostyle && styles.nostyle, props.rowHeight && styles.rowHeight(props.rowHeight), props.minRowHeight && styles.minRowHeight(props.minRowHeight), darkTheme && styles.darkTheme(theme), padding && styles.setPadding(padding), linksAlternate && styles.linksAlternate(theme)],

package/esm/layout/Menu/MainMenu/index.js

@@ -9,6 +9,7 @@ const MainMenu = ({
   return /*#__PURE__*/_jsx(NavWrapper, {
     children: /*#__PURE__*/_jsx(Wrapper, {
       small: small,
+      role: "menu",
       ...props,
       children: children
     })

package/esm/layout/Menu/MenuItem/index.js

@@ -15,6 +15,7 @@ const MenuItem = ({
 }) => {
   const theme = useTheme();
   return /*#__PURE__*/_jsx(ListItem, {
+    role: "menuitem",
     ...props,
     children: /*#__PURE__*/_jsx(Wrapper, {
       nostyle: true,

package/esm/layout/Submenu/SubmenuItem/index.js

@@ -33,6 +33,7 @@ const SubmenuItem = ({
     return null;
   }
   return !isMobile ? _jsx(ListItem, {
+    role: "menuitem",
     children: _jsx(Button, {
       nostyle: true,
       onClick: onClick,
@@ -57,6 +58,7 @@ const SubmenuItem = ({
       })
     })
   }) : _jsx(ListItem, {
+    role: "menuitem",
     children: _jsx(Button, {
       nostyle: true,
       css: optionButton,

package/esm/layout/Submenu/index.js

@@ -56,6 +56,7 @@ const Submenu = ({
       children: !isMobile ? _jsx(Wrapper, {
         className: "submenuwrapper",
         children: _jsx(MenuItemList, {
+          role: "menu",
           children: children.map((child, key) => {
             if (!child) {
               return null;
@@ -88,6 +89,7 @@ const Submenu = ({
           lightTheme: lightTheme,
           children: open && _jsx(List, {
             selectList: true,
+            role: "menu",
             darkTheme: !lightTheme,
             children: children.filter(x => x).map((child, key) => {
               if (!child) {

package/lib/core/List/Item.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IProps {
+interface IProps extends React.HTMLAttributes<HTMLLIElement> {
     children?: React.ReactNode;
 }
 declare const ListItem: React.FC<IProps>;

package/lib/core/List/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAG7B,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAG7B,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/lib/core/List/Item.js

@@ -11,7 +11,7 @@ const ListItem = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production
 } : {
   name: "n1lsvi",
   styles: "padding:0;list-style:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IExpc3RJdGVtOiBSZWFjdC5GQzxJUHJvcHM+ID0gc3R5bGVkLmxpKHtcbiAgcGFkZGluZzogMCxcbiAgbGlzdFN0eWxlOiAnbm9uZScsXG59KVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0SXRlbVxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxMSUVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgTGlzdEl0ZW06IFJlYWN0LkZDPElQcm9wcz4gPSBzdHlsZWQubGkoe1xuICBwYWRkaW5nOiAwLFxuICBsaXN0U3R5bGU6ICdub25lJyxcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export default ListItem;

package/lib/core/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,QAAQ,CAAA;AAGzB,OAAO,EAAE,IAAI,EAAE,CAAA;AAEf,aAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAA;AAEzE,UAAU,MAAO,SAAQ,QAAQ;IAC/B,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,IAAI,4EAqCT,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/List/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,QAAQ,CAAA;AAGzB,OAAO,EAAE,IAAI,EAAE,CAAA;AAEf,aAAK,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAA;AAEzE,UAAU,MAAO,SAAQ,QAAQ;IAC/B,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,IAAI,4EAyCT,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/List/index.js

@@ -11,7 +11,7 @@ const List = /*#__PURE__*/React.forwardRef(({
   ...props
 }, ref) => {
   const Tag = props.ordered || props.numbers || props.numbersHighlighted ? 'ol' : 'ul';
-  const role = props.selectList ? 'listbox' : 'list';
+  const role = props?.role ? props.role : props.selectList ? 'listbox' : 'list';
   return _jsx(Tag, {
     role: role,
     css: theme => [styles.default(theme), props.ordered && styles.ordered, props.links && styles.links(theme), props.points && styles.points(theme), props.numbers && styles.numbers, props.numbersHighlighted && styles.numbersHighlighted(theme), props.selectList && styles.selectList(theme), props.nostyle && styles.nostyle, props.rowHeight && styles.rowHeight(props.rowHeight), props.minRowHeight && styles.minRowHeight(props.minRowHeight), darkTheme && styles.darkTheme(theme), padding && styles.setPadding(padding), linksAlternate && styles.linksAlternate(theme)],

package/lib/layout/Menu/MainMenu/index.js

@@ -9,6 +9,7 @@ const MainMenu = ({
   return /*#__PURE__*/_jsx(NavWrapper, {
     children: /*#__PURE__*/_jsx(Wrapper, {
       small: small,
+      role: "menu",
       ...props,
       children: children
     })

package/lib/layout/Menu/MenuItem/index.js

@@ -15,6 +15,7 @@ const MenuItem = ({
 }) => {
   const theme = useTheme();
   return /*#__PURE__*/_jsx(ListItem, {
+    role: "menuitem",
     ...props,
     children: /*#__PURE__*/_jsx(Wrapper, {
       nostyle: true,

package/lib/layout/Submenu/SubmenuItem/index.js

@@ -33,6 +33,7 @@ const SubmenuItem = ({
     return null;
   }
   return !isMobile ? _jsx(ListItem, {
+    role: "menuitem",
     children: _jsx(Button, {
       nostyle: true,
       onClick: onClick,
@@ -57,6 +58,7 @@ const SubmenuItem = ({
       })
     })
   }) : _jsx(ListItem, {
+    role: "menuitem",
     children: _jsx(Button, {
       nostyle: true,
       css: optionButton,

package/lib/layout/Submenu/index.js

@@ -56,6 +56,7 @@ const Submenu = ({
       children: !isMobile ? _jsx(Wrapper, {
         className: "submenuwrapper",
         children: _jsx(MenuItemList, {
+          role: "menu",
           children: children.map((child, key) => {
             if (!child) {
               return null;
@@ -88,6 +89,7 @@ const Submenu = ({
           lightTheme: lightTheme,
           children: open && _jsx(List, {
             selectList: true,
+            role: "menu",
             darkTheme: !lightTheme,
             children: children.filter(x => x).map((child, key) => {
               if (!child) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.0.52",
+  "version": "4.0.53",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",