@selfdecode/sd-component-library 4.0.73-vite16 → 4.0.73-vite17

package/lib/sd-component-library210.js

@@ -1,372 +1,38 @@
-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";
-function i() {
-  return i = Object.assign || function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
-    }
-    return e;
-  }, i.apply(this, arguments);
-}
-function d(e, t) {
-  if (e == null)
-    return {};
-  var n = g(e, t), a, o;
-  if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < s.length; o++)
-      a = s[o], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
-  }
-  return n;
-}
-function g(e, t) {
-  if (e == null)
-    return {};
-  var n = {}, a = Object.keys(e), o, s;
-  for (s = 0; s < a.length; s++)
-    o = a[s], !(t.indexOf(o) >= 0) && (n[o] = e[o]);
-  return n;
-}
-function x(e) {
-  return k(e) || E(e) || y();
-}
-function y() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
-}
-function E(e) {
-  if (Symbol.iterator in Object(e) || Object.prototype.toString.call(e) === "[object Arguments]")
-    return Array.from(e);
-}
-function k(e) {
-  if (Array.isArray(e)) {
-    for (var t = 0, n = new Array(e.length); t < e.length; t++)
-      n[t] = e[t];
-    return n;
-  }
-}
-var w = [].concat(x(v), ["sx", "variant"]), _ = new RegExp("^(".concat(w.join("|"), ")$")), f = /^m[trblxy]?$/, h = function(t) {
-  return function(n) {
-    var a = {};
-    for (var o in n)
-      t(o || "") && (a[o] = n[o]);
-    return a;
-  };
-}, b = h(function(e) {
-  return _.test(e);
-}), R = h(function(e) {
-  return f.test(e);
-}), z = h(function(e) {
-  return !f.test(e);
-}), p = function(t) {
-  t.size;
-  var n = d(t, ["size"]);
-  return r.createElement(c, i({
-    as: "svg",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    fill: "currentcolor"
-  }, n));
-}, F = l(function(e, t) {
-  return r.createElement(m, i({
-    ref: t,
-    as: "label",
-    tx: "forms",
-    variant: "label"
-  }, e, {
-    __css: {
-      width: "100%"
-    }
-  }));
-}), V = l(function(e, t) {
-  return r.createElement(c, i({
-    ref: t,
-    as: "input",
-    type: "text",
-    tx: "forms",
-    variant: "input"
-  }, e, {
-    __css: {
-      display: "block",
-      width: "100%",
-      p: 2,
-      appearance: "none",
-      fontSize: "inherit",
-      lineHeight: "inherit",
-      border: "1px solid",
-      borderRadius: "default",
-      color: "inherit",
-      bg: "transparent"
-    }
-  }));
-}), C = function(t) {
-  return r.createElement(p, t, r.createElement("path", {
-    d: "M7 10l5 5 5-5z"
-  }));
-}, L = l(function(e, t) {
-  return r.createElement(m, R(e), r.createElement(c, i({
-    ref: t,
-    as: "select",
-    tx: "forms",
-    variant: "select"
-  }, z(e), {
-    __css: {
-      display: "block",
-      width: "100%",
-      p: 2,
-      appearance: "none",
-      fontSize: "inherit",
-      lineHeight: "inherit",
-      border: "1px solid",
-      borderRadius: "default",
-      color: "inherit",
-      bg: "transparent"
-    }
-  })), r.createElement(C, {
-    sx: {
-      ml: -28,
-      alignSelf: "center",
-      pointerEvents: "none"
-    }
-  }));
-});
-l(function(e, t) {
-  return r.createElement(c, i({
-    ref: t,
-    as: "textarea",
-    tx: "forms",
-    variant: "textarea"
-  }, e, {
-    __css: {
-      display: "block",
-      width: "100%",
-      p: 2,
-      appearance: "none",
-      fontSize: "inherit",
-      lineHeight: "inherit",
-      border: "1px solid",
-      borderRadius: "default",
-      color: "inherit",
-      bg: "transparent"
-    }
-  }));
-});
-var S = function(t) {
-  return r.createElement(p, t, r.createElement("path", {
-    d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-  }));
-}, O = function(t) {
-  return r.createElement(p, t, r.createElement("path", {
-    d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-  }));
-}, P = function(t) {
-  return r.createElement(r.Fragment, null, r.createElement(S, i({}, t, {
-    __css: {
-      display: "none",
-      "input:checked ~ &": {
-        display: "block"
-      }
-    }
-  })), r.createElement(O, i({}, t, {
-    __css: {
-      display: "block",
-      "input:checked ~ &": {
-        display: "none"
-      }
-    }
-  })));
+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;
 };
