@drivy/cobalt 0.22.0 → 0.23.0

package/components/Buttons/ButtonComponent.js

@@ -2,7 +2,6 @@ import '../Icon/index.js';
 import React, { forwardRef } from 'react';
 import LoadingIcon from '../Icon/__generated__/LoadingIcon.js';
 
-const isLinkProps = (props) => "href" in props && !!props.href;
 const _Button = forwardRef((props, ref) => {
     const { disabled, loading, children, ...restProps } = props;
     return (React.createElement("button", { ref: ref, "aria-disabled": disabled, "aria-busy": loading, disabled: disabled, ...restProps },
@@ -19,5 +18,5 @@ const Link = forwardRef((props, ref) => {
 Link.displayName = "link";
 const Button = Object.assign(_Button, { Link });
 
-export { Button as default, isLinkProps };
+export { Button as default };
 //# sourceMappingURL=ButtonComponent.js.map

package/components/Buttons/ButtonComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonComponent.js","sources":["../../../src/components/Buttons/ButtonComponent.tsx"],"sourcesContent":["import { LoadingIcon } from \"../Icon\"\nimport React, { forwardRef } from \"react\"\n\n// Button props\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  loading?: boolean\n  href?: undefined\n}\n\n// Link props\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  loading?: boolean\n  disabled?: boolean\n  href?: string\n}\n\nexport const isLinkProps = (\n  props: ButtonProps | LinkProps\n): props is LinkProps => \"href\" in props && !!props.href\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const { disabled, loading, children, ...restProps } = props\n    return (\n      <button\n        ref={ref}\n        aria-disabled={disabled}\n        aria-busy={loading}\n        disabled={disabled}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </button>\n    )\n  }\n)\n_Button.displayName = \"button\"\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (props: LinkProps, ref) => {\n    const { disabled, target, rel, loading, children, ...restProps } = props\n    return (\n      <a\n        aria-disabled={disabled}\n        data-disabled={disabled}\n        aria-busy={loading}\n        target={target}\n        rel={target && !rel ? \"noopener noreferrer\" : rel}\n        ref={ref}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </a>\n    )\n  }\n)\nLink.displayName = \"link\"\n\nconst Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":[],"mappings":";;;;AAgBa,MAAA,WAAW,GAAG,CACzB,KAA8B,KACP,MAAM,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAI;AAExD,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,KAAkB,EAAE,GAAG,KAAI;AAC1B,IAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AAC3D,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACO,eAAA,EAAA,QAAQ,EACZ,WAAA,EAAA,OAAO,EAClB,QAAQ,EAAE,QAAQ,KACd,SAAS,EAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;QAC/D,QAAQ,CACF,EACV;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,KAAgB,EAAE,GAAG,KAAI;AACxB,IAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AACxE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,eAAA,EACiB,QAAQ,EAAA,eAAA,EACR,QAAQ,EAAA,WAAA,EACZ,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,KACJ,SAAS,EAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;QAC/D,QAAQ,CACP,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE;;;;"}
+{"version":3,"file":"ButtonComponent.js","sources":["../../../src/components/Buttons/ButtonComponent.tsx"],"sourcesContent":["import { LoadingIcon } from \"../Icon\"\nimport React, { forwardRef } from \"react\"\n\n// Button props\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  loading?: boolean\n  href?: undefined\n}\n\n// Link props\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  loading?: boolean\n  disabled?: boolean\n  href?: string\n}\n\nexport const isLinkProps = (\n  props: ButtonProps | LinkProps\n): props is LinkProps => \"href\" in props && !!props.href\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const { disabled, loading, children, ...restProps } = props\n    return (\n      <button\n        ref={ref}\n        aria-disabled={disabled}\n        aria-busy={loading}\n        disabled={disabled}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </button>\n    )\n  }\n)\n_Button.displayName = \"button\"\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (props: LinkProps, ref) => {\n    const { disabled, target, rel, loading, children, ...restProps } = props\n    return (\n      <a\n        aria-disabled={disabled}\n        data-disabled={disabled}\n        aria-busy={loading}\n        target={target}\n        rel={target && !rel ? \"noopener noreferrer\" : rel}\n        ref={ref}\n        {...restProps}\n      >\n        {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n        {children}\n      </a>\n    )\n  }\n)\nLink.displayName = \"link\"\n\nconst Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":[],"mappings":";;;;AAoBA,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,KAAkB,EAAE,GAAG,KAAI;AAC1B,IAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AAC3D,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACO,eAAA,EAAA,QAAQ,EACZ,WAAA,EAAA,OAAO,EAClB,QAAQ,EAAE,QAAQ,KACd,SAAS,EAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;QAC/D,QAAQ,CACF,EACV;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,KAAgB,EAAE,GAAG,KAAI;AACxB,IAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AACxE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,eAAA,EACiB,QAAQ,EAAA,eAAA,EACR,QAAQ,EAAA,WAAA,EACZ,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,KACJ,SAAS,EAAA;AAEZ,QAAA,OAAO,IAAI,KAAC,CAAA,aAAA,CAAA,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAG,CAAA;QAC/D,QAAQ,CACP,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE;;;;"}

package/components/Buttons/ButtonsGroup.js

@@ -3,13 +3,9 @@ import cx from 'classnames';
 import GhostButton from './GhostButton/index.js';
 import InversedButton from './InversedButton/index.js';
 import DefaultButton from './DefaultButton/index.js';
-import Button from '../Button/Button.js';
-import Link from '../Button/Link.js';
 
 const isButton = (component) => React.isValidElement(component) &&
-    (component.type === Button ||
-        component.type === Link ||
-        component.type === GhostButton ||
+    (component.type === GhostButton ||
         component.type === GhostButton.Link ||
         component.type === InversedButton ||
         component.type === InversedButton.Link ||

package/components/Buttons/ButtonsGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonsGroup.js","sources":["../../../src/components/Buttons/ButtonsGroup.tsx"],"sourcesContent":["import React, { Children } from \"react\"\nimport cx from \"classnames\"\n\nimport GhostButton from \"./GhostButton\"\nimport InversedButton from \"./InversedButton\"\nimport DefaultButton from \"./DefaultButton\"\nimport LegacyButton from \"../Button/Button\"\nimport LegacyLink from \"../Button/Link\"\nimport { AllButtonsPropsType } from \"./\"\n\nexport interface ButtonsGroupProps {\n  className?: string\n  children: React.ReactNode\n  align?: \"fullWidth\" | \"right\" | \"center\"\n}\n\nconst isButton = (\n  component: React.ReactNode\n): component is React.ReactElement<AllButtonsPropsType> =>\n  React.isValidElement(component) &&\n  (component.type === LegacyButton ||\n    component.type === LegacyLink ||\n    component.type === GhostButton ||\n    component.type === GhostButton.Link ||\n    component.type === InversedButton ||\n    component.type === InversedButton.Link ||\n    component.type === DefaultButton ||\n    component.type === DefaultButton.Link)\n\nconst ButtonsGroup = ({ className, children, align }: ButtonsGroupProps) => (\n  <div\n    className={cx(className, \"cobalt-buttons-group\", {\n      \"cobalt-buttons-group--right\": align === \"right\",\n      \"cobalt-buttons-group--center\": align === \"center\",\n    })}\n  >\n    {Children.toArray(children).map((child, index) =>\n      isButton(child)\n        ? React.cloneElement(child, {\n            key: index,\n            className: cx(\"cobalt-buttons-group__item\", {\n              \"cobalt-buttons-group__item--fullWidth\": align === \"fullWidth\",\n            }),\n            fullWidth: align === \"fullWidth\",\n          })\n        : child\n    )}\n  </div>\n)\n\nexport default ButtonsGroup\n"],"names":["LegacyButton","LegacyLink"],"mappings":";;;;;;;;AAgBA,MAAM,QAAQ,GAAG,CACf,SAA0B,KAE1B,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;AAC/B,KAAC,SAAS,CAAC,IAAI,KAAKA,MAAY;QAC9B,SAAS,CAAC,IAAI,KAAKC,IAAU;QAC7B,SAAS,CAAC,IAAI,KAAK,WAAW;AAC9B,QAAA,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;QACnC,SAAS,CAAC,IAAI,KAAK,cAAc;AACjC,QAAA,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;QACtC,SAAS,CAAC,IAAI,KAAK,aAAa;AAChC,QAAA,SAAS,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC,CAAA;AAEpC,MAAA,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAqB,MACrE,6BACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE;QAC/C,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,8BAA8B,EAAE,KAAK,KAAK,QAAQ;KACnD,CAAC,EAAA,EAED,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAC3C,QAAQ,CAAC,KAAK,CAAC;AACb,MAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACxB,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE;YAC1C,uCAAuC,EAAE,KAAK,KAAK,WAAW;SAC/D,CAAC;QACF,SAAS,EAAE,KAAK,KAAK,WAAW;KACjC,CAAC;AACJ,MAAE,KAAK,CACV,CACG;;;;"}
+{"version":3,"file":"ButtonsGroup.js","sources":["../../../src/components/Buttons/ButtonsGroup.tsx"],"sourcesContent":["import React, { Children } from \"react\"\nimport cx from \"classnames\"\n\nimport GhostButton from \"./GhostButton\"\nimport InversedButton from \"./InversedButton\"\nimport DefaultButton from \"./DefaultButton\"\nimport { AllButtonsPropsType } from \"./\"\n\nexport interface ButtonsGroupProps {\n  className?: string\n  children: React.ReactNode\n  align?: \"fullWidth\" | \"right\" | \"center\"\n}\n\nconst isButton = (\n  component: React.ReactNode\n): component is React.ReactElement<AllButtonsPropsType> =>\n  React.isValidElement(component) &&\n  (component.type === GhostButton ||\n    component.type === GhostButton.Link ||\n    component.type === InversedButton ||\n    component.type === InversedButton.Link ||\n    component.type === DefaultButton ||\n    component.type === DefaultButton.Link)\n\nconst ButtonsGroup = ({ className, children, align }: ButtonsGroupProps) => (\n  <div\n    className={cx(className, \"cobalt-buttons-group\", {\n      \"cobalt-buttons-group--right\": align === \"right\",\n      \"cobalt-buttons-group--center\": align === \"center\",\n    })}\n  >\n    {Children.toArray(children).map((child, index) =>\n      isButton(child)\n        ? React.cloneElement(child, {\n            key: index,\n            className: cx(\"cobalt-buttons-group__item\", {\n              \"cobalt-buttons-group__item--fullWidth\": align === \"fullWidth\",\n            }),\n            fullWidth: align === \"fullWidth\",\n          })\n        : child\n    )}\n  </div>\n)\n\nexport default ButtonsGroup\n"],"names":[],"mappings":";;;;;;AAcA,MAAM,QAAQ,GAAG,CACf,SAA0B,KAE1B,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;AAC/B,KAAC,SAAS,CAAC,IAAI,KAAK,WAAW;AAC7B,QAAA,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;QACnC,SAAS,CAAC,IAAI,KAAK,cAAc;AACjC,QAAA,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;QACtC,SAAS,CAAC,IAAI,KAAK,aAAa;AAChC,QAAA,SAAS,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC,CAAA;AAEpC,MAAA,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAqB,MACrE,6BACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE;QAC/C,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,8BAA8B,EAAE,KAAK,KAAK,QAAQ;KACnD,CAAC,EAAA,EAED,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAC3C,QAAQ,CAAC,KAAK,CAAC;AACb,MAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACxB,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE;YAC1C,uCAAuC,EAAE,KAAK,KAAK,WAAW;SAC/D,CAAC;QACF,SAAS,EAAE,KAAK,KAAK,WAAW;KACjC,CAAC;AACJ,MAAE,KAAK,CACV,CACG;;;;"}

package/components/EmptyState/index.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { ButtonGroup } from '../Button/index.js';
+import ButtonsGroup from '../Buttons/ButtonsGroup.js';
 
 const EmptyState = ({ title, children, action, secondaryAction, image, }) => {
     return (React.createElement("div", { className: "cobalt-EmptyState" },
         React.createElement("img", { className: "cobalt-EmptyState__Image", role: "presentation", alt: "", src: image, height: 188, width: 188 }),
         React.createElement("h2", { className: "cobalt-EmptyState__Title" }, title),
         children && React.createElement("div", { className: "cobalt-EmptyState__Body" }, children),
-        action && (React.createElement(ButtonGroup, { align: "center" },
+        action && (React.createElement(ButtonsGroup, { align: "center" },
             React.createElement(React.Fragment, null,
                 action,
                 secondaryAction)))));

package/components/EmptyState/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { ButtonGroup, Button } from \"../Button\"\n\nexport interface EmptyStateProps {\n  children?: React.ReactNode\n  title: string\n  action?: typeof Button\n  secondaryAction?: typeof Button\n  image: string\n}\n\nexport const EmptyState = ({\n  title,\n  children,\n  action,\n  secondaryAction,\n  image,\n}: EmptyStateProps) => {\n  return (\n    <div className=\"cobalt-EmptyState\">\n      <img\n        className=\"cobalt-EmptyState__Image\"\n        role=\"presentation\"\n        alt=\"\"\n        src={image}\n        height={188}\n        width={188}\n      />\n      <h2 className=\"cobalt-EmptyState__Title\">{title}</h2>\n      {children && <div className=\"cobalt-EmptyState__Body\">{children}</div>}\n      {action && (\n        <ButtonGroup align=\"center\">\n          <>\n            {action}\n            {secondaryAction}\n          </>\n        </ButtonGroup>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAYa,MAAA,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,eAAe,EACf,KAAK,GACW,KAAI;AACpB,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAAA;QAChC,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,cAAc,EACnB,GAAG,EAAC,EAAE,EACN,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,GAAG,EACV,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,0BAA0B,EAAA,EAAE,KAAK,CAAM;AACpD,QAAA,QAAQ,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA,EAAE,QAAQ,CAAO;AACrE,QAAA,MAAM,KACL,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAA;AACzB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;gBACG,MAAM;AACN,gBAAA,eAAe,CACf,CACS,CACf,CACG,EACP;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import React from \"react\"\n\nimport DefaultButton from \"../Buttons/DefaultButton\"\nimport ButtonsGroup from \"../Buttons/ButtonsGroup\"\n\nexport interface EmptyStateProps {\n  children?: React.ReactNode\n  title: string\n  action?: typeof DefaultButton\n  secondaryAction?: typeof DefaultButton\n  image: string\n}\n\nexport const EmptyState = ({\n  title,\n  children,\n  action,\n  secondaryAction,\n  image,\n}: EmptyStateProps) => {\n  return (\n    <div className=\"cobalt-EmptyState\">\n      <img\n        className=\"cobalt-EmptyState__Image\"\n        role=\"presentation\"\n        alt=\"\"\n        src={image}\n        height={188}\n        width={188}\n      />\n      <h2 className=\"cobalt-EmptyState__Title\">{title}</h2>\n      {children && <div className=\"cobalt-EmptyState__Body\">{children}</div>}\n      {action && (\n        <ButtonsGroup align=\"center\">\n          <>\n            {action}\n            {secondaryAction}\n          </>\n        </ButtonsGroup>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAaa,MAAA,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,eAAe,EACf,KAAK,GACW,KAAI;AACpB,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAAA;QAChC,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,cAAc,EACnB,GAAG,EAAC,EAAE,EACN,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,GAAG,EACV,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,0BAA0B,EAAA,EAAE,KAAK,CAAM;AACpD,QAAA,QAAQ,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA,EAAE,QAAQ,CAAO;AACrE,QAAA,MAAM,KACL,KAAA,CAAA,aAAA,CAAC,YAAY,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAA;AAC1B,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;gBACG,MAAM;AACN,gBAAA,eAAe,CACf,CACU,CAChB,CACG,EACP;AACH;;;;"}

package/components/Form/Stepper.js

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import cx from 'classnames';
 import { withFieldLabelAndHint } from './field.js';
-import { Button } from '../Button/index.js';
+import DefaultButton from '../Buttons/DefaultButton/index.js';
 
 const enforceInRange = (value, min, max) => {
     let enforcedValue = value;
@@ -56,11 +56,11 @@ class Stepper extends PureComponent {
                 "cobalt-Stepper--error": status === "error",
             }) },
             React.createElement("div", { className: "cobalt-Stepper__Wrapper" },
-                React.createElement(Button, { className: "cobalt-Stepper__ActionButton", disabled: disabled || this.state.value === min, onClick: this.onDecrement, type: "button" }, "-"),
+                React.createElement(DefaultButton, { className: "cobalt-Stepper__ActionButton", disabled: disabled || this.state.value === min, onClick: this.onDecrement, type: "button" }, "-"),
                 React.createElement("div", { className: "cobalt-Stepper__ContentWrapper" },
                     children ? children(this.state.value) : this.state.value,
                     React.createElement("input", { type: "hidden", name: name, value: this.state.value })),
-                React.createElement(Button, { className: "cobalt-Stepper__ActionButton", disabled: disabled || this.state.value === max, onClick: this.onIncrement, type: "button" }, "+"))));
+                React.createElement(DefaultButton, { className: "cobalt-Stepper__ActionButton", disabled: disabled || this.state.value === max, onClick: this.onIncrement, type: "button" }, "+"))));
     }
 }
 const wrappedComponent = withFieldLabelAndHint(Stepper);

