demio-ui 1.0.26 → 1.0.28

package/dist/esm/types/src/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    disabled?: boolean;
+    id: string;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    name?: string;
+};
+/**
+ * Checkbox component documentation.
+ **/
+declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, ...props }: Props): React.JSX.Element;
+export default Checkbox;

package/dist/esm/types/src/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Checkbox';

package/dist/esm/types/src/components/InputHint/InputHint.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    type?: 'hint' | 'error';
+};
+declare function InputHint({ children, type }: Props): React.JSX.Element;
+export default InputHint;

package/dist/esm/types/src/components/InputHint/index.d.ts

@@ -0,0 +1 @@
+export { default } from './InputHint';

package/dist/esm/types/src/components/Label/Label.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 type Props = {
     htmlFor: string;
     children: React.ReactNode;
+    className?: string;
+    weight?: 'regular' | 'semiBold';
 };
-declare function Label({ htmlFor, children }: Props): React.JSX.Element;
+declare function Label({ htmlFor, children, className, weight }: Props): React.JSX.Element;
 export default Label;

package/dist/esm/types/src/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+type Props = {
+    items: {
+        id: string;
+        label: string;
+        value: string;
+        disabled?: boolean;
+    }[];
+    error?: string;
+    defaultValue?: string;
+    ariaLabel?: string;
+    hint?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    value?: string;
+};
+declare function RadioGroup({ items, error, defaultValue, ariaLabel, hint, onChange, disabled, value, ...props }: Props): React.JSX.Element;
+export default RadioGroup;

package/dist/esm/types/src/components/RadioGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from './RadioGroup';

package/dist/esm/types/src/icons/index.d.ts

@@ -3,6 +3,8 @@ import ArrowDownIcon from './keyboard_arrow_down.svg';
 import BlockIcon from './block.svg';
 import BlurOnIcon from './blur_on.svg';
 import CachedIcon from './cached.svg';
+import CheckboxIcon from './checkbox.svg';
+import CheckboxUncheckIcon from './checkbox_uncheck.svg';
 import CheckCircleIcon from './check_circle.svg';
 import CloseIcon from './close.svg';
 import DeleteIcon from './delete.svg';
@@ -23,4 +25,4 @@ import VolumeUpIcon from './volume_up-1.svg';
 import VolumeUpSolidIcon from './volume_up.svg';
 import WarningIcon from './warning-1.svg';
 import WarningSolidIcon from './warning.svg';
-export { AddIcon, ArrowDownIcon, BlockIcon, BlurOnIcon, CachedIcon, CheckCircleIcon, CloseIcon, DeleteIcon, InfoIcon, InfoSolidIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PlayIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
+export { AddIcon, ArrowDownIcon, BlockIcon, BlurOnIcon, CachedIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, CloseIcon, DeleteIcon, InfoIcon, InfoSolidIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PlayIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };

package/dist/types.d.ts

@@ -125,8 +125,10 @@ declare const SelectItemText: React__default.ForwardRefExoticComponent<SelectPri
 type Props$3 = {
     htmlFor: string;
     children: React__default.ReactNode;
+    className?: string;
+    weight?: 'regular' | 'semiBold';
 };
-declare function Label({ htmlFor, children }: Props$3): React__default.JSX.Element;
+declare function Label({ htmlFor, children, className, weight }: Props$3): React__default.JSX.Element;
 
 type Props$2 = {
     children: React__default.ReactNode;
@@ -158,10 +160,10 @@ type Props = {
 };
 declare function Alert({ onOpenChange, open, actionText, onActionClick, cancelText, onCancelClick, title, description, }: Props): React__default.JSX.Element;
 
-var _path$o, _g$n;
-function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : 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$o.apply(this, arguments); }
+var _path$q, _g$p;
+function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : 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$q.apply(this, arguments); }
 var SvgAdd = function SvgAdd(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$o({
+  return /*#__PURE__*/React.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -176,10 +178,10 @@ var SvgAdd = function SvgAdd(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
+  }, _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$n || (_g$n = /*#__PURE__*/React.createElement("g", {
+  }))), _g$p || (_g$p = /*#__PURE__*/React.createElement("g", {
     mask: "url(#add_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -187,10 +189,10 @@ var SvgAdd = function SvgAdd(props) {
   }))));
 };
 
