@activecollab/components 1.0.4 → 1.0.8

package/dist/cjs/components/Popper/Popper.js

@@ -0,0 +1,155 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popper = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _core = require("@popperjs/core");
+
+var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
+
+var _excluded = ["children", "anchorEl", "open", "style", "transition", "placement"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+function 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; }
+
+function _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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _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; }
+
+function _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; }
+
+var Popper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+      anchorEl = _ref.anchorEl,
+      _ref$open = _ref.open,
+      open = _ref$open === void 0 ? false : _ref$open,
+      style = _ref.style,
+      _ref$transition = _ref.transition,
+      transition = _ref$transition === void 0 ? false : _ref$transition,
+      _ref$placement = _ref.placement,
+      initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      exited = _useState2[0],
+      setExited = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(initialPlacement),
+      _useState4 = _slicedToArray(_useState3, 2),
+      placement = _useState4[0],
+      setPlacement = _useState4[1];
+
+  var ownRef = (0, _react.useRef)(null);
+  var popperRef = (0, _react.useRef)();
+  var handleInnerRef = (0, _useForkRef.default)(ownRef, ref);
+
+  var handlePopperUpdate = function handlePopperUpdate(data) {
+    setPlacement(data.placement || "bottom");
+  };
+
+  var handleOpen = (0, _react.useCallback)(function () {
+    if (!ownRef.current || !anchorEl || !open) {
+      return;
+    }
+
+    if (popperRef.current) {
+      popperRef.current.destroy();
+    }
+
+    popperRef.current = (0, _core.createPopper)(anchorEl, ownRef.current, {
+      placement: placement,
+      onFirstUpdate: handlePopperUpdate
+    });
+  }, [anchorEl, open, placement]);
+
+  var handleClose = function handleClose() {
+    if (!popperRef.current) {
+      return;
+    }
+
+    popperRef.current.destroy();
+  };
+
+  var handleRef = (0, _react.useCallback)(function (node) {
+    handleInnerRef(node);
+    handleOpen();
+  }, [handleOpen, handleInnerRef]);
+
+  var handleEnter = function handleEnter() {
+    setExited(false);
+  };
+
+  var handleExited = function handleExited() {
+    setExited(true);
+    handleClose();
+  };
+
+  (0, _react.useEffect)(function () {
+    return function () {
+      handleClose();
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!open && !transition) {
+      handleClose();
+    }
+  }, [open, transition]);
+  (0, _react.useEffect)(function () {
+    if (popperRef.current) {
+      popperRef.current.update();
+    }
+  });
+
+  if (!open && (!transition || exited)) {
+    return null;
+  }
+
+  var childProps = {
+    placement: placement
+  };
+
+  if (transition) {
+    childProps.transitionProps = {
+      in: open,
+      onEnter: handleEnter,
+      onExited: handleExited
+    };
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: handleRef
+  }, rest, {
+    style: _objectSpread({}, style)
+  }), typeof children === "function" ? children(childProps) : children);
+});
+exports.Popper = Popper;
+Popper.displayName = "Popper";
+//# sourceMappingURL=Popper.js.map