package/components/Form/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../src/components/Form/Stepper.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport classNames from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\nimport { Button } from \"../Button\"\n\nconst enforceInRange = (\n  value: number,\n  min: number | undefined,\n  max: number | undefined\n) => {\n  let enforcedValue = value\n  if (typeof max !== \"undefined\") {\n    enforcedValue = Math.min(enforcedValue, max)\n  }\n  if (typeof min !== \"undefined\") {\n    enforcedValue = Math.max(enforcedValue, min)\n  }\n  return enforcedValue\n}\n\ntype Props = {\n  value: number\n  name?: string\n  disabled?: boolean\n  min?: number\n  max?: number\n  step: number\n  onChange?: (value: number) => void\n  children?: (value: number) => React.ReactNode\n} & FormElement\n\ntype State = {\n  value: number\n}\n\nclass Stepper extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n\n    if (props.step < 0)\n      throw new Error(\"Incorrect step value. Can't be below zero\")\n\n    this.onDecrement = this.onDecrement.bind(this)\n    this.onIncrement = this.onIncrement.bind(this)\n    this.changeValue = this.changeValue.bind(this)\n\n    this.state = {\n      value: enforceInRange(props.value, props.min, props.max),\n    }\n  }\n\n  componentDidUpdate(_prevProps: Props, prevState: State) {\n    if (prevState.value !== this.state.value) {\n      this.changeValue(this.state.value)\n    } else if (this.props.value !== this.state.value) {\n      this.changeValue(this.props.value)\n    }\n  }\n\n  onDecrement = () => {\n    ;(this.props.min !== null || this.state.value > this.props.min) &&\n      this.changeValue(\n        parseFloat((this.state.value - this.props.step).toFixed(10))\n      )\n  }\n\n  onIncrement = () => {\n    ;(this.props.max !== null || this.state.value < this.props.max) &&\n      this.changeValue(\n        parseFloat((this.state.value + this.props.step).toFixed(10))\n      )\n  }\n\n  changeValue = (value: number) => {\n    this.setState(\n      {\n        value: enforceInRange(value, this.props.min, this.props.max),\n      },\n      () => {\n        this.props.onChange && this.props.onChange(this.state.value)\n      }\n    )\n  }\n\n  render() {\n    const { name, status, disabled, min, max, children } = this.props\n\n    return (\n      <div\n        className={classNames(\"cobalt-Stepper\", {\n          \"cobalt-Stepper--disabled\": disabled,\n          \"cobalt-Stepper--success\": status === \"success\",\n          \"cobalt-Stepper--error\": status === \"error\",\n        })}\n      >\n        <div className=\"cobalt-Stepper__Wrapper\">\n          <Button\n            className=\"cobalt-Stepper__ActionButton\"\n            disabled={disabled || this.state.value === min}\n            onClick={this.onDecrement}\n            type={\"button\"}\n          >\n            -\n          </Button>\n          <div className=\"cobalt-Stepper__ContentWrapper\">\n            {children ? children(this.state.value) : this.state.value}\n            <input type=\"hidden\" name={name} value={this.state.value} />\n          </div>\n          <Button\n            className=\"cobalt-Stepper__ActionButton\"\n            disabled={disabled || this.state.value === max}\n            onClick={this.onIncrement}\n            type={\"button\"}\n          >\n            +\n          </Button>\n        </div>\n      </div>\n    )\n  }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(Stepper)\nwrappedComponent.displayName = \"Stepper\"\n\nexport { wrappedComponent as Stepper }\n\ntype StepperMetaProps = {\n  children: React.ReactNode\n}\nconst StepperMeta = ({ children }: StepperMetaProps) => {\n  return <div className=\"cobalt-Stepper__Meta\">{children}</div>\n}\n\nexport { StepperMeta }\n"],"names":["classNames"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Form/Stepper.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\"\nimport classNames from \"classnames\"\nimport { FormElement } from \"./form\"\nimport { withFieldLabelAndHint } from \"./field\"\nimport DefaultButton from \"../Buttons/DefaultButton\"\n\nconst enforceInRange = (\n  value: number,\n  min: number | undefined,\n  max: number | undefined\n) => {\n  let enforcedValue = value\n  if (typeof max !== \"undefined\") {\n    enforcedValue = Math.min(enforcedValue, max)\n  }\n  if (typeof min !== \"undefined\") {\n    enforcedValue = Math.max(enforcedValue, min)\n  }\n  return enforcedValue\n}\n\ntype Props = {\n  value: number\n  name?: string\n  disabled?: boolean\n  min?: number\n  max?: number\n  step: number\n  onChange?: (value: number) => void\n  children?: (value: number) => React.ReactNode\n} & FormElement\n\ntype State = {\n  value: number\n}\n\nclass Stepper extends PureComponent<Props, State> {\n  constructor(props: Props) {\n    super(props)\n\n    if (props.step < 0)\n      throw new Error(\"Incorrect step value. Can't be below zero\")\n\n    this.onDecrement = this.onDecrement.bind(this)\n    this.onIncrement = this.onIncrement.bind(this)\n    this.changeValue = this.changeValue.bind(this)\n\n    this.state = {\n      value: enforceInRange(props.value, props.min, props.max),\n    }\n  }\n\n  componentDidUpdate(_prevProps: Props, prevState: State) {\n    if (prevState.value !== this.state.value) {\n      this.changeValue(this.state.value)\n    } else if (this.props.value !== this.state.value) {\n      this.changeValue(this.props.value)\n    }\n  }\n\n  onDecrement = () => {\n    ;(this.props.min !== null || this.state.value > this.props.min) &&\n      this.changeValue(\n        parseFloat((this.state.value - this.props.step).toFixed(10))\n      )\n  }\n\n  onIncrement = () => {\n    ;(this.props.max !== null || this.state.value < this.props.max) &&\n      this.changeValue(\n        parseFloat((this.state.value + this.props.step).toFixed(10))\n      )\n  }\n\n  changeValue = (value: number) => {\n    this.setState(\n      {\n        value: enforceInRange(value, this.props.min, this.props.max),\n      },\n      () => {\n        this.props.onChange && this.props.onChange(this.state.value)\n      }\n    )\n  }\n\n  render() {\n    const { name, status, disabled, min, max, children } = this.props\n\n    return (\n      <div\n        className={classNames(\"cobalt-Stepper\", {\n          \"cobalt-Stepper--disabled\": disabled,\n          \"cobalt-Stepper--success\": status === \"success\",\n          \"cobalt-Stepper--error\": status === \"error\",\n        })}\n      >\n        <div className=\"cobalt-Stepper__Wrapper\">\n          <DefaultButton\n            className=\"cobalt-Stepper__ActionButton\"\n            disabled={disabled || this.state.value === min}\n            onClick={this.onDecrement}\n            type={\"button\"}\n          >\n            -\n          </DefaultButton>\n          <div className=\"cobalt-Stepper__ContentWrapper\">\n            {children ? children(this.state.value) : this.state.value}\n            <input type=\"hidden\" name={name} value={this.state.value} />\n          </div>\n          <DefaultButton\n            className=\"cobalt-Stepper__ActionButton\"\n            disabled={disabled || this.state.value === max}\n            onClick={this.onIncrement}\n            type={\"button\"}\n          >\n            +\n          </DefaultButton>\n        </div>\n      </div>\n    )\n  }\n}\n\nconst wrappedComponent = withFieldLabelAndHint(Stepper)\nwrappedComponent.displayName = \"Stepper\"\n\nexport { wrappedComponent as Stepper }\n\ntype StepperMetaProps = {\n  children: React.ReactNode\n}\nconst StepperMeta = ({ children }: StepperMetaProps) => {\n  return <div className=\"cobalt-Stepper__Meta\">{children}</div>\n}\n\nexport { StepperMeta }\n"],"names":["classNames"],"mappings":"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"}

