@selfdecode/sd-component-library 4.0.73-vite13 → 4.0.73-vite15

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library328.js","sources":["../node_modules/@emotion/cache/dist/cache.browser.esm.js"],"sourcesContent":["import { StyleSheet } from '@emotion/sheet';\nimport Stylis from '@emotion/stylis';\nimport '@emotion/weak-memoize';\n\n// https://github.com/thysultan/stylis.js/tree/master/plugins/rule-sheet\n// inlined to avoid umd wrapper and peerDep warnings/installing stylis\n// since we use stylis after closure compiler\nvar delimiter = '/*|*/';\nvar needle = delimiter + '}';\n\nfunction toSheet(block) {\n  if (block) {\n    Sheet.current.insert(block + '}');\n  }\n}\n\nvar Sheet = {\n  current: null\n};\nvar ruleSheet = function ruleSheet(context, content, selectors, parents, line, column, length, ns, depth, at) {\n  switch (context) {\n    // property\n    case 1:\n      {\n        switch (content.charCodeAt(0)) {\n          case 64:\n            {\n              // @import\n              Sheet.current.insert(content + ';');\n              return '';\n            }\n          // charcode for l\n\n          case 108:\n            {\n              // charcode for b\n              // this ignores label\n              if (content.charCodeAt(2) === 98) {\n                return '';\n              }\n            }\n        }\n\n        break;\n      }\n    // selector\n\n    case 2:\n      {\n        if (ns === 0) return content + delimiter;\n        break;\n      }\n    // at-rule\n\n    case 3:\n      {\n        switch (ns) {\n          // @font-face, @page\n          case 102:\n          case 112:\n            {\n              Sheet.current.insert(selectors[0] + content);\n              return '';\n            }\n\n          default:\n            {\n              return content + (at === 0 ? delimiter : '');\n            }\n        }\n      }\n\n    case -2:\n      {\n        content.split(needle).forEach(toSheet);\n      }\n  }\n};\n\nvar createCache = function createCache(options) {\n  if (options === undefined) options = {};\n  var key = options.key || 'css';\n  var stylisOptions;\n\n  if (options.prefix !== undefined) {\n    stylisOptions = {\n      prefix: options.prefix\n    };\n  }\n\n  var stylis = new Stylis(stylisOptions);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // $FlowFixMe\n    if (/[^a-z-]/.test(key)) {\n      throw new Error(\"Emotion key must only contain lower case alphabetical characters and - but \\\"\" + key + \"\\\" was passed\");\n    }\n  }\n\n  var inserted = {}; // $FlowFixMe\n\n  var container;\n\n  {\n    container = options.container || document.head;\n    var nodes = document.querySelectorAll(\"style[data-emotion-\" + key + \"]\");\n    Array.prototype.forEach.call(nodes, function (node) {\n      var attrib = node.getAttribute(\"data-emotion-\" + key); // $FlowFixMe\n\n      attrib.split(' ').forEach(function (id) {\n        inserted[id] = true;\n      });\n\n      if (node.parentNode !== container) {\n        container.appendChild(node);\n      }\n    });\n  }\n\n  var _insert;\n\n  {\n    stylis.use(options.stylisPlugins)(ruleSheet);\n\n    _insert = function insert(selector, serialized, sheet, shouldCache) {\n      var name = serialized.name;\n      Sheet.current = sheet;\n\n      if (process.env.NODE_ENV !== 'production' && serialized.map !== undefined) {\n        var map = serialized.map;\n        Sheet.current = {\n          insert: function insert(rule) {\n            sheet.insert(rule + map);\n          }\n        };\n      }\n\n      stylis(selector, serialized.styles);\n\n      if (shouldCache) {\n        cache.inserted[name] = true;\n      }\n    };\n  }\n\n  if (process.env.NODE_ENV !== 'production') {\n    // https://esbench.com/bench/5bf7371a4cd7e6009ef61d0a\n    var commentStart = /\\/\\*/g;\n    var commentEnd = /\\*\\//g;\n    stylis.use(function (context, content) {\n      switch (context) {\n        case -1:\n          {\n            while (commentStart.test(content)) {\n              commentEnd.lastIndex = commentStart.lastIndex;\n\n              if (commentEnd.test(content)) {\n                commentStart.lastIndex = commentEnd.lastIndex;\n                continue;\n              }\n\n              throw new Error('Your styles have an unterminated comment (\"/*\" without corresponding \"*/\").');\n            }\n\n            commentStart.lastIndex = 0;\n            break;\n          }\n      }\n    });\n    stylis.use(function (context, content, selectors) {\n      switch (context) {\n        case -1:\n          {\n            var flag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';\n            var unsafePseudoClasses = content.match(/(:first|:nth|:nth-last)-child/g);\n\n            if (unsafePseudoClasses && cache.compat !== true) {\n              unsafePseudoClasses.forEach(function (unsafePseudoClass) {\n                var ignoreRegExp = new RegExp(unsafePseudoClass + \".*\\\\/\\\\* \" + flag + \" \\\\*\\\\/\");\n                var ignore = ignoreRegExp.test(content);\n\n                if (unsafePseudoClass && !ignore) {\n                  console.error(\"The pseudo class \\\"\" + unsafePseudoClass + \"\\\" is potentially unsafe when doing server-side rendering. Try changing it to \\\"\" + unsafePseudoClass.split('-child')[0] + \"-of-type\\\".\");\n                }\n              });\n            }\n\n            break;\n          }\n      }\n    });\n  }\n\n  var cache = {\n    key: key,\n    sheet: new StyleSheet({\n      key: key,\n      container: container,\n      nonce: options.nonce,\n      speedy: options.speedy\n    }),\n    nonce: options.nonce,\n    inserted: inserted,\n    registered: {},\n    insert: _insert\n  };\n  return cache;\n};\n\nexport default createCache;\n"],"names":["delimiter","needle","toSheet","block","Sheet","ruleSheet","context","content","selectors","parents","line","column","length","ns","depth","at","createCache","options","key","stylisOptions","stylis","Stylis","inserted","container","nodes","node","attrib","id","_insert","selector","serialized","sheet","shouldCache","name","map","rule","cache","commentStart","commentEnd","flag","unsafePseudoClasses","unsafePseudoClass","ignoreRegExp","ignore","StyleSheet"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library328.js","sources":["../node_modules/@emotion/styled-base/dist/styled-base.browser.esm.js"],"sourcesContent":["import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport { createElement, Fragment } from 'react';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { withEmotionCache, ThemeContext } from '@emotion/core';\nimport { getRegisteredStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar testOmitPropsOnStringTag = isPropValid;\n\nvar testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {\n  return key !== 'theme' && key !== 'innerRef';\n};\n\nvar getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {\n  return typeof tag === 'string' && // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;\n};\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\n\nvar Noop = function Noop() {\n  return null;\n};\n\nvar createStyled = function createStyled(tag, options) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (tag === undefined) {\n      throw new Error('You are trying to create a styled element with an undefined component.\\nYou may have forgotten to import it.');\n    }\n  }\n\n  var identifierName;\n  var shouldForwardProp;\n  var targetClassName;\n\n  if (options !== undefined) {\n    identifierName = options.label;\n    targetClassName = options.target;\n    shouldForwardProp = tag.__emotion_forwardProp && options.shouldForwardProp ? function (propName) {\n      return tag.__emotion_forwardProp(propName) && // $FlowFixMe\n      options.shouldForwardProp(propName);\n    } : options.shouldForwardProp;\n  }\n\n  var isReal = tag.__emotion_real === tag;\n  var baseTag = isReal && tag.__emotion_base || tag;\n\n  if (typeof shouldForwardProp !== 'function' && isReal) {\n    shouldForwardProp = tag.__emotion_forwardProp;\n  }\n\n  var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);\n  var shouldUseAs = !defaultShouldForwardProp('as');\n  return function () {\n    var args = arguments;\n    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];\n\n    if (identifierName !== undefined) {\n      styles.push(\"label:\" + identifierName + \";\");\n    }\n\n    if (args[0] == null || args[0].raw === undefined) {\n      styles.push.apply(styles, args);\n    } else {\n      if (process.env.NODE_ENV !== 'production' && args[0][0] === undefined) {\n        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n      }\n\n      styles.push(args[0][0]);\n      var len = args.length;\n      var i = 1;\n\n      for (; i < len; i++) {\n        if (process.env.NODE_ENV !== 'production' && args[0][i] === undefined) {\n          console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n        }\n\n        styles.push(args[i], args[0][i]);\n      }\n    } // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class\n\n\n    var Styled = withEmotionCache(function (props, context, ref) {\n      return /*#__PURE__*/createElement(ThemeContext.Consumer, null, function (theme) {\n        var finalTag = shouldUseAs && props.as || baseTag;\n        var className = '';\n        var classInterpolations = [];\n        var mergedProps = props;\n\n        if (props.theme == null) {\n          mergedProps = {};\n\n          for (var key in props) {\n            mergedProps[key] = props[key];\n          }\n\n          mergedProps.theme = theme;\n        }\n\n        if (typeof props.className === 'string') {\n          className = getRegisteredStyles(context.registered, classInterpolations, props.className);\n        } else if (props.className != null) {\n          className = props.className + \" \";\n        }\n\n        var serialized = serializeStyles(styles.concat(classInterpolations), context.registered, mergedProps);\n        var rules = insertStyles(context, serialized, typeof finalTag === 'string');\n        className += context.key + \"-\" + serialized.name;\n\n        if (targetClassName !== undefined) {\n          className += \" \" + targetClassName;\n        }\n\n        var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getDefaultShouldForwardProp(finalTag) : defaultShouldForwardProp;\n        var newProps = {};\n\n        for (var _key in props) {\n          if (shouldUseAs && _key === 'as') continue;\n\n          if ( // $FlowFixMe\n          finalShouldForwardProp(_key)) {\n            newProps[_key] = props[_key];\n          }\n        }\n\n        newProps.className = className;\n        newProps.ref = ref || props.innerRef;\n\n        if (process.env.NODE_ENV !== 'production' && props.innerRef) {\n          console.error('`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead' + (identifierName === undefined ? '' : \" in the usage of `\" + identifierName + \"`\"));\n        }\n\n        var ele = /*#__PURE__*/createElement(finalTag, newProps);\n        var possiblyStyleElement = /*#__PURE__*/createElement(Noop, null);\n\n\n        return /*#__PURE__*/createElement(Fragment, null, possiblyStyleElement, ele);\n      });\n    });\n    Styled.displayName = identifierName !== undefined ? identifierName : \"Styled(\" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + \")\";\n    Styled.defaultProps = tag.defaultProps;\n    Styled.__emotion_real = Styled;\n    Styled.__emotion_base = baseTag;\n    Styled.__emotion_styles = styles;\n    Styled.__emotion_forwardProp = shouldForwardProp;\n    Object.defineProperty(Styled, 'toString', {\n      value: function value() {\n        if (targetClassName === undefined && process.env.NODE_ENV !== 'production') {\n          return 'NO_COMPONENT_SELECTOR';\n        } // $FlowFixMe: coerce undefined to string\n\n\n        return \".\" + targetClassName;\n      }\n    });\n\n    Styled.withComponent = function (nextTag, nextOptions) {\n      return createStyled(nextTag, nextOptions !== undefined ? _objectSpread({}, options || {}, {}, nextOptions) : options).apply(void 0, styles);\n    };\n\n    return Styled;\n  };\n};\n\nexport default createStyled;\n"],"names":["testOmitPropsOnStringTag","isPropValid","testOmitPropsOnComponent","key","getDefaultShouldForwardProp","tag","ownKeys","object","enumerableOnly","keys","symbols","sym","_objectSpread","target","i","source","_defineProperty","ILLEGAL_ESCAPE_SEQUENCE_ERROR","Noop","createStyled","options","identifierName","shouldForwardProp","targetClassName","propName","isReal","baseTag","defaultShouldForwardProp","shouldUseAs","args","styles","len","Styled","withEmotionCache","props","context","ref","createElement","ThemeContext","theme","finalTag","className","classInterpolations","mergedProps","getRegisteredStyles","serialized","serializeStyles","insertStyles","finalShouldForwardProp","newProps","_key","ele","possiblyStyleElement","Fragment","nextTag","nextOptions"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/sd-component-library329.js