-l(function(e, t) {
-  var n = e.className, a = e.sx, o = e.variant, s = o === void 0 ? "radio" : o, u = d(e, ["className", "sx", "variant"]);
-  return r.createElement(c, null, r.createElement(c, i({
-    ref: t,
-    as: "input",
-    type: "radio"
-  }, u, {
-    sx: {
-      position: "absolute",
-      opacity: 0,
-      zIndex: -1,
-      width: 1,
-      height: 1,
-      overflow: "hidden"
-    }
-  })), r.createElement(c, i({
-    as: P,
-    "aria-hidden": "true",
-    tx: "forms",
-    variant: s,
-    className: n,
-    sx: a
-  }, b(u), {
-    __css: {
-      mr: 2,
-      borderRadius: 9999,
-      color: "gray",
-      "input:checked ~ &": {
-        color: "primary"
-      },
-      "input:focus ~ &": {
-        bg: "highlight"
-      }
-    }
-  })));
-});
-var j = function(t) {
-  return r.createElement(p, t, r.createElement("path", {
-    d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-  }));
-}, I = function(t) {
-  return r.createElement(p, t, r.createElement("path", {
-    d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-  }));
-}, A = function(t) {
-  return r.createElement(r.Fragment, null, r.createElement(j, i({}, t, {
-    __css: {
-      display: "none",
-      "input:checked ~ &": {
-        display: "block"
-      }
-    }
-  })), r.createElement(I, i({}, t, {
-    __css: {
-      display: "block",
-      "input:checked ~ &": {
-        display: "none"
-      }
-    }
-  })));
-};
-l(function(e, t) {
-  var n = e.className, a = e.sx, o = e.variant, s = o === void 0 ? "checkbox" : o, u = d(e, ["className", "sx", "variant"]);
-  return r.createElement(c, null, r.createElement(c, i({
-    ref: t,
-    as: "input",
-    type: "checkbox"
-  }, u, {
-    sx: {
-      position: "absolute",
-      opacity: 0,
-      zIndex: -1,
-      width: 1,
-      height: 1,
-      overflow: "hidden"
-    }
-  })), r.createElement(c, i({
-    as: A,
-    "aria-hidden": "true",
-    tx: "forms",
-    variant: s,
-    className: n,
-    sx: a
-  }, b(u), {
-    __css: {
-      mr: 2,
-      borderRadius: 4,
-      color: "gray",
-      "input:checked ~ &": {
-        color: "primary"
-      },
-      "input:focus ~ &": {
-        color: "primary",
-        bg: "highlight"
-      }
-    }
-  })));
-});
-l(function(e, t) {
-  var n = i({}, e);
-  return r.createElement(c, i({
-    ref: t,
-    as: "input",
-    type: "range",
-    tx: "forms",
-    variant: "slider"
-  }, n, {
-    __css: {
-      display: "block",
-      width: "100%",
-      height: 4,
-      my: 2,
-      cursor: "pointer",
-      appearance: "none",
-      borderRadius: 9999,
-      color: "inherit",
-      bg: "gray",
-      ":focus": {
-        outline: "none",
-        color: "primary"
-      },
-      "&::-webkit-slider-thumb": {
-        appearance: "none",
-        width: 16,
-        height: 16,
-        bg: "currentcolor",
-        border: 0,
-        borderRadius: 9999,
-        variant: "forms.slider.thumb"
-      }
-    }
-  }));
-});
-l(function(e, t) {
-  var n = e.checked, a = d(e, ["checked"]);
-  return r.createElement(c, i({
-    ref: t,
-    as: "button",
-    type: "button",
-    role: "switch",
-    tx: "forms",
-    variant: "switch",
-    "aria-checked": n
-  }, a, {
-    __css: {
-      appearance: "none",
-      m: 0,
-      p: 0,
-      width: 40,
-      height: 24,
-      color: "primary",
-      bg: "transparent",
-      border: "1px solid",
-      borderColor: "primary",
-      borderRadius: 9999,
-      "&[aria-checked=true]": {
-        bg: "primary"
-      },
-      ":focus": {
-        outline: "none",
-        boxShadow: "0 0 0 2px"
-      }
-    }
-  }), r.createElement(c, {
-    "aria-hidden": !0,
-    style: {
-      transform: n ? "translateX(16px)" : "translateX(0)"
-    },
-    sx: {
-      mt: "-1px",
-      ml: "-1px",
-      width: 24,
-      height: 24,
-      borderRadius: 9999,
-      border: "1px solid",
-      borderColor: "primary",
-      bg: "background",
-      transitionProperty: "transform",
-      transitionTimingFunction: "ease-out",
-      transitionDuration: "0.1s",
-      variant: "forms.switch.thumb"
-    }
-  }));
-});
 export {
-  V as Input,
-  F as Label,
-  L as Select
+  a as renderMoreThanFiveCrumbs,
+  l as renderUpToFiveCrumbs
 };
 //# sourceMappingURL=sd-component-library210.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library210.js","sources":["../node_modules/@rebass/forms/dist/index.esm.js"],"sourcesContent":["function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance\"); }\n\nfunction _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }\n\nimport React, { forwardRef } from 'react';\nimport { Box, Flex } from 'reflexbox';\nimport { props as systemProps } from '@styled-system/should-forward-prop';\nvar rebassProps = [].concat(_toConsumableArray(systemProps), ['sx', 'variant']);\nvar PRE = new RegExp(\"^(\".concat(rebassProps.join('|'), \")$\"));\nvar MRE = /^m[trblxy]?$/;\n\nvar getProps = function getProps(test) {\n  return function (props) {\n    var next = {};\n\n    for (var key in props) {\n      if (test(key || '')) next[key] = props[key];\n    }\n\n    return next;\n  };\n};\n\nvar getSystemProps = getProps(function (k) {\n  return PRE.test(k);\n});\nvar getMarginProps = getProps(function (k) {\n  return MRE.test(k);\n});\nvar omitMarginProps = getProps(function (k) {\n  return !MRE.test(k);\n});\n\nvar SVG = function SVG(_ref) {\n  var _ref$size = _ref.size,\n      size = _ref$size === void 0 ? 24 : _ref$size,\n      props = _objectWithoutProperties(_ref, [\"size\"]);\n\n  return React.createElement(Box, _extends({\n    as: \"svg\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    viewBox: \"0 0 24 24\",\n    fill: \"currentcolor\"\n  }, props));\n};\n\nexport var Label = forwardRef(function (props, ref) {\n  return React.createElement(Flex, _extends({\n    ref: ref,\n    as: \"label\",\n    tx: \"forms\",\n    variant: \"label\"\n  }, props, {\n    __css: {\n      width: '100%'\n    }\n  }));\n});\nexport var Input = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"input\",\n    type: \"text\",\n    tx: \"forms\",\n    variant: \"input\"\n  }, props, {\n    __css: {\n      display: 'block',\n      width: '100%',\n      p: 2,\n      appearance: 'none',\n      fontSize: 'inherit',\n      lineHeight: 'inherit',\n      border: '1px solid',\n      borderRadius: 'default',\n      color: 'inherit',\n      bg: 'transparent'\n    }\n  }));\n});\n\nvar DownArrow = function DownArrow(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M7 10l5 5 5-5z\"\n  }));\n};\n\nexport var Select = forwardRef(function (props, ref) {\n  return React.createElement(Flex, getMarginProps(props), React.createElement(Box, _extends({\n    ref: ref,\n    as: \"select\",\n    tx: \"forms\",\n    variant: \"select\"\n  }, omitMarginProps(props), {\n    __css: {\n      display: 'block',\n      width: '100%',\n      p: 2,\n      appearance: 'none',\n      fontSize: 'inherit',\n      lineHeight: 'inherit',\n      border: '1px solid',\n      borderRadius: 'default',\n      color: 'inherit',\n      bg: 'transparent'\n    }\n  })), React.createElement(DownArrow, {\n    sx: {\n      ml: -28,\n      alignSelf: 'center',\n      pointerEvents: 'none'\n    }\n  }));\n});\nexport var Textarea = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"textarea\",\n    tx: \"forms\",\n    variant: \"textarea\"\n  }, props, {\n    __css: {\n      display: 'block',\n      width: '100%',\n      p: 2,\n      appearance: 'none',\n      fontSize: 'inherit',\n      lineHeight: 'inherit',\n      border: '1px solid',\n      borderRadius: 'default',\n      color: 'inherit',\n      bg: 'transparent'\n    }\n  }));\n});\n\nvar RadioChecked = function RadioChecked(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n  }));\n};\n\nvar RadioUnchecked = function RadioUnchecked(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n  }));\n};\n\nvar RadioIcon = function RadioIcon(props) {\n  return React.createElement(React.Fragment, null, React.createElement(RadioChecked, _extends({}, props, {\n    __css: {\n      display: 'none',\n      'input:checked ~ &': {\n        display: 'block'\n      }\n    }\n  })), React.createElement(RadioUnchecked, _extends({}, props, {\n    __css: {\n      display: 'block',\n      'input:checked ~ &': {\n        display: 'none'\n      }\n    }\n  })));\n};\n\nexport var Radio = forwardRef(function (_ref2, ref) {\n  var className = _ref2.className,\n      sx = _ref2.sx,\n      _ref2$variant = _ref2.variant,\n      variant = _ref2$variant === void 0 ? 'radio' : _ref2$variant,\n      props = _objectWithoutProperties(_ref2, [\"className\", \"sx\", \"variant\"]);\n\n  return React.createElement(Box, null, React.createElement(Box, _extends({\n    ref: ref,\n    as: \"input\",\n    type: \"radio\"\n  }, props, {\n    sx: {\n      position: 'absolute',\n      opacity: 0,\n      zIndex: -1,\n      width: 1,\n      height: 1,\n      overflow: 'hidden'\n    }\n  })), React.createElement(Box, _extends({\n    as: RadioIcon,\n    \"aria-hidden\": \"true\",\n    tx: \"forms\",\n    variant: variant,\n    className: className,\n    sx: sx\n  }, getSystemProps(props), {\n    __css: {\n      mr: 2,\n      borderRadius: 9999,\n      color: 'gray',\n      'input:checked ~ &': {\n        color: 'primary'\n      },\n      'input:focus ~ &': {\n        bg: 'highlight'\n      }\n    }\n  })));\n});\n\nvar CheckboxChecked = function CheckboxChecked(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\n  }));\n};\n\nvar CheckboxUnchecked = function CheckboxUnchecked(props) {\n  return React.createElement(SVG, props, React.createElement(\"path\", {\n    d: \"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"\n  }));\n};\n\nvar CheckboxIcon = function CheckboxIcon(props) {\n  return React.createElement(React.Fragment, null, React.createElement(CheckboxChecked, _extends({}, props, {\n    __css: {\n      display: 'none',\n      'input:checked ~ &': {\n        display: 'block'\n      }\n    }\n  })), React.createElement(CheckboxUnchecked, _extends({}, props, {\n    __css: {\n      display: 'block',\n      'input:checked ~ &': {\n        display: 'none'\n      }\n    }\n  })));\n};\n\nexport var Checkbox = forwardRef(function (_ref3, ref) {\n  var className = _ref3.className,\n      sx = _ref3.sx,\n      _ref3$variant = _ref3.variant,\n      variant = _ref3$variant === void 0 ? 'checkbox' : _ref3$variant,\n      props = _objectWithoutProperties(_ref3, [\"className\", \"sx\", \"variant\"]);\n\n  return React.createElement(Box, null, React.createElement(Box, _extends({\n    ref: ref,\n    as: \"input\",\n    type: \"checkbox\"\n  }, props, {\n    sx: {\n      position: 'absolute',\n      opacity: 0,\n      zIndex: -1,\n      width: 1,\n      height: 1,\n      overflow: 'hidden'\n    }\n  })), React.createElement(Box, _extends({\n    as: CheckboxIcon,\n    \"aria-hidden\": \"true\",\n    tx: \"forms\",\n    variant: variant,\n    className: className,\n    sx: sx\n  }, getSystemProps(props), {\n    __css: {\n      mr: 2,\n      borderRadius: 4,\n      color: 'gray',\n      'input:checked ~ &': {\n        color: 'primary'\n      },\n      'input:focus ~ &': {\n        color: 'primary',\n        bg: 'highlight'\n      }\n    }\n  })));\n});\nexport var Slider = forwardRef(function (_ref4, ref) {\n  var props = _extends({}, _ref4);\n\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"input\",\n    type: \"range\",\n    tx: \"forms\",\n    variant: \"slider\"\n  }, props, {\n    __css: {\n      display: 'block',\n      width: '100%',\n      height: 4,\n      my: 2,\n      cursor: 'pointer',\n      appearance: 'none',\n      borderRadius: 9999,\n      color: 'inherit',\n      bg: 'gray',\n      ':focus': {\n        outline: 'none',\n        color: 'primary'\n      },\n      '&::-webkit-slider-thumb': {\n        appearance: 'none',\n        width: 16,\n        height: 16,\n        bg: 'currentcolor',\n        border: 0,\n        borderRadius: 9999,\n        variant: 'forms.slider.thumb'\n      }\n    }\n  }));\n});\nexport var Switch = forwardRef(function (_ref5, ref) {\n  var checked = _ref5.checked,\n      props = _objectWithoutProperties(_ref5, [\"checked\"]);\n\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"button\",\n    type: \"button\",\n    role: \"switch\",\n    tx: \"forms\",\n    variant: \"switch\",\n    \"aria-checked\": checked\n  }, props, {\n    __css: {\n      appearance: 'none',\n      m: 0,\n      p: 0,\n      width: 40,\n      height: 24,\n      color: 'primary',\n      bg: 'transparent',\n      border: '1px solid',\n      borderColor: 'primary',\n      borderRadius: 9999,\n      '&[aria-checked=true]': {\n        bg: 'primary'\n      },\n      ':focus': {\n        outline: 'none',\n        boxShadow: '0 0 0 2px'\n      }\n    }\n  }), React.createElement(Box, {\n    \"aria-hidden\": true,\n    style: {\n      transform: checked ? 'translateX(16px)' : 'translateX(0)'\n    },\n    sx: {\n      mt: '-1px',\n      ml: '-1px',\n      width: 24,\n      height: 24,\n      borderRadius: 9999,\n      border: '1px solid',\n      borderColor: 'primary',\n      bg: 'background',\n      transitionProperty: 'transform',\n      transitionTimingFunction: 'ease-out',\n      transitionDuration: '0.1s',\n      variant: 'forms.switch.thumb'\n    }\n  }));\n});\n"],"names":["_extends","target","i","source","key","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","sourceKeys","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","iter","arr2","rebassProps","systemProps","PRE","MRE","getProps","test","props","next","getSystemProps","k","getMarginProps","omitMarginProps","SVG","_ref","React","Box","Label","forwardRef","ref","Flex","Input","DownArrow","Select","RadioChecked","RadioUnchecked","RadioIcon","_ref2","className","sx","_ref2$variant","variant","CheckboxChecked","CheckboxUnchecked","CheckboxIcon","_ref3","_ref3$variant","_ref4","_ref5","checked"],"mappings":"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","x_google_ignoreList":[0]}