package/components/Rating/RatingCompact.js

@@ -2,8 +2,10 @@ import React from 'react';
 import cx from 'classnames';
 import { RatingIcon, defaultRatingIcon } from './RatingIcons.js';
 import RatingLabel from './RatingLabel.js';
-import { formatRatingValue } from './index.js';
 
+function formatRatingValue(value) {
+    return `${value}`.includes(".") ? value : value.toFixed(1);
+}
 function RatingCompact({ className, value, count, size = 16, icon = defaultRatingIcon, }) {
     return (React.createElement("div", { className: cx("cobalt-rating", className) },
         React.createElement(RatingIcon, { icon: icon, size: size, status: "full" }),
@@ -13,5 +15,5 @@ function RatingCompact({ className, value, count, size = 16, icon = defaultRatin
             count && `(${count})`)));
 }
 
-export { RatingCompact };
+export { RatingCompact, formatRatingValue };
 //# sourceMappingURL=RatingCompact.js.map

package/components/Rating/RatingCompact.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatingCompact.js","sources":["../../../src/components/Rating/RatingCompact.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport {\n  defaultRatingIcon,\n  RatingIcon,\n  RatingIconsPropsType,\n} from \"./RatingIcons\"\nimport RatingLabel from \"./RatingLabel\"\nimport { formatRatingValue } from \".\"\n\ntype RatingCompactPropsType = Pick<\n  RatingIconsPropsType,\n  \"className\" | \"value\" | \"size\"\n> & {\n  icon?: JSX.Element\n  count?: number\n}\n\nexport function RatingCompact({\n  className,\n  value,\n  count,\n  size = 16,\n  icon = defaultRatingIcon,\n}: RatingCompactPropsType) {\n  return (\n    <div className={cx(\"cobalt-rating\", className)}>\n      <RatingIcon icon={icon} size={size} status={\"full\"} />\n      <RatingLabel>\n        {formatRatingValue(value)} {count && `(${count})`}\n      </RatingLabel>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;SAkBgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,iBAAiB,GACD,EAAA;IACvB,QACE,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAA;AAC5C,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAI,CAAA;AACtD,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA;YACT,iBAAiB,CAAC,KAAK,CAAC;;AAAG,YAAA,KAAK,IAAI,CAAI,CAAA,EAAA,KAAK,GAAG,CACrC,CACV,EACP;AACH;;;;"}
+{"version":3,"file":"RatingCompact.js","sources":["../../../src/components/Rating/RatingCompact.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\nimport {\n  defaultRatingIcon,\n  RatingIcon,\n  RatingIconsPropsType,\n} from \"./RatingIcons\"\nimport RatingLabel from \"./RatingLabel\"\n\ntype RatingCompactPropsType = Pick<\n  RatingIconsPropsType,\n  \"className\" | \"value\" | \"size\"\n> & {\n  icon?: JSX.Element\n  count?: number\n}\n\nexport function formatRatingValue(value: number) {\n  return `${value}`.includes(\".\") ? value : value.toFixed(1)\n}\n\nexport function RatingCompact({\n  className,\n  value,\n  count,\n  size = 16,\n  icon = defaultRatingIcon,\n}: RatingCompactPropsType) {\n  return (\n    <div className={cx(\"cobalt-rating\", className)}>\n      <RatingIcon icon={icon} size={size} status={\"full\"} />\n      <RatingLabel>\n        {formatRatingValue(value)} {count && `(${count})`}\n      </RatingLabel>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;AAiBM,SAAU,iBAAiB,CAAC,KAAa,EAAA;IAC7C,OAAO,CAAA,EAAG,KAAK,CAAE,CAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AAC5D,CAAC;SAEe,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,iBAAiB,GACD,EAAA;IACvB,QACE,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAA;AAC5C,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAI,CAAA;AACtD,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA;YACT,iBAAiB,CAAC,KAAK,CAAC;;AAAG,YAAA,KAAK,IAAI,CAAI,CAAA,EAAA,KAAK,GAAG,CACrC,CACV,EACP;AACH;;;;"}

package/components/Rating/index.js

@@ -3,14 +3,11 @@ import React from 'react';
 import { RatingIcons } from './RatingIcons.js';
 export { RatingIcons } from './RatingIcons.js';
 
-function formatRatingValue(value) {
-    return `${value}`.includes(".") ? value : value.toFixed(1);
-}
 function Rating({ className, iconsClassName, children, ...iconsProps }) {
     return (React.createElement("div", { className: cx("cobalt-rating", className) },
         React.createElement(RatingIcons, { className: iconsClassName, ...iconsProps }),
         children));
 }
 
-export { Rating, formatRatingValue };
+export { Rating };
 //# sourceMappingURL=index.js.map

package/components/Rating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Rating/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport React from \"react\"\nimport { RatingIcons, RatingIconsPropsType } from \"./RatingIcons\"\nimport { RatingInput } from \"./RatingInput\"\nimport { RatingCompact } from \"./RatingCompact\"\nimport RatingLabel from \"./RatingLabel\"\n\ntype RatingPropsType = RatingIconsPropsType & {\n  children?: React.ReactNode\n  iconsClassName?: RatingIconsPropsType[\"className\"]\n}\n\nfunction formatRatingValue(value: number) {\n  return `${value}`.includes(\".\") ? value : value.toFixed(1)\n}\n\nfunction Rating({\n  className,\n  iconsClassName,\n  children,\n  ...iconsProps\n}: RatingPropsType) {\n  return (\n    <div className={cx(\"cobalt-rating\", className)}>\n      <RatingIcons className={iconsClassName} {...iconsProps} />\n      {children}\n    </div>\n  )\n}\n\nexport {\n  Rating,\n  RatingLabel,\n  RatingInput,\n  RatingCompact,\n  RatingIcons,\n  formatRatingValue,\n}\n"],"names":[],"mappings":";;;;;AAYA,SAAS,iBAAiB,CAAC,KAAa,EAAA;IACtC,OAAO,CAAA,EAAG,KAAK,CAAE,CAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AAC5D,CAAC;AAED,SAAS,MAAM,CAAC,EACd,SAAS,EACT,cAAc,EACd,QAAQ,EACR,GAAG,UAAU,EACG,EAAA;IAChB,QACE,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAA;AAC5C,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,SAAS,EAAE,cAAc,EAAA,GAAM,UAAU,EAAI,CAAA;QACzD,QAAQ,CACL,EACP;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Rating/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport React from \"react\"\nimport { RatingIcons, RatingIconsPropsType } from \"./RatingIcons\"\nimport { RatingInput } from \"./RatingInput\"\nimport { RatingCompact, formatRatingValue } from \"./RatingCompact\"\nimport RatingLabel from \"./RatingLabel\"\n\ntype RatingPropsType = RatingIconsPropsType & {\n  children?: React.ReactNode\n  iconsClassName?: RatingIconsPropsType[\"className\"]\n}\n\nfunction Rating({\n  className,\n  iconsClassName,\n  children,\n  ...iconsProps\n}: RatingPropsType) {\n  return (\n    <div className={cx(\"cobalt-rating\", className)}>\n      <RatingIcons className={iconsClassName} {...iconsProps} />\n      {children}\n    </div>\n  )\n}\n\nexport {\n  Rating,\n  RatingLabel,\n  RatingInput,\n  RatingCompact,\n  RatingIcons,\n  formatRatingValue,\n}\n"],"names":[],"mappings":";;;;;AAYA,SAAS,MAAM,CAAC,EACd,SAAS,EACT,cAAc,EACd,QAAQ,EACR,GAAG,UAAU,EACG,EAAA;IAChB,QACE,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EAAA;AAC5C,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,SAAS,EAAE,cAAc,EAAA,GAAM,UAAU,EAAI,CAAA;QACzD,QAAQ,CACL,EACP;AACH;;;;"}