@@ -1,55 +1,115 @@
-function d(t) {
-  if (t.sheet)
-    return t.sheet;
-  for (var e = 0; e < document.styleSheets.length; e++)
-    if (document.styleSheets[e].ownerNode === t)
-      return document.styleSheets[e];
-}
-function l(t) {
-  var e = document.createElement("style");
-  return e.setAttribute("data-emotion", t.key), t.nonce !== void 0 && e.setAttribute("nonce", t.nonce), e.appendChild(document.createTextNode("")), e;
-}
-var u = /* @__PURE__ */ function() {
-  function t(s) {
-    this.isSpeedy = s.speedy === void 0 ? process.env.NODE_ENV === "production" : s.speedy, this.tags = [], this.ctr = 0, this.nonce = s.nonce, this.key = s.key, this.container = s.container, this.before = null;
-  }
-  var e = t.prototype;
-  return e.insert = function(n) {
-    if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
-      var i = l(this), r;
-      this.tags.length === 0 ? r = this.before : r = this.tags[this.tags.length - 1].nextSibling, this.container.insertBefore(i, r), this.tags.push(i);
-    }
-    var h = this.tags[this.tags.length - 1];
-    if (this.isSpeedy) {
-      var c = d(h);
-      try {
-        var o = n.charCodeAt(1) === 105 && n.charCodeAt(0) === 64;
-        c.insertRule(
-          n,
-          // we need to insert @import rules before anything else
-          // otherwise there will be an error
-          // technically this means that the @import rules will
-          // _usually_(not always since there could be multiple style tags)
-          // be the first ones in prod and generally later in dev
-          // this shouldn't really matter in the real world though
-          // @import is generally only used for font faces from google fonts and etc.
-          // so while this could be technically correct then it would be slower and larger
-          // for a tiny bit of correctness that won't matter in the real world
-          o ? 0 : c.cssRules.length
-        );
-      } catch (a) {
-        process.env.NODE_ENV !== "production" && console.warn('There was a problem inserting the following rule: "' + n + '"', a);
-      }
-    } else
-      h.appendChild(document.createTextNode(n));
-    this.ctr++;
-  }, e.flush = function() {
-    this.tags.forEach(function(n) {
-      return n.parentNode.removeChild(n);
-    }), this.tags = [], this.ctr = 0;
-  }, t;
-}();
+import { createStyleFunction as h, createParser as y } from "./sd-component-library330.js";
+import { compose as Yr, get as qr, system as Er } from "./sd-component-library330.js";
+import { layout as o } from "./sd-component-library331.js";
+import { color as x } from "./sd-component-library332.js";
+import { typography as a } from "./sd-component-library333.js";
+import { flexbox as r } from "./sd-component-library334.js";
+import { grid as e } from "./sd-component-library335.js";
+import { border as t } from "./sd-component-library336.js";
+import { background as n } from "./sd-component-library337.js";
+import { position as l } from "./sd-component-library338.js";
+import { margin as Kr, padding as Mr, space as Nr } from "./sd-component-library339.js";
+import { shadow as Qr, shadow as Ur, shadow as Zr } from "./sd-component-library340.js";
+import { buttonStyle as _r, colorStyle as ro, textStyle as oo, variant as eo } from "./sd-component-library341.js";
+var I = o.width, T = o.height, j = o.minWidth, H = o.minHeight, F = o.maxWidth, P = o.maxHeight, B = o.size, D = o.verticalAlign, L = o.display, V = o.overflow, X = o.overflowX, Y = o.overflowY, q = x.opacity, E = a.fontSize, J = a.fontFamily, K = a.fontWeight, M = a.lineHeight, N = a.textAlign, O = a.fontStyle, Q = a.letterSpacing, U = r.alignItems, Z = r.alignContent, $ = r.justifyItems, _ = r.justifyContent, rr = r.flexWrap, or = r.flexDirection, er = r.flex, tr = r.flexGrow, ir = r.flexShrink, ar = r.flexBasis, lr = r.justifySelf, dr = r.alignSelf, nr = r.order, gr = e.gridGap, sr = e.gridColumnGap, mr = e.gridRowGap, pr = e.gridColumn, fr = e.gridRow, ur = e.gridAutoFlow, br = e.gridAutoColumns, cr = e.gridAutoRows, hr = e.gridTemplateColumns, yr = e.gridTemplateRows, xr = e.gridTemplateAreas, wr = e.gridArea, Sr = t.borderWidth, vr = t.borderStyle, Ar = t.borderColor, Cr = t.borderTop, Rr = t.borderRight, kr = t.borderBottom, Wr = t.borderLeft, zr = t.borderRadius, Gr = n.backgroundImage, Ir = n.backgroundSize, Tr = n.backgroundPosition, jr = n.backgroundRepeat, Hr = l.zIndex, Fr = l.top, Pr = l.right, Br = l.bottom, Dr = l.left, Lr = function(i) {
+  var g = i.prop, m = i.cssProperty, s = i.alias, p = i.key, f = i.transformValue, u = i.scale, b = i.properties, d = {};
+  d[g] = h({
+    properties: b,
+    property: m || g,
+    scale: p,
+    defaultScale: u,
+    transform: f
+  }), s && (d[s] = d[g]);
+  var c = y(d);
+  return c;
+};
 export {
-  u as StyleSheet
+  Z as alignContent,
+  U as alignItems,
+  dr as alignSelf,
+  n as background,
+  Gr as backgroundImage,
+  Tr as backgroundPosition,
+  jr as backgroundRepeat,
+  Ir as backgroundSize,
+  t as border,
+  kr as borderBottom,
+  Ar as borderColor,
+  Wr as borderLeft,
+  zr as borderRadius,
+  Rr as borderRight,
+  vr as borderStyle,
+  Cr as borderTop,
+  Sr as borderWidth,
+  t as borders,
+  Br as bottom,
+  Qr as boxShadow,
+  _r as buttonStyle,
+  x as color,
+  ro as colorStyle,
+  Yr as compose,
+  y as createParser,
+  h as createStyleFunction,
+  L as display,
+  er as flex,
+  ar as flexBasis,
+  or as flexDirection,
+  tr as flexGrow,
+  ir as flexShrink,
+  rr as flexWrap,
+  r as flexbox,
+  J as fontFamily,
+  E as fontSize,
+  O as fontStyle,
+  K as fontWeight,
+  qr as get,
+  e as grid,
+  wr as gridArea,
+  br as gridAutoColumns,
+  ur as gridAutoFlow,
+  cr as gridAutoRows,
+  pr as gridColumn,
+  sr as gridColumnGap,
+  gr as gridGap,
+  fr as gridRow,
+  mr as gridRowGap,
+  xr as gridTemplateAreas,
+  hr as gridTemplateColumns,
+  yr as gridTemplateRows,
+  T as height,
+  _ as justifyContent,
+  $ as justifyItems,
+  lr as justifySelf,
+  o as layout,
+  Dr as left,
+  Q as letterSpacing,
+  M as lineHeight,
+  Kr as margin,
+  P as maxHeight,
+  F as maxWidth,
+  H as minHeight,
+  j as minWidth,
+  q as opacity,
+  nr as order,
+  V as overflow,
+  X as overflowX,
+  Y as overflowY,
+  Mr as padding,
+  l as position,
+  Pr as right,
+  Ur as shadow,
+  B as size,
+  Nr as space,
+  Lr as style,
+  Er as system,
+  N as textAlign,
+  Zr as textShadow,
+  oo as textStyle,
+  Fr as top,
+  a as typography,
+  eo as variant,
+  D as verticalAlign,
+  I as width,
+  Hr as zIndex
 };
 //# sourceMappingURL=sd-component-library329.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library329.js","sources":["../node_modules/@emotion/sheet/dist/sheet.browser.esm.js"],"sourcesContent":["/*\n\nBased off glamor's StyleSheet, thanks Sunil ❤️\n\nhigh performance StyleSheet for css-in-js systems\n\n- uses multiple style tags behind the scenes for millions of rules\n- uses `insertRule` for appending in production for *much* faster performance\n\n// usage\n\nimport { StyleSheet } from '@emotion/sheet'\n\nlet styleSheet = new StyleSheet({ key: '', container: document.head })\n\nstyleSheet.insert('#box { border: 1px solid red; }')\n- appends a css rule into the stylesheet\n\nstyleSheet.flush()\n- empties the stylesheet of all its contents\n\n*/\n// $FlowFixMe\nfunction sheetForTag(tag) {\n  if (tag.sheet) {\n    // $FlowFixMe\n    return tag.sheet;\n  } // this weirdness brought to you by firefox\n\n  /* istanbul ignore next */\n\n\n  for (var i = 0; i < document.styleSheets.length; i++) {\n    if (document.styleSheets[i].ownerNode === tag) {\n      // $FlowFixMe\n      return document.styleSheets[i];\n    }\n  }\n}\n\nfunction createStyleElement(options) {\n  var tag = document.createElement('style');\n  tag.setAttribute('data-emotion', options.key);\n\n  if (options.nonce !== undefined) {\n    tag.setAttribute('nonce', options.nonce);\n  }\n\n  tag.appendChild(document.createTextNode(''));\n  return tag;\n}\n\nvar StyleSheet =\n/*#__PURE__*/\nfunction () {\n  function StyleSheet(options) {\n    this.isSpeedy = options.speedy === undefined ? process.env.NODE_ENV === 'production' : options.speedy;\n    this.tags = [];\n    this.ctr = 0;\n    this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets\n\n    this.key = options.key;\n    this.container = options.container;\n    this.before = null;\n  }\n\n  var _proto = StyleSheet.prototype;\n\n  _proto.insert = function insert(rule) {\n    // the max length is how many rules we have per style tag, it's 65000 in speedy mode\n    // it's 1 in dev because we insert source maps that map a single rule to a location\n    // and you can only have one source map per style tag\n    if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {\n      var _tag = createStyleElement(this);\n\n      var before;\n\n      if (this.tags.length === 0) {\n        before = this.before;\n      } else {\n        before = this.tags[this.tags.length - 1].nextSibling;\n      }\n\n      this.container.insertBefore(_tag, before);\n      this.tags.push(_tag);\n    }\n\n    var tag = this.tags[this.tags.length - 1];\n\n    if (this.isSpeedy) {\n      var sheet = sheetForTag(tag);\n\n      try {\n        // this is a really hot path\n        // we check the second character first because having \"i\"\n        // as the second character will happen less often than\n        // having \"@\" as the first character\n        var isImportRule = rule.charCodeAt(1) === 105 && rule.charCodeAt(0) === 64; // this is the ultrafast version, works across browsers\n        // the big drawback is that the css won't be editable in devtools\n\n        sheet.insertRule(rule, // we need to insert @import rules before anything else\n        // otherwise there will be an error\n        // technically this means that the @import rules will\n        // _usually_(not always since there could be multiple style tags)\n        // be the first ones in prod and generally later in dev\n        // this shouldn't really matter in the real world though\n        // @import is generally only used for font faces from google fonts and etc.\n        // so while this could be technically correct then it would be slower and larger\n        // for a tiny bit of correctness that won't matter in the real world\n        isImportRule ? 0 : sheet.cssRules.length);\n      } catch (e) {\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn(\"There was a problem inserting the following rule: \\\"\" + rule + \"\\\"\", e);\n        }\n      }\n    } else {\n      tag.appendChild(document.createTextNode(rule));\n    }\n\n    this.ctr++;\n  };\n\n  _proto.flush = function flush() {\n    // $FlowFixMe\n    this.tags.forEach(function (tag) {\n      return tag.parentNode.removeChild(tag);\n    });\n    this.tags = [];\n    this.ctr = 0;\n  };\n\n  return StyleSheet;\n}();\n\nexport { StyleSheet };\n"],"names":["sheetForTag","tag","i","createStyleElement","options","StyleSheet","_proto","rule","_tag","before","sheet","isImportRule","e"],"mappings":"AAuBA,SAASA,EAAYC,GAAK;AACxB,MAAIA,EAAI;AAEN,WAAOA,EAAI;AAMb,WAASC,IAAI,GAAGA,IAAI,SAAS,YAAY,QAAQA;AAC/C,QAAI,SAAS,YAAYA,CAAC,EAAE,cAAcD;AAExC,aAAO,SAAS,YAAYC,CAAC;AAGnC;AAEA,SAASC,EAAmBC,GAAS;AACnC,MAAIH,IAAM,SAAS,cAAc,OAAO;AACxC,SAAAA,EAAI,aAAa,gBAAgBG,EAAQ,GAAG,GAExCA,EAAQ,UAAU,UACpBH,EAAI,aAAa,SAASG,EAAQ,KAAK,GAGzCH,EAAI,YAAY,SAAS,eAAe,EAAE,CAAC,GACpCA;AACT;AAEG,IAACI,IAEJ,2BAAY;AACV,WAASA,EAAWD,GAAS;AAC3B,SAAK,WAAWA,EAAQ,WAAW,SAAY,QAAQ,IAAI,aAAa,eAAeA,EAAQ,QAC/F,KAAK,OAAO,IACZ,KAAK,MAAM,GACX,KAAK,QAAQA,EAAQ,OAErB,KAAK,MAAMA,EAAQ,KACnB,KAAK,YAAYA,EAAQ,WACzB,KAAK,SAAS;AAAA,EACf;AAED,MAAIE,IAASD,EAAW;AAExB,SAAAC,EAAO,SAAS,SAAgBC,GAAM;AAIpC,QAAI,KAAK,OAAO,KAAK,WAAW,OAAQ,OAAO,GAAG;AAChD,UAAIC,IAAOL,EAAmB,IAAI,GAE9BM;AAEJ,MAAI,KAAK,KAAK,WAAW,IACvBA,IAAS,KAAK,SAEdA,IAAS,KAAK,KAAK,KAAK,KAAK,SAAS,CAAC,EAAE,aAG3C,KAAK,UAAU,aAAaD,GAAMC,CAAM,GACxC,KAAK,KAAK,KAAKD,CAAI;AAAA,IACpB;AAED,QAAIP,IAAM,KAAK,KAAK,KAAK,KAAK,SAAS,CAAC;AAExC,QAAI,KAAK,UAAU;AACjB,UAAIS,IAAQV,EAAYC,CAAG;AAE3B,UAAI;AAKF,YAAIU,IAAeJ,EAAK,WAAW,CAAC,MAAM,OAAOA,EAAK,WAAW,CAAC,MAAM;AAGxE,QAAAG,EAAM;AAAA,UAAWH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UASjBI,IAAe,IAAID,EAAM,SAAS;AAAA,QAAM;AAAA,MACzC,SAAQE,GAAG;AACV,QAAI,QAAQ,IAAI,aAAa,gBAC3B,QAAQ,KAAK,wDAAyDL,IAAO,KAAMK,CAAC;AAAA,MAEvF;AAAA,IACP;AACM,MAAAX,EAAI,YAAY,SAAS,eAAeM,CAAI,CAAC;AAG/C,SAAK;AAAA,EACT,GAEED,EAAO,QAAQ,WAAiB;AAE9B,SAAK,KAAK,QAAQ,SAAUL,GAAK;AAC/B,aAAOA,EAAI,WAAW,YAAYA,CAAG;AAAA,IAC3C,CAAK,GACD,KAAK,OAAO,IACZ,KAAK,MAAM;AAAA,EACf,GAESI;AACT,EAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library329.js","sources":["../node_modules/styled-system/dist/index.esm.js"],"sourcesContent":["import { createStyleFunction, createParser } from '@styled-system/core'; // v4 api shims\n\nimport layout from '@styled-system/layout';\nimport color from '@styled-system/color';\nimport typography from '@styled-system/typography';\nimport flexbox from '@styled-system/flexbox';\nimport grid from '@styled-system/grid';\nimport border from '@styled-system/border';\nimport background from '@styled-system/background';\nimport position from '@styled-system/position';\nexport { get, createParser, createStyleFunction, compose, system } from '@styled-system/core';\nexport { margin, padding, space } from '@styled-system/space';\nexport { color } from '@styled-system/color';\nexport { layout } from '@styled-system/layout';\nexport { typography } from '@styled-system/typography';\nexport { flexbox } from '@styled-system/flexbox';\nexport { border } from '@styled-system/border';\nexport { background } from '@styled-system/background';\nexport { position } from '@styled-system/position';\nexport { grid } from '@styled-system/grid';\nexport { shadow } from '@styled-system/shadow';\nexport { default as boxShadow, default as textShadow } from '@styled-system/shadow';\nexport { variant, buttonStyle, textStyle, colorStyle } from '@styled-system/variant';\nvar width = layout.width,\n    height = layout.height,\n    minWidth = layout.minWidth,\n    minHeight = layout.minHeight,\n    maxWidth = layout.maxWidth,\n    maxHeight = layout.maxHeight,\n    size = layout.size,\n    verticalAlign = layout.verticalAlign,\n    display = layout.display,\n    overflow = layout.overflow,\n    overflowX = layout.overflowX,\n    overflowY = layout.overflowY;\nvar opacity = color.opacity;\nvar fontSize = typography.fontSize,\n    fontFamily = typography.fontFamily,\n    fontWeight = typography.fontWeight,\n    lineHeight = typography.lineHeight,\n    textAlign = typography.textAlign,\n    fontStyle = typography.fontStyle,\n    letterSpacing = typography.letterSpacing;\nvar alignItems = flexbox.alignItems,\n    alignContent = flexbox.alignContent,\n    justifyItems = flexbox.justifyItems,\n    justifyContent = flexbox.justifyContent,\n    flexWrap = flexbox.flexWrap,\n    flexDirection = flexbox.flexDirection,\n    flex = flexbox.flex,\n    flexGrow = flexbox.flexGrow,\n    flexShrink = flexbox.flexShrink,\n    flexBasis = flexbox.flexBasis,\n    justifySelf = flexbox.justifySelf,\n    alignSelf = flexbox.alignSelf,\n    order = flexbox.order;\nvar gridGap = grid.gridGap,\n    gridColumnGap = grid.gridColumnGap,\n    gridRowGap = grid.gridRowGap,\n    gridColumn = grid.gridColumn,\n    gridRow = grid.gridRow,\n    gridAutoFlow = grid.gridAutoFlow,\n    gridAutoColumns = grid.gridAutoColumns,\n    gridAutoRows = grid.gridAutoRows,\n    gridTemplateColumns = grid.gridTemplateColumns,\n    gridTemplateRows = grid.gridTemplateRows,\n    gridTemplateAreas = grid.gridTemplateAreas,\n    gridArea = grid.gridArea;\nvar borderWidth = border.borderWidth,\n    borderStyle = border.borderStyle,\n    borderColor = border.borderColor,\n    borderTop = border.borderTop,\n    borderRight = border.borderRight,\n    borderBottom = border.borderBottom,\n    borderLeft = border.borderLeft,\n    borderRadius = border.borderRadius;\nvar backgroundImage = background.backgroundImage,\n    backgroundSize = background.backgroundSize,\n    backgroundPosition = background.backgroundPosition,\n    backgroundRepeat = background.backgroundRepeat;\nvar zIndex = position.zIndex,\n    top = position.top,\n    right = position.right,\n    bottom = position.bottom,\n    left = position.left;\nexport { default as borders } from '@styled-system/border';\nexport { width, height, minWidth, minHeight, maxWidth, maxHeight, size, verticalAlign, display, overflow, overflowX, overflowY // color\n, opacity // typography\n, fontSize, fontFamily, fontWeight, lineHeight, textAlign, fontStyle, letterSpacing // flexbox\n, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexDirection, flex, flexGrow, flexShrink, flexBasis, justifySelf, alignSelf, order // grid\n, gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea // border\n, borderWidth, borderStyle, borderColor, borderTop, borderRight, borderBottom, borderLeft, borderRadius // background\n, backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat // position\n, zIndex, top, right, bottom, left }; // v4 style API shim\n\nexport var style = function style(_ref) {\n  var prop = _ref.prop,\n      cssProperty = _ref.cssProperty,\n      alias = _ref.alias,\n      key = _ref.key,\n      transformValue = _ref.transformValue,\n      scale = _ref.scale,\n      properties = _ref.properties;\n  var config = {};\n  config[prop] = createStyleFunction({\n    properties: properties,\n    property: cssProperty || prop,\n    scale: key,\n    defaultScale: scale,\n    transform: transformValue\n  });\n  if (alias) config[alias] = config[prop];\n  var parse = createParser(config);\n  return parse;\n};\n"],"names":["width","layout","height","minWidth","minHeight","maxWidth","maxHeight","size","verticalAlign","display","overflow","overflowX","overflowY","opacity","color","fontSize","typography","fontFamily","fontWeight","lineHeight","textAlign","fontStyle","letterSpacing","alignItems","flexbox","alignContent","justifyItems","justifyContent","flexWrap","flexDirection","flex","flexGrow","flexShrink","flexBasis","justifySelf","alignSelf","order","gridGap","grid","gridColumnGap","gridRowGap","gridColumn","gridRow","gridAutoFlow","gridAutoColumns","gridAutoRows","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","gridArea","borderWidth","border","borderStyle","borderColor","borderTop","borderRight","borderBottom","borderLeft","borderRadius","backgroundImage","background","backgroundSize","backgroundPosition","backgroundRepeat","zIndex","position","top","right","bottom","left","style","_ref","prop","cssProperty","alias","key","transformValue","scale","properties","config","createStyleFunction","parse","createParser"],"mappings":";;;;;;;;;;;;;AAuBG,IAACA,IAAQC,EAAO,OACfC,IAASD,EAAO,QAChBE,IAAWF,EAAO,UAClBG,IAAYH,EAAO,WACnBI,IAAWJ,EAAO,UAClBK,IAAYL,EAAO,WACnBM,IAAON,EAAO,MACdO,IAAgBP,EAAO,eACvBQ,IAAUR,EAAO,SACjBS,IAAWT,EAAO,UAClBU,IAAYV,EAAO,WACnBW,IAAYX,EAAO,WACnBY,IAAUC,EAAM,SAChBC,IAAWC,EAAW,UACtBC,IAAaD,EAAW,YACxBE,IAAaF,EAAW,YACxBG,IAAaH,EAAW,YACxBI,IAAYJ,EAAW,WACvBK,IAAYL,EAAW,WACvBM,IAAgBN,EAAW,eAC3BO,IAAaC,EAAQ,YACrBC,IAAeD,EAAQ,cACvBE,IAAeF,EAAQ,cACvBG,IAAiBH,EAAQ,gBACzBI,KAAWJ,EAAQ,UACnBK,KAAgBL,EAAQ,eACxBM,KAAON,EAAQ,MACfO,KAAWP,EAAQ,UACnBQ,KAAaR,EAAQ,YACrBS,KAAYT,EAAQ,WACpBU,KAAcV,EAAQ,aACtBW,KAAYX,EAAQ,WACpBY,KAAQZ,EAAQ,OAChBa,KAAUC,EAAK,SACfC,KAAgBD,EAAK,eACrBE,KAAaF,EAAK,YAClBG,KAAaH,EAAK,YAClBI,KAAUJ,EAAK,SACfK,KAAeL,EAAK,cACpBM,KAAkBN,EAAK,iBACvBO,KAAeP,EAAK,cACpBQ,KAAsBR,EAAK,qBAC3BS,KAAmBT,EAAK,kBACxBU,KAAoBV,EAAK,mBACzBW,KAAWX,EAAK,UAChBY,KAAcC,EAAO,aACrBC,KAAcD,EAAO,aACrBE,KAAcF,EAAO,aACrBG,KAAYH,EAAO,WACnBI,KAAcJ,EAAO,aACrBK,KAAeL,EAAO,cACtBM,KAAaN,EAAO,YACpBO,KAAeP,EAAO,cACtBQ,KAAkBC,EAAW,iBAC7BC,KAAiBD,EAAW,gBAC5BE,KAAqBF,EAAW,oBAChCG,KAAmBH,EAAW,kBAC9BI,KAASC,EAAS,QAClBC,KAAMD,EAAS,KACfE,KAAQF,EAAS,OACjBG,KAASH,EAAS,QAClBI,KAAOJ,EAAS,MAWTK,KAAQ,SAAeC,GAAM;AACtC,MAAIC,IAAOD,EAAK,MACZE,IAAcF,EAAK,aACnBG,IAAQH,EAAK,OACbI,IAAMJ,EAAK,KACXK,IAAiBL,EAAK,gBACtBM,IAAQN,EAAK,OACbO,IAAaP,EAAK,YAClBQ,IAAS,CAAA;AACb,EAAAA,EAAOP,CAAI,IAAIQ,EAAoB;AAAA,IACjC,YAAYF;AAAA,IACZ,UAAUL,KAAeD;AAAA,IACzB,OAAOG;AAAA,IACP,cAAcE;AAAA,IACd,WAAWD;AAAA,EACf,CAAG,GACGF,MAAOK,EAAOL,CAAK,IAAIK,EAAOP,CAAI;AACtC,MAAIS,IAAQC,EAAaH,CAAM;AAC/B,SAAOE;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library33.js

