@bbl-digital/snorre 2.2.147 → 2.2.148
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 +7 -5
- package/esm/core/NotificationCounter/index.js +3 -1
- package/esm/core/NotificationCounter/styles.js +4 -4
- package/lib/core/NotificationCounter/index.d.ts +2 -0
- package/lib/core/NotificationCounter/index.d.ts.map +1 -1
- package/lib/core/NotificationCounter/index.js +3 -1
- package/lib/core/NotificationCounter/styles.js +4 -4
- package/package.json +1 -1
package/dist/bundle.js
CHANGED
|
@@ -31954,29 +31954,31 @@
|
|
|
31954
31954
|
const getFontSize = digits => {
|
|
31955
31955
|
switch (digits) {
|
|
31956
31956
|
case 3:
|
|
31957
|
-
return '
|
|
31957
|
+
return '12px';
|
|
31958
31958
|
|
|
31959
31959
|
case 4:
|
|
31960
|
-
return '
|
|
31960
|
+
return '10px';
|
|
31961
31961
|
|
|
31962
31962
|
default:
|
|
31963
|
-
return '
|
|
31963
|
+
return '14px';
|
|
31964
31964
|
}
|
|
31965
31965
|
};
|
|
31966
31966
|
|
|
31967
31967
|
const styles = {
|
|
31968
|
-
default: (theme, amountDigits) => /*#__PURE__*/react.css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.primary, ";color:white;font-size:", getFontSize(amountDigits), ";line-height:
|
|
31968
|
+
default: (theme, amountDigits) => /*#__PURE__*/react.css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.primary, ";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+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
|
|
31969
31969
|
};
|
|
31970
31970
|
|
|
31971
31971
|
/** @jsxImportSource @emotion/react */
|
|
31972
31972
|
|
|
31973
31973
|
const NotificationCounter = ({
|
|
31974
31974
|
amount,
|
|
31975
|
-
persist
|
|
31975
|
+
persist,
|
|
31976
|
+
title
|
|
31976
31977
|
}) => {
|
|
31977
31978
|
const amountDigits = amount?.toString()?.length;
|
|
31978
31979
|
return Boolean(amount || persist) ? jsxRuntime$1.jsx("span", {
|
|
31979
31980
|
css: theme => [styles.default(theme, amountDigits)],
|
|
31981
|
+
title: title,
|
|
31980
31982
|
children: amount || 0
|
|
31981
31983
|
}) : null;
|
|
31982
31984
|
};
|
|
@@ -4,11 +4,13 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
|
4
4
|
|
|
5
5
|
const NotificationCounter = ({
|
|
6
6
|
amount,
|
|
7
|
-
persist
|
|
7
|
+
persist,
|
|
8
|
+
title
|
|
8
9
|
}) => {
|
|
9
10
|
const amountDigits = amount?.toString()?.length;
|
|
10
11
|
return Boolean(amount || persist) ? _jsx("span", {
|
|
11
12
|
css: theme => [styles.default(theme, amountDigits)],
|
|
13
|
+
title: title,
|
|
12
14
|
children: amount || 0
|
|
13
15
|
}) : null;
|
|
14
16
|
};
|
|
@@ -3,16 +3,16 @@ import { css } from '@emotion/react';
|
|
|
3
3
|
const getFontSize = digits => {
|
|
4
4
|
switch (digits) {
|
|
5
5
|
case 3:
|
|
6
|
-
return '
|
|
6
|
+
return '12px';
|
|
7
7
|
|
|
8
8
|
case 4:
|
|
9
|
-
return '
|
|
9
|
+
return '10px';
|
|
10
10
|
|
|
11
11
|
default:
|
|
12
|
-
return '
|
|
12
|
+
return '14px';
|
|
13
13
|
}
|
|
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.primary, ";color:white;font-size:", getFontSize(amountDigits), ";line-height:
|
|
17
|
+
default: (theme, amountDigits) => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.primary, ";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+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
|
|
18
18
|
};
|
|
@@ -5,6 +5,8 @@ interface IProps {
|
|
|
5
5
|
amount?: number;
|
|
6
6
|
/** Renders component, even if amount is 0 or undefined */
|
|
7
7
|
persist?: boolean;
|
|
8
|
+
/** Add title property to element */
|
|
9
|
+
title?: string;
|
|
8
10
|
}
|
|
9
11
|
declare const NotificationCounter: FC<IProps>;
|
|
10
12
|
export default NotificationCounter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationCounter/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG1B,UAAU,MAAM;IACd,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NotificationCounter/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG1B,UAAU,MAAM;IACd,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,MAAM,CAQnC,CAAA;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -4,11 +4,13 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
|
4
4
|
|
|
5
5
|
const NotificationCounter = ({
|
|
6
6
|
amount,
|
|
7
|
-
persist
|
|
7
|
+
persist,
|
|
8
|
+
title
|
|
8
9
|
}) => {
|
|
9
10
|
const amountDigits = amount?.toString()?.length;
|
|
10
11
|
return Boolean(amount || persist) ? _jsx("span", {
|
|
11
12
|
css: theme => [styles.default(theme, amountDigits)],
|
|
13
|
+
title: title,
|
|
12
14
|
children: amount || 0
|
|
13
15
|
}) : null;
|
|
14
16
|
};
|
|
@@ -3,16 +3,16 @@ import { css } from '@emotion/react';
|
|
|
3
3
|
const getFontSize = digits => {
|
|
4
4
|
switch (digits) {
|
|
5
5
|
case 3:
|
|
6
|
-
return '
|
|
6
|
+
return '12px';
|
|
7
7
|
|
|
8
8
|
case 4:
|
|
9
|
-
return '
|
|
9
|
+
return '10px';
|
|
10
10
|
|
|
11
11
|
default:
|
|
12
|
-
return '
|
|
12
|
+
return '14px';
|
|
13
13
|
}
|
|
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.primary, ";color:white;font-size:", getFontSize(amountDigits), ";line-height:
|
|
17
|
+
default: (theme, amountDigits) => /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:", theme.primary, ";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+IHtcbiAgc3dpdGNoIChkaWdpdHMpIHtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gJzEycHgnXG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuICcxMHB4J1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJzE0cHgnXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUsIGFtb3VudERpZ2l0cz86IG51bWJlcikgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAke2dldEZvbnRTaXplKGFtb3VudERpZ2l0cyl9O1xuICAgIGxpbmUtaGVpZ2h0OiAyM3B4O1xuICAgIHdpZHRoOiAyM3B4O1xuICAgIGhlaWdodDogMjNweDtcbiAgYCxcbn1cbiJdfQ== */")
|
|
18
18
|
};
|