package/dist/cjs/components/Popper/Popper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Popper/Popper.tsx"],"names":["Popper","ref","children","anchorEl","open","style","transition","placement","initialPlacement","rest","exited","setExited","setPlacement","ownRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","current","destroy","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","update","childProps","transitionProps","in","onEnter","onExited","displayName"],"mappings":"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","sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useRef,\n  useEffect,\n  useState,\n  CSSProperties,\n  HTMLAttributes,\n} from \"react\";\nimport { createPopper, Instance, State } from \"@popperjs/core\";\nimport { Placement } from \".\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface TransitionProps {\n  in: boolean;\n  onEnter: () => void;\n  onExited: () => void;\n}\ninterface IChildProps {\n  placement: Placement;\n  transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps {\n  /** Anchor Element. */\n  anchorEl?: Element | null;\n  /** Open */\n  open?: boolean;\n  /** Inline style */\n  style?: CSSProperties;\n  /** Child with transition */\n  transition?: boolean;\n  /** Placement */\n  placement?: Placement;\n}\n\nexport const Popper = forwardRef<\n  HTMLDivElement,\n  PopperProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      anchorEl,\n      open = false,\n      style,\n      transition = false,\n      placement: initialPlacement = \"bottom\",\n      ...rest\n    },\n    ref\n  ) => {\n    const [exited, setExited] = useState(true);\n    const [placement, setPlacement] = useState(initialPlacement);\n    const ownRef = useRef<HTMLDivElement | null>(null);\n    const popperRef = useRef<Instance>();\n\n    const handleInnerRef = useForkRef(ownRef, ref);\n\n    const handlePopperUpdate = (data: Partial<State>): void => {\n      setPlacement(data.placement || \"bottom\");\n    };\n\n    const handleOpen = useCallback(() => {\n      if (!ownRef.current || !anchorEl || !open) {\n        return;\n      }\n\n      if (popperRef.current) {\n        popperRef.current.destroy();\n      }\n\n      popperRef.current = createPopper(anchorEl, ownRef.current, {\n        placement,\n        onFirstUpdate: handlePopperUpdate,\n      });\n    }, [anchorEl, open, placement]);\n\n    const handleClose = (): void => {\n      if (!popperRef.current) {\n        return;\n      }\n\n      popperRef.current.destroy();\n    };\n\n    const handleRef = useCallback(\n      (node: HTMLDivElement) => {\n        handleInnerRef(node);\n        handleOpen();\n      },\n      [handleOpen, handleInnerRef]\n    );\n\n    const handleEnter = (): void => {\n      setExited(false);\n    };\n\n    const handleExited = (): void => {\n      setExited(true);\n      handleClose();\n    };\n\n    useEffect(() => {\n      return (): void => {\n        handleClose();\n      };\n    }, []);\n\n    useEffect(() => {\n      if (!open && !transition) {\n        handleClose();\n      }\n    }, [open, transition]);\n\n    useEffect(() => {\n      if (popperRef.current) {\n        popperRef.current.update();\n      }\n    });\n\n    if (!open && (!transition || exited)) {\n      return null;\n    }\n\n    const childProps: Partial<IChildProps> = { placement };\n\n    if (transition) {\n      childProps.transitionProps = {\n        in: open,\n        onEnter: handleEnter,\n        onExited: handleExited,\n      };\n    }\n\n    return (\n      <div\n        ref={handleRef}\n        {...rest}\n        style={{\n          ...style,\n        }}\n      >\n        {typeof children === \"function\" ? children(childProps) : children}\n      </div>\n    );\n  }\n);\n\nPopper.displayName = \"Popper\";\n"],"file":"Popper.js"}

package/dist/cjs/components/Popper/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Popper = require("./Popper");
+
+Object.keys(_Popper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Popper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Popper[key];
+    }
+  });
+});
+
+var _Placement = require("./Placement");
+
+Object.keys(_Placement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Placement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Placement[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Popper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Popper/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Popper\";\nexport * from \"./Placement\";\n"],"file":"index.js"}

package/dist/cjs/components/Pressed/Pressed.js

@@ -0,0 +1,50 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pressed = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["children", "active", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+function _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; }
+
+function _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; }
+
+/**
+ * Pressed wrapper for button component
+ */
+var Pressed = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      className = _ref.className,
+      args = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPressed, _extends({
+    active: active,
+    ref: ref,
+    className: (0, _classnames.default)({
+      "c-pressed__active": active
+    }, className)
+  }, args), children);
+});
+exports.Pressed = Pressed;
+Pressed.displayName = "Pressed";
+//# sourceMappingURL=Pressed.js.map

