@bbl-digital/snorre 4.1.30 → 4.1.32

package/dist/bundle.js

@@ -1324,6 +1324,7 @@
     className,
     cardInput,
     variant,
+    autoComplete,
     getFormattedNumber,
     updateValueOnChange = false,
     ...props
@@ -1407,6 +1408,7 @@
             name: props.name,
             "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined,
             css: theme => [type === 'text' && styles$u.text(theme), type === 'search' && styles$u.search(theme), type === 'password' && styles$u.password(theme), type === 'number' && styles$u.number(theme), type === 'stealth' && styles$u.stealth(theme), props.disabled && styles$u.disabled(theme), cardInput && styles$u.cardInput(theme)],
+            autoComplete: autoComplete,
             children: React__default["default"].Children.map(props.children, child => {
               if (!child) {
                 return null;
@@ -28118,8 +28120,10 @@
       return null;
     }
     return !isMobile ? jsxRuntime.jsx(ListItem$2, {
-      role: "menuitem",
       children: jsxRuntime.jsx(Button, {
+        role: "menuitem",
+        "aria-current": active ? 'page' : undefined,
+        "aria-label": `Submenu item: ${label}`,
         nostyle: true,
         onClick: onClick,
         css: FocusState(lightTheme ? theme.primary : 'white'),
@@ -28143,8 +28147,10 @@
         })
       })
     }) : jsxRuntime.jsx(ListItem$2, {
-      role: "menuitem",
       children: jsxRuntime.jsx(Button, {
+        role: "menuitem",
+        "aria-current": active ? 'page' : undefined,
+        "aria-label": `Submenu item: ${label}`,
         nostyle: true,
         css: optionButton,
         onClick: handleOptionClick,
@@ -28524,9 +28530,11 @@
   }) => {
     const theme = react.useTheme();
     return /*#__PURE__*/jsxRuntime$1.jsx(ListItem$1, {
-      role: "menuitem",
       ...props,
       children: /*#__PURE__*/jsxRuntime$1.jsx(Wrapper$m, {
+        role: "menuitem",
+        "aria-current": active ? 'page' : undefined,
+        "aria-label": `Menuitem: ${label}`,
         nostyle: true,
         small: small,
         theme: theme,

package/esm/core/Input/index.js

@@ -19,6 +19,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
   className,
   cardInput,
   variant,
+  autoComplete,
   getFormattedNumber,
   updateValueOnChange = false,
   ...props
@@ -102,6 +103,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
           name: props.name,
           "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined,
           css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), type === 'stealth' && styles.stealth(theme), props.disabled && styles.disabled(theme), cardInput && styles.cardInput(theme)],
+          autoComplete: autoComplete,
           children: React.Children.map(props.children, child => {
             if (!child) {
               return null;

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

@@ -14,9 +14,11 @@ const MenuItem = ({
 }) => {
   const theme = useTheme();
   return /*#__PURE__*/_jsx(ListItem, {
-    role: "menuitem",
     ...props,
     children: /*#__PURE__*/_jsx(Wrapper, {
+      role: "menuitem",
+      "aria-current": active ? 'page' : undefined,
+      "aria-label": `Menuitem: ${label}`,
       nostyle: true,
       small: small,
       theme: theme,

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

@@ -33,8 +33,10 @@ const SubmenuItem = ({
     return null;
   }
   return !isMobile ? _jsx(ListItem, {
-    role: "menuitem",
     children: _jsx(Button, {
+      role: "menuitem",
+      "aria-current": active ? 'page' : undefined,
+      "aria-label": `Submenu item: ${label}`,
       nostyle: true,
       onClick: onClick,
       css: FocusState(lightTheme ? theme.primary : 'white'),
@@ -58,8 +60,10 @@ const SubmenuItem = ({
       })
     })
   }) : _jsx(ListItem, {
-    role: "menuitem",
     children: _jsx(Button, {
+      role: "menuitem",
+      "aria-current": active ? 'page' : undefined,
+      "aria-label": `Submenu item: ${label}`,
       nostyle: true,
       css: optionButton,
       onClick: handleOptionClick,

package/lib/core/Input/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import React from 'react';
+import React, { HTMLInputAutoCompleteAttribute } from 'react';
 export interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
     /** Input type */
     type?: 'text' | 'search' | 'number' | 'password' | 'file' | 'stealth';
@@ -51,6 +51,7 @@ export interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
     infoPlacement?: 'top' | 'left' | 'right' | 'bottom';
     /** Styles as card */
     cardInput?: boolean;
+    autoComplete?: HTMLInputAutoCompleteAttribute;
     /**
      * Update internal value if true
      */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAgC,MAAM,OAAO,CAAA;AAUpD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAA;IACrE,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,gBAAgB;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;IACtC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACvC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AAED,MAAM,MAAM,GAAG,GAAG,gBAAgB,CAAA;AAElC,QAAA,MAAM,KAAK,qFA4JV,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAEZ,8BAA8B,EAE/B,MAAM,OAAO,CAAA;AAUd,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAA;IACrE,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,gBAAgB;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;IACtC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,8BAA8B,CAAA;IAC7C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACvC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AAED,MAAM,MAAM,GAAG,GAAG,gBAAgB,CAAA;AAElC,QAAA,MAAM,KAAK,qFA8JV,CAAA;AAED,eAAe,KAAK,CAAA"}

package/lib/core/Input/index.js

@@ -19,6 +19,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
   className,
   cardInput,
   variant,
+  autoComplete,
   getFormattedNumber,
   updateValueOnChange = false,
   ...props
@@ -102,6 +103,7 @@ const Input = /*#__PURE__*/React.forwardRef(({
           name: props.name,
           "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined,
           css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), type === 'stealth' && styles.stealth(theme), props.disabled && styles.disabled(theme), cardInput && styles.cardInput(theme)],
+          autoComplete: autoComplete,
           children: React.Children.map(props.children, child => {
             if (!child) {
               return null;

package/lib/layout/Menu/MenuItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC1D,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoC9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC1D,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAuC9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -14,9 +14,11 @@ const MenuItem = ({
 }) => {
   const theme = useTheme();
   return /*#__PURE__*/_jsx(ListItem, {
-    role: "menuitem",
     ...props,
     children: /*#__PURE__*/_jsx(Wrapper, {
+      role: "menuitem",
+      "aria-current": active ? 'page' : undefined,
+      "aria-label": `Menuitem: ${label}`,
       nostyle: true,
       small: small,
       theme: theme,

package/lib/layout/Submenu/SubmenuItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Submenu/SubmenuItem/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4DjC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Submenu/SubmenuItem/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,UAAU,MAAM;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAsEjC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -33,8 +33,10 @@ const SubmenuItem = ({
     return null;
   }
   return !isMobile ? _jsx(ListItem, {
-    role: "menuitem",
     children: _jsx(Button, {
+      role: "menuitem",
+      "aria-current": active ? 'page' : undefined,
+      "aria-label": `Submenu item: ${label}`,
       nostyle: true,
       onClick: onClick,
       css: FocusState(lightTheme ? theme.primary : 'white'),
@@ -58,8 +60,10 @@ const SubmenuItem = ({
       })
     })
   }) : _jsx(ListItem, {
-    role: "menuitem",
     children: _jsx(Button, {
+      role: "menuitem",
+      "aria-current": active ? 'page' : undefined,
+      "aria-label": `Submenu item: ${label}`,
       nostyle: true,
       css: optionButton,
       onClick: handleOptionClick,

package/package.json

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