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

package/lib/sd-component-library210.js

@@ -1,6 +1,372 @@
-import * as t from "react";
-const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22.94", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2494.01,1419.91l-5.42-5.67a9.187,9.187,0,1,0-7.04,3.3,9.042,9.042,0,0,0,5.27-1.67l5.46,5.71a1.2,1.2,0,0,0,.87.37A1.2,1.2,0,0,0,2494.01,1419.91Zm-12.46-18.46a6.84,6.84,0,1,1-6.8,6.84A6.829,6.829,0,0,1,2481.55,1401.45Z", transform: "translate(-2472.34 -1399.03)" }));
+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"
+      },
+      "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 {
-  a as ReactComponent
+  V as Input,
+  F as Label,
+  L as Select
 };
 //# 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/inputs/search-input/presentational/assets/search.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMi45NCI+CiAgPHBhdGggZD0iTTI0OTQuMDEsMTQxOS45MWwtNS40Mi01LjY3YTkuMTg3LDkuMTg3LDAsMSwwLTcuMDQsMy4zLDkuMDQyLDkuMDQyLDAsMCwwLDUuMjctMS42N2w1LjQ2LDUuNzFhMS4yLDEuMiwwLDAsMCwuODcuMzdBMS4yLDEuMiwwLDAsMCwyNDk0LjAxLDE0MTkuOTFabS0xMi40Ni0xOC40NmE2Ljg0LDYuODQsMCwxLDEtNi44LDYuODRBNi44MjksNi44MjksMCwwLDEsMjQ4MS41NSwxNDAxLjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NzIuMzQgLTEzOTkuMDMpIi8+Cjwvc3ZnPgo=\""],"names":["SvgSearch","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,gBAAgB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,6NAA6N,WAAW,gCAAgC,CAAC;"}