+{"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;"}

package/lib/sd-component-library211.js

@@ -1,51 +1,32 @@
-import { j as r } from "./sd-component-library195.js";
+import { j as o } 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
-}) => {
+import { Box as m } from "./sd-component-library198.js";
+import { ReactComponent as p } from "./sd-component-library180.js";
+const x = (t) => {
   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
-  ] });
+    width: n,
+    height: r,
+    fill: e,
+    stroke: i,
+    icon: s
+  } = t, a = s || p;
+  return /* @__PURE__ */ o.jsx(m, { sx: {
+    width: n || 25,
+    height: r || 25,
+    fill: e || "purple",
+    stroke: i || "none",
+    animation: "rotation 2s infinite linear",
+    "@keyframes rotation ": {
+      from: {
+        transform: "rotate(0deg)"
+      },
+      to: {
+        transform: "rotate(359deg)"
+      }
+    }
+  }, "data-test": "loading-spinner", children: /* @__PURE__ */ o.jsx(a, {}) });
 };
 export {
-  F as CheckboxV2Container
+  x as LoadingSpinner
 };
 //# sourceMappingURL=sd-component-library211.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library211.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-library211.js","sources":["../src/components/animations/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { RescanIcon } from \"../../icons\";\nimport { LoadingSpinnerProps as Props } from \"./interfaces\";\n\nexport const LoadingSpinner: React.FC<Props> = (props) => {\n  const { width, height, fill, stroke, icon } = props;\n\n  const IconComponent = icon || RescanIcon;\n\n  return (\n    <Box\n      sx={{\n        width: width || 25,\n        height: height || 25,\n        fill: fill || \"purple\",\n        stroke: stroke || \"none\",\n        animation: \"rotation 2s infinite linear\",\n\n        \"@keyframes rotation \": {\n          from: { transform: \"rotate(0deg)\" },\n          to: { transform: \"rotate(359deg)\" },\n        },\n      }}\n      data-test=\"loading-spinner\"\n    >\n      <IconComponent />\n    </Box>\n  );\n};\n"],"names":["LoadingSpinner","props","width","height","fill","stroke","icon","IconComponent","RescanIcon","jsx","Box","animation","from","transform","to"],"mappings":";;;;AAOO,MAAMA,IAAmCC,CAAUA,MAAA;AAClD,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,IAAQC,MAAAA;AAAAA,EAASL,IAAAA,GAExCM,IAAgBD,KAAQE;AAG5B,SAAAC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFR,OAAOA,KAAS;AAAA,IAChBC,QAAQA,KAAU;AAAA,IAClBC,MAAMA,KAAQ;AAAA,IACdC,QAAQA,KAAU;AAAA,IAClBM,WAAW;AAAA,IAEX,wBAAwB;AAAA,MACtBC,MAAM;AAAA,QAAEC,WAAW;AAAA,MAAe;AAAA,MAClCC,IAAI;AAAA,QAAED,WAAW;AAAA,MAAiB;AAAA,IACpC;AAAA,EAAA,GAEF,aAAU,mBAEV,UAAAJ,gBAAAA,EAAA,IAACF,KAAa,EAChB,CAAA;AAEJ;"}