package/index.js

@@ -2,10 +2,10 @@ export { default as Accordion } from './components/Accordion/index.js';
 export { default as Alerter, useAlerts } from './components/Alerter/index.js';
 export { BasicCell } from './components/BasicCell/index.js';
 export { BulletList, BulletListItem } from './components/BulletList/index.js';
-export { Button, ButtonGroup } from './components/Button/index.js';
 export { default as GhostButton } from './components/Buttons/GhostButton/index.js';
 export { default as InversedButton } from './components/Buttons/InversedButton/index.js';
 export { default as DefaultButton } from './components/Buttons/DefaultButton/index.js';
+export { default as ButtonsGroup } from './components/Buttons/ButtonsGroup.js';
 export { Callout } from './components/Callout/index.js';
 export { default as Cell, Cells } from './components/Cell/index.js';
 export { EmptyState } from './components/EmptyState/index.js';
@@ -32,7 +32,7 @@ export { ComposedField } from './components/Form/ComposedField.js';
 export { withFieldLabelAndHint } from './components/Form/field.js';
 export { Fieldset } from './components/Form/Fieldset.js';
 export { Hint } from './components/Form/Hint.js';
-export { Rating, formatRatingValue } from './components/Rating/index.js';
+export { Rating } from './components/Rating/index.js';
 export { Select } from './components/Form/Select.js';
 export { default as Slider, SliderValueMeta } from './components/Form/Slider.js';
 export { Stepper, StepperMeta } from './components/Form/Stepper.js';
