@selfdecode/sd-component-library 4.0.73-vite17 → 4.0.73-vite17-no-postcss

package/lib/sd-component-library208.js

@@ -1,18 +1,167 @@
-import { r as t } from "./sd-component-library278.js";
-var r = t, p = {
-  $$typeof: !0,
-  render: !0,
-  defaultProps: !0,
-  displayName: !0,
-  propTypes: !0
-}, a = {
-  $$typeof: !0,
-  compare: !0,
-  defaultProps: !0,
-  displayName: !0,
-  propTypes: !0,
-  type: !0
-}, e = {};
-e[r.ForwardRef] = p;
-e[r.Memo] = a;
+import C from "./sd-component-library319.js";
+import D from "./sd-component-library320.js";
+import A from "./sd-component-library321.js";
+var N = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
+You can read more about this here:
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, x = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", R = /[A-Z]|^ms/g, g = /_EMO_([^_]+?)_([^]*?)_EMO_/g, v = function(n) {
+  return n.charCodeAt(1) === 45;
+}, b = function(n) {
+  return n != null && typeof n != "boolean";
+}, E = A(function(a) {
+  return v(a) ? a : a.replace(R, "-$&").toLowerCase();
+}), d = function(n, e) {
+  switch (n) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(g, function(o, s, r) {
+          return c = {
+            name: s,
+            styles: r,
+            next: c
+          }, s;
+        });
+  }
+  return D[n] !== 1 && !v(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
+};
+if (process.env.NODE_ENV !== "production") {
+  var I = /(attr|calc|counters?|url)\(/, j = ["normal", "none", "counter", "open-quote", "close-quote", "no-open-quote", "no-close-quote", "initial", "inherit", "unset"], M = d, q = /^-ms-/, L = /-(.)/g, O = {};
+  d = function(n, e) {
+    n === "content" && (typeof e != "string" || j.indexOf(e) === -1 && !I.test(e) && (e.charAt(0) !== e.charAt(e.length - 1) || e.charAt(0) !== '"' && e.charAt(0) !== "'")) && console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + e + "\"'`");
+    var o = M(n, e);
+    return o !== "" && !v(n) && n.indexOf("-") !== -1 && O[n] === void 0 && (O[n] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + n.replace(q, "ms-").replace(L, function(s, r) {
+      return r.toUpperCase();
+    }) + "?")), o;
+  };
+}
+var w = !0;
+function p(a, n, e, o) {
+  if (e == null)
+    return "";
+  if (e.__emotion_styles !== void 0) {
+    if (process.env.NODE_ENV !== "production" && e.toString() === "NO_COMPONENT_SELECTOR")
+      throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");
+    return e;
+  }
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      if (e.anim === 1)
+        return c = {
+          name: e.name,
+          styles: e.styles,
+          next: c
+        }, e.name;
+      if (e.styles !== void 0) {
+        var s = e.next;
+        if (s !== void 0)
+          for (; s !== void 0; )
+            c = {
+              name: s.name,
+              styles: s.styles,
+              next: c
+            }, s = s.next;
+        var r = e.styles + ";";
+        return process.env.NODE_ENV !== "production" && e.map !== void 0 && (r += e.map), r;
+      }
+      return Y(a, n, e);
+    }
+    case "function": {
+      if (a !== void 0) {
+        var t = c, i = e(a);
+        return c = t, p(a, n, i, o);
+      } else
+        process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
+      break;
+    }
+    case "string":
+      if (process.env.NODE_ENV !== "production") {
+        var u = [], f = e.replace(g, function(m, h, V) {
+          var y = "animation" + u.length;
+          return u.push("const " + y + " = keyframes`" + V.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + y + "}";
+        });
+        u.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(u, ["`" + f + "`"]).join(`
+`) + `
+
+You should wrap it with \`css\` like this:
+
+` + ("css`" + f + "`"));
+      }
+      break;
+  }
+  if (n == null)
+    return e;
+  var l = n[e];
+  return process.env.NODE_ENV !== "production" && o && w && l !== void 0 && (console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"), w = !1), l !== void 0 && !o ? l : e;
+}
+function Y(a, n, e) {
+  var o = "";
+  if (Array.isArray(e))
+    for (var s = 0; s < e.length; s++)
+      o += p(a, n, e[s], !1);
+  else
+    for (var r in e) {
+      var t = e[r];
+      if (typeof t != "object")
+        n != null && n[t] !== void 0 ? o += r + "{" + n[t] + "}" : b(t) && (o += E(r) + ":" + d(r, t) + ";");
+      else {
+        if (r === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
+          throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");
+        if (Array.isArray(t) && typeof t[0] == "string" && (n == null || n[t[0]] === void 0))
+          for (var i = 0; i < t.length; i++)
+            b(t[i]) && (o += E(r) + ":" + d(r, t[i]) + ";");
+        else {
+          var u = p(a, n, t, !1);
+          switch (r) {
+            case "animation":
+            case "animationName": {
+              o += E(r) + ":" + u + ";";
+              break;
+            }
+            default:
+              process.env.NODE_ENV !== "production" && r === "undefined" && console.error(x), o += r + "{" + u + "}";
+          }
+        }
+      }
+    }
+  return o;
+}
+var _ = /label:\s*([^\s;\n{]+)\s*;/g, S;
+process.env.NODE_ENV !== "production" && (S = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);
+var c, F = function(n, e, o) {
+  if (n.length === 1 && typeof n[0] == "object" && n[0] !== null && n[0].styles !== void 0)
+    return n[0];
+  var s = !0, r = "";
+  c = void 0;
+  var t = n[0];
+  t == null || t.raw === void 0 ? (s = !1, r += p(o, e, t, !1)) : (process.env.NODE_ENV !== "production" && t[0] === void 0 && console.error(N), r += t[0]);
+  for (var i = 1; i < n.length; i++)
+    r += p(o, e, n[i], r.charCodeAt(r.length - 1) === 46), s && (process.env.NODE_ENV !== "production" && t[i] === void 0 && console.error(N), r += t[i]);
+  var u;
+  process.env.NODE_ENV !== "production" && (r = r.replace(S, function(h) {
+    return u = h, "";
+  })), _.lastIndex = 0;
+  for (var f = "", l; (l = _.exec(r)) !== null; )
+    f += "-" + // $FlowFixMe we know it's not null
+    l[1];
+  var m = C(r) + f;
+  return process.env.NODE_ENV !== "production" ? {
+    name: m,
+    styles: r,
+    map: u,
+    next: c,
+    toString: function() {
+      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).";
+    }
+  } : {
+    name: m,
+    styles: r,
+    next: c
+  };
+};
+export {
+  F as serializeStyles
+};
 //# sourceMappingURL=sd-component-library208.js.map

package/lib/sd-component-library208.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library208.js","sources":["../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"],"sourcesContent":["'use strict';\n\nvar reactIs = require('react-is');\n\n/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\nvar REACT_STATICS = {\n  childContextTypes: true,\n  contextType: true,\n  contextTypes: true,\n  defaultProps: true,\n  displayName: true,\n  getDefaultProps: true,\n  getDerivedStateFromError: true,\n  getDerivedStateFromProps: true,\n  mixins: true,\n  propTypes: true,\n  type: true\n};\nvar KNOWN_STATICS = {\n  name: true,\n  length: true,\n  prototype: true,\n  caller: true,\n  callee: true,\n  arguments: true,\n  arity: true\n};\nvar FORWARD_REF_STATICS = {\n  '$$typeof': true,\n  render: true,\n  defaultProps: true,\n  displayName: true,\n  propTypes: true\n};\nvar MEMO_STATICS = {\n  '$$typeof': true,\n  compare: true,\n  defaultProps: true,\n  displayName: true,\n  propTypes: true,\n  type: true\n};\nvar TYPE_STATICS = {};\nTYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;\nTYPE_STATICS[reactIs.Memo] = MEMO_STATICS;\n\nfunction getStatics(component) {\n  // React v16.11 and below\n  if (reactIs.isMemo(component)) {\n    return MEMO_STATICS;\n  } // React v16.12 and above\n\n\n  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;\n}\n\nvar defineProperty = Object.defineProperty;\nvar getOwnPropertyNames = Object.getOwnPropertyNames;\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar getPrototypeOf = Object.getPrototypeOf;\nvar objectPrototype = Object.prototype;\nfunction hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {\n  if (typeof sourceComponent !== 'string') {\n    // don't hoist over string (html) components\n    if (objectPrototype) {\n      var inheritedComponent = getPrototypeOf(sourceComponent);\n\n      if (inheritedComponent && inheritedComponent !== objectPrototype) {\n        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);\n      }\n    }\n\n    var keys = getOwnPropertyNames(sourceComponent);\n\n    if (getOwnPropertySymbols) {\n      keys = keys.concat(getOwnPropertySymbols(sourceComponent));\n    }\n\n    var targetStatics = getStatics(targetComponent);\n    var sourceStatics = getStatics(sourceComponent);\n\n    for (var i = 0; i < keys.length; ++i) {\n      var key = keys[i];\n\n      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {\n        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);\n\n        try {\n          // Avoid failures from read-only properties\n          defineProperty(targetComponent, key, descriptor);\n        } catch (e) {}\n      }\n    }\n  }\n\n  return targetComponent;\n}\n\nmodule.exports = hoistNonReactStatics;\n"],"names":["reactIs","require$$0","FORWARD_REF_STATICS","MEMO_STATICS","TYPE_STATICS"],"mappings":";AAEA,IAAIA,IAAUC,GA4BVC,IAAsB;AAAA,EACxB,UAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,WAAW;AACb,GACIC,IAAe;AAAA,EACjB,UAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,WAAW;AAAA,EACX,MAAM;AACR,GACIC,IAAe,CAAA;AACnBA,EAAaJ,EAAQ,UAAU,IAAIE;AACnCE,EAAaJ,EAAQ,IAAI,IAAIG;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library208.js","sources":["../node_modules/@emotion/serialize/dist/serialize.browser.esm.js"],"sourcesContent":["import hashString from '@emotion/hash';\nimport unitless from '@emotion/unitless';\nimport memoize from '@emotion/memoize';\n\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\nvar UNDEFINED_AS_OBJECT_KEY_ERROR = \"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\";\nvar hyphenateRegex = /[A-Z]|^ms/g;\nvar animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;\n\nvar isCustomProperty = function isCustomProperty(property) {\n  return property.charCodeAt(1) === 45;\n};\n\nvar isProcessableValue = function isProcessableValue(value) {\n  return value != null && typeof value !== 'boolean';\n};\n\nvar processStyleName = memoize(function (styleName) {\n  return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();\n});\n\nvar processStyleValue = function processStyleValue(key, value) {\n  switch (key) {\n    case 'animation':\n    case 'animationName':\n      {\n        if (typeof value === 'string') {\n          return value.replace(animationRegex, function (match, p1, p2) {\n            cursor = {\n              name: p1,\n              styles: p2,\n              next: cursor\n            };\n            return p1;\n          });\n        }\n      }\n  }\n\n  if (unitless[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {\n    return value + 'px';\n  }\n\n  return value;\n};\n\nif (process.env.NODE_ENV !== 'production') {\n  var contentValuePattern = /(attr|calc|counters?|url)\\(/;\n  var contentValues = ['normal', 'none', 'counter', 'open-quote', 'close-quote', 'no-open-quote', 'no-close-quote', 'initial', 'inherit', 'unset'];\n  var oldProcessStyleValue = processStyleValue;\n  var msPattern = /^-ms-/;\n  var hyphenPattern = /-(.)/g;\n  var hyphenatedCache = {};\n\n  processStyleValue = function processStyleValue(key, value) {\n    if (key === 'content') {\n      if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '\"' && value.charAt(0) !== \"'\")) {\n        console.error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\" + value + \"\\\"'`\");\n      }\n    }\n\n    var processed = oldProcessStyleValue(key, value);\n\n    if (processed !== '' && !isCustomProperty(key) && key.indexOf('-') !== -1 && hyphenatedCache[key] === undefined) {\n      hyphenatedCache[key] = true;\n      console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \" + key.replace(msPattern, 'ms-').replace(hyphenPattern, function (str, _char) {\n        return _char.toUpperCase();\n      }) + \"?\");\n    }\n\n    return processed;\n  };\n}\n\nvar shouldWarnAboutInterpolatingClassNameFromCss = true;\n\nfunction handleInterpolation(mergedProps, registered, interpolation, couldBeSelectorInterpolation) {\n  if (interpolation == null) {\n    return '';\n  }\n\n  if (interpolation.__emotion_styles !== undefined) {\n    if (process.env.NODE_ENV !== 'production' && interpolation.toString() === 'NO_COMPONENT_SELECTOR') {\n      throw new Error('Component selectors can only be used in conjunction with babel-plugin-emotion.');\n    }\n\n    return interpolation;\n  }\n\n  switch (typeof interpolation) {\n    case 'boolean':\n      {\n        return '';\n      }\n\n    case 'object':\n      {\n        if (interpolation.anim === 1) {\n          cursor = {\n            name: interpolation.name,\n            styles: interpolation.styles,\n            next: cursor\n          };\n          return interpolation.name;\n        }\n\n        if (interpolation.styles !== undefined) {\n          var next = interpolation.next;\n\n          if (next !== undefined) {\n            // not the most efficient thing ever but this is a pretty rare case\n            // and there will be very few iterations of this generally\n            while (next !== undefined) {\n              cursor = {\n                name: next.name,\n                styles: next.styles,\n                next: cursor\n              };\n              next = next.next;\n            }\n          }\n\n          var styles = interpolation.styles + \";\";\n\n          if (process.env.NODE_ENV !== 'production' && interpolation.map !== undefined) {\n            styles += interpolation.map;\n          }\n\n          return styles;\n        }\n\n        return createStringFromObject(mergedProps, registered, interpolation);\n      }\n\n    case 'function':\n      {\n        if (mergedProps !== undefined) {\n          var previousCursor = cursor;\n          var result = interpolation(mergedProps);\n          cursor = previousCursor;\n          return handleInterpolation(mergedProps, registered, result, couldBeSelectorInterpolation);\n        } else if (process.env.NODE_ENV !== 'production') {\n          console.error('Functions that are interpolated in css calls will be stringified.\\n' + 'If you want to have a css call based on props, create a function that returns a css call like this\\n' + 'let dynamicStyle = (props) => css`color: ${props.color}`\\n' + 'It can be called directly with props or interpolated in a styled call like this\\n' + \"let SomeComponent = styled('div')`${dynamicStyle}`\");\n        }\n\n        break;\n      }\n\n    case 'string':\n      if (process.env.NODE_ENV !== 'production') {\n        var matched = [];\n        var replaced = interpolation.replace(animationRegex, function (match, p1, p2) {\n          var fakeVarName = \"animation\" + matched.length;\n          matched.push(\"const \" + fakeVarName + \" = keyframes`\" + p2.replace(/^@keyframes animation-\\w+/, '') + \"`\");\n          return \"${\" + fakeVarName + \"}\";\n        });\n\n        if (matched.length) {\n          console.error('`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\n' + 'Instead of doing this:\\n\\n' + [].concat(matched, [\"`\" + replaced + \"`\"]).join('\\n') + '\\n\\nYou should wrap it with `css` like this:\\n\\n' + (\"css`\" + replaced + \"`\"));\n        }\n      }\n\n      break;\n  } // finalize string values (regular strings and functions interpolated into css calls)\n\n\n  if (registered == null) {\n    return interpolation;\n  }\n\n  var cached = registered[interpolation];\n\n  if (process.env.NODE_ENV !== 'production' && couldBeSelectorInterpolation && shouldWarnAboutInterpolatingClassNameFromCss && cached !== undefined) {\n    console.error('Interpolating a className from css`` is not recommended and will cause problems with composition.\\n' + 'Interpolating a className from css`` will be completely unsupported in a future major version of Emotion');\n    shouldWarnAboutInterpolatingClassNameFromCss = false;\n  }\n\n  return cached !== undefined && !couldBeSelectorInterpolation ? cached : interpolation;\n}\n\nfunction createStringFromObject(mergedProps, registered, obj) {\n  var string = '';\n\n  if (Array.isArray(obj)) {\n    for (var i = 0; i < obj.length; i++) {\n      string += handleInterpolation(mergedProps, registered, obj[i], false);\n    }\n  } else {\n    for (var _key in obj) {\n      var value = obj[_key];\n\n      if (typeof value !== 'object') {\n        if (registered != null && registered[value] !== undefined) {\n          string += _key + \"{\" + registered[value] + \"}\";\n        } else if (isProcessableValue(value)) {\n          string += processStyleName(_key) + \":\" + processStyleValue(_key, value) + \";\";\n        }\n      } else {\n        if (_key === 'NO_COMPONENT_SELECTOR' && process.env.NODE_ENV !== 'production') {\n          throw new Error('Component selectors can only be used in conjunction with babel-plugin-emotion.');\n        }\n\n        if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {\n          for (var _i = 0; _i < value.length; _i++) {\n            if (isProcessableValue(value[_i])) {\n              string += processStyleName(_key) + \":\" + processStyleValue(_key, value[_i]) + \";\";\n            }\n          }\n        } else {\n          var interpolated = handleInterpolation(mergedProps, registered, value, false);\n\n          switch (_key) {\n            case 'animation':\n            case 'animationName':\n              {\n                string += processStyleName(_key) + \":\" + interpolated + \";\";\n                break;\n              }\n\n            default:\n              {\n                if (process.env.NODE_ENV !== 'production' && _key === 'undefined') {\n                  console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);\n                }\n\n                string += _key + \"{\" + interpolated + \"}\";\n              }\n          }\n        }\n      }\n    }\n  }\n\n  return string;\n}\n\nvar labelPattern = /label:\\s*([^\\s;\\n{]+)\\s*;/g;\nvar sourceMapPattern;\n\nif (process.env.NODE_ENV !== 'production') {\n  sourceMapPattern = /\\/\\*#\\ssourceMappingURL=data:application\\/json;\\S+\\s+\\*\\//;\n} // this is the cursor for keyframes\n// keyframes are stored on the SerializedStyles object as a linked list\n\n\nvar cursor;\nvar serializeStyles = function serializeStyles(args, registered, mergedProps) {\n  if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {\n    return args[0];\n  }\n\n  var stringMode = true;\n  var styles = '';\n  cursor = undefined;\n  var strings = args[0];\n\n  if (strings == null || strings.raw === undefined) {\n    stringMode = false;\n    styles += handleInterpolation(mergedProps, registered, strings, false);\n  } else {\n    if (process.env.NODE_ENV !== 'production' && strings[0] === undefined) {\n      console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n    }\n\n    styles += strings[0];\n  } // we start at 1 since we've already handled the first arg\n\n\n  for (var i = 1; i < args.length; i++) {\n    styles += handleInterpolation(mergedProps, registered, args[i], styles.charCodeAt(styles.length - 1) === 46);\n\n    if (stringMode) {\n      if (process.env.NODE_ENV !== 'production' && strings[i] === undefined) {\n        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n      }\n\n      styles += strings[i];\n    }\n  }\n\n  var sourceMap;\n\n  if (process.env.NODE_ENV !== 'production') {\n    styles = styles.replace(sourceMapPattern, function (match) {\n      sourceMap = match;\n      return '';\n    });\n  } // using a global regex with .exec is stateful so lastIndex has to be reset each time\n\n\n  labelPattern.lastIndex = 0;\n  var identifierName = '';\n  var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5\n\n  while ((match = labelPattern.exec(styles)) !== null) {\n    identifierName += '-' + // $FlowFixMe we know it's not null\n    match[1];\n  }\n\n  var name = hashString(styles) + identifierName;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)\n    return {\n      name: name,\n      styles: styles,\n      map: sourceMap,\n      next: cursor,\n      toString: function toString() {\n        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).\";\n      }\n    };\n  }\n\n  return {\n    name: name,\n    styles: styles,\n    next: cursor\n  };\n};\n\nexport { serializeStyles };\n"],"names":["ILLEGAL_ESCAPE_SEQUENCE_ERROR","UNDEFINED_AS_OBJECT_KEY_ERROR","hyphenateRegex","animationRegex","isCustomProperty","property","isProcessableValue","value","processStyleName","memoize","styleName","processStyleValue","key","match","p1","p2","cursor","unitless","contentValuePattern","contentValues","oldProcessStyleValue","msPattern","hyphenPattern","hyphenatedCache","processed","str","_char","shouldWarnAboutInterpolatingClassNameFromCss","handleInterpolation","mergedProps","registered","interpolation","couldBeSelectorInterpolation","next","styles","createStringFromObject","previousCursor","result","matched","replaced","fakeVarName","cached","obj","string","i","_key","_i","interpolated","labelPattern","sourceMapPattern","serializeStyles","args","stringMode","strings","sourceMap","identifierName","name","hashString"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/sd-component-library209.js

@@ -1,6 +1,18 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
-export {
-  e as ReactComponent
-};
+import { r as t } from "./sd-component-library286.js";
+var r = t, p = {
+  $$typeof: !0,
+  render: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0
+}, a = {
+  $$typeof: !0,
+  compare: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0,
+  type: !0
+}, e = {};
+e[r.ForwardRef] = p;
+e[r.Memo] = a;
 //# sourceMappingURL=sd-component-library209.js.map

package/lib/sd-component-library209.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library209.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library209.js","sources":["../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"],"sourcesContent":["'use strict';\n\nvar reactIs = require('react-is');\n\n/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\nvar REACT_STATICS = {\n  childContextTypes: true,\n  contextType: true,\n  contextTypes: true,\n  defaultProps: true,\n  displayName: true,\n  getDefaultProps: true,\n  getDerivedStateFromError: true,\n  getDerivedStateFromProps: true,\n  mixins: true,\n  propTypes: true,\n  type: true\n};\nvar KNOWN_STATICS = {\n  name: true,\n  length: true,\n  prototype: true,\n  caller: true,\n  callee: true,\n  arguments: true,\n  arity: true\n};\nvar FORWARD_REF_STATICS = {\n  '$$typeof': true,\n  render: true,\n  defaultProps: true,\n  displayName: true,\n  propTypes: true\n};\nvar MEMO_STATICS = {\n  '$$typeof': true,\n  compare: true,\n  defaultProps: true,\n  displayName: true,\n  propTypes: true,\n  type: true\n};\nvar TYPE_STATICS = {};\nTYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;\nTYPE_STATICS[reactIs.Memo] = MEMO_STATICS;\n\nfunction getStatics(component) {\n  // React v16.11 and below\n  if (reactIs.isMemo(component)) {\n    return MEMO_STATICS;\n  } // React v16.12 and above\n\n\n  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;\n}\n\nvar defineProperty = Object.defineProperty;\nvar getOwnPropertyNames = Object.getOwnPropertyNames;\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar getPrototypeOf = Object.getPrototypeOf;\nvar objectPrototype = Object.prototype;\nfunction hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {\n  if (typeof sourceComponent !== 'string') {\n    // don't hoist over string (html) components\n    if (objectPrototype) {\n      var inheritedComponent = getPrototypeOf(sourceComponent);\n\n      if (inheritedComponent && inheritedComponent !== objectPrototype) {\n        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);\n      }\n    }\n\n    var keys = getOwnPropertyNames(sourceComponent);\n\n    if (getOwnPropertySymbols) {\n      keys = keys.concat(getOwnPropertySymbols(sourceComponent));\n    }\n\n    var targetStatics = getStatics(targetComponent);\n    var sourceStatics = getStatics(sourceComponent);\n\n    for (var i = 0; i < keys.length; ++i) {\n      var key = keys[i];\n\n      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {\n        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);\n\n        try {\n          // Avoid failures from read-only properties\n          defineProperty(targetComponent, key, descriptor);\n        } catch (e) {}\n      }\n    }\n  }\n\n  return targetComponent;\n}\n\nmodule.exports = hoistNonReactStatics;\n"],"names":["reactIs","require$$0","FORWARD_REF_STATICS","MEMO_STATICS","TYPE_STATICS"],"mappings":";AAEA,IAAIA,IAAUC,GA4BVC,IAAsB;AAAA,EACxB,UAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,WAAW;AACb,GACIC,IAAe;AAAA,EACjB,UAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,WAAW;AAAA,EACX,MAAM;AACR,GACIC,IAAe,CAAA;AACnBA,EAAaJ,EAAQ,UAAU,IAAIE;AACnCE,EAAaJ,EAAQ,IAAI,IAAIG;","x_google_ignoreList":[0]}

package/lib/sd-component-library210.js

@@ -1,38 +1,6 @@
-import { j as t } from "./sd-component-library195.js";
-import { Crumb as c } from "./sd-component-library19.js";
-const l = (s, h, p) => s.map(({
-  title: e,
-  dontTranslate: r,
-  onClick: u
-}, o) => /* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
-  title: e,
-  dontTranslate: r
-}, isLast: o === s.length - 1, textTransform: p, onClick: u }, e + o)), a = (s, h, p) => {
-  const e = [];
-  return s.slice(0, 2).forEach(({
-    title: r,
-    dontTranslate: u,
-    onClick: o
-  }, m) => {
-    e.push(/* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
-      title: r,
-      dontTranslate: u
-    }, isLast: !1, textTransform: p, onClick: o }, r + m));
-  }), e.push(/* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
-    title: "..."
-  }, isLast: !1, textTransform: p }, "...")), s.slice(s.length - 2, s.length).forEach(({
-    title: r,
-    onClick: u,
-    dontTranslate: o
-  }, m) => {
-    e.push(/* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
-      title: r,
-      dontTranslate: o
-    }, isLast: m === 1, textTransform: p, onClick: u }, r + m));
-  }), e;
-};
+import * as t from "react";
+const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
 export {
-  a as renderMoreThanFiveCrumbs,
-  l as renderUpToFiveCrumbs
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library210.js.map

package/lib/sd-component-library210.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library210.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","map","title","dontTranslate","onClick","index","jsx","Crumb","length","renderMoreThanFiveCrumbs","elements","slice","forEach","push"],"mappings":";;AAIO,MAAMA,IAAuBA,CAClCC,GACAC,GACAC,MAEOF,EAAOG,IAAI,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,eAAAA;AAAAA,EAAeC,SAAAA;AAAWC,GAAAA,MACnDC,gBAAAA,EAAA,IAAAC,GAAA,EACC,SAAAR,GACA,OAAO;AAAA,EAAEG,OAAAA;AAAAA,EAAOC,eAAAA;AAAc,GAC9B,QAAQE,MAAUP,EAAOU,SAAS,GAElC,eAAAR,GACA,SAAAI,EAAA,GAFKF,IAAQG,EAIhB,GAGUI,IAA2BA,CACtCX,GACAC,GACAC,MACG;AACH,QAAMU,IAA0B,CAAA;AAEhCZ,SAAAA,EACGa,MAAM,GAAG,CAAC,EACVC,QAAQ,CAAC;AAAA,IAAEV,OAAAA;AAAAA,IAAOC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,KAAWC,MAAwB;AACnEK,IAAAA,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,MAAEG,OAAAA;AAAAA,MAAOC,eAAAA;AAAAA,IAAAA,GAChB,QAAQ,IAER,eAAAH,GACA,SAAAI,EAFKF,GAAAA,IAAQG,CAEI,CAErB;AAAA,EAAA,CACD,GACHK,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,IAAEG,OAAO;AAAA,EAChB,GAAA,QAAQ,IACR,eAAAF,EAAA,GACI,MAER,GAGGW,EAAAA,MAAMb,EAAOU,SAAS,GAAGV,EAAOU,MAAM,EACtCI,QAAQ,CAAC;AAAA,IAAEV,OAAAA;AAAAA,IAAOE,SAAAA;AAAAA,IAASD,eAAAA;AAAAA,KAAiBE,MAAwB;AACnEK,IAAAA,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,MAAEG,OAAAA;AAAAA,MAAOC,eAAAA;AAAAA,IAAAA,GAChB,QAAQE,MAAU,GAElB,eAAAL,GACA,SAAAI,KAFKF,IAAQG,EAIjB;AAAA,EAAA,CACD,GACIK;AACT;"}
+{"version":3,"file":"sd-component-library210.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}

package/lib/sd-component-library211.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Box as m } from "./sd-component-library198.js";
+import "./sd-component-library198.js";
+import { Box as m } from "./sd-component-library199.js";
 import { ReactComponent as p } from "./sd-component-library180.js";
 const x = (t) => {
   const {

package/lib/sd-component-library212.js

@@ -1,6 +1,6 @@
 import r, { forwardRef as l } from "react";
-import { Flex as m, Box as c } from "./sd-component-library293.js";
-import { props as v } from "./sd-component-library294.js";
+import { Flex as m, Box as c } from "./sd-component-library294.js";
+import { props as v } from "./sd-component-library295.js";
 function i() {
   return i = Object.assign || function(e) {
     for (var t = 1; t < arguments.length; t++) {

package/lib/sd-component-library216.js

@@ -1,51 +1,38 @@
-import { j as r } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { useHover as k } from "./sd-component-library3.js";
-import { isTouchScreen as S } from "./sd-component-library4.js";
-import { FlexItemsCenter as j, FlexCenter as v } from "./sd-component-library37.js";
-import { Box as n } from "./sd-component-library198.js";
-const z = "10px", e = "20px", B = "5px", F = ({
-  disabled: o,
-  containerSx: x,
-  showHoverCheckbox: c,
-  bg: s,
-  showBGColorWhenIdle: l,
-  disabledColor: p = "cl_grey",
-  color: d = "cl_blue",
-  children: h,
-  showInnerBox: m,
-  onClick: a,
-  borderWidth: u = "2px",
-  innerBoxSx: C
-}) => {
-  const {
-    isHover: b,
-    hoverCallbacks: f
-  } = k(), i = b || !c || S(), t = o ? p : d;
-  return /* @__PURE__ */ r.jsxs(j, { onClick: o ? void 0 : a, sx: {
-    cursor: o ? "default" : "pointer",
-    gap: "10px",
-    ...x
-  }, ...f, children: [
-    /* @__PURE__ */ r.jsx(n, { size: e, sx: {
-      flexShrink: 0
-    }, children: /* @__PURE__ */ r.jsx(v, { width: i ? e : B, height: e, bg: l && i ? "" : s, sx: {
-      flexShrink: 0,
-      borderRadius: "3px",
-      borderWidth: u,
-      borderColor: t,
-      borderStyle: "solid",
-      transition: "width 0.1s ease-in"
-    }, children: m && /* @__PURE__ */ r.jsx(n, { sx: {
-      border: `calc(${z} / 2) solid`,
-      borderColor: t,
-      borderRadius: "2px",
-      ...C
-    } }) }) }),
-    h
-  ] });
+import { j as t } from "./sd-component-library195.js";
+import { Crumb as c } from "./sd-component-library19.js";
+const l = (s, h, p) => s.map(({
+  title: e,
+  dontTranslate: r,
+  onClick: u
+}, o) => /* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
+  title: e,
+  dontTranslate: r
+}, isLast: o === s.length - 1, textTransform: p, onClick: u }, e + o)), a = (s, h, p) => {
+  const e = [];
+  return s.slice(0, 2).forEach(({
+    title: r,
+    dontTranslate: u,
+    onClick: o
+  }, m) => {
+    e.push(/* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
+      title: r,
+      dontTranslate: u
+    }, isLast: !1, textTransform: p, onClick: o }, r + m));
+  }), e.push(/* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
+    title: "..."
+  }, isLast: !1, textTransform: p }, "...")), s.slice(s.length - 2, s.length).forEach(({
+    title: r,
+    onClick: u,
+    dontTranslate: o
+  }, m) => {
+    e.push(/* @__PURE__ */ t.jsx(c, { variant: h, crumb: {
+      title: r,
+      dontTranslate: o
+    }, isLast: m === 1, textTransform: p, onClick: u }, r + m));
+  }), e;
 };
 export {
-  F as CheckboxV2Container
+  a as renderMoreThanFiveCrumbs,
+  l as renderUpToFiveCrumbs
 };
 //# sourceMappingURL=sd-component-library216.js.map

package/lib/sd-component-library216.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library216.js","sources":["../src/components/checkboxes/checkbox-v2/partials/checkbox-v2-container/checkbox-v2-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../../../containers\";\nimport { CheckboxV2ContainerProps as Props } from \"./interfaces\";\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<Props> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius: \"3px\",\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["innerBoxSize","outerBoxSize","shrankSize","CheckboxV2Container","disabled","containerSx","showHoverCheckbox","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","onClick","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","FlexItemsCenter","undefined","cursor","gap","jsx","Box","flexShrink","FlexCenter","borderRadius","borderColor","borderStyle","transition","border"],"mappings":";;;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuCA,CAAC;AAAA,EACnDC,UAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,UAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,YAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS,GACvCC,IAAqBH,KAAW,CAACV,KAAqBc,EAAc,GACpEC,IAAejB,IAAWK,IAAgBC;AAEhD,gCACGY,GACC,EAAA,SAASlB,IAAWmB,SAAYV,GAChC,IAAI;AAAA,IACFW,QAAQpB,IAAW,YAAY;AAAA,IAC/BqB,KAAK;AAAA,IACL,GAAGpB;AAAAA,EAAAA,GAEDY,GAAAA,GAEJ,UAAA;AAAA,IAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,MAAM1B,GAAc,IAAI;AAAA,MAAE2B,YAAY;AAAA,IAAA,GACzC,UAAAF,gBAAAA,EAAAA,IAACG,GACC,EAAA,OAAOV,IAAqBlB,IAAeC,GAC3C,QAAQD,GACR,IAAIO,KAAuBW,IAAqB,KAAWZ,GAC3D,IAAI;AAAA,MACFqB,YAAY;AAAA,MACZE,cAAc;AAAA,MACdhB,aAAAA;AAAAA,MACAiB,aAAaV;AAAAA,MACbW,aAAa;AAAA,MACbC,YAAY;AAAA,IAGbrB,GAAAA,UAAAA,KACEc,gBAAAA,EAAA,IAAAC,GAAA,EACC,IAAI;AAAA,MACFO,QAAS,QAAOlC,CAAa;AAAA,MAC7B+B,aAAaV;AAAAA,MACbS,cAAc;AAAA,MACd,GAAGf;AAAAA,IAAAA,EAGR,CAAA,EACH,CAAA,GACF;AAAA,IAECJ;AAAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library216.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","map","title","dontTranslate","onClick","index","jsx","Crumb","length","renderMoreThanFiveCrumbs","elements","slice","forEach","push"],"mappings":";;AAIO,MAAMA,IAAuBA,CAClCC,GACAC,GACAC,MAEOF,EAAOG,IAAI,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,eAAAA;AAAAA,EAAeC,SAAAA;AAAWC,GAAAA,MACnDC,gBAAAA,EAAA,IAAAC,GAAA,EACC,SAAAR,GACA,OAAO;AAAA,EAAEG,OAAAA;AAAAA,EAAOC,eAAAA;AAAc,GAC9B,QAAQE,MAAUP,EAAOU,SAAS,GAElC,eAAAR,GACA,SAAAI,EAAA,GAFKF,IAAQG,EAIhB,GAGUI,IAA2BA,CACtCX,GACAC,GACAC,MACG;AACH,QAAMU,IAA0B,CAAA;AAEhCZ,SAAAA,EACGa,MAAM,GAAG,CAAC,EACVC,QAAQ,CAAC;AAAA,IAAEV,OAAAA;AAAAA,IAAOC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,KAAWC,MAAwB;AACnEK,IAAAA,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,MAAEG,OAAAA;AAAAA,MAAOC,eAAAA;AAAAA,IAAAA,GAChB,QAAQ,IAER,eAAAH,GACA,SAAAI,EAFKF,GAAAA,IAAQG,CAEI,CAErB;AAAA,EAAA,CACD,GACHK,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,IAAEG,OAAO;AAAA,EAChB,GAAA,QAAQ,IACR,eAAAF,EAAA,GACI,MAER,GAGGW,EAAAA,MAAMb,EAAOU,SAAS,GAAGV,EAAOU,MAAM,EACtCI,QAAQ,CAAC;AAAA,IAAEV,OAAAA;AAAAA,IAAOE,SAAAA;AAAAA,IAASD,eAAAA;AAAAA,KAAiBE,MAAwB;AACnEK,IAAAA,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,MAAEG,OAAAA;AAAAA,MAAOC,eAAAA;AAAAA,IAAAA,GAChB,QAAQE,MAAU,GAElB,eAAAL,GACA,SAAAI,KAFKF,IAAQG,EAIjB;AAAA,EAAA,CACD,GACIK;AACT;"}

package/lib/sd-component-library217.js

@@ -1,16 +1,51 @@
-import { j as i } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Box as s } from "./sd-component-library198.js";
-const p = ({
-  color: r = "cl_lightGrey",
-  sx: t,
-  ...o
-}) => /* @__PURE__ */ i.jsx(s, { sx: {
-  bg: r,
-  ...o,
-  ...t
-}, "data-test": "divider" });
+import { j as r } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { useHover as k } from "./sd-component-library3.js";
+import { isTouchScreen as S } from "./sd-component-library4.js";
+import { FlexItemsCenter as j, FlexCenter as v } from "./sd-component-library37.js";
+import { Box as n } from "./sd-component-library199.js";
+const z = "10px", e = "20px", B = "5px", F = ({
+  disabled: o,
+  containerSx: x,
+  showHoverCheckbox: c,
+  bg: s,
+  showBGColorWhenIdle: l,
+  disabledColor: p = "cl_grey",
+  color: d = "cl_blue",
+  children: h,
+  showInnerBox: m,
+  onClick: a,
+  borderWidth: u = "2px",
+  innerBoxSx: C
+}) => {
+  const {
+    isHover: b,
+    hoverCallbacks: f
+  } = k(), i = b || !c || S(), t = o ? p : d;
+  return /* @__PURE__ */ r.jsxs(j, { onClick: o ? void 0 : a, sx: {
+    cursor: o ? "default" : "pointer",
+    gap: "10px",
+    ...x
+  }, ...f, children: [
+    /* @__PURE__ */ r.jsx(n, { size: e, sx: {
+      flexShrink: 0
+    }, children: /* @__PURE__ */ r.jsx(v, { width: i ? e : B, height: e, bg: l && i ? "" : s, sx: {
+      flexShrink: 0,
+      borderRadius: "3px",
+      borderWidth: u,
+      borderColor: t,
+      borderStyle: "solid",
+      transition: "width 0.1s ease-in"
+    }, children: m && /* @__PURE__ */ r.jsx(n, { sx: {
+      border: `calc(${z} / 2) solid`,
+      borderColor: t,
+      borderRadius: "2px",
+      ...C
+    } }) }) }),
+    h
+  ] });
+};
 export {
-  p as Divider
+  F as CheckboxV2Container
 };
 //# sourceMappingURL=sd-component-library217.js.map