@@ -1,70 +1,70 @@
-import { jsxs as f, jsx as c } from "./sd-component-library195.js";
-import { useMemo as S, useRef as g, useEffect as B } from "react";
-import { Label as z } from "./sd-component-library213.js";
+import { j as t } from "./sd-component-library195.js";
+import { useMemo as j, useRef as w, useEffect as S } from "react";
+import { Label as g } from "./sd-component-library213.js";
 import "./sd-component-library198.js";
-import { useDependantState as y } from "./sd-component-library3.js";
-import { Box as p } from "./sd-component-library199.js";
-import { FlexCenter as _ } from "./sd-component-library37.js";
-function v(o, r) {
-  return (a) => {
-    const t = a.target.checked ? "checked" : "unchecked";
-    r == null || r(t), o(t);
+import { useDependantState as B } from "./sd-component-library3.js";
+import { Box as d } from "./sd-component-library199.js";
+import { FlexCenter as z } from "./sd-component-library37.js";
+function y(r, n) {
+  return (x) => {
+    const o = x.target.checked ? "checked" : "unchecked";
+    n == null || n(o), r(o);
   };
 }
-const I = "10px", n = "20px", d = "5px", k = ({
-  sx: o
-}) => /* @__PURE__ */ c(p, { size: I, sx: {
+const R = "10px", s = "20px", h = "5px", f = ({
+  sx: r
+}) => /* @__PURE__ */ t.jsx(d, { size: R, sx: {
   borderRadius: "2px",
-  ...o
-} }), F = ({
-  children: o,
-  onChange: r,
-  value: a = "unchecked",
-  disabled: t = !1,
-  color: x = "cl_blue",
-  bg: i = "cl_transparent",
-  borderWidth: m = "2px",
-  m: b = "10px",
+  ...r
+} }), D = ({
+  children: r,
+  onChange: n,
+  value: x = "unchecked",
+  disabled: o = !1,
+  color: p = "cl_blue",
+  bg: c = "cl_transparent",
+  borderWidth: k = "2px",
+  m = "10px",
   isHoverCheckbox: u = !1
 }) => {
-  const [e, C] = y(a), h = S(() => t ? "cl_grey" : x, [x, t]), s = g(null);
-  B(() => {
-    s.current && (s.current.checked = e === "checked", s.current.indeterminate = e === "partial");
+  const [e, b] = B(x), a = j(() => o ? "cl_grey" : p, [p, o]), i = w(null);
+  S(() => {
+    i.current && (i.current.checked = e === "checked", i.current.indeterminate = e === "partial");
   }, [e]);
-  const l = u && e === "unchecked", w = l ? null : e !== "partial" ? /* @__PURE__ */ c(k, { sx: {
-    bg: e === "checked" ? h : i
-  }, "data-test": "checkbox-inner-square" }) : /* @__PURE__ */ c(k, { sx: {
+  const l = u && e === "unchecked", C = l ? null : e !== "partial" ? /* @__PURE__ */ t.jsx(f, { sx: {
+    bg: e === "checked" ? a : c
+  }, "data-test": "checkbox-inner-square" }) : /* @__PURE__ */ t.jsx(f, { sx: {
     border: "5px solid",
-    borderColor: h,
-    borderLeftColor: i,
-    borderTopColor: i
+    borderColor: a,
+    borderLeftColor: c,
+    borderTopColor: c
   }, "data-test": "checkbox-inner-triangle" });
-  return /* @__PURE__ */ f(z, { alignItems: "center", "data-test": "partial-checkbox", children: [
-    /* @__PURE__ */ f(_, { size: n, sx: {
+  return /* @__PURE__ */ t.jsxs(g, { alignItems: "center", "data-test": "partial-checkbox", children: [
+    /* @__PURE__ */ t.jsxs(z, { size: s, sx: {
       position: "relative",
-      m: b,
+      m,
       cursor: "pointer",
       flexShrink: 0
     }, children: [
-      /* @__PURE__ */ c(p, { as: "input", type: "checkbox", sx: {
+      /* @__PURE__ */ t.jsx(d, { as: "input", type: "checkbox", sx: {
         position: "absolute",
         opacity: 0,
         zIndex: -1,
         width: 1,
         height: 1,
         overflow: "hidden"
-      }, onChange: v(C, r), checked: e === "checked", disabled: t, ref: s }),
-      /* @__PURE__ */ c(p, { sx: {
+      }, onChange: y(b, n), checked: e === "checked", disabled: o, ref: i }),
+      /* @__PURE__ */ t.jsx(d, { sx: {
         position: "absolute",
         left: 0,
         top: 0,
         borderRadius: "3px",
-        bg: i,
-        width: l ? d : n,
-        height: n,
-        borderColor: h,
+        bg: c,
+        width: l ? h : s,
+        height: s,
+        borderColor: a,
         borderStyle: "solid",
-        borderWidth: m,
+        borderWidth: k,
         ...u ? {
           /* Extends the area where hovering works */
           ":before": {
@@ -72,21 +72,21 @@ const I = "10px", n = "20px", d = "5px", k = ({
             position: "absolute",
             top: 0,
             bottom: 0,
-            left: d,
-            width: `calc(${n} - ${d})`
+            left: h,
+            width: `calc(${s} - ${h})`
           },
           ":hover": {
             transition: "width 0.1s ease-in",
-            width: n
+            width: s
           }
         } : {}
       }, "data-test": "checkbox-outer-square" }),
-      w
+      C
     ] }),
-    o
+    r
   ] });
 };
 export {
-  F as PartialCheckbox
+  D as PartialCheckbox
 };
 //# sourceMappingURL=sd-component-library33.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library33.js","sources":["../src/components/checkboxes/partial-checkbox/partial-checkbox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box, BoxProps } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { PartialCheckboxProps, PartialCheckboxState } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setState The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setState: React.Dispatch<React.SetStateAction<PartialCheckboxState>>,\n  callback?: (newValue: PartialCheckboxState) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked ? \"checked\" : \"unchecked\";\n    callback?.(newValue);\n    setState(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nconst InnerBox: React.FC<Pick<BoxProps, \"sx\">> = ({ sx }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n  />\n);\n\n/**\n * Checkbox component that supports partially checked state\n * @deprecated use PartialCheckboxV2 instead\n */\nexport const PartialCheckbox: React.FC<PartialCheckboxProps> = ({\n  children,\n  onChange,\n  value = \"unchecked\",\n  disabled = false,\n  color = \"cl_blue\",\n  bg = \"cl_transparent\",\n  borderWidth = \"2px\",\n  m = \"10px\",\n  isHoverCheckbox = false,\n}) => {\n  const [checkboxState, setCheckboxState] =\n    useDependantState<PartialCheckboxState>(value);\n  const checkedBgColor = useMemo(\n    () => (disabled ? \"cl_grey\" : color),\n    [color, disabled]\n  );\n\n  // Checkbox ref\n  const ref = useRef<HTMLInputElement>(null);\n\n  // Update checkbox element properties if state changes\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.checked = checkboxState === \"checked\";\n      ref.current.indeterminate = checkboxState === \"partial\";\n    }\n  }, [checkboxState]);\n\n  const showHoverCheckbox = isHoverCheckbox && checkboxState === \"unchecked\";\n\n  const innerCheckBox = showHoverCheckbox ? null : checkboxState !==\n    \"partial\" ? (\n    <InnerBox\n      sx={{\n        bg: checkboxState === \"checked\" ? checkedBgColor : bg,\n      }}\n      data-test=\"checkbox-inner-square\"\n    />\n  ) : (\n    <InnerBox\n      sx={{\n        border: \"5px solid\",\n        borderColor: checkedBgColor,\n        borderLeftColor: bg,\n        borderTopColor: bg,\n      }}\n      data-test=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-test=\"partial-checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setCheckboxState, onChange)}\n          checked={checkboxState === \"checked\"}\n          disabled={disabled}\n          ref={ref}\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: checkedBgColor,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            ...(isHoverCheckbox\n              ? {\n                  /* Extends the area where hovering works */\n                  \":before\": {\n                    content: \"''\",\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: shrankSize,\n                    width: `calc(${outerBoxSize} - ${shrankSize})`,\n                  },\n                  \":hover\": {\n                    transition: \"width 0.1s ease-in\",\n                    width: outerBoxSize,\n                  },\n                }\n              : {}),\n          }}\n          data-test=\"checkbox-outer-square\"\n        />\n\n        {innerCheckBox}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setState","callback","event","newValue","target","checked","innerBoxSize","outerBoxSize","shrankSize","InnerBox","sx","jsx","Box","borderRadius","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","m","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","current","indeterminate","showHoverCheckbox","innerCheckBox","border","borderColor","borderLeftColor","borderTopColor","jsxs","Label","FlexCenter","position","cursor","flexShrink","opacity","zIndex","width","height","overflow","left","top","borderStyle","content","bottom","transition"],"mappings":"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"}
+{"version":3,"file":"sd-component-library33.js","sources":["../src/components/checkboxes/partial-checkbox/partial-checkbox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box, BoxProps } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { PartialCheckboxProps, PartialCheckboxState } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setState The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setState: React.Dispatch<React.SetStateAction<PartialCheckboxState>>,\n  callback?: (newValue: PartialCheckboxState) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked ? \"checked\" : \"unchecked\";\n    callback?.(newValue);\n    setState(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nconst InnerBox: React.FC<Pick<BoxProps, \"sx\">> = ({ sx }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n  />\n);\n\n/**\n * Checkbox component that supports partially checked state\n * @deprecated use PartialCheckboxV2 instead\n */\nexport const PartialCheckbox: React.FC<PartialCheckboxProps> = ({\n  children,\n  onChange,\n  value = \"unchecked\",\n  disabled = false,\n  color = \"cl_blue\",\n  bg = \"cl_transparent\",\n  borderWidth = \"2px\",\n  m = \"10px\",\n  isHoverCheckbox = false,\n}) => {\n  const [checkboxState, setCheckboxState] =\n    useDependantState<PartialCheckboxState>(value);\n  const checkedBgColor = useMemo(\n    () => (disabled ? \"cl_grey\" : color),\n    [color, disabled]\n  );\n\n  // Checkbox ref\n  const ref = useRef<HTMLInputElement>(null);\n\n  // Update checkbox element properties if state changes\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.checked = checkboxState === \"checked\";\n      ref.current.indeterminate = checkboxState === \"partial\";\n    }\n  }, [checkboxState]);\n\n  const showHoverCheckbox = isHoverCheckbox && checkboxState === \"unchecked\";\n\n  const innerCheckBox = showHoverCheckbox ? null : checkboxState !==\n    \"partial\" ? (\n    <InnerBox\n      sx={{\n        bg: checkboxState === \"checked\" ? checkedBgColor : bg,\n      }}\n      data-test=\"checkbox-inner-square\"\n    />\n  ) : (\n    <InnerBox\n      sx={{\n        border: \"5px solid\",\n        borderColor: checkedBgColor,\n        borderLeftColor: bg,\n        borderTopColor: bg,\n      }}\n      data-test=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-test=\"partial-checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setCheckboxState, onChange)}\n          checked={checkboxState === \"checked\"}\n          disabled={disabled}\n          ref={ref}\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: checkedBgColor,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            ...(isHoverCheckbox\n              ? {\n                  /* Extends the area where hovering works */\n                  \":before\": {\n                    content: \"''\",\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: shrankSize,\n                    width: `calc(${outerBoxSize} - ${shrankSize})`,\n                  },\n                  \":hover\": {\n                    transition: \"width 0.1s ease-in\",\n                    width: outerBoxSize,\n                  },\n                }\n              : {}),\n          }}\n          data-test=\"checkbox-outer-square\"\n        />\n\n        {innerCheckBox}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setState","callback","event","newValue","target","checked","innerBoxSize","outerBoxSize","shrankSize","InnerBox","sx","jsx","Box","borderRadius","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","m","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","current","indeterminate","showHoverCheckbox","innerCheckBox","border","borderColor","borderLeftColor","borderTopColor","jsxs","Label","FlexCenter","position","cursor","flexShrink","opacity","zIndex","width","height","overflow","left","top","borderStyle","content","bottom","transition"],"mappings":"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"}