@@ -330,6 +330,6 @@ export { useAccordionItemContext } from '@reach/accordion';
 export { default as LoadingIcon } from './components/Icon/__generated__/LoadingIcon.js';
 export { default as StarIcon } from './components/Icon/__generated__/StarIcon.js';
 export { RatingInput } from './components/Rating/RatingInput.js';
-export { RatingCompact } from './components/Rating/RatingCompact.js';
+export { RatingCompact, formatRatingValue } from './components/Rating/RatingCompact.js';
 export { RatingIcons } from './components/Rating/RatingIcons.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/index.d.ts",
@@ -32,7 +32,7 @@
     "lodash.throttle": "4.1.1",
     "media-typer": "1.1.0",
     "nanoid": "4.0.0",
-    "postcss": "8.4.18",
+    "postcss": "8.4.19",
     "tailwindcss": "2.2.19",
     "tippy.js": "6.3.7"
   },
@@ -41,10 +41,10 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@getaround-eu/babel-preset-app": "1.0.0",
-    "@getaround-eu/eslint-config": "2.0.0",
+    "@getaround-eu/babel-preset-app": "1.1.0",
+    "@getaround-eu/eslint-config": "2.0.1",
     "@getaround-eu/prettier-config": "1.2.0",
-    "@getaround-eu/stylelint-config": "1.2.4",
+    "@getaround-eu/stylelint-config": "1.2.5",
     "@getaround-eu/ts-config": "2.2.0",
     "@percy/storybook": "3.3.1",
     "@rollup/plugin-json": "5.0.1",
