@bbl-digital/snorre 4.2.43 → 4.2.45
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +25 -23
- package/esm/core/Stepper/Step/index.js +3 -2
- package/esm/layout/Menu/SecondaryMenu/index.js +1 -1
- package/esm/utils/getContrastColor.js +5 -4
- package/lib/core/Stepper/Step/index.d.ts.map +1 -1
- package/lib/core/Stepper/Step/index.js +3 -2
- package/lib/layout/Menu/SecondaryMenu/index.d.ts.map +1 -1
- package/lib/layout/Menu/SecondaryMenu/index.js +1 -1
- package/lib/utils/getContrastColor.d.ts +1 -1
- package/lib/utils/getContrastColor.d.ts.map +1 -1
- package/lib/utils/getContrastColor.js +5 -4
- package/package.json +1 -1
package/dist/bundle.js
CHANGED
|
@@ -32071,7 +32071,7 @@
|
|
|
32071
32071
|
"data-tracking-event": 'Menu toggle: ' + (!small ? 'collapse' : 'expand'),
|
|
32072
32072
|
children: /*#__PURE__*/(0, _jsxRuntime$1j.jsx)(_$8.IconChevronLeft, {
|
|
32073
32073
|
size: "9px",
|
|
32074
|
-
color: lightTheme ? (0, _$8.getContrastColor)(theme.illustrationPrimary10) : 'white'
|
|
32074
|
+
color: lightTheme ? (0, _$8.getContrastColor)(theme.illustrationPrimary10, theme.btnDefault) : 'white'
|
|
32075
32075
|
})
|
|
32076
32076
|
}), !small && label && /*#__PURE__*/(0, _jsxRuntime$1j.jsx)(_$8.Text, {
|
|
32077
32077
|
size: "10px",
|
|
@@ -39729,6 +39729,27 @@ to {top: 100vh;}
|
|
|
39729
39729
|
label: "LabelWrapper"
|
|
39730
39730
|
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nOyBiZzogc3RyaW5nOyBzZWxlY3RlZDogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3Byb3BzLmNvbG9yfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNlbGVjdGVkID8gcHJvcHMuY29sb3IgOiBwcm9wcy5iZ307XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1heC13aWR0aDogMzUwcHg7XG5gXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY29sb3I6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtYmFzaXM6IDA7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAxcmVtO1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgfVxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICAgICY6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGbGV4V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgXG4iXX0= */");
|
|
39731
39731
|
|
|
39732
|
+
var getContrastColor$1 = {};
|
|
39733
|
+
|
|
39734
|
+
Object.defineProperty(getContrastColor$1, "__esModule", {
|
|
39735
|
+
value: true
|
|
39736
|
+
});
|
|
39737
|
+
getContrastColor$1.getContrastColor = getContrastColor;
|
|
39738
|
+
function getContrastColor(bgColor, fallbackColor = 'white') {
|
|
39739
|
+
if (!bgColor) return fallbackColor;
|
|
39740
|
+
// Remove the # if present and parse the hexadecimal color
|
|
39741
|
+
const hex = bgColor.replace('#', '');
|
|
39742
|
+
const r = parseInt(hex?.substring(0, 2), 16);
|
|
39743
|
+
const g = parseInt(hex?.substring(2, 4), 16);
|
|
39744
|
+
const b = parseInt(hex?.substring(4, 6), 16);
|
|
39745
|
+
|
|
39746
|
+
// Calculate the relative luminance
|
|
39747
|
+
const luminance = 0.2126 * (r / 255) ** 2.2 + 0.7152 * (g / 255) ** 2.2 + 0.0722 * (b / 255) ** 2.2;
|
|
39748
|
+
|
|
39749
|
+
// Choose white or black based on luminance
|
|
39750
|
+
return luminance > 0.179 ? 'black' : 'white';
|
|
39751
|
+
}
|
|
39752
|
+
|
|
39732
39753
|
Object.defineProperty(Step$1, "__esModule", {
|
|
39733
39754
|
value: true
|
|
39734
39755
|
});
|
|
@@ -39738,6 +39759,7 @@ to {top: 100vh;}
|
|
|
39738
39759
|
var _styles$3 = styles$2;
|
|
39739
39760
|
var _Button = _interopRequireDefault$6(Button$1);
|
|
39740
39761
|
var _Text$2 = _interopRequireDefault$6(Text$1);
|
|
39762
|
+
var _getContrastColor = getContrastColor$1;
|
|
39741
39763
|
var _jsxRuntime$3 = require$$2__default$1["default"];
|
|
39742
39764
|
function _interopRequireDefault$6(e) { return e && e.__esModule ? e : { default: e }; }
|
|
39743
39765
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
@@ -39746,7 +39768,7 @@ to {top: 100vh;}
|
|
|
39746
39768
|
styles: "font-weight:400"
|
|
39747
39769
|
} : {
|
|
39748
39770
|
name: "bhv4vb-buttonstep",
|
|
39749
|
-
styles: "font-weight:400;label:buttonstep;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39771
|
+
styles: "font-weight:400;label:buttonstep;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUQwQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENpcmNsZSwgRmxleFdyYXBwZXIsIFN0ZXBXcmFwcGVyLCBTdWJUaXRsZVdyYXBwZXIgfSBmcm9tICcuL3N0eWxlcydcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vLi4vVGV4dCdcbmltcG9ydCB7IGdldENvbnRyYXN0Q29sb3IgfSBmcm9tICcuLi8uLi8uLi91dGlscy9nZXRDb250cmFzdENvbG9yJ1xuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgbnI6IG51bWJlclxuICBzZWxlY3RlZDogYm9vbGVhblxuICB0aXRsZTogc3RyaW5nXG4gIHN1YlRpdGxlPzogc3RyaW5nXG4gIGJpZGlyZWN0aW9uYWw/OiBib29sZWFuXG4gIG9uQ2xpY2s6IChucjogbnVtYmVyKSA9PiB2b2lkXG4gIHRyYWNraW5nTmFtZT86IHN0cmluZ1xuICB0cmFja2luZ0V2ZW50Pzogc3RyaW5nXG59XG5cbmNvbnN0IFN0ZXA6IFJlYWN0LkZDPElQcm9wcz4gPSAoe1xuICBucixcbiAgc2VsZWN0ZWQsXG4gIGJpZGlyZWN0aW9uYWwsXG4gIHRpdGxlLFxuICBzdWJUaXRsZSxcbiAgb25DbGljayxcbiAgdHJhY2tpbmdOYW1lID0gJ0JvbGlnJyxcbiAgdHJhY2tpbmdFdmVudCA9ICdTw7hrIG9tIHV0bGVpZSBjbGljazogIFN0ZXBwZXInLFxufSkgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBidXR0b25zdGVwID0gKFxuICAgIDxTdGVwV3JhcHBlciBjb2xvcj17dGhlbWUucHJpbWFyeX0+XG4gICAgICA8QnV0dG9uXG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DbGljayhucil9XG4gICAgICAgIHRyYWNraW5nTmFtZT17dHJhY2tpbmdOYW1lfVxuICAgICAgICB0cmFja2luZ0V2ZW50PXt0cmFja2luZ0V2ZW50fVxuICAgICAgPlxuICAgICAgICA8RmxleFdyYXBwZXI+XG4gICAgICAgICAgPENpcmNsZSBzZWxlY3RlZD17c2VsZWN0ZWR9IGNvbG9yPXt0aGVtZS5wcmltYXJ5fSBiZz17dGhlbWUuYmdMaWdodH0+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBzaXplPVwiMTRweFwiXG4gICAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgICBzZWxlY3RlZFxuICAgICAgICAgICAgICAgICAgPyBnZXRDb250cmFzdENvbG9yKHRoZW1lLnByaW1hcnksIHRoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3IpXG4gICAgICAgICAgICAgICAgICA6IHRoZW1lLmRlZmF1bHRUZXh0XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc2VtaWJvbGRcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge25yfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQ2lyY2xlPlxuICAgICAgICAgIDxUZXh0IHNlbWlib2xkPnt0aXRsZX08L1RleHQ+XG4gICAgICAgICAge3N1YlRpdGxlICYmIChcbiAgICAgICAgICAgIDxTdWJUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgICAgIDxUZXh0IHNtYWxsIGNzcz17eyBmb250V2VpZ2h0OiA0MDAgfX0+XG4gICAgICAgICAgICAgICAge3N1YlRpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1N1YlRpdGxlV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhXcmFwcGVyPlxuICAgICAgPC9CdXR0b24+XG4gICAgPC9TdGVwV3JhcHBlcj5cbiAgKVxuXG4gIGNvbnN0IHN0ZXAgPSAoXG4gICAgPFN0ZXBXcmFwcGVyIGNvbG9yPXt0aGVtZS5wcmltYXJ5fT5cbiAgICAgIDxGbGV4V3JhcHBlcj5cbiAgICAgICAgPENpcmNsZSBzZWxlY3RlZD17c2VsZWN0ZWR9IGNvbG9yPXt0aGVtZS5wcmltYXJ5fSBiZz17dGhlbWUuYmdMaWdodH0+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIHNpemU9XCIxNHB4XCJcbiAgICAgICAgICAgIGNvbG9yPXtzZWxlY3RlZCA/IHRoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH1cbiAgICAgICAgICAgIHNlbWlib2xkXG4gICAgICAgICAgPlxuICAgICAgICAgICAge25yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9DaXJjbGU+XG4gICAgICAgIDxUZXh0IHNlbWlib2xkPnt0aXRsZX08L1RleHQ+XG4gICAgICAgIHtzdWJUaXRsZSAmJiAoXG4gICAgICAgICAgPFN1YlRpdGxlV3JhcHBlcj5cbiAgICAgICAgICAgIDxUZXh0IHNtYWxsPntzdWJUaXRsZX08L1RleHQ+XG4gICAgICAgICAgPC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhXcmFwcGVyPlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcblxuICByZXR1cm4gc2VsZWN0ZWQgPyBidXR0b25zdGVwIDogYmlkaXJlY3Rpb25hbCA/IGJ1dHRvbnN0ZXAgOiBzdGVwXG59XG5cbmV4cG9ydCBkZWZhdWx0IFN0ZXBcbiJdfQ== */",
|
|
39750
39772
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
|
|
39751
39773
|
};
|
|
39752
39774
|
const Step = ({
|
|
@@ -39774,7 +39796,7 @@ to {top: 100vh;}
|
|
|
39774
39796
|
bg: theme.bgLight,
|
|
39775
39797
|
children: /*#__PURE__*/(0, _jsxRuntime$3.jsx)(_Text$2.default, {
|
|
39776
39798
|
size: "14px",
|
|
39777
|
-
color: selected ? theme.btnDefaultFontColor : theme.defaultText,
|
|
39799
|
+
color: selected ? (0, _getContrastColor.getContrastColor)(theme.primary, theme.btnDefaultFontColor) : theme.defaultText,
|
|
39778
39800
|
semibold: true,
|
|
39779
39801
|
children: nr
|
|
39780
39802
|
})
|
|
@@ -40500,26 +40522,6 @@ to {top: 100vh;}
|
|
|
40500
40522
|
};
|
|
40501
40523
|
phone.getFormatedPhone = getFormatedPhone;
|
|
40502
40524
|
|
|
40503
|
-
var getContrastColor$1 = {};
|
|
40504
|
-
|
|
40505
|
-
Object.defineProperty(getContrastColor$1, "__esModule", {
|
|
40506
|
-
value: true
|
|
40507
|
-
});
|
|
40508
|
-
getContrastColor$1.getContrastColor = getContrastColor;
|
|
40509
|
-
function getContrastColor(bgColor) {
|
|
40510
|
-
// Remove the # if present and parse the hexadecimal color
|
|
40511
|
-
const hex = bgColor.replace('#', '');
|
|
40512
|
-
const r = parseInt(hex.substring(0, 2), 16);
|
|
40513
|
-
const g = parseInt(hex.substring(2, 4), 16);
|
|
40514
|
-
const b = parseInt(hex.substring(4, 6), 16);
|
|
40515
|
-
|
|
40516
|
-
// Calculate the relative luminance
|
|
40517
|
-
const luminance = 0.2126 * (r / 255) ** 2.2 + 0.7152 * (g / 255) ** 2.2 + 0.0722 * (b / 255) ** 2.2;
|
|
40518
|
-
|
|
40519
|
-
// Choose white or black based on luminance
|
|
40520
|
-
return luminance > 0.179 ? 'black' : 'white';
|
|
40521
|
-
}
|
|
40522
|
-
|
|
40523
40525
|
(function (exports) {
|
|
40524
40526
|
|
|
40525
40527
|
Object.defineProperty(exports, "__esModule", {
|
|
@@ -9,6 +9,7 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _styles = require("./styles");
|
|
10
10
|
var _Button = _interopRequireDefault(require("../../Button"));
|
|
11
11
|
var _Text = _interopRequireDefault(require("../../Text"));
|
|
12
|
+
var _getContrastColor = require("../../../utils/getContrastColor");
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
@@ -17,7 +18,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
17
18
|
styles: "font-weight:400"
|
|
18
19
|
} : {
|
|
19
20
|
name: "bhv4vb-buttonstep",
|
|
20
|
-
styles: "font-weight:400;label:buttonstep;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
styles: "font-weight:400;label:buttonstep;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUQwQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENpcmNsZSwgRmxleFdyYXBwZXIsIFN0ZXBXcmFwcGVyLCBTdWJUaXRsZVdyYXBwZXIgfSBmcm9tICcuL3N0eWxlcydcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vLi4vVGV4dCdcbmltcG9ydCB7IGdldENvbnRyYXN0Q29sb3IgfSBmcm9tICcuLi8uLi8uLi91dGlscy9nZXRDb250cmFzdENvbG9yJ1xuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgbnI6IG51bWJlclxuICBzZWxlY3RlZDogYm9vbGVhblxuICB0aXRsZTogc3RyaW5nXG4gIHN1YlRpdGxlPzogc3RyaW5nXG4gIGJpZGlyZWN0aW9uYWw/OiBib29sZWFuXG4gIG9uQ2xpY2s6IChucjogbnVtYmVyKSA9PiB2b2lkXG4gIHRyYWNraW5nTmFtZT86IHN0cmluZ1xuICB0cmFja2luZ0V2ZW50Pzogc3RyaW5nXG59XG5cbmNvbnN0IFN0ZXA6IFJlYWN0LkZDPElQcm9wcz4gPSAoe1xuICBucixcbiAgc2VsZWN0ZWQsXG4gIGJpZGlyZWN0aW9uYWwsXG4gIHRpdGxlLFxuICBzdWJUaXRsZSxcbiAgb25DbGljayxcbiAgdHJhY2tpbmdOYW1lID0gJ0JvbGlnJyxcbiAgdHJhY2tpbmdFdmVudCA9ICdTw7hrIG9tIHV0bGVpZSBjbGljazogIFN0ZXBwZXInLFxufSkgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBidXR0b25zdGVwID0gKFxuICAgIDxTdGVwV3JhcHBlciBjb2xvcj17dGhlbWUucHJpbWFyeX0+XG4gICAgICA8QnV0dG9uXG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DbGljayhucil9XG4gICAgICAgIHRyYWNraW5nTmFtZT17dHJhY2tpbmdOYW1lfVxuICAgICAgICB0cmFja2luZ0V2ZW50PXt0cmFja2luZ0V2ZW50fVxuICAgICAgPlxuICAgICAgICA8RmxleFdyYXBwZXI+XG4gICAgICAgICAgPENpcmNsZSBzZWxlY3RlZD17c2VsZWN0ZWR9IGNvbG9yPXt0aGVtZS5wcmltYXJ5fSBiZz17dGhlbWUuYmdMaWdodH0+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBzaXplPVwiMTRweFwiXG4gICAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgICBzZWxlY3RlZFxuICAgICAgICAgICAgICAgICAgPyBnZXRDb250cmFzdENvbG9yKHRoZW1lLnByaW1hcnksIHRoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3IpXG4gICAgICAgICAgICAgICAgICA6IHRoZW1lLmRlZmF1bHRUZXh0XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc2VtaWJvbGRcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge25yfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQ2lyY2xlPlxuICAgICAgICAgIDxUZXh0IHNlbWlib2xkPnt0aXRsZX08L1RleHQ+XG4gICAgICAgICAge3N1YlRpdGxlICYmIChcbiAgICAgICAgICAgIDxTdWJUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgICAgIDxUZXh0IHNtYWxsIGNzcz17eyBmb250V2VpZ2h0OiA0MDAgfX0+XG4gICAgICAgICAgICAgICAge3N1YlRpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1N1YlRpdGxlV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhXcmFwcGVyPlxuICAgICAgPC9CdXR0b24+XG4gICAgPC9TdGVwV3JhcHBlcj5cbiAgKVxuXG4gIGNvbnN0IHN0ZXAgPSAoXG4gICAgPFN0ZXBXcmFwcGVyIGNvbG9yPXt0aGVtZS5wcmltYXJ5fT5cbiAgICAgIDxGbGV4V3JhcHBlcj5cbiAgICAgICAgPENpcmNsZSBzZWxlY3RlZD17c2VsZWN0ZWR9IGNvbG9yPXt0aGVtZS5wcmltYXJ5fSBiZz17dGhlbWUuYmdMaWdodH0+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIHNpemU9XCIxNHB4XCJcbiAgICAgICAgICAgIGNvbG9yPXtzZWxlY3RlZCA/IHRoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH1cbiAgICAgICAgICAgIHNlbWlib2xkXG4gICAgICAgICAgPlxuICAgICAgICAgICAge25yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9DaXJjbGU+XG4gICAgICAgIDxUZXh0IHNlbWlib2xkPnt0aXRsZX08L1RleHQ+XG4gICAgICAgIHtzdWJUaXRsZSAmJiAoXG4gICAgICAgICAgPFN1YlRpdGxlV3JhcHBlcj5cbiAgICAgICAgICAgIDxUZXh0IHNtYWxsPntzdWJUaXRsZX08L1RleHQ+XG4gICAgICAgICAgPC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhXcmFwcGVyPlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcblxuICByZXR1cm4gc2VsZWN0ZWQgPyBidXR0b25zdGVwIDogYmlkaXJlY3Rpb25hbCA/IGJ1dHRvbnN0ZXAgOiBzdGVwXG59XG5cbmV4cG9ydCBkZWZhdWx0IFN0ZXBcbiJdfQ== */",
|
|
21
22
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
22
23
|
};
|
|
23
24
|
const Step = ({
|
|
@@ -45,7 +46,7 @@ const Step = ({
|
|
|
45
46
|
bg: theme.bgLight,
|
|
46
47
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
|
|
47
48
|
size: "14px",
|
|
48
|
-
color: selected ? theme.btnDefaultFontColor : theme.defaultText,
|
|
49
|
+
color: selected ? (0, _getContrastColor.getContrastColor)(theme.primary, theme.btnDefaultFontColor) : theme.defaultText,
|
|
49
50
|
semibold: true,
|
|
50
51
|
children: nr
|
|
51
52
|
})
|
|
@@ -35,7 +35,7 @@ const SecondaryMenu = ({
|
|
|
35
35
|
"data-tracking-event": 'Menu toggle: ' + (!small ? 'collapse' : 'expand'),
|
|
36
36
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconChevronLeft, {
|
|
37
37
|
size: "9px",
|
|
38
|
-
color: lightTheme ? (0, _.getContrastColor)(theme.illustrationPrimary10) : 'white'
|
|
38
|
+
color: lightTheme ? (0, _.getContrastColor)(theme.illustrationPrimary10, theme.btnDefault) : 'white'
|
|
39
39
|
})
|
|
40
40
|
}), !small && label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Text, {
|
|
41
41
|
size: "10px",
|
|
@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getContrastColor = getContrastColor;
|
|
7
|
-
function getContrastColor(bgColor) {
|
|
7
|
+
function getContrastColor(bgColor, fallbackColor = 'white') {
|
|
8
|
+
if (!bgColor) return fallbackColor;
|
|
8
9
|
// Remove the # if present and parse the hexadecimal color
|
|
9
10
|
const hex = bgColor.replace('#', '');
|
|
10
|
-
const r = parseInt(hex
|
|
11
|
-
const g = parseInt(hex
|
|
12
|
-
const b = parseInt(hex
|
|
11
|
+
const r = parseInt(hex?.substring(0, 2), 16);
|
|
12
|
+
const g = parseInt(hex?.substring(2, 4), 16);
|
|
13
|
+
const b = parseInt(hex?.substring(4, 6), 16);
|
|
13
14
|
|
|
14
15
|
// Calculate the relative luminance
|
|
15
16
|
const luminance = 0.2126 * (r / 255) ** 2.2 + 0.7152 * (g / 255) ** 2.2 + 0.0722 * (b / 255) ** 2.2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Stepper/Step/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Stepper/Step/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAsE1B,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -9,6 +9,7 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _styles = require("./styles");
|
|
10
10
|
var _Button = _interopRequireDefault(require("../../Button"));
|
|
11
11
|
var _Text = _interopRequireDefault(require("../../Text"));
|
|
12
|
+
var _getContrastColor = require("../../../utils/getContrastColor");
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
@@ -17,7 +18,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
17
18
|
styles: "font-weight:400"
|
|
18
19
|
} : {
|
|
19
20
|
name: "bhv4vb-buttonstep",
|
|
20
|
-
styles: "font-weight:400;label:buttonstep;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
styles: "font-weight:400;label:buttonstep;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUQwQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENpcmNsZSwgRmxleFdyYXBwZXIsIFN0ZXBXcmFwcGVyLCBTdWJUaXRsZVdyYXBwZXIgfSBmcm9tICcuL3N0eWxlcydcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vLi4vVGV4dCdcbmltcG9ydCB7IGdldENvbnRyYXN0Q29sb3IgfSBmcm9tICcuLi8uLi8uLi91dGlscy9nZXRDb250cmFzdENvbG9yJ1xuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgbnI6IG51bWJlclxuICBzZWxlY3RlZDogYm9vbGVhblxuICB0aXRsZTogc3RyaW5nXG4gIHN1YlRpdGxlPzogc3RyaW5nXG4gIGJpZGlyZWN0aW9uYWw/OiBib29sZWFuXG4gIG9uQ2xpY2s6IChucjogbnVtYmVyKSA9PiB2b2lkXG4gIHRyYWNraW5nTmFtZT86IHN0cmluZ1xuICB0cmFja2luZ0V2ZW50Pzogc3RyaW5nXG59XG5cbmNvbnN0IFN0ZXA6IFJlYWN0LkZDPElQcm9wcz4gPSAoe1xuICBucixcbiAgc2VsZWN0ZWQsXG4gIGJpZGlyZWN0aW9uYWwsXG4gIHRpdGxlLFxuICBzdWJUaXRsZSxcbiAgb25DbGljayxcbiAgdHJhY2tpbmdOYW1lID0gJ0JvbGlnJyxcbiAgdHJhY2tpbmdFdmVudCA9ICdTw7hrIG9tIHV0bGVpZSBjbGljazogIFN0ZXBwZXInLFxufSkgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBidXR0b25zdGVwID0gKFxuICAgIDxTdGVwV3JhcHBlciBjb2xvcj17dGhlbWUucHJpbWFyeX0+XG4gICAgICA8QnV0dG9uXG4gICAgICAgIG5vc3R5bGVcbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DbGljayhucil9XG4gICAgICAgIHRyYWNraW5nTmFtZT17dHJhY2tpbmdOYW1lfVxuICAgICAgICB0cmFja2luZ0V2ZW50PXt0cmFja2luZ0V2ZW50fVxuICAgICAgPlxuICAgICAgICA8RmxleFdyYXBwZXI+XG4gICAgICAgICAgPENpcmNsZSBzZWxlY3RlZD17c2VsZWN0ZWR9IGNvbG9yPXt0aGVtZS5wcmltYXJ5fSBiZz17dGhlbWUuYmdMaWdodH0+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBzaXplPVwiMTRweFwiXG4gICAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgICBzZWxlY3RlZFxuICAgICAgICAgICAgICAgICAgPyBnZXRDb250cmFzdENvbG9yKHRoZW1lLnByaW1hcnksIHRoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3IpXG4gICAgICAgICAgICAgICAgICA6IHRoZW1lLmRlZmF1bHRUZXh0XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgc2VtaWJvbGRcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge25yfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDwvQ2lyY2xlPlxuICAgICAgICAgIDxUZXh0IHNlbWlib2xkPnt0aXRsZX08L1RleHQ+XG4gICAgICAgICAge3N1YlRpdGxlICYmIChcbiAgICAgICAgICAgIDxTdWJUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgICAgIDxUZXh0IHNtYWxsIGNzcz17eyBmb250V2VpZ2h0OiA0MDAgfX0+XG4gICAgICAgICAgICAgICAge3N1YlRpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1N1YlRpdGxlV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhXcmFwcGVyPlxuICAgICAgPC9CdXR0b24+XG4gICAgPC9TdGVwV3JhcHBlcj5cbiAgKVxuXG4gIGNvbnN0IHN0ZXAgPSAoXG4gICAgPFN0ZXBXcmFwcGVyIGNvbG9yPXt0aGVtZS5wcmltYXJ5fT5cbiAgICAgIDxGbGV4V3JhcHBlcj5cbiAgICAgICAgPENpcmNsZSBzZWxlY3RlZD17c2VsZWN0ZWR9IGNvbG9yPXt0aGVtZS5wcmltYXJ5fSBiZz17dGhlbWUuYmdMaWdodH0+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIHNpemU9XCIxNHB4XCJcbiAgICAgICAgICAgIGNvbG9yPXtzZWxlY3RlZCA/IHRoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH1cbiAgICAgICAgICAgIHNlbWlib2xkXG4gICAgICAgICAgPlxuICAgICAgICAgICAge25yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9DaXJjbGU+XG4gICAgICAgIDxUZXh0IHNlbWlib2xkPnt0aXRsZX08L1RleHQ+XG4gICAgICAgIHtzdWJUaXRsZSAmJiAoXG4gICAgICAgICAgPFN1YlRpdGxlV3JhcHBlcj5cbiAgICAgICAgICAgIDxUZXh0IHNtYWxsPntzdWJUaXRsZX08L1RleHQ+XG4gICAgICAgICAgPC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhXcmFwcGVyPlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcblxuICByZXR1cm4gc2VsZWN0ZWQgPyBidXR0b25zdGVwIDogYmlkaXJlY3Rpb25hbCA/IGJ1dHRvbnN0ZXAgOiBzdGVwXG59XG5cbmV4cG9ydCBkZWZhdWx0IFN0ZXBcbiJdfQ== */",
|
|
21
22
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
22
23
|
};
|
|
23
24
|
const Step = ({
|
|
@@ -45,7 +46,7 @@ const Step = ({
|
|
|
45
46
|
bg: theme.bgLight,
|
|
46
47
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
|
|
47
48
|
size: "14px",
|
|
48
|
-
color: selected ? theme.btnDefaultFontColor : theme.defaultText,
|
|
49
|
+
color: selected ? (0, _getContrastColor.getContrastColor)(theme.primary, theme.btnDefaultFontColor) : theme.defaultText,
|
|
49
50
|
semibold: true,
|
|
50
51
|
children: nr
|
|
51
52
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/SecondaryMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,UAAU,MAAM;IACd,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAA;IACd,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/SecondaryMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,UAAU,MAAM;IACd,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAA;IACd,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4CnC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -35,7 +35,7 @@ const SecondaryMenu = ({
|
|
|
35
35
|
"data-tracking-event": 'Menu toggle: ' + (!small ? 'collapse' : 'expand'),
|
|
36
36
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconChevronLeft, {
|
|
37
37
|
size: "9px",
|
|
38
|
-
color: lightTheme ? (0, _.getContrastColor)(theme.illustrationPrimary10) : 'white'
|
|
38
|
+
color: lightTheme ? (0, _.getContrastColor)(theme.illustrationPrimary10, theme.btnDefault) : 'white'
|
|
39
39
|
})
|
|
40
40
|
}), !small && label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Text, {
|
|
41
41
|
size: "10px",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function getContrastColor(bgColor: string):
|
|
1
|
+
export declare function getContrastColor(bgColor: string, fallbackColor?: string): string;
|
|
2
2
|
//# sourceMappingURL=getContrastColor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getContrastColor.d.ts","sourceRoot":"","sources":["../../src/packages/utils/getContrastColor.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,
|
|
1
|
+
{"version":3,"file":"getContrastColor.d.ts","sourceRoot":"","sources":["../../src/packages/utils/getContrastColor.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,aAAa,GAAE,MAAgB,UAiBhC"}
|
|
@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getContrastColor = getContrastColor;
|
|
7
|
-
function getContrastColor(bgColor) {
|
|
7
|
+
function getContrastColor(bgColor, fallbackColor = 'white') {
|
|
8
|
+
if (!bgColor) return fallbackColor;
|
|
8
9
|
// Remove the # if present and parse the hexadecimal color
|
|
9
10
|
const hex = bgColor.replace('#', '');
|
|
10
|
-
const r = parseInt(hex
|
|
11
|
-
const g = parseInt(hex
|
|
12
|
-
const b = parseInt(hex
|
|
11
|
+
const r = parseInt(hex?.substring(0, 2), 16);
|
|
12
|
+
const g = parseInt(hex?.substring(2, 4), 16);
|
|
13
|
+
const b = parseInt(hex?.substring(4, 6), 16);
|
|
13
14
|
|
|
14
15
|
// Calculate the relative luminance
|
|
15
16
|
const luminance = 0.2126 * (r / 255) ** 2.2 + 0.7152 * (g / 255) ** 2.2 + 0.0722 * (b / 255) ** 2.2;
|