package/dist/cjs/components/Pressed/Pressed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Pressed/Pressed.tsx"],"names":["Pressed","ref","children","active","className","args","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;;;;;;;AAOA;AACA;AACA;AACO,IAAMA,OAAO,gBAAG,uBACrB,gBAAmDC,GAAnD,EAA2D;AAAA,MAAxDC,QAAwD,QAAxDA,QAAwD;AAAA,yBAA9CC,MAA8C;AAAA,MAA9CA,MAA8C,4BAArC,KAAqC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACzD,sBACE,6BAAC,qBAAD;AACE,IAAA,MAAM,EAAEF,MADV;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,IAAA,SAAS,EAAE,yBAAW;AAAE,2BAAqBE;AAAvB,KAAX,EAA4CC,SAA5C;AAHb,KAIMC,IAJN,GAMGH,QANH,CADF;AAUD,CAZoB,CAAhB;;AAePF,OAAO,CAACM,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { IButtonProps } from \"../Button/Button\";\nimport { StyledPressed } from \"./Styles\";\n\nexport interface IPressedProps extends IButtonProps {\n  /** Set active state */\n  active?: boolean;\n}\n\n/**\n * Pressed wrapper for button component\n */\nexport const Pressed = forwardRef<HTMLButtonElement, IPressedProps>(\n  ({ children, active = false, className, ...args }, ref) => {\n    return (\n      <StyledPressed\n        active={active}\n        ref={ref}\n        className={classNames({ \"c-pressed__active\": active }, className)}\n        {...args}\n      >\n        {children}\n      </StyledPressed>\n    );\n  }\n);\n\nPressed.displayName = \"Pressed\";\n"],"file":"Pressed.js"}

