@orfium/ictinus 3.7.0 → 3.8.0

package/dist/components/Button/Button.style.d.ts

@@ -5,11 +5,12 @@ import { Props } from './Button';
 export declare const buttonSpanStyle: () => () => {
     display: string;
     alignItems: string;
+    justifyContent: string;
 };
 export declare const iconStyle: () => () => {
     display: string;
 };
-export declare const childrenWrapperStyle: ({ iconLeft, iconRight, hasChildren, }: RequiredProperties<Omit<import("../ButtonBase/ButtonBase").Props, "buttonType" | "isIconButton"> & {
+export declare const childrenWrapperStyle: ({ iconLeft, iconRight, hasChildren, }: RequiredProperties<Omit<import("../ButtonBase/ButtonBase").Props, "block" | "buttonType" | "isIconButton"> & {
     hasChildren: boolean;
 }>) => (theme: Theme) => {
     marginLeft: number | "8";

package/dist/components/Button/Button.style.js

@@ -13,7 +13,8 @@ var buttonSpanStyle = function buttonSpanStyle() {
   return function () {
     return {
       display: 'flex',
-      alignItems: 'center'
+      alignItems: 'center',
+      justifyContent: 'center'
     };
   };
 };
@@ -51,7 +52,7 @@ var centralizedLoader = function centralizedLoader(clientWidth) {
     /*#__PURE__*/
 
     /*#__PURE__*/
-    (0, _react.css)("width:", clientWidth ? (0, _polished.rem)(clientWidth) : 'auto', ";", _functions.flex, ";justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUMrRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IFJlcXVpcmVkUHJvcGVydGllcyB9IGZyb20gJ3V0aWxzL2NvbW1vbic7XG5cbmltcG9ydCB7IFByb3BzIH0gZnJvbSAnLi9CdXR0b24nO1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBpY29uU3R5bGUgPSAoKSA9PiAoKSA9PiAoe1xuICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBjaGlsZHJlbldyYXBwZXJTdHlsZSA9ICh7XG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIGhhc0NoaWxkcmVuLFxufTogUmVxdWlyZWRQcm9wZXJ0aWVzPE9taXQ8UHJvcHMsICdpc0ljb25CdXR0b24nIHwgJ2J1dHRvblR5cGUnPiAmIHsgaGFzQ2hpbGRyZW46IGJvb2xlYW4gfT4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pID0+IHtcbiAgY29uc3QgcmlnaHRJY29uRXhpc3RzID0gaGFzQ2hpbGRyZW4gJiYgaWNvblJpZ2h0O1xuICBjb25zdCBsZWZ0SWNvbkV4aXN0cyA9IGhhc0NoaWxkcmVuICYmIGljb25MZWZ0O1xuXG4gIHJldHVybiB7XG4gICAgbWFyZ2luTGVmdDogbGVmdEljb25FeGlzdHMgPyB0aGVtZS5zcGFjaW5nLnNtIDogMCxcbiAgICBtYXJnaW5SaWdodDogcmlnaHRJY29uRXhpc3RzID8gdGhlbWUuc3BhY2luZy5zbSA6IDAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2VudHJhbGl6ZWRMb2FkZXI6IChjbGllbnRXaWR0aD86IG51bWJlcikgPT4gU2VyaWFsaXplZFN0eWxlcyA9IGNsaWVudFdpZHRoID0+IGNzc2BcbiAgd2lkdGg6ICR7Y2xpZW50V2lkdGggPyByZW0oY2xpZW50V2lkdGgpIDogJ2F1dG8nfTtcbiAgJHtmbGV4fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;")
+    (0, _react.css)("width:", clientWidth ? (0, _polished.rem)(clientWidth) : 'auto', ";", _functions.flex, ";justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0MrRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IFJlcXVpcmVkUHJvcGVydGllcyB9IGZyb20gJ3V0aWxzL2NvbW1vbic7XG5cbmltcG9ydCB7IFByb3BzIH0gZnJvbSAnLi9CdXR0b24nO1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgaWNvblN0eWxlID0gKCkgPT4gKCkgPT4gKHtcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4Jyxcbn0pO1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoe1xuICBpY29uTGVmdCxcbiAgaWNvblJpZ2h0LFxuICBoYXNDaGlsZHJlbixcbn06IFJlcXVpcmVkUHJvcGVydGllczxPbWl0PFByb3BzLCAnYmxvY2snfCAnaXNJY29uQnV0dG9uJyB8ICdidXR0b25UeXBlJz4gJiB7IGhhc0NoaWxkcmVuOiBib29sZWFuIH0+KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKSA9PiB7XG4gIGNvbnN0IHJpZ2h0SWNvbkV4aXN0cyA9IGhhc0NoaWxkcmVuICYmIGljb25SaWdodDtcbiAgY29uc3QgbGVmdEljb25FeGlzdHMgPSBoYXNDaGlsZHJlbiAmJiBpY29uTGVmdDtcblxuICByZXR1cm4ge1xuICAgIG1hcmdpbkxlZnQ6IGxlZnRJY29uRXhpc3RzID8gdGhlbWUuc3BhY2luZy5zbSA6IDAsXG4gICAgbWFyZ2luUmlnaHQ6IHJpZ2h0SWNvbkV4aXN0cyA/IHRoZW1lLnNwYWNpbmcuc20gOiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNlbnRyYWxpemVkTG9hZGVyOiAoY2xpZW50V2lkdGg/OiBudW1iZXIpID0+IFNlcmlhbGl6ZWRTdHlsZXMgPSBjbGllbnRXaWR0aCA9PiBjc3NgXG4gIHdpZHRoOiAke2NsaWVudFdpZHRoID8gcmVtKGNsaWVudFdpZHRoKSA6ICdhdXRvJ307XG4gICR7ZmxleH07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;")
   );
 };
 

package/dist/components/ButtonBase/ButtonBase.d.ts

@@ -14,6 +14,8 @@ export declare type Props = {
     color?: string;
     /** This property define the size of the button. Defaults to 'md' */
     size?: 'lg' | 'md' | 'sm';
+    /** This property will make the button fit to its parent width. Defaults to false */
+    block?: boolean;
     /** Property indicating if the component is filled with a color based on the type */
     filled?: boolean;
     /** Property indicating if the component is async and loading */

package/dist/components/ButtonBase/ButtonBase.js

@@ -23,6 +23,8 @@ var ButtonBase = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
       type = _props$type === void 0 ? 'primary' : _props$type,
       _props$color = props.color,
       color = _props$color === void 0 ? '' : _props$color,
+      _props$block = props.block,
+      block = _props$block === void 0 ? false : _props$block,
       _props$filled = props.filled,
       filled = _props$filled === void 0 ? true : _props$filled,
       _props$transparent = props.transparent,
@@ -58,6 +60,7 @@ var ButtonBase = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
       loading: loading,
       filled: filled,
       size: size,
+      block: block,
       color: color,
       transparent: transparent,
       calculatedColor: calculatedColor,

package/dist/components/ButtonBase/ButtonBase.style.d.ts

@@ -5,12 +5,13 @@ import { Props } from './ButtonBase';
 /** Calculates the button specific height based on the size passed to it
  * These sizes are specific to this button thus these are placed here and not in the config **/
 export declare const heightBasedOnSize: (size: 'lg' | 'md' | 'sm') => string;
-export declare const buttonBaseStyle: ({ type, filled, calculatedColor, size, iconLeft, iconRight, isIconButton, disabled, transparent, childrenCount, }: RequiredProperties<Omit<Props, "buttonType"> & {
+export declare const buttonBaseStyle: ({ type, filled, calculatedColor, size, block, iconLeft, iconRight, isIconButton, disabled, transparent, childrenCount, }: RequiredProperties<Omit<Props, "buttonType"> & {
     calculatedColor: ColorShapeFromComponent;
     childrenCount: number;
 }>) => (theme: Theme) => {
     fontSize: string;
     fontWeight: number;
+    width: string | undefined;
     color: string;
     backgroundColor: string;
     padding: string;

package/dist/components/ButtonBase/ButtonBase.style.js

@@ -46,6 +46,7 @@ var buttonBaseStyle = function buttonBaseStyle(_ref) {
       filled = _ref.filled,
       calculatedColor = _ref.calculatedColor,
       size = _ref.size,
+      block = _ref.block,
       iconLeft = _ref.iconLeft,
       iconRight = _ref.iconRight,
       isIconButton = _ref.isIconButton,
@@ -57,6 +58,7 @@ var buttonBaseStyle = function buttonBaseStyle(_ref) {
     var baseButtonStyles = {
       fontSize: fontSizeBasedOnSize(theme, size),
       fontWeight: theme.typography.weights.medium,
+      width: block ? '100%' : undefined,
       color: filled && !transparent ? (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, type, hasSupplementaryIcons, childrenCount > 0),
       backgroundColor: filled && !transparent ? (0, _utils.defineBackgroundColor)(theme, calculatedColor, type, hasSupplementaryIcons, childrenCount > 0) : 'transparent',
       padding: size === 'sm' || size === 'md' ? theme.spacing.sm + " " + theme.spacing.md : theme.spacing.md + " " + theme.spacing.lg,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -110,7 +110,7 @@
     "react-router-dom": "^5.2.0"
   },
   "scripts": {
-    "prepare": "yarn build",
+    "prepare": "yarn build && husky install",
     "start": "start-storybook -p 6006",
     "prebuild": "rimraf dist",
     "build:partial:style": "cross-env NODE_ENV=production BABEL_ENV=production babel src --config-file ./babelrc.build.json --extensions '.ts' --out-dir ./dist --plugins=babel-plugin-inline-import-data-uri",