package/lib/sd-component-library217.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library217.js","sources":["../src/components/dividers/divider/divider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DividerProps as Props } from \"./interfaces\";\n\n/**\n * Base divider component. Other divider components should be built from this.\n */\nexport const Divider: React.FC<Props> = ({\n  color = \"cl_lightGrey\",\n  sx,\n  ...props\n}) => {\n  return (\n    <Box\n      sx={{\n        bg: color,\n        ...props,\n        ...sx,\n      }}\n      data-test=\"divider\"\n    />\n  );\n};\n"],"names":["Divider","color","sx","props","jsx","Box","bg"],"mappings":";;;AASO,MAAMA,IAA2BA,CAAC;AAAA,EACvCC,OAAAA,IAAQ;AAAA,EACRC,IAAAA;AAAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,EACFC,IAAIL;AAAAA,EACJ,GAAGE;AAAAA,EACH,GAAGD;AAAAA,GAEL,aAAU,UACV,CAAA;"}
+{"version":3,"file":"sd-component-library217.js","sources":["../src/components/checkboxes/checkbox-v2/partials/checkbox-v2-container/checkbox-v2-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../../../containers\";\nimport { CheckboxV2ContainerProps as Props } from \"./interfaces\";\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<Props> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius: \"3px\",\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["innerBoxSize","outerBoxSize","shrankSize","CheckboxV2Container","disabled","containerSx","showHoverCheckbox","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","onClick","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","FlexItemsCenter","undefined","cursor","gap","jsx","Box","flexShrink","FlexCenter","borderRadius","borderColor","borderStyle","transition","border"],"mappings":";;;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuCA,CAAC;AAAA,EACnDC,UAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,UAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,YAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS,GACvCC,IAAqBH,KAAW,CAACV,KAAqBc,EAAc,GACpEC,IAAejB,IAAWK,IAAgBC;AAEhD,gCACGY,GACC,EAAA,SAASlB,IAAWmB,SAAYV,GAChC,IAAI;AAAA,IACFW,QAAQpB,IAAW,YAAY;AAAA,IAC/BqB,KAAK;AAAA,IACL,GAAGpB;AAAAA,EAAAA,GAEDY,GAAAA,GAEJ,UAAA;AAAA,IAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,MAAM1B,GAAc,IAAI;AAAA,MAAE2B,YAAY;AAAA,IAAA,GACzC,UAAAF,gBAAAA,EAAAA,IAACG,GACC,EAAA,OAAOV,IAAqBlB,IAAeC,GAC3C,QAAQD,GACR,IAAIO,KAAuBW,IAAqB,KAAWZ,GAC3D,IAAI;AAAA,MACFqB,YAAY;AAAA,MACZE,cAAc;AAAA,MACdhB,aAAAA;AAAAA,MACAiB,aAAaV;AAAAA,MACbW,aAAa;AAAA,MACbC,YAAY;AAAA,IAGbrB,GAAAA,UAAAA,KACEc,gBAAAA,EAAA,IAAAC,GAAA,EACC,IAAI;AAAA,MACFO,QAAS,QAAOlC,CAAa;AAAA,MAC7B+B,aAAaV;AAAAA,MACbS,cAAc;AAAA,MACd,GAAGf;AAAAA,IAAAA,EAGR,CAAA,EACH,CAAA,GACF;AAAA,IAECJ;AAAAA,EACH,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library218.js

@@ -1,26 +1,16 @@
-import { j as e } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Box as t } from "./sd-component-library198.js";
-import { TwentyFourBold as d } from "./sd-component-library158.js";
-import { MaxMaxContainer as p } from "./sd-component-library43.js";
-const f = (o) => {
-  const {
-    title: i,
-    renderNegativeOption: a,
-    renderPositiveOption: n,
-    onPositiveFeedback: r,
-    onNegativeFeedback: s,
-    optionSelected: c
-  } = o;
-  return /* @__PURE__ */ e.jsxs(t, { "data-test": "base-boolean-feedback", children: [
-    /* @__PURE__ */ e.jsx(d, { "data-test": "feedback-title", children: i }),
-    /* @__PURE__ */ e.jsxs(p, { mt: ["20px"], gap: ["20px"], children: [
-      /* @__PURE__ */ e.jsx(t, { "data-test": "positive-option-container", children: n(r) }),
-      /* @__PURE__ */ e.jsx(t, { "data-test": "negative-option-container", children: a(s) })
-    ] })
-  ] });
-};
+import { j as i } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as s } from "./sd-component-library199.js";
+const p = ({
+  color: r = "cl_lightGrey",
+  sx: t,
+  ...o
+}) => /* @__PURE__ */ i.jsx(s, { sx: {
+  bg: r,
+  ...o,
+  ...t
+}, "data-test": "divider" });
 export {
-  f as BaseBooleanFeedback
+  p as Divider
 };
 //# sourceMappingURL=sd-component-library218.js.map

