@bbl-digital/snorre 3.1.27 → 3.1.28

package/dist/bundle.js

@@ -551,7 +551,10 @@
 
   /** @jsxImportSource @emotion/react */
 
-  const Card = props => {
+  const Card = ({
+    className,
+    ...props
+  }) => {
     const handleOnKeyPress = e => {
       if (e.key === exports.Key.enter || e.key === exports.Key.space) {
         if (props.onClick) {
@@ -565,6 +568,7 @@
       tabIndex: props.onClick ? 0 : undefined,
       onClick: props.onClick,
       onKeyPress: handleOnKeyPress,
+      className: className,
       children: props.children
     });
   };

package/esm/core/Card/index.js

@@ -4,7 +4,10 @@ import { styles } from './styles';
 import { Key } from '../../enums/Keyboard';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
-const Card = props => {
+const Card = ({
+  className,
+  ...props
+}) => {
   const handleOnKeyPress = e => {
     if (e.key === Key.enter || e.key === Key.space) {
       if (props.onClick) {
@@ -18,6 +21,7 @@ const Card = props => {
     tabIndex: props.onClick ? 0 : undefined,
     onClick: props.onClick,
     onKeyPress: handleOnKeyPress,
+    className: className,
     children: props.children
   });
 };

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

@@ -24,6 +24,8 @@ declare type IProps = {
     overflowvisible?: boolean;
     /** Override with custom CSS */
     css?: SerializedStyles;
+    /** Classname prop */
+    className?: string;
     /** Children */
     children?: React.ReactNode | React.ReactNode[];
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Card/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAIjD,aAAK,MAAM,GAAG;IACZ,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+B1B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Card/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAIjD,aAAK,MAAM,GAAG;IACZ,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAgC1B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Card/index.js

@@ -4,7 +4,10 @@ import { styles } from './styles';
 import { Key } from '../../enums/Keyboard';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
-const Card = props => {
+const Card = ({
+  className,
+  ...props
+}) => {
   const handleOnKeyPress = e => {
     if (e.key === Key.enter || e.key === Key.space) {
       if (props.onClick) {
@@ -18,6 +21,7 @@ const Card = props => {
     tabIndex: props.onClick ? 0 : undefined,
     onClick: props.onClick,
     onKeyPress: handleOnKeyPress,
+    className: className,
     children: props.children
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "3.1.27",
+  "version": "3.1.28",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",
@@ -46,6 +46,7 @@
     "prettier:check": "prettier --list-different src/**/*.{js,ts,tsx}",
     "storybook": "start-storybook -p 9009",
     "start": "yarn storybook",
+    "theme": "node ./theme-generator.js",
     "build-storybook": "build-storybook",
     "build": "yarn run build:cjs && yarn run build:esm && yarn run build:umd && yarn run build:tsc",
     "build:tsc": "tsc -p ./src/packages/tsconfig.json",

package/theme-generator.js

@@ -230,7 +230,7 @@ const updateBbl = (
   fs.writeFileSync('themes/' + bbl + '/styles.json', data)
 }
 
-export const bbls = [
+const bbls = [
   {
     bbl: 'arendal',
     theme: {
@@ -370,9 +370,18 @@ export const bbls = [
   {
     bbl: 'abbl',
     theme: {
-      primary: '#227F48',
-      secondary: '#213228',
+      primary: '#de6364',
+      secondary: '#75b474',
       alpha: '0.02',
+
+      secondaryFooter: true,
+      sidemenuColor: '#004933',
+      sidemenuItemColor: '#007f59',
+      submenuColor: '#F5F2EB',
+      submenuItemColor: '#75b474',
+      submenuTextColor: 'rgba(0, 0, 0, 0.7)',
+      submenuTextColorActive: 'black',
+      customBgColor: '#FCFBF8',
     },
   },
   {
@@ -418,17 +427,17 @@ export const bbls = [
   {
     bbl: 'sorbbl',
     theme: {
-      primary: '#0075B2',
-      secondary: '#00527C',
-      alpha: '0.02',
+      primary: '#006ED2',
+      secondary: '#001A41',
+      alpha: '0.04',
     },
   },
   {
     bbl: 'sbbl',
     theme: {
-      primary: '#0075B2',
-      secondary: '#00527C',
-      alpha: '0.02',
+      primary: '#006ED2',
+      secondary: '#001A41',
+      alpha: '0.04',
     },
   },
   {
@@ -619,4 +628,7 @@ export const bbls = [
   },
 ]
 
+// export bbls with es5
+module.exports = bbls
+
 updateTheme()