@tecsinapse/react-core 1.17.2 → 1.18.0

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.18.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.17.4...@tecsinapse/react-core@1.18.0) (2022-08-24)
+
+
+### Bug Fixes
+
+* change PressableSurface with Pressable on LabeledSwitch label ([5029a74](https://github.com/tecsinapse/design-system/commit/5029a74bfc272f5aecb3bdae9152f0920a36c8bb))
+* LabeledSwitch disabled and react-core exports ([855f12f](https://github.com/tecsinapse/design-system/commit/855f12f0dff1ce4c5969eba723707340e60a3310))
+* merge code ([d828e38](https://github.com/tecsinapse/design-system/commit/d828e388fbb17b6e561c3799043036aeee29c4ab))
+
+
+### Features
+
+* grid web responsive support ([4111063](https://github.com/tecsinapse/design-system/commit/411106311d37d62bae4736c07f71038d5564319c))
+* grid web responsive support ([fd91539](https://github.com/tecsinapse/design-system/commit/fd91539dae6df151beeb48ce3749623e2bb4dedc))
+* LabeledSwitch implementation. ([519fe87](https://github.com/tecsinapse/design-system/commit/519fe8769d687f15af09c9fb77fe98a727f9078b))
+
+
+
+
+
+## [1.17.4](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.17.3...@tecsinapse/react-core@1.17.4) (2022-08-18)
+
+**Note:** Version bump only for package @tecsinapse/react-core
+
+
+
+
+
+## [1.17.3](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.17.2...@tecsinapse/react-core@1.17.3) (2022-08-03)
+
+**Note:** Version bump only for package @tecsinapse/react-core
+
+
+
+
+
 ## [1.17.2](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.17.1...@tecsinapse/react-core@1.17.2) (2022-08-02)
 
 

package/dist/components/atoms/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Switch/Switch.tsx"],"names":["Switch","onChange","activeColor","activeColorTone","inactiveColor","inactiveColorTone","active","dotStyle","disabled","rest","theme","width","React","useRef","transitionValue","Animated","Value","current","animatedColor","calculateTranslate","spacing","micro","SWITCH_PIN_WIDTH","getBackgroundColor","color","interpolateColor","interpolate","inputRange","outputRange","translate","handleChange","handleSwitchLayout","lce","nativeEvent","layout","backgroundColor","transform","translateX"],"mappings":"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","sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC, useCallback, useEffect } from 'react';\nimport { Animated, LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp\n} from '../../../types/defaults';\nimport { extractNumbersFromString, lightenDarkenColor, RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { transitionSwitch } from './animation';\nimport { StyledSwitch, StyledSwitchContent, SWITCH_PIN_WIDTH } from './styled';\n\nexport interface SwitchProps {\n  onChange: (active: boolean) => void;\n  active: boolean;\n  activeColor?: ColorType;\n  activeColorTone?: ColorGradationType;\n  inactiveColor?: ColorType;\n  inactiveColorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  dotStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nconst Switch: FC<SwitchProps> = ({\n  onChange,\n  activeColor = 'primary',\n  activeColorTone = 'medium',\n  inactiveColor = 'secondary',\n  inactiveColorTone = 'light',\n  active,\n  dotStyle,\n  disabled = false,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n\n  const width = React.useRef(0)\n  const transitionValue = React.useRef(new Animated.Value(0)).current\n  const animatedColor = React.useRef(new Animated.Value(0)).current\n  \n  const calculateTranslate = () => {\n    if (width.current > 0) {\n      return width.current - (extractNumbersFromString(theme.spacing.micro) * 2) - (extractNumbersFromString(RFValueStr(SWITCH_PIN_WIDTH)))\n    }\n    return 0\n  }\n\n  const getBackgroundColor = (color: string) => {\n    return disabled ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20) : color;\n  };\n\n  const interpolateColor = animatedColor.interpolate({\n    inputRange: [0, 1],\n    outputRange: [\n      getBackgroundColor(theme.color[inactiveColor][inactiveColorTone]),\n      getBackgroundColor(theme.color[activeColor][activeColorTone]),\n    ]\n  });\n\n  useEffect(() => {\n    const translate = calculateTranslate()\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  }, [active]);\n\n  const handleChange = useCallback(() => {\n    onChange(!active);\n  }, [active, onChange]);\n\n  const handleSwitchLayout = (lce: LayoutChangeEvent) => {\n    width.current = lce.nativeEvent.layout.width\n    const translate = calculateTranslate()\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  }\n\n  return (\n    <PressableSurface\n      {...rest}\n      onPress={handleChange}\n      effect=\"none\"\n      disabled={disabled}\n    >\n      <StyledSwitchContent onLayout={handleSwitchLayout} style={{ backgroundColor: interpolateColor }}>\n        <StyledSwitch style={[dotStyle, { transform: [{ translateX: transitionValue }] }]}/>\n      </StyledSwitchContent>\n    </PressableSurface>\n  );\n};\n\nexport default Switch;\n"],"file":"Switch.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Switch/Switch.tsx"],"names":["Switch","onChange","activeColor","activeColorTone","inactiveColor","inactiveColorTone","active","dotStyle","disabled","rest","theme","width","React","useRef","transitionValue","Animated","Value","current","animatedColor","calculateTranslate","spacing","micro","SWITCH_PIN_WIDTH","getBackgroundColor","color","interpolateColor","interpolate","inputRange","outputRange","translate","handleChange","handleSwitchLayout","lce","nativeEvent","layout","backgroundColor","transform","translateX"],"mappings":"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","sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC, useCallback, useEffect } from 'react';\nimport {\n  Animated,\n  LayoutChangeEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport {\n  extractNumbersFromString,\n  lightenDarkenColor,\n  RFValueStr,\n} from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { transitionSwitch } from './animation';\nimport { StyledSwitch, StyledSwitchContent, SWITCH_PIN_WIDTH } from './styled';\n\nexport interface SwitchProps {\n  onChange: (active: boolean) => void;\n  active: boolean;\n  activeColor?: ColorType;\n  activeColorTone?: ColorGradationType;\n  inactiveColor?: ColorType;\n  inactiveColorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  dotStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nconst Switch: FC<SwitchProps> = ({\n  onChange,\n  activeColor = 'primary',\n  activeColorTone = 'medium',\n  inactiveColor = 'secondary',\n  inactiveColorTone = 'light',\n  active,\n  dotStyle,\n  disabled = false,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n\n  const width = React.useRef(0);\n  const transitionValue = React.useRef(new Animated.Value(0)).current;\n  const animatedColor = React.useRef(new Animated.Value(0)).current;\n\n  const calculateTranslate = () => {\n    if (width.current > 0) {\n      return (\n        width.current -\n        extractNumbersFromString(theme.spacing.micro) * 2 -\n        extractNumbersFromString(RFValueStr(SWITCH_PIN_WIDTH))\n      );\n    }\n    return 0;\n  };\n\n  const getBackgroundColor = (color: string) => {\n    return disabled\n      ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n      : color;\n  };\n\n  const interpolateColor = animatedColor.interpolate({\n    inputRange: [0, 1],\n    outputRange: [\n      getBackgroundColor(theme.color[inactiveColor][inactiveColorTone]),\n      getBackgroundColor(theme.color[activeColor][activeColorTone]),\n    ],\n  });\n\n  useEffect(() => {\n    const translate = calculateTranslate();\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  }, [active]);\n\n  const handleChange = useCallback(() => {\n    onChange(!active);\n  }, [active, onChange]);\n\n  const handleSwitchLayout = (lce: LayoutChangeEvent) => {\n    width.current = lce.nativeEvent.layout.width;\n    const translate = calculateTranslate();\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  };\n\n  return (\n    <PressableSurface\n      {...rest}\n      onPress={handleChange}\n      effect=\"none\"\n      disabled={disabled}\n    >\n      <StyledSwitchContent\n        onLayout={handleSwitchLayout}\n        style={{ backgroundColor: interpolateColor }}\n      >\n        <StyledSwitch\n          style={[dotStyle, { transform: [{ translateX: transitionValue }] }]}\n        />\n      </StyledSwitchContent>\n    </PressableSurface>\n  );\n};\n\nexport default Switch;\n"],"file":"Switch.js"}

package/dist/components/molecules/Grid/functions.d.ts

@@ -0,0 +1,3 @@
+import { GridSpacing } from '@tecsinapse/react-core';
+export declare const getGridItemPadding: (pos: any, _spacing: GridSpacing | undefined, themeSpacing: any) => number | undefined;
+export declare const getGridItemColumSpan: (columns: number, span: number) => number;

package/dist/components/molecules/Grid/functions.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getGridItemColumSpan = exports.getGridItemPadding = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+const getGridItemPadding = (pos, _spacing, themeSpacing) => {
+  if (_spacing) {
+    if (typeof _spacing === 'string') return (0, _reactCore.extractNumbersFromString)(themeSpacing[_spacing]);else if (typeof _spacing === 'object' && _spacing[pos]) {
+      return (0, _reactCore.extractNumbersFromString)(themeSpacing[_spacing[pos] ?? '0']);
+    } else return undefined;
+  } else return undefined;
+};
+
+exports.getGridItemPadding = getGridItemPadding;
+
+const getGridItemColumSpan = (columns, span) => 100 / (columns / span);
+
+exports.getGridItemColumSpan = getGridItemColumSpan;
+//# sourceMappingURL=functions.js.map

package/dist/components/molecules/Grid/functions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/Grid/functions.ts"],"names":["getGridItemPadding","pos","_spacing","themeSpacing","undefined","getGridItemColumSpan","columns","span"],"mappings":";;;;;AAAA;;AAOO,MAAMA,kBAAkB,GAAG,CAChCC,GADgC,EAEhCC,QAFgC,EAGhCC,YAHgC,KAIT;AACvB,MAAID,QAAJ,EAAc;AACZ,QAAI,OAAOA,QAAP,KAAoB,QAAxB,EACE,OAAO,yCAAyBC,YAAY,CAACD,QAAD,CAArC,CAAP,CADF,KAEK,IAAI,OAAOA,QAAP,KAAoB,QAApB,IAAgCA,QAAQ,CAACD,GAAD,CAA5C,EAAmD;AACtD,aAAO,yCAAyBE,YAAY,CAACD,QAAQ,CAACD,GAAD,CAAR,IAAiB,GAAlB,CAArC,CAAP;AACD,KAFI,MAEE,OAAOG,SAAP;AACR,GAND,MAMO,OAAOA,SAAP;AACR,CAZM;;;;AAoBA,MAAMC,oBAAoB,GAAG,CAACC,OAAD,EAAkBC,IAAlB,KAClC,OAAOD,OAAO,GAAGC,IAAjB,CADK","sourcesContent":["import {\n  extractNumbersFromString,\n  GridSpacing,\n  PaddingPosition,\n  Spacing,\n} from '@tecsinapse/react-core';\n\nexport const getGridItemPadding = (\n  pos: PaddingPosition,\n  _spacing: GridSpacing | undefined,\n  themeSpacing: Spacing\n): number | undefined => {\n  if (_spacing) {\n    if (typeof _spacing === 'string')\n      return extractNumbersFromString(themeSpacing[_spacing]);\n    else if (typeof _spacing === 'object' && _spacing[pos]) {\n      return extractNumbersFromString(themeSpacing[_spacing[pos] ?? '0']);\n    } else return undefined;\n  } else return undefined;\n};\n\n/**\n * Calc the basis width percentage for a given item\n * @param columns - number of grid columns\n * @param span - number of columns to merge\n * @returns {number} - value in %\n */\nexport const getGridItemColumSpan = (columns: number, span: number): number =>\n  100 / (columns / span);\n"],"file":"functions.js"}

package/dist/components/molecules/Grid/index.d.ts

@@ -1,2 +1,42 @@
-export { GridItem, IGridItem } from './Item';
-export { default as Grid, IGrid } from './Grid';
+import React from 'react';
+import { SpacingType } from '@tecsinapse/react-core';
+export interface IGrid {
+    children: JSX.Element[];
+    layout?: number[][];
+    columns?: number;
+    spacing?: SpacingType | {
+        top?: SpacingType;
+        right?: SpacingType;
+        bottom?: SpacingType;
+        left?: SpacingType;
+    };
+}
+export declare type FlexPositioning = 'flex-start' | 'flex-end' | 'center';
+export declare type FlexAlignBase = FlexPositioning | 'stretch';
+export declare type FlexAlignType = FlexAlignBase | 'baseline';
+export declare type FlexSpacing = 'space-between' | 'space-around';
+export declare type PaddingPosition = 'top' | 'right' | 'bottom' | 'left';
+export declare type GridSpacing = SpacingType | {
+    top?: SpacingType;
+    right?: SpacingType;
+    bottom?: SpacingType;
+    left?: SpacingType;
+};
+export interface IGridItem {
+    children: React.ReactElement;
+    span: number;
+    columns?: number;
+    loading?: boolean;
+    loadingComponent?: React.ReactElement;
+    alignContent?: FlexAlignBase | FlexSpacing;
+    alignItems?: FlexAlignType;
+    alignSelf?: 'auto' | FlexAlignType;
+    flex?: number;
+    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    flexGrow?: number;
+    flexShrink?: number;
+    justifyContent?: FlexPositioning | FlexSpacing | 'space-evenly';
+    spacing?: GridSpacing;
+    wrapper?: boolean;
+}
+export * from './functions';

package/dist/components/molecules/Grid/index.js

@@ -1,19 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.IGrid = exports.Grid = exports.IGridItem = exports.GridItem = void 0;
 
-var _Item = require("./Item");
+var _functions = require("./functions");
 
-exports.GridItem = _Item.GridItem;
-exports.IGridItem = _Item.IGridItem;
-
-var _Grid = _interopRequireWildcard(require("./Grid"));
-
-exports.Grid = _Grid.default;
-exports.IGrid = _Grid.IGrid;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+Object.keys(_functions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _functions[key]) return;
+  exports[key] = _functions[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Grid/index.ts"],"names":[],"mappings":";;;;;AAAA;;;;;AACA","sourcesContent":["export { GridItem, IGridItem } from './Item';\nexport { default as Grid, IGrid } from './Grid';\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/molecules/Grid/index.ts"],"names":[],"mappings":";;;;AAiEA;;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["import React from 'react';\nimport { SpacingType } from '@tecsinapse/react-core';\n\nexport interface IGrid {\n  children: JSX.Element[];\n  /** Layout should represent the multiplier of columns to fill the rows properly.\n   * Example:\n   * const layout = [\n   *   [6, 6], // Two elements on row\n   *   [4, 4, 4], // Three elements on row\n   *   [12], // One element on row\n   * ];\n   * */\n  layout?: number[][];\n  /** Number of grid columns to be considered (not the number of elements per row) */\n  columns?: number;\n  spacing?:\n    | SpacingType\n    | {\n        top?: SpacingType;\n        right?: SpacingType;\n        bottom?: SpacingType;\n        left?: SpacingType;\n      };\n}\n\nexport type FlexPositioning = 'flex-start' | 'flex-end' | 'center';\nexport type FlexAlignBase = FlexPositioning | 'stretch';\nexport type FlexAlignType = FlexAlignBase | 'baseline';\nexport type FlexSpacing = 'space-between' | 'space-around';\nexport type PaddingPosition = 'top' | 'right' | 'bottom' | 'left';\n\nexport type GridSpacing =\n  | SpacingType\n  | {\n      top?: SpacingType;\n      right?: SpacingType;\n      bottom?: SpacingType;\n      left?: SpacingType;\n    };\n\nexport interface IGridItem {\n  children: React.ReactElement;\n  /** Number of columns to fill */\n  span: number;\n  /** You don't have to give this property since is inherited from Grid */\n  columns?: number;\n  loading?: boolean;\n  /** If your GridItem has a loading state, specify the component here (Skeleton) */\n  loadingComponent?: React.ReactElement;\n  /** Flex properties below */\n  alignContent?: FlexAlignBase | FlexSpacing;\n  alignItems?: FlexAlignType;\n  alignSelf?: 'auto' | FlexAlignType;\n  flex?: number;\n  flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';\n  flexGrow?: number;\n  flexShrink?: number;\n  justifyContent?: FlexPositioning | FlexSpacing | 'space-evenly';\n  /** You don't have to give this property since is inherited from Grid */\n  spacing?: GridSpacing;\n  /** Used to wrap children in a View when its style extrapolates the dimensions*/\n  wrapper?: boolean;\n}\n\nexport * from './functions';\n"],"file":"index.js"}

package/dist/components/molecules/IconTextButton/IconComponent.d.ts

@@ -0,0 +1,9 @@
+import { ButtonSizeType, FontColor, IconProps } from '@tecsinapse/react-core';
+import React from 'react';
+interface IconComponentProps {
+    iconProps?: IconProps;
+    size?: ButtonSizeType;
+    defaultFontColor: keyof FontColor;
+}
+declare const _default: React.NamedExoticComponent<IconComponentProps>;
+export default _default;

package/dist/components/molecules/IconTextButton/IconComponent.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const IconComponent = ({
+  iconProps,
+  size = 'default',
+  defaultFontColor
+}) => {
+  return iconProps ? _react.default.createElement(_reactCore.Icon, _extends({
+    size: iconProps.size ?? size === 'small' ? 'deca' : 'kilo',
+    fontColor: iconProps.fontColor ?? defaultFontColor
+  }, iconProps)) : _react.default.createElement(_react.default.Fragment, null);
+};
+
+var _default = _react.default.memo(IconComponent);
+
+exports.default = _default;
+//# sourceMappingURL=IconComponent.js.map

package/dist/components/molecules/IconTextButton/IconComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/IconTextButton/IconComponent.tsx"],"names":["IconComponent","iconProps","size","defaultFontColor","fontColor","React","memo"],"mappings":";;;;;AAAA;;AAMA;;;;;;AAQA,MAAMA,aAAqC,GAAG,CAAC;AAC7CC,EAAAA,SAD6C;AAE7CC,EAAAA,IAAI,GAAG,SAFsC;AAG7CC,EAAAA;AAH6C,CAAD,KAIxC;AACJ,SAAOF,SAAS,GACd,6BAAC,eAAD;AACE,IAAA,IAAI,EAAEA,SAAS,CAACC,IAAV,IAAkBA,IAAI,KAAK,OAA3B,GAAqC,MAArC,GAA8C,MADtD;AAEE,IAAA,SAAS,EAAED,SAAS,CAACG,SAAV,IAAuBD;AAFpC,KAGMF,SAHN,EADc,GAOd,2DAPF;AASD,CAdD;;eAgBeI,eAAMC,IAAN,CAAWN,aAAX,C","sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  Icon,\n  IconProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface IconComponentProps {\n  iconProps?: IconProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n}\n\nconst IconComponent: FC<IconComponentProps> = ({\n  iconProps,\n  size = 'default',\n  defaultFontColor,\n}) => {\n  return iconProps ? (\n    <Icon\n      size={iconProps.size ?? size === 'small' ? 'deca' : 'kilo'}\n      fontColor={iconProps.fontColor ?? defaultFontColor}\n      {...iconProps}\n    />\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(IconComponent);\n"],"file":"IconComponent.js"}

package/dist/components/molecules/IconTextButton/IconTextButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '../../atoms/Button';
+import { IconProps } from '../../atoms/Icon';
+import { TextProps } from '../../atoms/Text';
+export declare type IconPositionOptions = 'left' | 'right';
+export interface IconTextButtonProps extends ButtonProps {
+    iconProps?: IconProps;
+    iconPosition?: IconPositionOptions;
+    textProps?: TextProps;
+    label?: string;
+}

package/dist/components/molecules/IconTextButton/IconTextButton.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=IconTextButton.js.map

package/dist/components/molecules/IconTextButton/IconTextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"IconTextButton.js"}

package/dist/components/molecules/IconTextButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IconComponent } from './IconComponent';
+export { IconPositionOptions, IconTextButtonProps } from './IconTextButton';

package/dist/components/molecules/IconTextButton/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.IconTextButtonProps = exports.IconPositionOptions = exports.IconComponent = void 0;
+
+var _IconComponent = _interopRequireDefault(require("./IconComponent"));
+
+exports.IconComponent = _IconComponent.default;
+
+var _IconTextButton = require("./IconTextButton");
+
+exports.IconPositionOptions = _IconTextButton.IconPositionOptions;
+exports.IconTextButtonProps = _IconTextButton.IconTextButtonProps;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/IconTextButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/IconTextButton/index.ts"],"names":[],"mappings":";;;;;AAAA;;;;AACA","sourcesContent":["export { default as IconComponent } from './IconComponent';\nexport { IconPositionOptions, IconTextButtonProps } from './IconTextButton';\n"],"file":"index.js"}

package/dist/components/molecules/IconTextButton/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledText: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

package/dist/components/molecules/{Grid/Item/index.js → IconTextButton/styled.js}

@@ -1,14 +1,28 @@
 "use strict";
 
 exports.__esModule = true;
-exports.IGridItem = exports.GridItem = void 0;
+exports.StyledText = void 0;
 
-var _Item = _interopRequireWildcard(require("./Item"));
+var _native = _interopRequireWildcard(require("@emotion/native"));
 
-exports.GridItem = _Item.default;
-exports.IGridItem = _Item.IGridItem;
+var _reactCore = require("@tecsinapse/react-core");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-//# sourceMappingURL=index.js.map
+
+const StyledText = (0, _native.default)(_reactCore.Text)`
+  ${({
+  theme,
+  iconPosition,
+  hasIcon = false
+}) => {
+  if (hasIcon && iconPosition === 'left') return (0, _native.css)`
+        margin-left: ${theme == null ? void 0 : theme.spacing.mili};
+      `;else if (hasIcon && iconPosition === 'right') return (0, _native.css)`
+        margin-right: ${theme == null ? void 0 : theme.spacing.mili};
+      `;
+}}
+`;
+exports.StyledText = StyledText;
+//# sourceMappingURL=styled.js.map

package/dist/components/molecules/IconTextButton/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"names":["StyledText","Text","theme","iconPosition","hasIcon","spacing","mili"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEO,MAAMA,UAAU,GAAG,qBAAOC,eAAP,CAKxB;AACF,IAAI,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,YAAT;AAAuBC,EAAAA,OAAO,GAAG;AAAjC,CAAD,KAA8C;AAC9C,MAAIA,OAAO,IAAID,YAAY,KAAK,MAAhC,EACE,OAAO,gBAAI;AACjB,uBAAuBD,KADP,oBACOA,KAAK,CAAEG,OAAP,CAAeC,IAAK;AAC3C,OAFM,CADF,KAIK,IAAIF,OAAO,IAAID,YAAY,KAAK,OAAhC,EACH,OAAO,gBAAI;AACjB,wBAAwBD,KADR,oBACQA,KAAK,CAAEG,OAAP,CAAeC,IAAK;AAC5C,OAFM;AAGH,CAAC;AACJ,CAhBO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { IconPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledText = styled(Text)<\n  Partial<StyleProps> & {\n    iconPosition: IconPositionOptions;\n    hasIcon?: boolean;\n  }\n>`\n  ${({ theme, iconPosition, hasIcon = false }) => {\n    if (hasIcon && iconPosition === 'left')\n      return css`\n        margin-left: ${theme?.spacing.mili};\n      `;\n    else if (hasIcon && iconPosition === 'right')\n      return css`\n        margin-right: ${theme?.spacing.mili};\n      `;\n  }}\n`;\n"],"file":"styled.js"}

package/dist/components/molecules/LabeledSwitch/LabeledSwitch.d.ts

@@ -0,0 +1,7 @@
+import { SwitchProps } from '../../atoms/Switch';
+export declare type LabelPositionOptions = 'left' | 'right';
+export interface LabeledSwitchProps extends SwitchProps {
+    label: string;
+    labelPosition?: LabelPositionOptions;
+    pressableLabel?: boolean;
+}

package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=LabeledSwitch.js.map

package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"LabeledSwitch.js"}

package/dist/components/molecules/LabeledSwitch/index.d.ts

@@ -0,0 +1 @@
+export { LabeledSwitchProps, LabelPositionOptions } from './LabeledSwitch';

package/dist/components/molecules/LabeledSwitch/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.LabelPositionOptions = exports.LabeledSwitchProps = void 0;
+
+var _LabeledSwitch = require("./LabeledSwitch");
+
+exports.LabeledSwitchProps = _LabeledSwitch.LabeledSwitchProps;
+exports.LabelPositionOptions = _LabeledSwitch.LabelPositionOptions;
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/LabeledSwitch/index.js.map

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

package/dist/hooks/useDebouncedState.js

@@ -11,7 +11,7 @@ function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
   (0, _react.useEffect)(() => {
     if (timeoutId.current) clearTimeout(timeoutId.current);
     if (timeoutCallback) timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);
-  }, [state, timeoutCallback]);
+  }, [state]);
   return [state, setState];
 }
 //# sourceMappingURL=useDebouncedState.js.map

package/dist/hooks/useDebouncedState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDebouncedState.ts"],"names":["useDebouncedState","initialState","timeoutCallback","timeoutMs","timeoutId","state","setState","current","clearTimeout","setTimeout"],"mappings":";;;;;AAAA;;AAOO,SAASA,iBAAT,CACLC,YADK,EAELC,eAFK,EAGLC,SAAS,GAAG,GAHP,EAI6B;AAClC,QAAMC,SAAS,GAAG,oBAAlB;AAEA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAAYL,YAAZ,CAA1B;AAEA,wBAAU,MAAM;AACd,QAAIG,SAAS,CAACG,OAAd,EAAuBC,YAAY,CAACJ,SAAS,CAACG,OAAX,CAAZ;AACvB,QAAIL,eAAJ,EACEE,SAAS,CAACG,OAAV,GAAoBE,UAAU,CAAC,MAAMP,eAAe,CAACG,KAAD,CAAtB,EAA+BF,SAA/B,CAA9B;AACH,GAJD,EAIG,CAACE,KAAD,EAAQH,eAAR,CAJH;AAMA,SAAO,CAACG,KAAD,EAAQC,QAAR,CAAP;AACD","sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n  initialState: S | (() => S),\n  timeoutCallback?: (state: S) => void,\n  timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n  const timeoutId = useRef<number>();\n\n  const [state, setState] = useState<S>(initialState);\n\n  useEffect(() => {\n    if (timeoutId.current) clearTimeout(timeoutId.current);\n    if (timeoutCallback)\n      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n  }, [state, timeoutCallback]);\n\n  return [state, setState];\n}\n"],"file":"useDebouncedState.js"}
+{"version":3,"sources":["../../src/hooks/useDebouncedState.ts"],"names":["useDebouncedState","initialState","timeoutCallback","timeoutMs","timeoutId","state","setState","current","clearTimeout","setTimeout"],"mappings":";;;;;AAAA;;AAOO,SAASA,iBAAT,CACLC,YADK,EAELC,eAFK,EAGLC,SAAS,GAAG,GAHP,EAI6B;AAClC,QAAMC,SAAS,GAAG,oBAAlB;AAEA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAAYL,YAAZ,CAA1B;AAEA,wBAAU,MAAM;AACd,QAAIG,SAAS,CAACG,OAAd,EAAuBC,YAAY,CAACJ,SAAS,CAACG,OAAX,CAAZ;AACvB,QAAIL,eAAJ,EACEE,SAAS,CAACG,OAAV,GAAoBE,UAAU,CAAC,MAAMP,eAAe,CAACG,KAAD,CAAtB,EAA+BF,SAA/B,CAA9B;AACH,GAJD,EAIG,CAACE,KAAD,CAJH;AAMA,SAAO,CAACA,KAAD,EAAQC,QAAR,CAAP;AACD","sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n  initialState: S | (() => S),\n  timeoutCallback?: (state: S) => void,\n  timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n  const timeoutId = useRef<number>();\n\n  const [state, setState] = useState<S>(initialState);\n\n  useEffect(() => {\n    if (timeoutId.current) clearTimeout(timeoutId.current);\n    if (timeoutCallback)\n      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n  }, [state]);\n\n  return [state, setState];\n}\n"],"file":"useDebouncedState.js"}

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { Checkbox, CheckboxProps } from './components/atoms/Checkbox';
 export { Divider, DividerProps } from './components/atoms/Divider';
 export { GroupButton, GroupButtonOption, GroupButtonOptionProps, GroupButtonProps, GroupButtonValue, } from './components/atoms/GroupButton';
 export { Icon, IconProps } from './components/atoms/Icon';
-export { Hint, InputContainer, InputContainerProps, InputElement, InputElementProps, InputMaskElement, InputMaskElementProps, InputVariantType, PressableInputContainer, PressableInputContainerProps, StyledBorderKeeper, useInputFocus, useNumberMask, useStringMask, disabledInputStyles, } from './components/atoms/Input';
+export { disabledInputStyles, Hint, InputContainer, InputContainerProps, InputElement, InputElementProps, InputMaskElement, InputMaskElementProps, InputVariantType, PressableInputContainer, PressableInputContainerProps, StyledBorderKeeper, useInputFocus, useNumberMask, useStringMask, } from './components/atoms/Input';
 export { Paper, PaperProps } from './components/atoms/Paper';
 export { PressableSurface, PressableSurfaceProps, } from './components/atoms/PressableSurface';
 export { ProgressBar, ProgressBarProps } from './components/atoms/ProgressBar';
@@ -21,14 +21,16 @@ export { Calendar, CalendarProps, DateRange, SelectionType, Value, } from './com
 export { DatePicker, DatePickerProps } from './components/molecules/DatePicker';
 export { DateTimePicker, DateTimePickerProps, } from './components/molecules/DateTimePicker';
 export { DateTimeSelector, DateTimeSelectorMode, DateTimeSelectorProps, } from './components/molecules/DateTimeSelector';
+export * from './components/molecules/Grid';
+export { HintInputContainer, HintInputContainerProps, } from './components/molecules/HintInputContainer';
+export { IconComponent, IconPositionOptions, IconTextButtonProps, } from './components/molecules/IconTextButton';
 export { InputPasswordIcon } from './components/molecules/InputPassword';
+export { LabeledSwitchProps, LabelPositionOptions, } from './components/molecules/LabeledSwitch';
 export { Snackbar, SnackbarProps } from './components/molecules/Snackbar';
-export { HintInputContainer, HintInputContainerProps, } from './components/molecules/HintInputContainer';
-export { TextArea, TextAreaProps, TextAreaInputBase, } from './components/molecules/TextArea';
-export { GridItem, Grid, IGridItem, IGrid } from './components/molecules/Grid';
+export { TextArea, TextAreaInputBase, TextAreaProps, } from './components/molecules/TextArea';
+export * from './hooks';
 export * from './styles/definitions';
 export * from './styles/light';
 export { default as ThemeProvider } from './styles/ThemeProvider';
 export * from './types/defaults';
 export * from './utils';
-export * from './hooks';

package/dist/index.js

@@ -33,6 +33,7 @@ var _exportNames = {
   GroupButtonValue: true,
   Icon: true,
   IconProps: true,
+  disabledInputStyles: true,
   Hint: true,
   InputContainer: true,
   InputContainerProps: true,
@@ -47,7 +48,6 @@ var _exportNames = {
   useInputFocus: true,
   useNumberMask: true,
   useStringMask: true,
-  disabledInputStyles: true,
   Paper: true,
   PaperProps: true,
   PressableSurface: true,
@@ -74,21 +74,22 @@ var _exportNames = {
   DateTimeSelector: true,
   DateTimeSelectorMode: true,
   DateTimeSelectorProps: true,
+  HintInputContainer: true,
+  HintInputContainerProps: true,
+  IconComponent: true,
+  IconPositionOptions: true,
+  IconTextButtonProps: true,
   InputPasswordIcon: true,
+  LabeledSwitchProps: true,
+  LabelPositionOptions: true,
   Snackbar: true,
   SnackbarProps: true,
-  HintInputContainer: true,
-  HintInputContainerProps: true,
   TextArea: true,
-  TextAreaProps: true,
   TextAreaInputBase: true,
-  GridItem: true,
-  Grid: true,
-  IGridItem: true,
-  IGrid: true,
+  TextAreaProps: true,
   ThemeProvider: true
 };
-exports.ThemeProvider = exports.IGrid = exports.IGridItem = exports.Grid = exports.GridItem = exports.TextAreaInputBase = exports.TextAreaProps = exports.TextArea = exports.HintInputContainerProps = exports.HintInputContainer = exports.SnackbarProps = exports.Snackbar = exports.InputPasswordIcon = exports.DateTimeSelectorProps = exports.DateTimeSelectorMode = exports.DateTimeSelector = exports.DateTimePickerProps = exports.DateTimePicker = exports.DatePickerProps = exports.DatePicker = exports.Value = exports.SelectionType = exports.DateRange = exports.CalendarProps = exports.Calendar = exports.TextProps = exports.Text = exports.TagProps = exports.Tag = exports.SwitchProps = exports.Switch = exports.RadioButtonProps = exports.RadioButton = exports.ProgressBarProps = exports.ProgressBar = exports.PressableSurfaceProps = exports.PressableSurface = exports.PaperProps = exports.Paper = exports.disabledInputStyles = exports.useStringMask = exports.useNumberMask = exports.useInputFocus = exports.StyledBorderKeeper = exports.PressableInputContainerProps = exports.PressableInputContainer = exports.InputVariantType = exports.InputMaskElementProps = exports.InputMaskElement = exports.InputElementProps = exports.InputElement = exports.InputContainerProps = exports.InputContainer = exports.Hint = exports.IconProps = exports.Icon = exports.GroupButtonValue = exports.GroupButtonProps = exports.GroupButtonOptionProps = exports.GroupButtonOption = exports.GroupButton = exports.DividerProps = exports.Divider = exports.CheckboxProps = exports.Checkbox = exports.HeaderProps = exports.Header = exports.FooterProps = exports.Footer = exports.CardProps = exports.Card = exports.Success = exports.Loading = exports.Error = exports.ButtonStateType = exports.ButtonStateProps = exports.ButtonSizeType = exports.ButtonProps = exports.Button = exports.BoxContentProps = exports.BoxContent = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = void 0;
+exports.ThemeProvider = exports.TextAreaProps = exports.TextAreaInputBase = exports.TextArea = exports.SnackbarProps = exports.Snackbar = exports.LabelPositionOptions = exports.LabeledSwitchProps = exports.InputPasswordIcon = exports.IconTextButtonProps = exports.IconPositionOptions = exports.IconComponent = exports.HintInputContainerProps = exports.HintInputContainer = exports.DateTimeSelectorProps = exports.DateTimeSelectorMode = exports.DateTimeSelector = exports.DateTimePickerProps = exports.DateTimePicker = exports.DatePickerProps = exports.DatePicker = exports.Value = exports.SelectionType = exports.DateRange = exports.CalendarProps = exports.Calendar = exports.TextProps = exports.Text = exports.TagProps = exports.Tag = exports.SwitchProps = exports.Switch = exports.RadioButtonProps = exports.RadioButton = exports.ProgressBarProps = exports.ProgressBar = exports.PressableSurfaceProps = exports.PressableSurface = exports.PaperProps = exports.Paper = exports.useStringMask = exports.useNumberMask = exports.useInputFocus = exports.StyledBorderKeeper = exports.PressableInputContainerProps = exports.PressableInputContainer = exports.InputVariantType = exports.InputMaskElementProps = exports.InputMaskElement = exports.InputElementProps = exports.InputElement = exports.InputContainerProps = exports.InputContainer = exports.Hint = exports.disabledInputStyles = exports.IconProps = exports.Icon = exports.GroupButtonValue = exports.GroupButtonProps = exports.GroupButtonOptionProps = exports.GroupButtonOption = exports.GroupButton = exports.DividerProps = exports.Divider = exports.CheckboxProps = exports.Checkbox = exports.HeaderProps = exports.Header = exports.FooterProps = exports.Footer = exports.CardProps = exports.Card = exports.Success = exports.Loading = exports.Error = exports.ButtonStateType = exports.ButtonStateProps = exports.ButtonSizeType = exports.ButtonProps = exports.Button = exports.BoxContentProps = exports.BoxContent = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = void 0;
 
 var _Avatar = require("./components/atoms/Avatar");
 
@@ -156,6 +157,7 @@ exports.IconProps = _Icon.IconProps;
 
 var _Input = require("./components/atoms/Input");
 
+exports.disabledInputStyles = _Input.disabledInputStyles;
 exports.Hint = _Input.Hint;
 exports.InputContainer = _Input.InputContainer;
 exports.InputContainerProps = _Input.InputContainerProps;
@@ -170,7 +172,6 @@ exports.StyledBorderKeeper = _Input.StyledBorderKeeper;
 exports.useInputFocus = _Input.useInputFocus;
 exports.useNumberMask = _Input.useNumberMask;
 exports.useStringMask = _Input.useStringMask;
-exports.disabledInputStyles = _Input.disabledInputStyles;
 
 var _Paper = require("./components/atoms/Paper");
 
@@ -231,32 +232,54 @@ exports.DateTimeSelector = _DateTimeSelector.DateTimeSelector;
 exports.DateTimeSelectorMode = _DateTimeSelector.DateTimeSelectorMode;
 exports.DateTimeSelectorProps = _DateTimeSelector.DateTimeSelectorProps;
 
+var _Grid = require("./components/molecules/Grid");
+
+Object.keys(_Grid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Grid[key]) return;
+  exports[key] = _Grid[key];
+});
+
+var _HintInputContainer = require("./components/molecules/HintInputContainer");
+
+exports.HintInputContainer = _HintInputContainer.HintInputContainer;
+exports.HintInputContainerProps = _HintInputContainer.HintInputContainerProps;
+
+var _IconTextButton = require("./components/molecules/IconTextButton");
+
+exports.IconComponent = _IconTextButton.IconComponent;
+exports.IconPositionOptions = _IconTextButton.IconPositionOptions;
+exports.IconTextButtonProps = _IconTextButton.IconTextButtonProps;
+
 var _InputPassword = require("./components/molecules/InputPassword");
 
 exports.InputPasswordIcon = _InputPassword.InputPasswordIcon;
 
+var _LabeledSwitch = require("./components/molecules/LabeledSwitch");
+
+exports.LabeledSwitchProps = _LabeledSwitch.LabeledSwitchProps;
+exports.LabelPositionOptions = _LabeledSwitch.LabelPositionOptions;
+
 var _Snackbar = require("./components/molecules/Snackbar");
 
 exports.Snackbar = _Snackbar.Snackbar;
 exports.SnackbarProps = _Snackbar.SnackbarProps;
 
-var _HintInputContainer = require("./components/molecules/HintInputContainer");
-
-exports.HintInputContainer = _HintInputContainer.HintInputContainer;
-exports.HintInputContainerProps = _HintInputContainer.HintInputContainerProps;
-
 var _TextArea = require("./components/molecules/TextArea");
 
 exports.TextArea = _TextArea.TextArea;
-exports.TextAreaProps = _TextArea.TextAreaProps;
 exports.TextAreaInputBase = _TextArea.TextAreaInputBase;
+exports.TextAreaProps = _TextArea.TextAreaProps;
 
-var _Grid = require("./components/molecules/Grid");
+var _hooks = require("./hooks");
 
-exports.GridItem = _Grid.GridItem;
-exports.Grid = _Grid.Grid;
-exports.IGridItem = _Grid.IGridItem;
-exports.IGrid = _Grid.IGrid;
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  exports[key] = _hooks[key];
+});
 
 var _definitions = require("./styles/definitions");
 
@@ -298,14 +321,5 @@ Object.keys(_utils).forEach(function (key) {
   exports[key] = _utils[key];
 });
 
-var _hooks = require("./hooks");
-
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  exports[key] = _hooks[key];
-});
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;;;;AAUA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;AAOA;;;;;AACA;;;;;;;;;;;;;;;;;;AAiBA;;;;;AACA;;;;;AAIA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;AAOA;;;;;AACA;;;;;AAIA;;;;;;AAKA;;;;AACA;;;;;AACA;;;;;AAIA;;;;;;AAKA;;;;;;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { Avatar, AvatarProps } from './components/atoms/Avatar';\nexport { Badge, BadgeProps } from './components/atoms/Badge';\nexport { BoxContent, BoxContentProps } from './components/atoms/BoxContent';\nexport {\n  Button,\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateProps,\n  ButtonStateType,\n  Error,\n  Loading,\n  Success,\n} from './components/atoms/Button';\nexport { Card, CardProps } from './components/atoms/Card';\nexport { Footer, FooterProps } from './components/atoms/Card/Footer';\nexport { Header, HeaderProps } from './components/atoms/Card/Header';\nexport { Checkbox, CheckboxProps } from './components/atoms/Checkbox';\nexport { Divider, DividerProps } from './components/atoms/Divider';\nexport {\n  GroupButton,\n  GroupButtonOption,\n  GroupButtonOptionProps,\n  GroupButtonProps,\n  GroupButtonValue,\n} from './components/atoms/GroupButton';\nexport { Icon, IconProps } from './components/atoms/Icon';\nexport {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElement,\n  InputElementProps,\n  InputMaskElement,\n  InputMaskElementProps,\n  InputVariantType,\n  PressableInputContainer,\n  PressableInputContainerProps,\n  StyledBorderKeeper,\n  useInputFocus,\n  useNumberMask,\n  useStringMask,\n  disabledInputStyles,\n} from './components/atoms/Input';\nexport { Paper, PaperProps } from './components/atoms/Paper';\nexport {\n  PressableSurface,\n  PressableSurfaceProps,\n} from './components/atoms/PressableSurface';\nexport { ProgressBar, ProgressBarProps } from './components/atoms/ProgressBar';\nexport { RadioButton, RadioButtonProps } from './components/atoms/RadioButton';\nexport { Switch, SwitchProps } from './components/atoms/Switch';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport { Text, TextProps } from './components/atoms/Text';\nexport {\n  Calendar,\n  CalendarProps,\n  DateRange,\n  SelectionType,\n  Value,\n} from './components/molecules/Calendar';\nexport { DatePicker, DatePickerProps } from './components/molecules/DatePicker';\nexport {\n  DateTimePicker,\n  DateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport {\n  DateTimeSelector,\n  DateTimeSelectorMode,\n  DateTimeSelectorProps,\n} from './components/molecules/DateTimeSelector';\nexport { InputPasswordIcon } from './components/molecules/InputPassword';\nexport { Snackbar, SnackbarProps } from './components/molecules/Snackbar';\nexport {\n  HintInputContainer,\n  HintInputContainerProps,\n} from './components/molecules/HintInputContainer';\nexport {\n  TextArea,\n  TextAreaProps,\n  TextAreaInputBase,\n} from './components/molecules/TextArea';\nexport { GridItem, Grid, IGridItem, IGrid } from './components/molecules/Grid';\nexport * from './styles/definitions';\nexport * from './styles/light';\nexport { default as ThemeProvider } from './styles/ThemeProvider';\nexport * from './types/defaults';\nexport * from './utils';\nexport * from './hooks';\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;;;;AAUA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;AAOA;;;;;AACA;;;;;;;;;;;;;;;;;;AAiBA;;;;;AACA;;;;;AAIA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;AAOA;;;;;AACA;;;;;AAIA;;;;;;AAKA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;;;;AAIA;;;;;;AAKA;;;;AACA;;;;;AAIA;;;;;AACA;;;;;;AAKA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { Avatar, AvatarProps } from './components/atoms/Avatar';\nexport { Badge, BadgeProps } from './components/atoms/Badge';\nexport { BoxContent, BoxContentProps } from './components/atoms/BoxContent';\nexport {\n  Button,\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateProps,\n  ButtonStateType,\n  Error,\n  Loading,\n  Success,\n} from './components/atoms/Button';\nexport { Card, CardProps } from './components/atoms/Card';\nexport { Footer, FooterProps } from './components/atoms/Card/Footer';\nexport { Header, HeaderProps } from './components/atoms/Card/Header';\nexport { Checkbox, CheckboxProps } from './components/atoms/Checkbox';\nexport { Divider, DividerProps } from './components/atoms/Divider';\nexport {\n  GroupButton,\n  GroupButtonOption,\n  GroupButtonOptionProps,\n  GroupButtonProps,\n  GroupButtonValue,\n} from './components/atoms/GroupButton';\nexport { Icon, IconProps } from './components/atoms/Icon';\nexport {\n  disabledInputStyles,\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElement,\n  InputElementProps,\n  InputMaskElement,\n  InputMaskElementProps,\n  InputVariantType,\n  PressableInputContainer,\n  PressableInputContainerProps,\n  StyledBorderKeeper,\n  useInputFocus,\n  useNumberMask,\n  useStringMask,\n} from './components/atoms/Input';\nexport { Paper, PaperProps } from './components/atoms/Paper';\nexport {\n  PressableSurface,\n  PressableSurfaceProps,\n} from './components/atoms/PressableSurface';\nexport { ProgressBar, ProgressBarProps } from './components/atoms/ProgressBar';\nexport { RadioButton, RadioButtonProps } from './components/atoms/RadioButton';\nexport { Switch, SwitchProps } from './components/atoms/Switch';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport { Text, TextProps } from './components/atoms/Text';\nexport {\n  Calendar,\n  CalendarProps,\n  DateRange,\n  SelectionType,\n  Value,\n} from './components/molecules/Calendar';\nexport { DatePicker, DatePickerProps } from './components/molecules/DatePicker';\nexport {\n  DateTimePicker,\n  DateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport {\n  DateTimeSelector,\n  DateTimeSelectorMode,\n  DateTimeSelectorProps,\n} from './components/molecules/DateTimeSelector';\nexport * from './components/molecules/Grid';\nexport {\n  HintInputContainer,\n  HintInputContainerProps,\n} from './components/molecules/HintInputContainer';\nexport {\n  IconComponent,\n  IconPositionOptions,\n  IconTextButtonProps,\n} from './components/molecules/IconTextButton';\nexport { InputPasswordIcon } from './components/molecules/InputPassword';\nexport {\n  LabeledSwitchProps,\n  LabelPositionOptions,\n} from './components/molecules/LabeledSwitch';\nexport { Snackbar, SnackbarProps } from './components/molecules/Snackbar';\nexport {\n  TextArea,\n  TextAreaInputBase,\n  TextAreaProps,\n} from './components/molecules/TextArea';\nexport * from './hooks';\nexport * from './styles/definitions';\nexport * from './styles/light';\nexport { default as ThemeProvider } from './styles/ThemeProvider';\nexport * from './types/defaults';\nexport * from './utils';\n"],"file":"index.js"}

package/dist/styles/definitions.d.ts

@@ -1,4 +1,4 @@
-import { BorderRadius, BorderWidth, FontColor, FontStack, FontWeight, IconSize, Miscellaneous, Spacing, TypographyVariation, ZIndex } from '../types/defaults';
+import { BorderRadius, BorderWidth, Breakpoints, FontColor, FontStack, FontWeight, IconSize, Miscellaneous, Spacing, TypographyVariation, ZIndex } from '../types/defaults';
 export declare const statusColor: {
     error: {
         xlight: string;
@@ -42,3 +42,4 @@ export declare const fontFiles: FontWeight;
 export declare const fontColor: FontColor;
 export declare const zIndex: ZIndex;
 export declare type IconType = 'material' | 'material-community' | 'simple-line-icon' | 'zocial' | 'font-awesome' | 'octicon' | 'ionicon' | 'foundation' | 'evilicon' | 'entypo' | 'antdesign' | 'font-awesome-5' | string;
+export declare const breakpoints: Breakpoints;