package/dist/cjs/components/Pressed/Styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledPressed = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _Button = require("../Button/Button");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledPressed = (0, _styledComponents.default)(_Button.Button).withConfig({
+  displayName: "Styles__StyledPressed",
+  componentId: "sc-1wqfsg5-0"
+})(["", ""], function (props) {
+  return props.active && (0, _styledComponents.css)(["", " ", " ", " ", " ", " ", ""], {
+    "pointerEvents": "none"
+  }, (props.variant === "primary" || props.variant === "contained") && (0, _styledComponents.css)(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && (0, _styledComponents.css)(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && (0, _styledComponents.css)(["background-color:var(--only-black);"]), (props.variant === "tertiary" || props.variant === "text colored") && (0, _styledComponents.css)(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && (0, _styledComponents.css)(["color:var(--color-primary);", ""], props.children instanceof Array && (0, _styledComponents.css)(["background-color:var(--color-theme-300);"])));
+});
+exports.StyledPressed = StyledPressed;
+StyledPressed.displayName = "StyledPressed";
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Pressed/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Pressed/Styles.ts"],"names":["StyledPressed","Button","props","active","css","variant","children","Array","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;AAGO,IAAMA,aAAa,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,aACtB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,QACAC,qBADA,qCAEM;AAAA;AAAA,GAFN,EAII,CAACF,KAAK,CAACG,OAAN,KAAkB,SAAlB,IAA+BH,KAAK,CAACG,OAAN,KAAkB,WAAlD,SACFD,qBADE,iDAJJ,EASI,CAACF,KAAK,CAACG,OAAN,KAAkB,WAAlB,IAAiCH,KAAK,CAACG,OAAN,KAAkB,UAApD,SACFD,qBADE,oEATJ,EAeIF,KAAK,CAACG,OAAN,KAAkB,kBAAlB,QACFD,qBADE,0CAfJ,EAoBE,CAACF,KAAK,CAACG,OAAN,KAAkB,UAAlB,IAAgCH,KAAK,CAACG,OAAN,KAAkB,cAAnD,SACAD,qBADA,iDApBF,EAyBE,CAACF,KAAK,CAACG,OAAN,KAAkB,QAAlB,IAA8BH,KAAK,CAACG,OAAN,KAAkB,WAAjD,SACAD,qBADA,uCAGIF,KAAK,CAACI,QAAN,YAA0BC,KAA1B,QACFH,qBADE,+CAHJ,CAzBF,CADA;AAAA,CADsB,CAAnB;;AAsCPJ,aAAa,CAACQ,WAAd,GAA4B,eAA5B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Pressed/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Pressed = require("./Pressed");
+
+Object.keys(_Pressed).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pressed[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pressed[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Pressed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Pressed/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Pressed\";\n"],"file":"index.js"}

package/dist/cjs/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,49 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBar = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Styles = require("./Styles");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ProgressBar = function ProgressBar(_ref) {
+  var progress = _ref.progress,
+      backgroundColor = _ref.backgroundColor,
+      progressColor = _ref.progressColor;
+  var progressNumber = (0, _react.useMemo)(function () {
+    var width = progress;
+
+    if (progress > 100) {
+      width = 100;
+    }
+
+    if (progress < 0) {
+      width = 0;
+    }
+
+    return width;
+  }, [progress]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressBar, {
+    className: "c-progress-bar",
+    $color: backgroundColor
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressBarProgress, {
+    className: "c-progress-bar__progress",
+    style: {
+      width: "".concat(progressNumber, "%")
+    },
+    $color: progressColor
+  }));
+};
+
+exports.ProgressBar = ProgressBar;
+ProgressBar.displayName = "ProgressBar";
+//# sourceMappingURL=ProgressBar.js.map

package/dist/cjs/components/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":["ProgressBar","progress","backgroundColor","progressColor","progressNumber","width","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAWO,IAAMA,WAAkC,GAAG,SAArCA,WAAqC,OAI5C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,eAEI,QAFJA,eAEI;AAAA,MADJC,aACI,QADJA,aACI;AACJ,MAAMC,cAAc,GAAG,oBAAQ,YAAM;AACnC,QAAIC,KAAK,GAAGJ,QAAZ;;AACA,QAAIA,QAAQ,GAAG,GAAf,EAAoB;AAClBI,MAAAA,KAAK,GAAG,GAAR;AACD;;AACD,QAAIJ,QAAQ,GAAG,CAAf,EAAkB;AAChBI,MAAAA,KAAK,GAAG,CAAR;AACD;;AACD,WAAOA,KAAP;AACD,GATsB,EASpB,CAACJ,QAAD,CAToB,CAAvB;AAWA,sBACE,6BAAC,yBAAD;AAAmB,IAAA,SAAS,EAAE,gBAA9B;AAAgD,IAAA,MAAM,EAAEC;AAAxD,kBACE,6BAAC,iCAAD;AACE,IAAA,SAAS,EAAE,0BADb;AAEE,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,YAAKD,cAAL;AAAP,KAFT;AAGE,IAAA,MAAM,EAAED;AAHV,IADF,CADF;AASD,CAzBM;;;AA2BPH,WAAW,CAACM,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\ninterface IProgressBarProps {\n  /** Progress prop can be number. */\n  progress: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress,\n  backgroundColor,\n  progressColor,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  return (\n    <StyledProgressBar className={\"c-progress-bar\"} $color={backgroundColor}>\n      <StyledProgressBarProgress\n        className={\"c-progress-bar__progress\"}\n        style={{ width: `${progressNumber}%` }}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"file":"ProgressBar.js"}

package/dist/cjs/components/ProgressBar/Styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledProgressBarProgress = exports.StyledProgressBar = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledProgressBar = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledProgressBar",
+  componentId: "sc-k5nm08-0"
+})(["", " ", ""], _BoxSizingStyle.BoxSizingStyle, function (props) {
+  return props.$color ? (0, _styledComponents.css)(["background-color:", ";"], props.$color) : (0, _styledComponents.css)(["background-color:var(--color-theme-300);"]);
+});
+
+exports.StyledProgressBar = StyledProgressBar;
+StyledProgressBar.displayName = "StyledProgressBar";
+
+var StyledProgressBarProgress = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledProgressBarProgress",
+  componentId: "sc-k5nm08-1"
+})(["height:3px;", ""], function (props) {
+  return props.$color ? (0, _styledComponents.css)(["background-color:", ";"], props.$color) : (0, _styledComponents.css)(["background-color:var(--color-secondary);"]);
+});
+
+exports.StyledProgressBarProgress = StyledProgressBarProgress;
+StyledProgressBarProgress.displayName = "StyledProgressBarProgress";
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/ProgressBar/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressBar/Styles.ts"],"names":["StyledProgressBar","styled","div","BoxSizingStyle","props","$color","css","displayName","StyledProgressBarProgress"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAMO,IAAMA,iBAAiB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,kBAC1BC,8BAD0B,EAG1B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,OACIC,qBADJ,8BAE0BF,KAAK,CAACC,MAFhC,QAIIC,qBAJJ,+CADA;AAAA,CAH0B,CAAvB;;;AAaPN,iBAAiB,CAACO,WAAlB,GAAgC,mBAAhC;;AAEO,IAAMC,yBAAyB,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,wBAGlC,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,OACIC,qBADJ,8BAE0BF,KAAK,CAACC,MAFhC,QAIIC,qBAJJ,+CADA;AAAA,CAHkC,CAA/B;;;AAaPE,yBAAyB,CAACD,WAA1B,GAAwC,2BAAxC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n  $color?: string;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-theme-300);\n        `}\n`;\n\nStyledProgressBar.displayName = \"StyledProgressBar\";\n\nexport const StyledProgressBarProgress = styled.div<IStyledProgressBar>`\n  height: 3px;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-secondary);\n        `}\n`;\n\nStyledProgressBarProgress.displayName = \"StyledProgressBarProgress\";\n"],"file":"Styles.js"}