-var _path$n, _g$m;
-function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : 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$n.apply(this, arguments); }
+var _path$p, _g$o;
+function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : 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$p.apply(this, arguments); }
 var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$n({
+  return /*#__PURE__*/React.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -204,10 +206,10 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
+  }, _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
+  }))), _g$o || (_g$o = /*#__PURE__*/React.createElement("g", {
     mask: "url(#keyboard_arrow_down_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -215,10 +217,10 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
   }))));
 };
 
-var _path$m, _g$l;
-function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : 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$m.apply(this, arguments); }
+var _path$o, _g$n;
+function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : 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$o.apply(this, arguments); }
 var SvgBlock = function SvgBlock(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$m({
+  return /*#__PURE__*/React.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -233,10 +235,10 @@ var SvgBlock = function SvgBlock(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
+  }, _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
+  }))), _g$n || (_g$n = /*#__PURE__*/React.createElement("g", {
     mask: "url(#block_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#42454B",
@@ -244,10 +246,10 @@ var SvgBlock = function SvgBlock(props) {
   }))));
 };
 
-var _path$l, _g$k;
-function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : 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$l.apply(this, arguments); }
+var _path$n, _g$m;
+function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : 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$n.apply(this, arguments); }
 var SvgBlurOn = function SvgBlurOn(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$l({
+  return /*#__PURE__*/React.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -262,10 +264,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
+  }, _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
+  }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
     mask: "url(#blur_on_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -273,10 +275,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
   }))));
 };
 
-var _path$k, _g$j;
-function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : 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$k.apply(this, arguments); }
+var _path$m, _g$l;
+function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : 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$m.apply(this, arguments); }
 var SvgCached = function SvgCached(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$k({
+  return /*#__PURE__*/React.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -291,10 +293,10 @@ var SvgCached = function SvgCached(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
+  }, _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
+  }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
     mask: "url(#cached_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -302,6 +304,64 @@ var SvgCached = function SvgCached(props) {
   }))));
 };
 
+var _path$l, _g$k;
+function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : 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$l.apply(this, arguments); }
+var SvgCheckbox = function SvgCheckbox(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$l({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "checkbox_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#checkbox_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#02BF6F",
+    d: "m10.6 13.4-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7c0 .283.092.517.275.7L9.9 15.5c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.4ZM5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587C20.803 3.98 21 4.45 21 5v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Z"
+  }))));
+};
+
+var _path$k, _g$j;
+function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : 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$k.apply(this, arguments); }
+var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$k({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "checkbox_uncheck_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#checkbox_uncheck_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#838B97",
+    d: "M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h14c.55 0 1.02.196 1.413.587C20.803 3.98 21 4.45 21 5v14c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm0-2h14V5H5v14Z"
+  }))));
+};
+
 var _path$j, _g$i;
 function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : 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$j.apply(this, arguments); }
 var SvgCheckCircle = function SvgCheckCircle(props) {
@@ -869,6 +929,8 @@ declare namespace index {
     SvgBlurOn as BlurOnIcon,
     SvgCached as CachedIcon,
     SvgCheckCircle as CheckCircleIcon,
+    SvgCheckbox as CheckboxIcon,
+    SvgCheckboxUncheck as CheckboxUncheckIcon,
     SvgClose as CloseIcon,
     SvgDelete as DeleteIcon,
     SvgInfo as InfoIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "",
   "repository": {
     "type": "git",
@@ -45,9 +45,11 @@
   },
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^1.2.2",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",