package/lib/sd-component-library218.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library218.js","sources":["../src/components/boolean-feedback/base-boolean-feedback/base-boolean-feedback.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { TwentyFourBold } from \"../../texts/twenty-four-bold\";\nimport { BaseBooleanFeedbackProps } from \"./interfaces\";\n\n/**\n *  BaseBooleanFeedback component.\n */\nexport const BaseBooleanFeedback = (\n  props: BaseBooleanFeedbackProps\n): React.ReactElement<BaseBooleanFeedbackProps> => {\n  const {\n    title,\n    renderNegativeOption,\n    renderPositiveOption,\n    onPositiveFeedback,\n    onNegativeFeedback,\n    optionSelected,\n  } = props;\n\n  return (\n    <Box data-test=\"base-boolean-feedback\">\n      <TwentyFourBold data-test=\"feedback-title\">{title}</TwentyFourBold>\n      <MaxMaxContainer mt={[\"20px\"]} gap={[\"20px\"]}>\n        <Box data-test=\"positive-option-container\">\n          {renderPositiveOption(onPositiveFeedback)}\n        </Box>\n        <Box data-test=\"negative-option-container\">\n          {renderNegativeOption(onNegativeFeedback)}\n        </Box>\n      </MaxMaxContainer>\n    </Box>\n  );\n};\n"],"names":["BaseBooleanFeedback","props","title","renderNegativeOption","renderPositiveOption","onPositiveFeedback","onNegativeFeedback","optionSelected","jsxs","Box","jsx","TwentyFourBold","MaxMaxContainer"],"mappings":";;;;;AAWaA,MAAAA,IAAsBA,CACjCC,MACiD;AAC3C,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,sBAAAA;AAAAA,IACAC,sBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EACEN,IAAAA;AAGF,SAAAO,gBAAAA,EAAA,KAACC,GAAI,EAAA,aAAU,yBACb,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAe,aAAU,kBAAkBT,UAAMA,GAAA;AAAA,IAClDM,gBAAAA,OAACI,KAAgB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GACzC,UAAA;AAAA,MAAAF,gBAAAA,MAACD,GAAI,EAAA,aAAU,6BACZL,UAAAA,EAAqBC,CAAkB,GAC1C;AAAA,4BACCI,GAAI,EAAA,aAAU,6BACZN,UAAAA,EAAqBG,CAAkB,GAC1C;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library218.js","sources":["../src/components/dividers/divider/divider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DividerProps as Props } from \"./interfaces\";\n\n/**\n * Base divider component. Other divider components should be built from this.\n */\nexport const Divider: React.FC<Props> = ({\n  color = \"cl_lightGrey\",\n  sx,\n  ...props\n}) => {\n  return (\n    <Box\n      sx={{\n        bg: color,\n        ...props,\n        ...sx,\n      }}\n      data-test=\"divider\"\n    />\n  );\n};\n"],"names":["Divider","color","sx","props","jsx","Box","bg"],"mappings":";;;AASO,MAAMA,IAA2BA,CAAC;AAAA,EACvCC,OAAAA,IAAQ;AAAA,EACRC,IAAAA;AAAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,EACFC,IAAIL;AAAAA,EACJ,GAAGE;AAAAA,EACH,GAAGD;AAAAA,GAEL,aAAU,UACV,CAAA;"}