package/dist/cjs/components/ProgressBar/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ProgressBar = require("./ProgressBar");
+
+Object.keys(_ProgressBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ProgressBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ProgressBar[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./ProgressBar\";\n"],"file":"index.js"}

package/dist/cjs/components/RadioButton/RadioButton.js

@@ -0,0 +1,62 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioButton = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _RadioButton = _interopRequireDefault(require("../Icons/collection/RadioButton"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["className", "id", "hover"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+function _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; }
+
+function _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; }
+
+var RadioButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$id = _ref.id,
+      id = _ref$id === void 0 ? "radio" : _ref$id,
+      hover = _ref.hover,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioButton, {
+    className: (0, _classnames.default)("c-radio-btn", {
+      "c-radio-btn__hover": hover,
+      "c-radio-btn__controlled": typeof hover === "boolean"
+    }, className),
+    $isHovered: hover,
+    $isControlled: typeof hover === "boolean"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioInput, _extends({
+    id: id,
+    className: "c-radio-btn--input",
+    type: "radio",
+    ref: ref
+  }, props)), /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioLabel, {
+    htmlFor: id,
+    className: "c-radio-btn--label"
+  }, /*#__PURE__*/_react.default.createElement(_RadioButton.default, {
+    width: "16",
+    height: "16"
+  })));
+});
+exports.RadioButton = RadioButton;
+RadioButton.displayName = "RadioButton";
+//# sourceMappingURL=RadioButton.js.map

