@kaizen/components 1.4.22-canary.4 → 1.4.22-canary.6
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/esm/index.js +0 -3
- package/dist/iife/KaizenProvider/ThemeProvider/ThemeManager.js +9 -2518
- package/dist/iife/KaizenProvider/ThemeProvider/ThemeManager.spec.js +13 -2212
- package/dist/iife/KaizenProvider/ThemeProvider/index.js +25 -328
- package/dist/iife/KaizenProvider/index.js +27 -330
- package/dist/iife/index.js +37 -497
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1 -4
- package/package.json +4 -47
- package/dist/iife/Icon.module-VD7NKLAR.scss +0 -72
- package/dist/iife/SkipLink.module-KAZA7PAL.scss +0 -109
- package/dist/iife/VisuallyHidden.module-E5JUNEF5.scss +0 -9
- package/dist/iife/skip.icon-4OAFSA2T.svg +0 -12
- package/dist/styles.css +0 -98
package/dist/iife/index.js
CHANGED
|
@@ -6,14 +6,7 @@
|
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
7
|
var __getProtoOf = Object.getPrototypeOf;
|
|
8
8
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var
|
|
10
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
11
|
-
}) : x)(function(x) {
|
|
12
|
-
if (typeof require !== "undefined")
|
|
13
|
-
return require.apply(this, arguments);
|
|
14
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
15
|
-
});
|
|
16
|
-
var __commonJS = (cb, mod) => function __require2() {
|
|
9
|
+
var __commonJS = (cb, mod) => function __require() {
|
|
17
10
|
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
18
11
|
};
|
|
19
12
|
var __copyProps = (to, from, except, desc) => {
|
|
@@ -429,7 +422,7 @@
|
|
|
429
422
|
ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame;
|
|
430
423
|
ReactSharedInternals.ReactCurrentActQueue = ReactCurrentActQueue;
|
|
431
424
|
}
|
|
432
|
-
function
|
|
425
|
+
function warn(format) {
|
|
433
426
|
{
|
|
434
427
|
{
|
|
435
428
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
@@ -567,7 +560,7 @@
|
|
|
567
560
|
var defineDeprecationWarning = function(methodName, info) {
|
|
568
561
|
Object.defineProperty(Component.prototype, methodName, {
|
|
569
562
|
get: function() {
|
|
570
|
-
|
|
563
|
+
warn("%s(...) is deprecated in plain JavaScript React classes. %s", info[0], info[1]);
|
|
571
564
|
return void 0;
|
|
572
565
|
}
|
|
573
566
|
});
|
|
@@ -815,7 +808,7 @@
|
|
|
815
808
|
}
|
|
816
809
|
return element;
|
|
817
810
|
};
|
|
818
|
-
function
|
|
811
|
+
function createElement(type, config, children) {
|
|
819
812
|
var propName;
|
|
820
813
|
var props = {};
|
|
821
814
|
var key = null;
|
|
@@ -1035,7 +1028,7 @@
|
|
|
1035
1028
|
{
|
|
1036
1029
|
if (iteratorFn === iterableChildren.entries) {
|
|
1037
1030
|
if (!didWarnAboutMaps) {
|
|
1038
|
-
|
|
1031
|
+
warn("Using Maps as children is not supported. Use an array of keyed ReactElements instead.");
|
|
1039
1032
|
}
|
|
1040
1033
|
didWarnAboutMaps = true;
|
|
1041
1034
|
}
|
|
@@ -1173,7 +1166,7 @@
|
|
|
1173
1166
|
},
|
|
1174
1167
|
set: function(displayName) {
|
|
1175
1168
|
if (!hasWarnedAboutDisplayNameOnConsumer) {
|
|
1176
|
-
|
|
1169
|
+
warn("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", displayName);
|
|
1177
1170
|
hasWarnedAboutDisplayNameOnConsumer = true;
|
|
1178
1171
|
}
|
|
1179
1172
|
}
|
|
@@ -1389,7 +1382,7 @@
|
|
|
1389
1382
|
}
|
|
1390
1383
|
return dispatcher.useContext(Context2);
|
|
1391
1384
|
}
|
|
1392
|
-
function
|
|
1385
|
+
function useState2(initialState) {
|
|
1393
1386
|
var dispatcher = resolveDispatcher();
|
|
1394
1387
|
return dispatcher.useState(initialState);
|
|
1395
1388
|
}
|
|
@@ -1914,7 +1907,7 @@
|
|
|
1914
1907
|
error("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
|
|
1915
1908
|
}
|
|
1916
1909
|
}
|
|
1917
|
-
var element =
|
|
1910
|
+
var element = createElement.apply(this, arguments);
|
|
1918
1911
|
if (element == null) {
|
|
1919
1912
|
return element;
|
|
1920
1913
|
}
|
|
@@ -1937,12 +1930,12 @@
|
|
|
1937
1930
|
{
|
|
1938
1931
|
if (!didWarnAboutDeprecatedCreateFactory) {
|
|
1939
1932
|
didWarnAboutDeprecatedCreateFactory = true;
|
|
1940
|
-
|
|
1933
|
+
warn("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.");
|
|
1941
1934
|
}
|
|
1942
1935
|
Object.defineProperty(validatedFactory, "type", {
|
|
1943
1936
|
enumerable: false,
|
|
1944
1937
|
get: function() {
|
|
1945
|
-
|
|
1938
|
+
warn("Factory.type is deprecated. Access the class directly before passing it to createFactory.");
|
|
1946
1939
|
Object.defineProperty(this, "type", {
|
|
1947
1940
|
value: type
|
|
1948
1941
|
});
|
|
@@ -1975,7 +1968,7 @@
|
|
|
1975
1968
|
if (prevTransition === null && currentTransition._updatedFibers) {
|
|
1976
1969
|
var updatedFibersCount = currentTransition._updatedFibers.size;
|
|
1977
1970
|
if (updatedFibersCount > 10) {
|
|
1978
|
-
|
|
1971
|
+
warn("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table.");
|
|
1979
1972
|
}
|
|
1980
1973
|
currentTransition._updatedFibers.clear();
|
|
1981
1974
|
}
|
|
@@ -2191,7 +2184,7 @@
|
|
|
2191
2184
|
exports.useMemo = useMemo;
|
|
2192
2185
|
exports.useReducer = useReducer;
|
|
2193
2186
|
exports.useRef = useRef;
|
|
2194
|
-
exports.useState =
|
|
2187
|
+
exports.useState = useState2;
|
|
2195
2188
|
exports.useSyncExternalStore = useSyncExternalStore;
|
|
2196
2189
|
exports.useTransition = useTransition;
|
|
2197
2190
|
exports.version = ReactVersion;
|
|
@@ -2919,377 +2912,20 @@
|
|
|
2919
2912
|
}
|
|
2920
2913
|
});
|
|
2921
2914
|
|
|
2922
|
-
// ../../node_modules/classnames/index.js
|
|
2923
|
-
var require_classnames = __commonJS({
|
|
2924
|
-
"../../node_modules/classnames/index.js"(exports, module) {
|
|
2925
|
-
(function() {
|
|
2926
|
-
"use strict";
|
|
2927
|
-
var hasOwn = {}.hasOwnProperty;
|
|
2928
|
-
var nativeCodeString = "[native code]";
|
|
2929
|
-
function classNames() {
|
|
2930
|
-
var classes = [];
|
|
2931
|
-
for (var i = 0; i < arguments.length; i++) {
|
|
2932
|
-
var arg = arguments[i];
|
|
2933
|
-
if (!arg)
|
|
2934
|
-
continue;
|
|
2935
|
-
var argType = typeof arg;
|
|
2936
|
-
if (argType === "string" || argType === "number") {
|
|
2937
|
-
classes.push(arg);
|
|
2938
|
-
} else if (Array.isArray(arg)) {
|
|
2939
|
-
if (arg.length) {
|
|
2940
|
-
var inner = classNames.apply(null, arg);
|
|
2941
|
-
if (inner) {
|
|
2942
|
-
classes.push(inner);
|
|
2943
|
-
}
|
|
2944
|
-
}
|
|
2945
|
-
} else if (argType === "object") {
|
|
2946
|
-
if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
|
|
2947
|
-
classes.push(arg.toString());
|
|
2948
|
-
continue;
|
|
2949
|
-
}
|
|
2950
|
-
for (var key in arg) {
|
|
2951
|
-
if (hasOwn.call(arg, key) && arg[key]) {
|
|
2952
|
-
classes.push(key);
|
|
2953
|
-
}
|
|
2954
|
-
}
|
|
2955
|
-
}
|
|
2956
|
-
}
|
|
2957
|
-
return classes.join(" ");
|
|
2958
|
-
}
|
|
2959
|
-
if (typeof module !== "undefined" && module.exports) {
|
|
2960
|
-
classNames.default = classNames;
|
|
2961
|
-
module.exports = classNames;
|
|
2962
|
-
} else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
|
|
2963
|
-
define("classnames", [], function() {
|
|
2964
|
-
return classNames;
|
|
2965
|
-
});
|
|
2966
|
-
} else {
|
|
2967
|
-
window.classNames = classNames;
|
|
2968
|
-
}
|
|
2969
|
-
})();
|
|
2970
|
-
}
|
|
2971
|
-
});
|
|
2972
|
-
|
|
2973
2915
|
// src/KaizenProvider/KaizenProvider.tsx
|
|
2974
|
-
var
|
|
2916
|
+
var import_react2 = __toESM(require_react());
|
|
2975
2917
|
|
|
2976
2918
|
// src/KaizenProvider/ThemeProvider/ThemeProvider.tsx
|
|
2977
|
-
var
|
|
2919
|
+
var import_react = __toESM(require_react());
|
|
2978
2920
|
|
|
2979
|
-
// ../design-tokens/
|
|
2921
|
+
// ../design-tokens/src/lib/addExtraThemeEntries.ts
|
|
2980
2922
|
var import_color_string = __toESM(require_color_string());
|
|
2923
|
+
|
|
2924
|
+
// ../design-tokens/src/lib/cssVariables.ts
|
|
2981
2925
|
var import_lodash = __toESM(require_lodash());
|
|
2982
|
-
var import_react = __toESM(require_react());
|
|
2983
|
-
var heartTheme = {
|
|
2984
|
-
themeKey: "heart",
|
|
2985
|
-
animation: {
|
|
2986
|
-
easingFunction: {
|
|
2987
|
-
easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
|
|
2988
|
-
easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
|
|
2989
|
-
easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
|
|
2990
|
-
linear: "linear",
|
|
2991
|
-
bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
|
|
2992
|
-
bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
|
|
2993
|
-
bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)"
|
|
2994
|
-
},
|
|
2995
|
-
duration: {
|
|
2996
|
-
instant: "0ms",
|
|
2997
|
-
immediate: "100ms",
|
|
2998
|
-
rapid: "200ms",
|
|
2999
|
-
fast: "300ms",
|
|
3000
|
-
slow: "400ms",
|
|
3001
|
-
deliberate: "700ms"
|
|
3002
|
-
}
|
|
3003
|
-
},
|
|
3004
|
-
border: {
|
|
3005
|
-
solid: {
|
|
3006
|
-
borderWidth: "2px",
|
|
3007
|
-
borderRadius: "7px",
|
|
3008
|
-
borderStyle: "solid",
|
|
3009
|
-
borderColor: "#e1e2ea"
|
|
3010
|
-
},
|
|
3011
|
-
dashed: {
|
|
3012
|
-
borderWidth: "2px",
|
|
3013
|
-
borderRadius: "7px",
|
|
3014
|
-
borderStyle: "dashed"
|
|
3015
|
-
},
|
|
3016
|
-
borderless: {
|
|
3017
|
-
borderWidth: "2px",
|
|
3018
|
-
borderRadius: "7px",
|
|
3019
|
-
borderStyle: "solid",
|
|
3020
|
-
borderColor: "transparent"
|
|
3021
|
-
},
|
|
3022
|
-
focusRing: {
|
|
3023
|
-
borderWidth: "2px",
|
|
3024
|
-
borderRadius: "10px",
|
|
3025
|
-
borderStyle: "solid"
|
|
3026
|
-
}
|
|
3027
|
-
},
|
|
3028
|
-
color: {
|
|
3029
|
-
purple: {
|
|
3030
|
-
100: "#f4edf8",
|
|
3031
|
-
200: "#dfc9ea",
|
|
3032
|
-
300: "#c9a5dd",
|
|
3033
|
-
400: "#ae67b1",
|
|
3034
|
-
500: "#844587",
|
|
3035
|
-
600: "#5f3361",
|
|
3036
|
-
700: "#4a234d",
|
|
3037
|
-
800: "#2f2438"
|
|
3038
|
-
},
|
|
3039
|
-
blue: {
|
|
3040
|
-
100: "#e6f6ff",
|
|
3041
|
-
200: "#bde2f5",
|
|
3042
|
-
300: "#73c0e8",
|
|
3043
|
-
400: "#008bd6",
|
|
3044
|
-
500: "#0168b3",
|
|
3045
|
-
600: "#004970",
|
|
3046
|
-
700: "#003157"
|
|
3047
|
-
},
|
|
3048
|
-
green: {
|
|
3049
|
-
100: "#e8f8f4",
|
|
3050
|
-
200: "#c4ede2",
|
|
3051
|
-
300: "#8fdbc7",
|
|
3052
|
-
400: "#5dcbad",
|
|
3053
|
-
500: "#44a289",
|
|
3054
|
-
600: "#2c7d67",
|
|
3055
|
-
700: "#22594a"
|
|
3056
|
-
},
|
|
3057
|
-
yellow: {
|
|
3058
|
-
100: "#fff9e4",
|
|
3059
|
-
200: "#ffeeb3",
|
|
3060
|
-
300: "#ffe36e",
|
|
3061
|
-
400: "#ffca4d",
|
|
3062
|
-
500: "#ffb600",
|
|
3063
|
-
600: "#c68600",
|
|
3064
|
-
700: "#876400"
|
|
3065
|
-
},
|
|
3066
|
-
red: {
|
|
3067
|
-
100: "#fdeaee",
|
|
3068
|
-
200: "#f9c2cb",
|
|
3069
|
-
300: "#f597a8",
|
|
3070
|
-
400: "#e0707d",
|
|
3071
|
-
500: "#c93b55",
|
|
3072
|
-
600: "#a82433",
|
|
3073
|
-
700: "#6c1e20"
|
|
3074
|
-
},
|
|
3075
|
-
orange: {
|
|
3076
|
-
100: "#fff0e8",
|
|
3077
|
-
200: "#ffd1b9",
|
|
3078
|
-
300: "#ffb08a",
|
|
3079
|
-
400: "#ff9461",
|
|
3080
|
-
500: "#e96c2f",
|
|
3081
|
-
600: "#b74302",
|
|
3082
|
-
700: "#903c00"
|
|
3083
|
-
},
|
|
3084
|
-
gray: {
|
|
3085
|
-
100: "#f9f9f9",
|
|
3086
|
-
200: "#f4f4f5",
|
|
3087
|
-
300: "#eaeaec",
|
|
3088
|
-
400: "#cdcdd0",
|
|
3089
|
-
500: "#8c8c97",
|
|
3090
|
-
600: "#524e56"
|
|
3091
|
-
},
|
|
3092
|
-
white: "#ffffff"
|
|
3093
|
-
},
|
|
3094
|
-
dataViz: {
|
|
3095
|
-
favorable: "#7dd5bd",
|
|
3096
|
-
unfavorable: "#e68d97"
|
|
3097
|
-
},
|
|
3098
|
-
layout: {
|
|
3099
|
-
contentMaxWidth: "1392px",
|
|
3100
|
-
contentMaxWidthWithSidebar: "1080px",
|
|
3101
|
-
contentSideMargin: "72px",
|
|
3102
|
-
mobileActionsDrawerHeight: "60px",
|
|
3103
|
-
navigationBarHeight: "72px",
|
|
3104
|
-
breakpoints: {
|
|
3105
|
-
medium: "768px",
|
|
3106
|
-
large: "1080px"
|
|
3107
|
-
}
|
|
3108
|
-
},
|
|
3109
|
-
shadow: {
|
|
3110
|
-
small: {
|
|
3111
|
-
boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)"
|
|
3112
|
-
},
|
|
3113
|
-
large: {
|
|
3114
|
-
boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)"
|
|
3115
|
-
}
|
|
3116
|
-
},
|
|
3117
|
-
spacing: {
|
|
3118
|
-
xs: "0.375rem",
|
|
3119
|
-
sm: "0.75rem",
|
|
3120
|
-
md: "1.5rem",
|
|
3121
|
-
lg: "2.25rem",
|
|
3122
|
-
xl: "3rem",
|
|
3123
|
-
xxl: "3.75rem",
|
|
3124
|
-
xxxl: "4.5rem",
|
|
3125
|
-
xxxxl: "5.25rem",
|
|
3126
|
-
xxxxxl: "6rem",
|
|
3127
|
-
0: "0",
|
|
3128
|
-
1: ".0625rem",
|
|
3129
|
-
2: ".125rem",
|
|
3130
|
-
4: ".25rem",
|
|
3131
|
-
6: ".375rem",
|
|
3132
|
-
8: ".5rem",
|
|
3133
|
-
12: ".75rem",
|
|
3134
|
-
16: "1rem",
|
|
3135
|
-
24: "1.5rem",
|
|
3136
|
-
32: "2rem",
|
|
3137
|
-
40: "2.5rem",
|
|
3138
|
-
48: "3rem",
|
|
3139
|
-
56: "3.5rem",
|
|
3140
|
-
64: "4rem",
|
|
3141
|
-
72: "4.5rem",
|
|
3142
|
-
80: "5rem",
|
|
3143
|
-
96: "6rem",
|
|
3144
|
-
112: "7rem",
|
|
3145
|
-
128: "8rem",
|
|
3146
|
-
160: "10rem",
|
|
3147
|
-
200: "12.5rem",
|
|
3148
|
-
240: "15rem",
|
|
3149
|
-
280: "17.5rem",
|
|
3150
|
-
320: "20rem"
|
|
3151
|
-
},
|
|
3152
|
-
typography: {
|
|
3153
|
-
dataLarge: {
|
|
3154
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3155
|
-
fontWeight: 700,
|
|
3156
|
-
fontSize: "5.25rem",
|
|
3157
|
-
lineHeight: "5.25rem",
|
|
3158
|
-
letterSpacing: "normal"
|
|
3159
|
-
},
|
|
3160
|
-
dataLargeUnits: {
|
|
3161
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3162
|
-
fontWeight: 700,
|
|
3163
|
-
fontSize: "2.625rem",
|
|
3164
|
-
lineHeight: "5.25rem",
|
|
3165
|
-
letterSpacing: "normal"
|
|
3166
|
-
},
|
|
3167
|
-
dataMedium: {
|
|
3168
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3169
|
-
fontWeight: 700,
|
|
3170
|
-
fontSize: "3rem",
|
|
3171
|
-
lineHeight: "5rem",
|
|
3172
|
-
letterSpacing: "normal"
|
|
3173
|
-
},
|
|
3174
|
-
dataMediumUnits: {
|
|
3175
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3176
|
-
fontWeight: 700,
|
|
3177
|
-
fontSize: "1.5rem",
|
|
3178
|
-
lineHeight: "5rem",
|
|
3179
|
-
letterSpacing: "normal"
|
|
3180
|
-
},
|
|
3181
|
-
dataSmall: {
|
|
3182
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3183
|
-
fontWeight: 700,
|
|
3184
|
-
fontSize: "1.5rem",
|
|
3185
|
-
lineHeight: "1.5rem",
|
|
3186
|
-
letterSpacing: "normal"
|
|
3187
|
-
},
|
|
3188
|
-
dataSmallUnits: {
|
|
3189
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3190
|
-
fontWeight: 700,
|
|
3191
|
-
fontSize: "1.125rem",
|
|
3192
|
-
lineHeight: "1.5rem",
|
|
3193
|
-
letterSpacing: "normal"
|
|
3194
|
-
},
|
|
3195
|
-
display0: {
|
|
3196
|
-
fontFamily: '"Tiempos Headline", Georgia, serif',
|
|
3197
|
-
fontWeight: 800,
|
|
3198
|
-
fontSize: "4.5rem",
|
|
3199
|
-
lineHeight: "5.25rem",
|
|
3200
|
-
letterSpacing: "0em"
|
|
3201
|
-
},
|
|
3202
|
-
heading1: {
|
|
3203
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3204
|
-
fontWeight: 700,
|
|
3205
|
-
fontSize: "2.125rem",
|
|
3206
|
-
lineHeight: "2.625rem",
|
|
3207
|
-
letterSpacing: "normal"
|
|
3208
|
-
},
|
|
3209
|
-
heading2: {
|
|
3210
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3211
|
-
fontWeight: 700,
|
|
3212
|
-
fontSize: "1.75rem",
|
|
3213
|
-
lineHeight: "2.25rem",
|
|
3214
|
-
letterSpacing: "normal"
|
|
3215
|
-
},
|
|
3216
|
-
heading3: {
|
|
3217
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3218
|
-
fontWeight: 700,
|
|
3219
|
-
fontSize: "1.375rem",
|
|
3220
|
-
lineHeight: "1.875rem",
|
|
3221
|
-
letterSpacing: "normal"
|
|
3222
|
-
},
|
|
3223
|
-
heading4: {
|
|
3224
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3225
|
-
fontWeight: 600,
|
|
3226
|
-
fontSize: "1.125rem",
|
|
3227
|
-
lineHeight: "1.5rem",
|
|
3228
|
-
letterSpacing: "normal"
|
|
3229
|
-
},
|
|
3230
|
-
heading5: {
|
|
3231
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3232
|
-
fontWeight: 600,
|
|
3233
|
-
fontSize: "1rem",
|
|
3234
|
-
lineHeight: "1.5rem",
|
|
3235
|
-
letterSpacing: "normal"
|
|
3236
|
-
},
|
|
3237
|
-
heading6: {
|
|
3238
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3239
|
-
fontWeight: 700,
|
|
3240
|
-
fontSize: "0.875rem",
|
|
3241
|
-
lineHeight: "1.5rem",
|
|
3242
|
-
letterSpacing: "normal"
|
|
3243
|
-
},
|
|
3244
|
-
paragraphIntroLede: {
|
|
3245
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3246
|
-
fontWeight: 400,
|
|
3247
|
-
fontSize: "1.25rem",
|
|
3248
|
-
lineHeight: "1.875rem",
|
|
3249
|
-
letterSpacing: "0"
|
|
3250
|
-
},
|
|
3251
|
-
paragraphBody: {
|
|
3252
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3253
|
-
fontWeight: 400,
|
|
3254
|
-
fontSize: "1rem",
|
|
3255
|
-
lineHeight: "1.5rem",
|
|
3256
|
-
letterSpacing: "normal"
|
|
3257
|
-
},
|
|
3258
|
-
paragraphSmall: {
|
|
3259
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3260
|
-
fontWeight: 400,
|
|
3261
|
-
fontSize: "0.875rem",
|
|
3262
|
-
lineHeight: "1.125rem",
|
|
3263
|
-
letterSpacing: "normal"
|
|
3264
|
-
},
|
|
3265
|
-
paragraphExtraSmall: {
|
|
3266
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3267
|
-
fontWeight: 400,
|
|
3268
|
-
fontSize: "0.75rem",
|
|
3269
|
-
lineHeight: "1.125rem",
|
|
3270
|
-
letterSpacing: "normal"
|
|
3271
|
-
},
|
|
3272
|
-
paragraphBold: {
|
|
3273
|
-
fontWeight: 600
|
|
3274
|
-
},
|
|
3275
|
-
buttonPrimary: {
|
|
3276
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3277
|
-
fontWeight: 700,
|
|
3278
|
-
fontSize: "1.125rem",
|
|
3279
|
-
lineHeight: "1.5rem",
|
|
3280
|
-
letterSpacing: "normal"
|
|
3281
|
-
},
|
|
3282
|
-
buttonSecondary: {
|
|
3283
|
-
fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
|
|
3284
|
-
fontWeight: 500,
|
|
3285
|
-
fontSize: "1rem",
|
|
3286
|
-
lineHeight: "1.5rem",
|
|
3287
|
-
letterSpacing: "normal"
|
|
3288
|
-
}
|
|
3289
|
-
}
|
|
3290
|
-
};
|
|
3291
|
-
var defaultTheme = heartTheme;
|
|
3292
2926
|
var objectPathToCssVarIdentifier = (path) => `--${path.map(import_lodash.default).join("-")}`;
|
|
2927
|
+
|
|
2928
|
+
// ../design-tokens/src/lib/addExtraThemeEntries.ts
|
|
3293
2929
|
var addExtraThemeEntries = (path, key, value, printValue, {
|
|
3294
2930
|
augmentWithId
|
|
3295
2931
|
}) => {
|
|
@@ -3311,6 +2947,8 @@
|
|
|
3311
2947
|
}
|
|
3312
2948
|
return result;
|
|
3313
2949
|
};
|
|
2950
|
+
|
|
2951
|
+
// ../design-tokens/src/lib/mapLeafsOfObject.ts
|
|
3314
2952
|
function mapLeafsOfObject(object, mapper) {
|
|
3315
2953
|
const recurser = (currentPath, obj) => {
|
|
3316
2954
|
const handleEntry = (key, value) => {
|
|
@@ -3330,6 +2968,8 @@
|
|
|
3330
2968
|
};
|
|
3331
2969
|
return recurser([], object);
|
|
3332
2970
|
}
|
|
2971
|
+
|
|
2972
|
+
// ../design-tokens/src/lib/makeCssVariableDefinitionsMap.ts
|
|
3333
2973
|
function makeCssVariableDefinitionsMap(theme) {
|
|
3334
2974
|
let accumulatedCssVariables = {};
|
|
3335
2975
|
mapLeafsOfObject(theme, (path, value) => {
|
|
@@ -3348,7 +2988,6 @@
|
|
|
3348
2988
|
});
|
|
3349
2989
|
return accumulatedCssVariables;
|
|
3350
2990
|
}
|
|
3351
|
-
var ThemeContext = import_react.default.createContext(defaultTheme);
|
|
3352
2991
|
|
|
3353
2992
|
// src/KaizenProvider/ThemeProvider/ThemeManager.ts
|
|
3354
2993
|
var ThemeManager = class {
|
|
@@ -3402,7 +3041,7 @@
|
|
|
3402
3041
|
};
|
|
3403
3042
|
|
|
3404
3043
|
// src/KaizenProvider/ThemeProvider/themes/heart.ts
|
|
3405
|
-
var
|
|
3044
|
+
var heartTheme = {
|
|
3406
3045
|
themeKey: "heart",
|
|
3407
3046
|
animation: {
|
|
3408
3047
|
easingFunction: {
|
|
@@ -3712,21 +3351,21 @@
|
|
|
3712
3351
|
};
|
|
3713
3352
|
|
|
3714
3353
|
// src/KaizenProvider/ThemeProvider/themes/index.ts
|
|
3715
|
-
var
|
|
3354
|
+
var defaultTheme = heartTheme;
|
|
3716
3355
|
|
|
3717
3356
|
// src/KaizenProvider/ThemeProvider/ThemeProvider.tsx
|
|
3718
|
-
var
|
|
3357
|
+
var ThemeContext = (0, import_react.createContext)(defaultTheme);
|
|
3719
3358
|
var ThemeProvider = ({
|
|
3720
3359
|
themeManager,
|
|
3721
3360
|
...props
|
|
3722
3361
|
}) => {
|
|
3723
|
-
const [themeManagerInstance] = (0,
|
|
3724
|
-
() => themeManager || new ThemeManager(
|
|
3362
|
+
const [themeManagerInstance] = (0, import_react.useState)(
|
|
3363
|
+
() => themeManager || new ThemeManager(defaultTheme)
|
|
3725
3364
|
);
|
|
3726
|
-
const [theme, setTheme] = (0,
|
|
3365
|
+
const [theme, setTheme] = (0, import_react.useState)(
|
|
3727
3366
|
themeManagerInstance.getCurrentTheme()
|
|
3728
3367
|
);
|
|
3729
|
-
(0,
|
|
3368
|
+
(0, import_react.useEffect)(() => {
|
|
3730
3369
|
let cancelled = false;
|
|
3731
3370
|
const listener = (newTheme) => {
|
|
3732
3371
|
if (!cancelled)
|
|
@@ -3738,7 +3377,7 @@
|
|
|
3738
3377
|
themeManagerInstance.removeThemeChangeListener(listener);
|
|
3739
3378
|
};
|
|
3740
3379
|
}, []);
|
|
3741
|
-
return /* @__PURE__ */
|
|
3380
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(ThemeContext.Provider, { value: theme }, props.children), /* @__PURE__ */ import_react.default.createElement(
|
|
3742
3381
|
"link",
|
|
3743
3382
|
{
|
|
3744
3383
|
rel: "preload",
|
|
@@ -3747,7 +3386,7 @@
|
|
|
3747
3386
|
type: "font/woff2",
|
|
3748
3387
|
crossOrigin: "anonymous"
|
|
3749
3388
|
}
|
|
3750
|
-
), /* @__PURE__ */
|
|
3389
|
+
), /* @__PURE__ */ import_react.default.createElement(
|
|
3751
3390
|
"link",
|
|
3752
3391
|
{
|
|
3753
3392
|
rel: "preload",
|
|
@@ -3756,7 +3395,7 @@
|
|
|
3756
3395
|
type: "font/woff2",
|
|
3757
3396
|
crossOrigin: "anonymous"
|
|
3758
3397
|
}
|
|
3759
|
-
), /* @__PURE__ */
|
|
3398
|
+
), /* @__PURE__ */ import_react.default.createElement(
|
|
3760
3399
|
"link",
|
|
3761
3400
|
{
|
|
3762
3401
|
rel: "preload",
|
|
@@ -3765,7 +3404,7 @@
|
|
|
3765
3404
|
type: "font/woff2",
|
|
3766
3405
|
crossOrigin: "anonymous"
|
|
3767
3406
|
}
|
|
3768
|
-
), /* @__PURE__ */
|
|
3407
|
+
), /* @__PURE__ */ import_react.default.createElement(
|
|
3769
3408
|
"link",
|
|
3770
3409
|
{
|
|
3771
3410
|
rel: "preload",
|
|
@@ -3774,7 +3413,7 @@
|
|
|
3774
3413
|
type: "font/woff2",
|
|
3775
3414
|
crossOrigin: "anonymous"
|
|
3776
3415
|
}
|
|
3777
|
-
), /* @__PURE__ */
|
|
3416
|
+
), /* @__PURE__ */ import_react.default.createElement(
|
|
3778
3417
|
"link",
|
|
3779
3418
|
{
|
|
3780
3419
|
rel: "preload",
|
|
@@ -3785,106 +3424,14 @@
|
|
|
3785
3424
|
}
|
|
3786
3425
|
));
|
|
3787
3426
|
};
|
|
3788
|
-
var useTheme = () => (0,
|
|
3427
|
+
var useTheme = () => (0, import_react.useContext)(ThemeContext);
|
|
3789
3428
|
|
|
3790
3429
|
// src/KaizenProvider/KaizenProvider.tsx
|
|
3791
3430
|
var KaizenProvider = ({
|
|
3792
3431
|
children,
|
|
3793
3432
|
themeManager
|
|
3794
|
-
}) => /* @__PURE__ */
|
|
3433
|
+
}) => /* @__PURE__ */ import_react2.default.createElement(ThemeProvider, { themeManager }, children);
|
|
3795
3434
|
KaizenProvider.displayName = "KaizenProvider";
|
|
3796
|
-
|
|
3797
|
-
// ../a11y/src/SkipLink.tsx
|
|
3798
|
-
var import_react5 = __toESM(require_react());
|
|
3799
|
-
|
|
3800
|
-
// ../component-library/components/Icon/Icon.tsx
|
|
3801
|
-
var import_react4 = __toESM(require_react());
|
|
3802
|
-
var import_classnames = __toESM(require_classnames());
|
|
3803
|
-
|
|
3804
|
-
// ../component-library/util/console.ts
|
|
3805
|
-
var yellow = "\x1B[33m ";
|
|
3806
|
-
var reset = "\x1B[0m ";
|
|
3807
|
-
var warn = (message) => {
|
|
3808
|
-
console.warn(
|
|
3809
|
-
`${yellow}
|
|
3810
|
-
CULTUREAMP UI WARNING:
|
|
3811
|
-
${singleLine(message)}${reset}
|
|
3812
|
-
`
|
|
3813
|
-
);
|
|
3814
|
-
};
|
|
3815
|
-
var singleLine = (message) => message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
|
|
3816
|
-
|
|
3817
|
-
// ../component-library/components/Icon/Icon.tsx
|
|
3818
|
-
var import_Icon_module = __toESM(__require("./Icon.module-VD7NKLAR.scss"));
|
|
3819
|
-
var Icon = ({
|
|
3820
|
-
icon,
|
|
3821
|
-
inheritSize = false,
|
|
3822
|
-
role = "img",
|
|
3823
|
-
title = "",
|
|
3824
|
-
desc = "",
|
|
3825
|
-
classNameOverride,
|
|
3826
|
-
...props
|
|
3827
|
-
}) => {
|
|
3828
|
-
const isMeaningfulImg = role === "img";
|
|
3829
|
-
if (isMeaningfulImg && !title) {
|
|
3830
|
-
warn(`
|
|
3831
|
-
Icon with role "img" missing a title attribute.
|
|
3832
|
-
|
|
3833
|
-
Assistive technologies that enable vision-impaired users to read web pages
|
|
3834
|
-
can treat images (including icons) as either decorative or meaningful. Only
|
|
3835
|
-
images with a role of "img" (meaningful) will be read aloud to the user.
|
|
3836
|
-
These images must therefore have a title attribute to provide the text that
|
|
3837
|
-
will be read aloud.
|
|
3838
|
-
|
|
3839
|
-
Either add the missing title prop, or set this icon's role to
|
|
3840
|
-
"presentation" to indicate it is not meaningful.
|
|
3841
|
-
`);
|
|
3842
|
-
}
|
|
3843
|
-
const renderTitle = () => isMeaningfulImg && !!title && /* @__PURE__ */ import_react4.default.createElement("title", null, title);
|
|
3844
|
-
const renderDesc = () => isMeaningfulImg && !!desc && /* @__PURE__ */ import_react4.default.createElement("desc", null, desc);
|
|
3845
|
-
const accessibilityProps = {
|
|
3846
|
-
role,
|
|
3847
|
-
["aria-hidden"]: isMeaningfulImg ? void 0 : true
|
|
3848
|
-
};
|
|
3849
|
-
return /* @__PURE__ */ import_react4.default.createElement(
|
|
3850
|
-
"svg",
|
|
3851
|
-
{
|
|
3852
|
-
className: (0, import_classnames.default)(import_Icon_module.default.icon, classNameOverride, {
|
|
3853
|
-
[import_Icon_module.default.inheritSize]: inheritSize
|
|
3854
|
-
}),
|
|
3855
|
-
viewBox: icon.viewBox,
|
|
3856
|
-
focusable: "false",
|
|
3857
|
-
...accessibilityProps,
|
|
3858
|
-
...props
|
|
3859
|
-
},
|
|
3860
|
-
renderTitle(),
|
|
3861
|
-
renderDesc(),
|
|
3862
|
-
/* @__PURE__ */ import_react4.default.createElement("use", { xlinkHref: `#${icon.id}` })
|
|
3863
|
-
);
|
|
3864
|
-
};
|
|
3865
|
-
Icon.displayName = "Icon";
|
|
3866
|
-
|
|
3867
|
-
// ../component-library/icons/skip.icon.svg
|
|
3868
|
-
var skip_icon_default = "./skip.icon-4OAFSA2T.svg";
|
|
3869
|
-
|
|
3870
|
-
// ../a11y/src/SkipLink.tsx
|
|
3871
|
-
var import_SkipLink_module = __toESM(__require("./SkipLink.module-KAZA7PAL.scss"));
|
|
3872
|
-
var SkipLink = ({ label, skipTo }) => /* @__PURE__ */ import_react5.default.createElement("a", { className: import_SkipLink_module.default.skipLinkContainer, href: `#${skipTo}` }, /* @__PURE__ */ import_react5.default.createElement("span", { className: import_SkipLink_module.default.skipLinkContent }, /* @__PURE__ */ import_react5.default.createElement("span", { className: import_SkipLink_module.default.skipLinkIcon }, /* @__PURE__ */ import_react5.default.createElement(Icon, { icon: skip_icon_default, role: "presentation" })), /* @__PURE__ */ import_react5.default.createElement("span", null, label)));
|
|
3873
|
-
SkipLink.displayName = "SkipLink";
|
|
3874
|
-
|
|
3875
|
-
// ../a11y/src/VisuallyHidden/VisuallyHidden.tsx
|
|
3876
|
-
var import_react6 = __toESM(require_react());
|
|
3877
|
-
var import_VisuallyHidden_module = __toESM(__require("./VisuallyHidden.module-E5JUNEF5.scss"));
|
|
3878
|
-
var VisuallyHidden = ({
|
|
3879
|
-
children,
|
|
3880
|
-
classNameOverride,
|
|
3881
|
-
tag = "span",
|
|
3882
|
-
...otherProps
|
|
3883
|
-
}) => {
|
|
3884
|
-
const className = `${import_VisuallyHidden_module.default.srOnly} ${classNameOverride}`;
|
|
3885
|
-
return (0, import_react6.createElement)(tag, { ...otherProps, className }, children);
|
|
3886
|
-
};
|
|
3887
|
-
VisuallyHidden.displayName = "VisuallyHidden";
|
|
3888
3435
|
})();
|
|
3889
3436
|
/*! Bundled license information:
|
|
3890
3437
|
|
|
@@ -3909,11 +3456,4 @@ react/cjs/react.development.js:
|
|
|
3909
3456
|
* This source code is licensed under the MIT license found in the
|
|
3910
3457
|
* LICENSE file in the root directory of this source tree.
|
|
3911
3458
|
*)
|
|
3912
|
-
|
|
3913
|
-
classnames/index.js:
|
|
3914
|
-
(*!
|
|
3915
|
-
Copyright (c) 2018 Jed Watson.
|
|
3916
|
-
Licensed under the MIT License (MIT), see
|
|
3917
|
-
http://jedwatson.github.io/classnames
|
|
3918
|
-
*)
|
|
3919
3459
|
*/
|