@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.
@@ -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 __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
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 warn2(format) {
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
- warn2("%s(...) is deprecated in plain JavaScript React classes. %s", info[0], info[1]);
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 createElement2(type, config, children) {
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
- warn2("Using Maps as children is not supported. Use an array of keyed ReactElements instead.");
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
- warn2("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", displayName);
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 useState3(initialState) {
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 = createElement2.apply(this, arguments);
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
- warn2("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.");
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
- warn2("Factory.type is deprecated. Access the class directly before passing it to createFactory.");
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
- warn2("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.");
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 = useState3;
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 import_react3 = __toESM(require_react());
2916
+ var import_react2 = __toESM(require_react());
2975
2917
 
2976
2918
  // src/KaizenProvider/ThemeProvider/ThemeProvider.tsx
2977
- var import_react2 = __toESM(require_react());
2919
+ var import_react = __toESM(require_react());
2978
2920
 
2979
- // ../design-tokens/dist/esm/index.js
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 heartTheme2 = {
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 defaultTheme2 = heartTheme2;
3354
+ var defaultTheme = heartTheme;
3716
3355
 
3717
3356
  // src/KaizenProvider/ThemeProvider/ThemeProvider.tsx
3718
- var ThemeContext2 = (0, import_react2.createContext)(defaultTheme2);
3357
+ var ThemeContext = (0, import_react.createContext)(defaultTheme);
3719
3358
  var ThemeProvider = ({
3720
3359
  themeManager,
3721
3360
  ...props
3722
3361
  }) => {
3723
- const [themeManagerInstance] = (0, import_react2.useState)(
3724
- () => themeManager || new ThemeManager(defaultTheme2)
3362
+ const [themeManagerInstance] = (0, import_react.useState)(
3363
+ () => themeManager || new ThemeManager(defaultTheme)
3725
3364
  );
3726
- const [theme, setTheme] = (0, import_react2.useState)(
3365
+ const [theme, setTheme] = (0, import_react.useState)(
3727
3366
  themeManagerInstance.getCurrentTheme()
3728
3367
  );
3729
- (0, import_react2.useEffect)(() => {
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__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(ThemeContext2.Provider, { value: theme }, props.children), /* @__PURE__ */ import_react2.default.createElement(
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__ */ import_react2.default.createElement(
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__ */ import_react2.default.createElement(
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__ */ import_react2.default.createElement(
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__ */ import_react2.default.createElement(
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, import_react2.useContext)(ThemeContext2);
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__ */ import_react3.default.createElement(ThemeProvider, { themeManager }, children);
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
  */