package/dist/cjs/components/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":["RadioButton","ref","className","id","hover","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAeO,IAAMA,WAAW,gBAAG,uBACzB,gBAOEC,GAPF,EAQK;AAAA,4BANDC,SAMC;AAAA,MANDA,SAMC,+BANW,EAMX;AAAA,qBALDC,EAKC;AAAA,MALDA,EAKC,wBALI,OAKJ;AAAA,MAJDC,KAIC,QAJDA,KAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,yBAAD;AACE,IAAA,SAAS,EAAE,yBACT,aADS,EAET;AACE,4BAAsBD,KADxB;AAEE,iCAA2B,OAAOA,KAAP,KAAiB;AAF9C,KAFS,EAMTF,SANS,CADb;AASE,IAAA,UAAU,EAAEE,KATd;AAUE,IAAA,aAAa,EAAE,OAAOA,KAAP,KAAiB;AAVlC,kBAYE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAED,EADN;AAEE,IAAA,SAAS,EAAC,oBAFZ;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,GAAG,EAAEF;AAJP,KAKMI,KALN,EAZF,eAmBE,6BAAC,wBAAD;AAAkB,IAAA,OAAO,EAAEF,EAA3B;AAA+B,IAAA,SAAS,EAAC;AAAzC,kBACE,6BAAC,oBAAD;AAAiB,IAAA,KAAK,EAAC,IAAvB;AAA4B,IAAA,MAAM,EAAC;AAAnC,IADF,CAnBF,CADF;AAyBD,CAnCwB,CAApB;;AAsCPH,WAAW,CAACM,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { forwardRef, InputHTMLAttributes, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport RadioButtonIcon from \"../Icons/collection/RadioButton\";\nimport {\n  StyledRadioButton,\n  StyledRadioInput,\n  StyledRadioLabel,\n} from \"./Styles\";\n\nexport interface IRadioButtonProps {\n  /** Class names */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id for RadioButton */\n  id?: string;\n}\n\nexport const RadioButton = forwardRef(\n  (\n    {\n      className = \"\",\n      id = \"radio\",\n      hover,\n      ...props\n    }: InputHTMLAttributes<HTMLInputElement> & IRadioButtonProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledRadioButton\n        className={classnames(\n          \"c-radio-btn\",\n          {\n            \"c-radio-btn__hover\": hover,\n            \"c-radio-btn__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        $isHovered={hover}\n        $isControlled={typeof hover === \"boolean\"}\n      >\n        <StyledRadioInput\n          id={id}\n          className=\"c-radio-btn--input\"\n          type=\"radio\"\n          ref={ref}\n          {...props}\n        />\n        <StyledRadioLabel htmlFor={id} className=\"c-radio-btn--label\">\n          <RadioButtonIcon width=\"16\" height=\"16\" />\n        </StyledRadioLabel>\n      </StyledRadioButton>\n    );\n  }\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"file":"RadioButton.js"}

package/dist/cjs/components/RadioButton/Styles.js

@@ -0,0 +1,51 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledRadioLabel = exports.StyledRadioInput = exports.StyledRadioButton = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledRadioInput = _styledComponents.default.input.withConfig({
+  displayName: "Styles__StyledRadioInput",
+  componentId: "sc-1xh9uc2-0"
+})(["display none;"]);
+
+exports.StyledRadioInput = StyledRadioInput;
+StyledRadioInput.displayName = "StyledRadioInput";
+
+var StyledRadioLabel = _styledComponents.default.label.withConfig({
+  displayName: "Styles__StyledRadioLabel",
+  componentId: "sc-1xh9uc2-1"
+})(["", ""], {
+  "display": "inline-flex",
+  "alignItems": "center"
+});
+
+exports.StyledRadioLabel = StyledRadioLabel;
+StyledRadioLabel.displayName = "StyledRadioLabel";
+
+var StyledRadioButton = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledRadioButton",
+  componentId: "sc-1xh9uc2-2"
+})(["", " ", " height:16px;width:16px;position:relative;svg{cursor:pointer;fill:transparent;}circle:first-child{transition-duration:0.2s;stroke:var(--color-theme-500);}circle:last-child{transition-duration:0.2s;transform-origin:center;transform:scale(0);fill:var(--color-secondary-500);}input:focus ~ ", "{circle:first-child{stroke:var(--color-secondary);}}input:disabled ~ ", "{pointer-events:none;opacity:0.5;}", " ", " input:checked ~ ", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);fill:var(--color-secondary);}}"], _BoxSizingStyle.BoxSizingStyle, {
+  "display": "inline-flex",
+  "alignItems": "center"
+}, StyledRadioLabel, StyledRadioLabel, function (props) {
+  return props.$isControlled !== true && (0, _styledComponents.css)(["input:hover ~ ", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"], StyledRadioLabel);
+}, function (props) {
+  return props.$isHovered && (0, _styledComponents.css)(["", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"], StyledRadioLabel);
+}, StyledRadioLabel);
+
+exports.StyledRadioButton = StyledRadioButton;
+StyledRadioButton.displayName = "StyledRadioButton";
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/RadioButton/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/RadioButton/Styles.ts"],"names":["StyledRadioInput","styled","input","displayName","StyledRadioLabel","label","StyledRadioButton","div","BoxSizingStyle","props","$isControlled","css","$isHovered"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,qBAAtB;;;AAIPF,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMC,gBAAgB,GAAGH,0BAAOI,KAAV;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA;AAAA,CADuB,CAAtB;;;AAIPD,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;;AAOO,IAAMG,iBAAiB,GAAGL,0BAAOM,GAAV;AAAA;AAAA;AAAA,ojBAC1BC,8BAD0B,EAExB;AAAA;AAAA;AAAA,CAFwB,EAyBZJ,gBAzBY,EA+BTA,gBA/BS,EAoC1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,KAAwB,IAAxB,QACAC,qBADA,oHAEkBP,gBAFlB,CADA;AAAA,CApC0B,EAiD1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,QACAD,qBADA,sGAEIP,gBAFJ,CADA;AAAA,CAjD0B,EA8DVA,gBA9DU,CAAvB;;;AAyEPE,iBAAiB,CAACH,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledRadioInput = styled.input`\n  display none;\n`;\n\nStyledRadioInput.displayName = \"StyledRadioInput\";\n\nexport const StyledRadioLabel = styled.label`\n  ${tw`tw-inline-flex tw-items-center`}\n`;\n\nStyledRadioLabel.displayName = \"StyledRadioLabel\";\n\nexport interface IStyledRadioButton {\n  $isHovered?: boolean;\n  $isControlled?: boolean;\n}\n\nexport const StyledRadioButton = styled.div<IStyledRadioButton>`\n  ${BoxSizingStyle}\n  ${tw`tw-inline-flex tw-items-center`}\n\n  height: 16px;\n  width: 16px;\n  position: relative;\n\n  svg {\n    cursor: pointer;\n    fill: transparent;\n  }\n\n  circle:first-child {\n    transition-duration: 0.2s;\n    stroke: var(--color-theme-500);\n  }\n\n  circle:last-child {\n    transition-duration: 0.2s;\n    transform-origin: center;\n    transform: scale(0);\n    fill: var(--color-secondary-500);\n  }\n\n  input:focus ~ ${StyledRadioLabel} {\n    circle:first-child {\n      stroke: var(--color-secondary);\n    }\n  }\n\n  input:disabled ~ ${StyledRadioLabel} {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  ${(props) =>\n    props.$isControlled !== true &&\n    css`\n      input:hover ~ ${StyledRadioLabel} {\n        circle:first-child {\n          stroke: var(--color-secondary);\n        }\n        circle:last-child {\n          transform: scale(1);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$isHovered &&\n    css`\n      ${StyledRadioLabel} {\n        circle:first-child {\n          stroke: var(--color-secondary);\n        }\n        circle:last-child {\n          transform: scale(1);\n        }\n      }\n    `}\n\n  input:checked ~ ${StyledRadioLabel} {\n    circle:first-child {\n      stroke: var(--color-secondary);\n    }\n    circle:last-child {\n      transform: scale(1);\n      fill: var(--color-secondary);\n    }\n  }\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"file":"Styles.js"}

package/dist/cjs/components/RadioButton/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _RadioButton = require("./RadioButton");
+
+Object.keys(_RadioButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadioButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RadioButton[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/RadioButton/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./RadioButton\";\n"],"file":"index.js"}