@selfdecode/sd-component-library 4.0.73-vite22 → 4.0.73-vite23

package/lib/sd-component-library210.js

@@ -1,372 +1,29 @@
-import r, { forwardRef as l } from "react";
-import { Flex as m, Box as c } from "./sd-component-library303.js";
-import { props as v } from "./sd-component-library304.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"
-      }
-    }
-  })));
-};
-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"
+import { j as n } from "./sd-component-library195.js";
+import { ResponsiveTextV2 as p } from "./sd-component-library148.js";
+const c = (t) => {
+  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
+  return /* @__PURE__ */ n.jsx(
+    p,
+    {
+      fontSizeWeight: [[16, "regular"]],
+      sx: {
+        display: "flex",
+        justifyContent: "end",
+        px: r,
+        py: i,
+        cursor: "pointer",
+        textTransform: "capitalize",
+        opacity: 0.7,
+        ":hover": {
+          opacity: 1
+        }
       },
-      "input:focus ~ &": {
-        bg: "highlight"
-      }
+      onClick: e,
+      children: o
     }
-  })));
-});
-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
+  c as ActionBox
 };
 //# 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/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library211.js

@@ -1,68 +1,44 @@
-import { j as r } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { useHover as k } from "./sd-component-library4.js";
-import { isTouchScreen as S } from "./sd-component-library5.js";
-import { FlexItemsCenter as j, FlexCenter as v } from "./sd-component-library38.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,
+import { j as o } from "./sd-component-library195.js";
+import p from "react";
+import "./sd-component-library196.js";
+import { Box as a } from "./sd-component-library197.js";
+import { AutocompleteOptionBox as n } from "./sd-component-library374.js";
+import { HorizontalDivider as d } from "./sd-component-library52.js";
+function j(s) {
+  const { results: t, value: i, onSelect: x, translateContent: l = !0 } = s;
+  return /* @__PURE__ */ o.jsx(
+    a,
     {
-      onClick: o ? void 0 : a,
       sx: {
-        cursor: o ? "default" : "pointer",
-        gap: "10px",
-        ...x
+        position: "absolute",
+        top: "100%",
+        bg: "white",
+        width: "100%",
+        borderRadius: "0px 0px 3px 3px",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "#C8CCE5",
+        boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+        zIndex: 100
       },
-      ...f,
-      children: [
-        /* @__PURE__ */ r.jsx(n, { size: e, sx: { flexShrink: 0 }, children: /* @__PURE__ */ r.jsx(
-          v,
+      className: l ? void 0 : "no-translate",
+      "data-test": "results-box",
+      children: t.map(({ synonyms: r }, e) => /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(
+          n,
           {
-            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
-      ]
+            value: i,
+            synonyms: r,
+            onSelect: x
+          },
+          r.join()
+        ),
+        e !== t.length - 1 && /* @__PURE__ */ o.jsx(d, { color: "cl_lightGrey" })
+      ] }, e))
     }
   );
-};
+}
 export {
-  F as CheckboxV2Container
+  j as ResultsBox
 };
 //# 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","jsxs","FlexItemsCenter","jsx","Box","FlexCenter"],"mappings":";;;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuC,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAqBH,KAAW,CAACV,KAAqBc,EAAc,GACpEC,IAAejB,IAAWK,IAAgBC;AAG9C,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASnB,IAAW,SAAYS;AAAA,MAChC,IAAI;AAAA,QACF,QAAQT,IAAW,YAAY;AAAA,QAC/B,KAAK;AAAA,QACL,GAAGC;AAAA,MACL;AAAA,MACC,GAAGY;AAAA,MAEJ,UAAA;AAAA,QAAAO,gBAAAA,MAACC,KAAI,MAAMxB,GAAc,IAAI,EAAE,YAAY,KACzC,UAAAuB,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOP,IAAqBlB,IAAeC;AAAA,YAC3C,QAAQD;AAAA,YACR,IAAIO,KAAuBW,IAAqB,KAAWZ;AAAA,YAC3D,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,cAAc;AAAA,cACd,aAAAO;AAAA,cACA,aAAaO;AAAA,cACb,aAAa;AAAA,cACb,YAAY;AAAA,YACd;AAAA,YAEC,UACCT,KAAAY,gBAAAA,EAAA;AAAA,cAACC;AAAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,QAAQ,QAAQzB,CAAY;AAAA,kBAC5B,aAAaqB;AAAA,kBACb,cAAc;AAAA,kBACd,GAAGN;AAAA,gBACL;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAECJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library211.js","sources":["../src/components/inputs/autocomplete-input/partials/results-box/results-box.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { AutocompleteOptionBox } from \"../autocomplete-option-box\";\nimport { ResultsBoxProps as Props } from \"./interfaces\";\n\nexport function ResultsBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { results, value, onSelect, translateContent = true } = props;\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: \"0px 0px 3px 3px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n        zIndex: 100,\n      }}\n      className={!translateContent ? \"no-translate\" : undefined}\n      data-test=\"results-box\"\n    >\n      {results.map(({ synonyms }, idx) => (\n        <React.Fragment key={idx}>\n          <AutocompleteOptionBox\n            value={value}\n            synonyms={synonyms}\n            key={synonyms.join()}\n            onSelect={onSelect}\n          />\n          {idx !== results.length - 1 && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"],"names":["ResultsBox","props","results","value","onSelect","translateContent","jsx","Box","synonyms","idx","jsxs","React","AutocompleteOptionBox","HorizontalDivider"],"mappings":";;;;;;AAQO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,IAAmB,GAAS,IAAAJ;AAG5D,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}