+{"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]}

package/lib/sd-component-library211.js

@@ -1,56 +1,68 @@
-import { j as o } from "./sd-component-library195.js";
-import n from "react";
-import "./sd-component-library196.js";
-import { Box as t } from "./sd-component-library197.js";
-import { HorizontalDivider as i } from "./sd-component-library52.js";
-import { SearchAutocompleteRow as a } from "./sd-component-library628.js";
-const j = (l) => {
-  const { results: p, onSelect: s, rowHeight: e, rowsDisplayed: x } = l, c = (r) => () => s(r);
-  return /* @__PURE__ */ o.jsxs(
-    t,
+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,
     {
+      onClick: o ? void 0 : a,
       sx: {
-        top: "calc(100% - 2px)",
-        left: 0,
-        position: "absolute",
-        width: "100%",
-        cursor: "pointer",
-        zIndex: 1
+        cursor: o ? "default" : "pointer",
+        gap: "10px",
+        ...x
       },
+      ...f,
       children: [
-        /* @__PURE__ */ o.jsx(i, { color: "cl_purple", height: "2px" }),
-        /* @__PURE__ */ o.jsx(
-          t,
+        /* @__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: {
-              overflowY: "auto",
-              maxHeight: `${x * (e + 1) - 1}px`,
-              borderWidth: "1px",
+              flexShrink: 0,
+              borderRadius: "3px",
+              borderWidth: u,
+              borderColor: t,
               borderStyle: "solid",
-              borderColor: "cl_lightGrey",
-              borderRadius: "0 0 3px 3px",
-              borderTopStyle: "none",
-              boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
-              bg: "cl_white"
+              transition: "width 0.1s ease-in"
             },
-            children: p.map((r, d) => /* @__PURE__ */ o.jsxs(n.Fragment, { children: [
-              d !== 0 && /* @__PURE__ */ o.jsx(i, { color: "cl_headerLine" }),
-              /* @__PURE__ */ o.jsx(
-                a,
-                {
-                  ...r,
-                  onClick: c(r),
-                  height: e
+            children: m && /* @__PURE__ */ r.jsx(
+              n,
+              {
+                sx: {
+                  border: `calc(${z} / 2) solid`,
+                  borderColor: t,
+                  borderRadius: "2px",
+                  ...C
                 }
-              )
-            ] }, r.id))
+              }
+            )
           }
-        )
+        ) }),
+        h
       ]
     }
   );
 };
 export {
-  j as SearchAutocompleteResultsBox
+  F as CheckboxV2Container
 };
 //# 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/inputs/search-autocomplete-input/partials/search-autocomplete-results-box/search-autocomplete-results-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { SearchAutocompleteOption } from \"../../interfaces\";\nimport { SearchAutocompleteRow } from \"../search-autocomplete-row\";\nimport { SearchAutocompleteResultsBoxProps as Props } from \"./interfaces\";\n\nexport const SearchAutocompleteResultsBox = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const { results, onSelect, rowHeight, rowsDisplayed } = props;\n\n  const onClick = (result: SearchAutocompleteOption<T>) => () =>\n    onSelect(result);\n\n  return (\n    <Box\n      sx={{\n        top: \"calc(100% - 2px)\",\n        left: 0,\n        position: \"absolute\",\n        width: \"100%\",\n        cursor: \"pointer\",\n        zIndex: 1,\n      }}\n    >\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          overflowY: \"auto\",\n          maxHeight: `${rowsDisplayed * (rowHeight + 1) - 1}px`,\n          borderWidth: \"1px\",\n          borderStyle: \"solid\",\n          borderColor: \"cl_lightGrey\",\n          borderRadius: \"0 0 3px 3px\",\n          borderTopStyle: \"none\",\n          boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n          bg: \"cl_white\",\n        }}\n      >\n        {results.map((result, idx) => (\n          <React.Fragment key={result.id}>\n            {idx !== 0 && <HorizontalDivider color=\"cl_headerLine\" />}\n\n            <SearchAutocompleteRow\n              {...result}\n              onClick={onClick(result)}\n              height={rowHeight}\n            />\n          </React.Fragment>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["SearchAutocompleteResultsBox","props","results","onSelect","rowHeight","rowsDisplayed","onClick","result","jsxs","Box","jsx","HorizontalDivider","idx","React","SearchAutocompleteRow"],"mappings":";;;;;;AASa,MAAAA,IAA+B,CAG1CC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,eAAAC,MAAkBJ,GAElDK,IAAU,CAACC,MAAwC,MACvDJ,EAASI,CAAM;AAGf,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,QAElDD,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,WAAW;AAAA,cACX,WAAW,GAAGJ,KAAiBD,IAAY,KAAK,CAAC;AAAA,cACjD,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,gBAAgB;AAAA,cAChB,WAAW;AAAA,cACX,IAAI;AAAA,YACN;AAAA,YAEC,UAAAF,EAAQ,IAAI,CAACK,GAAQK,MACnBJ,gBAAAA,EAAAA,KAAAK,EAAM,UAAN,EACE,UAAA;AAAA,cAAAD,MAAQ,KAAKF,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,iBAAgB;AAAA,cAEvDD,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACE,GAAGP;AAAA,kBACJ,SAASD,EAAQC,CAAM;AAAA,kBACvB,QAAQH;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA,KAPmBG,EAAO,EAQ5B,CACD;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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;"}

package/lib/sd-component-library212.js

