@bbl-digital/snorre 2.2.151 → 2.2.154
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.js +14 -3
- package/esm/core/GoogleButton/index.js +12 -1
- package/esm/core/NotificationCounter/index.js +1 -1
- package/esm/core/NotificationCounter/styles.js +1 -1
- package/lib/core/GoogleButton/index.d.ts +3 -1
- package/lib/core/GoogleButton/index.d.ts.map +1 -1
- package/lib/core/GoogleButton/index.js +12 -1
- package/lib/core/NotificationCounter/index.js +1 -1
- package/lib/core/NotificationCounter/styles.d.ts.map +1 -1
- package/lib/core/NotificationCounter/styles.js +1 -1
- package/package.json +1 -1
package/dist/bundle.js
CHANGED
|
@@ -31954,10 +31954,21 @@
|
|
|
31954
31954
|
});
|
|
31955
31955
|
|
|
31956
31956
|
const GoogleButton = ({
|
|
31957
|
+
disabled,
|
|
31957
31958
|
onClick
|
|
31958
31959
|
}) => {
|
|
31960
|
+
// Intercept click to handle disabled state
|
|
31961
|
+
const handleClick = event => {
|
|
31962
|
+
if (disabled) {
|
|
31963
|
+
event.preventDefault();
|
|
31964
|
+
} else if (onClick) {
|
|
31965
|
+
onClick(event);
|
|
31966
|
+
}
|
|
31967
|
+
};
|
|
31968
|
+
|
|
31959
31969
|
return /*#__PURE__*/jsxRuntime.jsxs(GButton, {
|
|
31960
|
-
|
|
31970
|
+
disabled: disabled,
|
|
31971
|
+
onClick: handleClick,
|
|
31961
31972
|
children: [/*#__PURE__*/jsxRuntime.jsx(IconGmail, {}), "Logg p\xE5 med Google"]
|
|
31962
31973
|
});
|
|
31963
31974
|
};
|
|
@@ -31976,7 +31987,7 @@
|
|
|
31976
31987
|
};
|
|
31977
31988
|
|
|
31978
31989
|
const styles = {
|
|
31979
|
-
default: (theme, amountDigits) => /*#__PURE__*/react.css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.
|
|
31990
|
+
default: (theme, amountDigits) => /*#__PURE__*/react.css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.primary5darker, ";overflow:hidden;color:white;font-size:", getFontSize(amountDigits), ";line-height:23px;width:23px;height:23px;" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbkNvdW50ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUyRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25Db3VudGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBnZXRGb250U2l6ZSA9IChkaWdpdHM/OiBudW1iZXIpID0+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
|
|
31980
31991
|
};
|
|
31981
31992
|
|
|
31982
31993
|
/** @jsxImportSource @emotion/react */
|
|
@@ -31990,7 +32001,7 @@
|
|
|
31990
32001
|
return Boolean(amount || persist) ? jsxRuntime$1.jsx("span", {
|
|
31991
32002
|
css: theme => [styles.default(theme, amountDigits)],
|
|
31992
32003
|
title: title,
|
|
31993
|
-
children: amount || 0
|
|
32004
|
+
children: amount && amount > 999 ? '999+' : amount || 0
|
|
31994
32005
|
}) : null;
|
|
31995
32006
|
};
|
|
31996
32007
|
|
|
@@ -5,10 +5,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
5
5
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
const GoogleButton = ({
|
|
8
|
+
disabled,
|
|
8
9
|
onClick
|
|
9
10
|
}) => {
|
|
11
|
+
// Intercept click to handle disabled state
|
|
12
|
+
const handleClick = event => {
|
|
13
|
+
if (disabled) {
|
|
14
|
+
event.preventDefault();
|
|
15
|
+
} else if (onClick) {
|
|
16
|
+
onClick(event);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
|
|
10
20
|
return /*#__PURE__*/_jsxs(GButton, {
|
|
11
|
-
|
|
21
|
+
disabled: disabled,
|
|
22
|
+
onClick: handleClick,
|
|
12
23
|
children: [/*#__PURE__*/_jsx(IconGmail, {}), "Logg p\xE5 med Google"]
|
|
13
24
|
});
|
|
14
25
|
};
|
|
@@ -11,7 +11,7 @@ const NotificationCounter = ({
|
|
|
11
11
|
return Boolean(amount || persist) ? _jsx("span", {
|
|
12
12
|
css: theme => [styles.default(theme, amountDigits)],
|
|
13
13
|
title: title,
|
|
14
|
-
children: amount || 0
|
|
14
|
+
children: amount && amount > 999 ? '999+' : amount || 0
|
|
15
15
|
}) : null;
|
|
16
16
|
};
|
|
17
17
|
|
|
@@ -14,5 +14,5 @@ const getFontSize = digits => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export const styles = {
|
|
17
|
-
default: (theme, amountDigits) => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.
|
|
17
|
+
default: (theme, amountDigits) => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.primary5darker, ";overflow:hidden;color:white;font-size:", getFontSize(amountDigits), ";line-height:23px;width:23px;height:23px;" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbkNvdW50ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUyRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25Db3VudGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBnZXRGb250U2l6ZSA9IChkaWdpdHM/OiBudW1iZXIpID0+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
|
|
18
18
|
};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export declare type GoogleButtonTypes = HTMLAnchorElement | HTMLButtonElement;
|
|
2
3
|
interface IProps {
|
|
3
|
-
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onClick: (e: any) => void;
|
|
4
6
|
}
|
|
5
7
|
declare const GoogleButton: React.FC<IProps>;
|
|
6
8
|
export default GoogleButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/GoogleButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/GoogleButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,oBAAY,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AACrE,UAAU,MAAM;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAgBlC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -5,10 +5,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
5
5
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
const GoogleButton = ({
|
|
8
|
+
disabled,
|
|
8
9
|
onClick
|
|
9
10
|
}) => {
|
|
11
|
+
// Intercept click to handle disabled state
|
|
12
|
+
const handleClick = event => {
|
|
13
|
+
if (disabled) {
|
|
14
|
+
event.preventDefault();
|
|
15
|
+
} else if (onClick) {
|
|
16
|
+
onClick(event);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
|
|
10
20
|
return /*#__PURE__*/_jsxs(GButton, {
|
|
11
|
-
|
|
21
|
+
disabled: disabled,
|
|
22
|
+
onClick: handleClick,
|
|
12
23
|
children: [/*#__PURE__*/_jsx(IconGmail, {}), "Logg p\xE5 med Google"]
|
|
13
24
|
});
|
|
14
25
|
};
|
|
@@ -11,7 +11,7 @@ const NotificationCounter = ({
|
|
|
11
11
|
return Boolean(amount || persist) ? _jsx("span", {
|
|
12
12
|
css: theme => [styles.default(theme, amountDigits)],
|
|
13
13
|
title: title,
|
|
14
|
-
children: amount || 0
|
|
14
|
+
children: amount && amount > 999 ? '999+' : amount || 0
|
|
15
15
|
}) : null;
|
|
16
16
|
};
|
|
17
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationCounter/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAajD,eAAO,MAAM,MAAM;qBACA,SAAS;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationCounter/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAajD,eAAO,MAAM,MAAM;qBACA,SAAS;CAa3B,CAAA"}
|
|
@@ -14,5 +14,5 @@ const getFontSize = digits => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export const styles = {
|
|
17
|
-
default: (theme, amountDigits) => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.
|
|
17
|
+
default: (theme, amountDigits) => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.primary5darker, ";overflow:hidden;color:white;font-size:", getFontSize(amountDigits), ";line-height:23px;width:23px;height:23px;" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbkNvdW50ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUyRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25Db3VudGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBnZXRGb250U2l6ZSA9IChkaWdpdHM/OiBudW1iZXIpID0+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
|
|
18
18
|
};
|