@@ -59,15 +59,15 @@
     "@testing-library/react": "13.4.0",
     "@testing-library/react-hooks": "8.0.1",
     "@types/classnames": "2.3.0",
-    "@types/jest": "29.2.2",
+    "@types/jest": "29.2.3",
     "@types/lodash.throttle": "4.1.7",
     "@types/media-typer": "1.1.1",
     "@types/react": "18.0.25",
-    "@whitespace/storybook-addon-html": "^5.0.0",
+    "@whitespace/storybook-addon-html": "^5.0.3",
     "autoprefixer": "10.4.13",
-    "core-js": "3.26.0",
-    "css-loader": "6.7.1",
-    "eslint": "8.27.0",
+    "core-js": "3.26.1",
+    "css-loader": "6.7.2",
+    "eslint": "8.28.0",
     "jest": "29.3.1",
     "jest-environment-jsdom": "29.3.1",
     "nested-object-access": "^0.2.5",
@@ -78,8 +78,9 @@
     "raw-loader": "4.0.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-syntax-highlighter": "15.5.0",
     "react-test-renderer": "18.2.0",
-    "regenerator-runtime": "0.13.10",
+    "regenerator-runtime": "0.13.11",
     "rollup": "2.79.1",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-postcss": "4.0.2",
@@ -90,12 +91,12 @@
     "sharp": "0.31.2",
     "sharp-cli": "3.0.0",
     "style-loader": "3.3.1",