@@ -1,49 +1,22 @@
-import { j as r } from "./sd-component-library195.js";
-import "./sd-component-library196.js";
-import { Flex as x } from "./sd-component-library197.js";
-import { BaseTextV2 as c } from "./sd-component-library136.js";
-import { ResponsiveTextV2 as m } from "./sd-component-library148.js";
-const u = (t) => {
-  const {
-    label: o,
-    errorMessage: l,
-    labelMargin: s,
-    secondLabel: e,
-    secondLabelTextTransform: n,
-    labelSx: a,
-    labelColor: i = "cl_darkGrey"
-  } = t;
-  return o ? /* @__PURE__ */ r.jsxs(x, { sx: { cursor: "default" }, children: [
-    /* @__PURE__ */ r.jsx(
-      c,
-      {
-        color: l ? "cl_red" : i,
-        sx: {
-          fontSize: 12,
-          fontWeight: 600,
-          m: s,
-          letterSpacing: "1px",
-          textTransform: "uppercase",
-          ...a
-        },
-        children: o
-      }
-    ),
-    e && /* @__PURE__ */ r.jsx(
-      m,
-      {
-        letterSpacing: "1px",
-        ml: e.ml || "3px",
-        color: e.color || "cl_grey",
-        fontSizeWeight: e.fontSizeWeight || [[10, "semi-bold"]],
-        textTransform: n,
-        ...e,
-        children: e.text
-      }
-    )
-  ] }) : null;
-};
+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 {
-  u as SecondaryInputLabels
+  p as Divider
 };
 //# sourceMappingURL=sd-component-library212.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library212.js","sources":["../src/components/inputs/secondary-text-input/partials/secondary-input-labels/secondary-input-labels.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { BaseTextV2, ResponsiveTextV2 } from \"../../../../texts\";\nimport { SecondaryInputLabelsProps as Props } from \"./interfaces\";\n\nexport const SecondaryInputLabels: React.FC<Props> = (props) => {\n  const {\n    label,\n    errorMessage,\n    labelMargin,\n    secondLabel,\n    secondLabelTextTransform,\n    labelSx,\n    labelColor = \"cl_darkGrey\",\n  } = props;\n\n  if (!label) return null;\n\n  return (\n    <Flex sx={{ cursor: \"default\" }}>\n      <BaseTextV2\n        color={errorMessage ? \"cl_red\" : labelColor}\n        sx={{\n          fontSize: 12,\n          fontWeight: 600,\n          m: labelMargin,\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          ...labelSx,\n        }}\n      >\n        {label}\n      </BaseTextV2>\n\n      {secondLabel && (\n        <ResponsiveTextV2\n          letterSpacing=\"1px\"\n          ml={secondLabel.ml || \"3px\"}\n          color={secondLabel.color || \"cl_grey\"}\n          fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n          textTransform={secondLabelTextTransform}\n          {...secondLabel}\n        >\n          {secondLabel.text}\n        </ResponsiveTextV2>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SecondaryInputLabels","props","label","errorMessage","labelMargin","secondLabel","secondLabelTextTransform","labelSx","labelColor","Flex","jsx","BaseTextV2","ResponsiveTextV2"],"mappings":";;;;;AAOa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EACX,IAAAP;AAEJ,SAAKC,2BAGFO,GAAK,EAAA,IAAI,EAAE,QAAQ,UAClB,GAAA,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOR,IAAe,WAAWK;AAAA,QACjC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,GAAGJ;AAAA,UACH,eAAe;AAAA,UACf,eAAe;AAAA,UACf,GAAGG;AAAA,QACL;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,IACH;AAAA,IAECG,KACCK,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAIP,EAAY,MAAM;AAAA,QACtB,OAAOA,EAAY,SAAS;AAAA,QAC5B,gBAAgBA,EAAY,kBAAkB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,QAChE,eAAeC;AAAA,QACd,GAAGD;AAAA,QAEH,UAAYA,EAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAEJ,EAAA,CAAA,IA9BiB;AAgCrB;"}
+{"version":3,"file":"sd-component-library212.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"],"mappings":";;;AASO,MAAMA,IAA2B,CAAC;AAAA,EACvC,OAAAC,IAAQ;AAAA,EACR,IAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAIJ;AAAA,MACJ,GAAGE;AAAA,MACH,GAAGD;AAAA,IACL;AAAA,IACA,aAAU;AAAA,EAAA;AAAA;"}