-    "stylelint": "14.14.1",
+    "stylelint": "14.15.0",
     "svg2vectordrawable": "2.9.1",
-    "svgo": "3.0.0",
+    "svgo": "3.0.2",
     "ts-jest": "29.0.3",
     "ts-node": "10.9.1",
-    "typescript": "4.8.4"
+    "typescript": "4.9.3"
   },
   "scripts": {
     "build": "./scripts/build.sh",

package/styles/components.scss

@@ -1,7 +1,7 @@
 @import "./components/Alerter/index";
 @import "./components/BasicCell/index";
 @import "./components/BulletList/index";
-@import "./components/Button/index";
+@import "./components/Buttons/index";
 @import "./components/Calendar/CalendarRangePicker/index";
 @import "./components/Callout/index";
 @import "./components/Card/index";

package/types/components/Accordion/ToggleIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type ToggleIconPropsType = {
+type ToggleIconPropsType = {
     isOpen: boolean;
 };
 declare const ToggleIcon: ({ isOpen }: ToggleIconPropsType) => JSX.Element;

package/types/components/Accordion/index.d.ts

@@ -1,15 +1,15 @@
 import React from "react";
 import { AccordionProps as ReachAccordionProps, AccordionItemProps as ReachAccordionItemProps, AccordionButtonProps as ReachAccordionButtonProps, AccordionPanelProps as ReachAccordionPanelProps } from "@reach/accordion";
 export { useAccordionItemContext } from "@reach/accordion";
-declare type HeadingLevelMapType = {
+type HeadingLevelMapType = {
     h2: 2;
     h3: 3;
     h4: 4;
     h5: 5;
     h6: 6;
 };
-declare type HeadingTag = keyof HeadingLevelMapType;
-export declare type AccordionItemHeaderPropsType = {
+type HeadingTag = keyof HeadingLevelMapType;
+export type AccordionItemHeaderPropsType = {
     /**
      * To improve the semantics of the markup further, the ARIA guidelines dictate
      * that each accordion item's button should be wrapped in an element with
@@ -20,13 +20,13 @@ export declare type AccordionItemHeaderPropsType = {
     className?: string;
     leftToggleIcon?: boolean;
 } & ReachAccordionButtonProps;
-export declare type AccordionItemPanelPropsType = {
+export type AccordionItemPanelPropsType = {
     className?: string;
 } & ReachAccordionPanelProps;
-export declare type AccordionItemPropsType = {
+export type AccordionItemPropsType = {
     className?: string;
 } & ReachAccordionItemProps;
-export declare type AccordionPropsType = {
+export type AccordionPropsType = {
     className?: string;
     collapsible?: ReachAccordionProps["collapsible"];
     defaultIndex?: ReachAccordionProps["defaultIndex"];

package/types/components/Alerter/Alert.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-export declare type AlertStatus = "info" | "success" | "error";
-export declare type AlertType = (props: {
+export type AlertStatus = "info" | "success" | "error";
+export type AlertType = (props: {
     children?: React.ReactNode;
     status?: AlertStatus;
     dismiss: () => void;

package/types/components/Alerter/index.d.ts

@@ -1,14 +1,14 @@
 import React from "react";
 import { AlertType } from "./Alert";
-declare type AlertPropsType = Parameters<AlertType>[0];
-export declare type AlertReducerActionData = {
+type AlertPropsType = Parameters<AlertType>[0];
+export type AlertReducerActionData = {
     id: string;
     status: AlertPropsType["status"];
     message: AlertPropsType["children"];
     dismiss?: AlertPropsType["dismiss"];
 };
-declare type SendAlertParameters = Omit<AlertReducerActionData, "dismiss" | "id">;
-declare type AlertsQueue = (Omit<AlertReducerActionData, "dismiss"> & {
+type SendAlertParameters = Omit<AlertReducerActionData, "dismiss" | "id">;
+type AlertsQueue = (Omit<AlertReducerActionData, "dismiss"> & {
     dismiss: NonNullable<AlertReducerActionData["dismiss"]>;
 })[];
 export declare const useAlerts: () => {

package/types/components/Buttons/ButtonComponent.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-export declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean;
     href?: undefined;
 };
-export declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+export type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     loading?: boolean;
     disabled?: boolean;
     href?: string;

package/types/components/Buttons/DefaultButton/index.d.ts

@@ -1,13 +1,13 @@
 import React from "react";
 import { ButtonTemplatePropsType } from "../helpers";
 import { ButtonProps, LinkProps } from "../ButtonComponent";
-declare type DefaultCommonPropsType = ButtonTemplatePropsType<{
+type DefaultCommonPropsType = ButtonTemplatePropsType<{
     primary?: boolean;
     destructive?: boolean;
     selected?: boolean;
 }>;
-export declare type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps;
-export declare type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps;
+export type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps;
+export type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps;
 declare const DefaultButton: React.ForwardRefExoticComponent<{
     primary?: boolean | undefined;
     destructive?: boolean | undefined;

package/types/components/Buttons/GhostButton/index.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 import { ButtonTemplatePropsType } from "../helpers";
 import { ButtonProps, LinkProps } from "../ButtonComponent";
-declare type GhostCommonPropsType = ButtonTemplatePropsType<{
+type GhostCommonPropsType = ButtonTemplatePropsType<{
     standalone?: boolean;
     destructive?: boolean;
 }>;
-export declare type GhostButtonPropsType = GhostCommonPropsType & ButtonProps;
-export declare type GhostLinkPropsType = GhostCommonPropsType & LinkProps;
+export type GhostButtonPropsType = GhostCommonPropsType & ButtonProps;
+export type GhostLinkPropsType = GhostCommonPropsType & LinkProps;
 declare const GhostButton: React.ForwardRefExoticComponent<{
     standalone?: boolean | undefined;
     destructive?: boolean | undefined;

package/types/components/Buttons/InversedButton/index.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { ButtonTemplatePropsType } from "../helpers";
 import { ButtonProps, LinkProps } from "../ButtonComponent";
-declare type InversedCommonPropsType = ButtonTemplatePropsType<Record<string, unknown>>;
-export declare type InversedButtonPropsType = InversedCommonPropsType & ButtonProps;
-export declare type InversedLinkPropsType = InversedCommonPropsType & LinkProps;
+type InversedCommonPropsType = ButtonTemplatePropsType<Record<string, unknown>>;
+export type InversedButtonPropsType = InversedCommonPropsType & ButtonProps;
+export type InversedLinkPropsType = InversedCommonPropsType & LinkProps;
 declare const InversedButton: React.ForwardRefExoticComponent<Pick<InversedButtonPropsType, string> & React.RefAttributes<HTMLButtonElement>> & {
     Link: React.ForwardRefExoticComponent<Pick<InversedLinkPropsType, string> & React.RefAttributes<HTMLAnchorElement>>;
 };

package/types/components/Buttons/helpers.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { IconSources } from "../Icon";
-export declare type ButtonCommonPropsType = {
+export type ButtonCommonPropsType = {
     children?: React.ReactNode;
     className?: string;
     disabled?: boolean;
@@ -11,6 +11,6 @@ export declare type ButtonCommonPropsType = {
     iconPosition?: "left" | "right";
     icon?: IconSources;
 };
-export declare type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps & ButtonCommonPropsType;
+export type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps & ButtonCommonPropsType;
 export declare const getButtonContent: ({ children, icon, iconPosition, }: Pick<ButtonCommonPropsType, "children" | "icon" | "iconPosition">) => JSX.Element;
 export declare const getButtonCommonClassNames: ({ rounded, size, fullWidth, className, disabled, }: Pick<ButtonCommonPropsType, "rounded" | "size" | "fullWidth" | "className" | "disabled">) => string;

package/types/components/Buttons/index.d.ts

@@ -1,4 +1,4 @@
 import { GhostButtonPropsType, GhostLinkPropsType } from "./GhostButton";
 import { InversedButtonPropsType, InversedLinkPropsType } from "./InversedButton";
 import { DefaultButtonPropsType, DefaultLinkPropsType } from "./DefaultButton";
-export declare type AllButtonsPropsType = GhostButtonPropsType & GhostLinkPropsType & InversedButtonPropsType & InversedLinkPropsType & DefaultButtonPropsType & DefaultLinkPropsType;
+export type AllButtonsPropsType = GhostButtonPropsType & GhostLinkPropsType & InversedButtonPropsType & InversedLinkPropsType & DefaultButtonPropsType & DefaultLinkPropsType;

package/types/components/Calendar/CalendarRangePicker/CalendarRangePicker.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FormElementStatus } from "../../Form/form";
-declare type Props = {
+type Props = {
     numberOfMonths?: number;
     firstMonthDate?: Date;
     rangeLimit?: number;

package/types/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type Props = {
+type Props = {
     date: Date;
     isEditingStartDate: boolean;
     isEditingEndDate: boolean;

package/types/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     date: Date;
     startDate?: Date;
     endDate?: Date;

package/types/components/Calendar/CalendarView/CalendarViewMonth.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MonthType } from "./types";
-declare type Props = MonthType;
+type Props = MonthType;
 declare const CalendarViewMonth: {
     ({ monthName, monthStart, statusByDate, }: Props): JSX.Element;
     displayName: string;

package/types/components/Calendar/CalendarView/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MonthType } from "./types";
-declare type Props = {
+type Props = {
     months: MonthType[];
 };
 declare const CalendarView: {

package/types/components/Calendar/CalendarView/types.d.ts

@@ -1,16 +1,16 @@
-export declare type DateStatusType = "highlighted" | "semi-highlighted" | "enabled" | "disabled" | "past";
-export declare type StatusByDateType = {
+export type DateStatusType = "highlighted" | "semi-highlighted" | "enabled" | "disabled" | "past";
+export type StatusByDateType = {
     [key: string]: DateStatusType;
 };
-export declare type MonthType = {
+export type MonthType = {
     monthName: string;
     monthStart: number;
     statusByDate?: StatusByDateType;
 };
-export declare type DateType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31;
-export declare type CalendarViewDateType = {
+export type DateType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31;
+export type CalendarViewDateType = {
     date: DateType | null;
     status?: string | null;
 };
-export declare type CalendarViewWeekType = CalendarViewDateType[];
-export declare type CalendarViewMonthType = CalendarViewWeekType[];
+export type CalendarViewWeekType = CalendarViewDateType[];
+export type CalendarViewMonthType = CalendarViewWeekType[];

package/types/components/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React, { PureComponent } from "react";
-export declare type CardProps = {
+export type CardProps = {
     children?: React.ReactNode;
     className?: string;
     flattened?: boolean;
@@ -8,7 +8,7 @@ export declare const Card: {
     ({ children, className, flattened }: CardProps): JSX.Element;
     Section: typeof CardSection;
 };
-export declare type CardSectionProps = {
+export type CardSectionProps = {
     children: React.ReactNode;
     className?: string;
     tabBar?: boolean;
@@ -20,7 +20,7 @@ export declare type CardSectionProps = {
      */
     divided?: boolean | string;
 };
-export declare type CardSectionLinkProps = CardSectionProps & {
+export type CardSectionLinkProps = CardSectionProps & {
     href: React.AnchorHTMLAttributes<HTMLAnchorElement>["href"];
     target?: React.AnchorHTMLAttributes<HTMLAnchorElement>["target"];
     rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>["rel"];

package/types/components/Cell/index.d.ts

@@ -1,18 +1,18 @@
 import React from "react";
-export declare type CellPropsType = {
+export type CellPropsType = {
     children?: React.ReactNode;
     divided?: boolean;
     className?: string;
 };
-export declare type CellSoftPropsType = {
+export type CellSoftPropsType = {
     children?: React.ReactNode;
     softDivided?: boolean;
     className?: string;
 };
-export declare type CellsPropsType = {
+export type CellsPropsType = {
     content: CellPropsType["children"][];
 } & Omit<CellPropsType, "children">;
-export declare type CellsSoftPropsType = {
+export type CellsSoftPropsType = {
     content: CellSoftPropsType["children"][];
 } & Omit<CellSoftPropsType, "children">;
 declare function Cell(props: CellPropsType): JSX.Element;