@audira/carbon-react-native 0.0.1-alpha.9 → 1.0.0-beta.2

package/lib/commonjs/components/accordion/_styles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MarginRightStyle = void 0;
 var _reactNative = require("react-native");
-var _index = require("../../constants/index.js");
+var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
 /**
  * Sorry for named it %margin% but it is actually using padding  
  * https://carbondesignsystem.com/components/accordion/style/#margin-right
@@ -15,10 +15,10 @@ const MarginRightStyle = exports.MarginRightStyle = _reactNative.StyleSheet.crea
     paddingRight: '25%'
   },
   range_420_640: {
-    paddingRight: _index.SpacingConstant.spacing_10
+    paddingRight: _carbonReactNativeElements.Spacing.spacing_10
   },
   small: {
-    paddingRight: _index.SpacingConstant.spacing_05
+    paddingRight: _carbonReactNativeElements.Spacing.spacing_05
   }
 });
 //# sourceMappingURL=_styles.js.map

package/lib/commonjs/components/accordion/_styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_index","MarginRightStyle","exports","StyleSheet","create","large","paddingRight","range_420_640","SpacingConstant","spacing_10","small","spacing_05"],"sourceRoot":"../../../../src","sources":["components/accordion/_styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AAIA;AACA;AACA;AACA;AACO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAC5BE,uBAAU,CAACC,MAAM,CAAC;EACjBC,KAAK,EAAE;IACNC,YAAY,EAAE;EACf,CAAC;EACDC,aAAa,EAAE;IACdD,YAAY,EAAEE,sBAAe,CAACC;EAC/B,CAAC;EACDC,KAAK,EAAE;IACNJ,YAAY,EAAEE,sBAAe,CAACG;EAC/B;AACD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_carbonReactNativeElements","MarginRightStyle","exports","StyleSheet","create","large","paddingRight","range_420_640","Spacing","spacing_10","small","spacing_05"],"sourceRoot":"../../../../src","sources":["components/accordion/_styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,0BAAA,GAAAD,OAAA;AAIA;AACA;AACA;AACA;AACO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAC5BE,uBAAU,CAACC,MAAM,CAAC;EACjBC,KAAK,EAAE;IACNC,YAAY,EAAE;EACf,CAAC;EACDC,aAAa,EAAE;IACdD,YAAY,EAAEE,kCAAO,CAACC;EACvB,CAAC;EACDC,KAAK,EAAE;IACNJ,YAAY,EAAEE,kCAAO,CAACG;EACvB;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/accordion/index.js

@@ -3,72 +3,81 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Accordion = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _context = require("./_context.js");
-var _headerBorder = require("./_header-border.js");
-var _item = require("./_item.js");
-var _styles = require("./_styles.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const Accordion_ = /*#__PURE__*/(0, _react.forwardRef)(function Accordion({
-  size,
-  flushAlignment,
-  children,
-  style,
-  onLayout,
-  ...props
-}, forwardedRef) {
-  const ref = (0, _react.useRef)({
-      marginRightStyleKey: getMarginRightStyleKey(windowWidth)
-    }),
-    [marginRightStyleKey, setMarginRightStyleKey] = (0, _react.useState)(ref.current.marginRightStyleKey),
-    handlerLayout = (0, _react.useCallback)(event => {
-      onLayout?.(event);
-      /**
-       * https://carbondesignsystem.com/components/accordion/style/#margin-right
-       */
-
-      const key = getMarginRightStyleKey(windowWidth);
-      if (ref.current.marginRightStyleKey !== key) {
-        ref.current.marginRightStyleKey = key;
-        setMarginRightStyleKey(key);
-      }
-    }, [onLayout]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    ...props,
-    style: style,
-    onLayout: handlerLayout,
-    ref: forwardedRef,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_context.Context.Provider, {
-      value: {
-        size,
-        flushAlignment,
-        collapsibleContentContainerStyle: _styles.MarginRightStyle[marginRightStyleKey]
-      },
-      children: [children, !!children?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_headerBorder.HeaderBorder, {
-        flushAlignment: flushAlignment,
-        style: baseStyle.lastAccordionHeaderBorder
-      })]
-    })
+var _Accordion = require("./Accordion.js");
+Object.keys(_Accordion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Accordion[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Accordion[key];
+    }
+  });
+});
+var _AccordionHeaderProps = require("./AccordionHeaderProps.js");
+Object.keys(_AccordionHeaderProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionHeaderProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AccordionHeaderProps[key];
+    }
+  });
+});
+var _AccordionItemProps = require("./AccordionItemProps.js");
+Object.keys(_AccordionItemProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionItemProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AccordionItemProps[key];
+    }
+  });
+});
+var _AccordionItemRef = require("./AccordionItemRef.js");
+Object.keys(_AccordionItemRef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionItemRef[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AccordionItemRef[key];
+    }
   });
 });
-const Accordion = exports.Accordion = Object.assign(Accordion_, {
-  Item: _item.Item
+var _AccordionProps = require("./AccordionProps.js");
+Object.keys(_AccordionProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AccordionProps[key];
+    }
+  });
 });
-const baseStyle = _reactNative.StyleSheet.create({
-    lastAccordionHeaderBorder: {
-      top: '100%'
+var _AccordionRef = require("./AccordionRef.js");
+Object.keys(_AccordionRef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionRef[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AccordionRef[key];
     }
-  }),
-  windowWidth = _reactNative.Dimensions.get('window').width;
-function getMarginRightStyleKey(width) {
-  if (width < 420) {
-    return 'small';
-  }
-  if (width <= 640) {
-    return 'range_420_640';
-  }
-  return 'large';
-}
+  });
+});
+var _AccordionSize = require("./AccordionSize.js");
+Object.keys(_AccordionSize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionSize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AccordionSize[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_context","_headerBorder","_item","_styles","_jsxRuntime","Accordion_","forwardRef","Accordion","size","flushAlignment","children","style","onLayout","props","forwardedRef","ref","useRef","marginRightStyleKey","getMarginRightStyleKey","windowWidth","setMarginRightStyleKey","useState","current","handlerLayout","useCallback","event","key","jsx","View","jsxs","Context","Provider","value","collapsibleContentContainerStyle","MarginRightStyle","length","HeaderBorder","baseStyle","lastAccordionHeaderBorder","exports","Object","assign","Item","StyleSheet","create","top","Dimensions","get","width"],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,QAAA,GAAAF,OAAA;AAQA,IAAAG,aAAA,GAAAH,OAAA;AAIA,IAAAI,KAAA,GAAAJ,OAAA;AAUA,IAAAK,OAAA,GAAAL,OAAA;AAEkB,IAAAM,WAAA,GAAAN,OAAA;AAkBlB,MAAMO,UAAU,gBAAG,IAAAC,iBAAU,EAC5B,SAASC,SAASA,CACjB;EACCC,IAAI;EACJC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACJ,CAAC,EACDC,YAAY,EACX;EAED,MACCC,GAAG,GACF,IAAAC,aAAM,EAEH;MACFC,mBAAmB,EAAEC,sBAAsB,CAACC,WAAW;IACxD,CAAC,CAAC;IAEH,CAACF,mBAAmB,EAAEG,sBAAsB,CAAC,GAC5C,IAAAC,eAAQ,EAACN,GAAG,CAACO,OAAO,CAACL,mBAAmB,CAAC;IAE1CM,aAAiD,GAChD,IAAAC,kBAAW,EAACC,KAAK,IAAI;MACpBb,QAAQ,GAAGa,KAAK,CAAC;MACjB;AACL;AACA;;MAEK,MAAMC,GAAG,GAAGR,sBAAsB,CAACC,WAAW,CAAC;MAE/C,IAAGJ,GAAG,CAACO,OAAO,CAACL,mBAAmB,KAAKS,GAAG,EAAE;QAC3CX,GAAG,CAACO,OAAO,CAACL,mBAAmB,GAAGS,GAAG;QACrCN,sBAAsB,CAACM,GAAG,CAAC;MAC5B;IACD,CAAC,EAAE,CACFd,QAAQ,CACR,CAAC;EAEJ,oBACC,IAAAR,WAAA,CAAAuB,GAAA,EAAC5B,YAAA,CAAA6B,IAAI;IAAA,GACCf,KAAK;IACVF,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGW,aAAe;IAC1BR,GAAG,EAAGD,YAAc;IAAAJ,QAAA,eAEpB,IAAAN,WAAA,CAAAyB,IAAA,EAAC7B,QAAA,CAAA8B,OAAO,CAACC,QAAQ;MAChBC,KAAK,EAAE;QACNxB,IAAI;QACJC,cAAc;QACdwB,gCAAgC,EAAEC,wBAAgB,CAACjB,mBAAmB;MACvE,CAAE;MAAAP,QAAA,GAEAA,QAAQ,EAER,CAAC,CAACA,QAAQ,EAAEyB,MAAM,iBACnB,IAAA/B,WAAA,CAAAuB,GAAA,EAAC1B,aAAA,CAAAmC,YAAY;QACZ3B,cAAc,EAAGA,cAAgB;QACjCE,KAAK,EAAG0B,SAAS,CAACC;MAA2B,CAC7C,CACD;IAAA,CACgB;EAAC,CACd,CAAC;AAGT,CACD,CAAC;AAEM,MAAM/B,SAAS,GAAAgC,OAAA,CAAAhC,SAAA,GAAGiC,MAAM,CAACC,MAAM,CAACpC,UAAU,EAAE;EAClDqC,IAAI,EAAEA;AACP,CAAC,CAAC;AAEF,MACCL,SAAS,GACRM,uBAAU,CAACC,MAAM,CAAC;IACjBN,yBAAyB,EAAE;MAC1BO,GAAG,EAAE;IACN;EACD,CAAC,CAAC;EAEH1B,WAAW,GACV2B,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;AAEhC,SAAS9B,sBAAsBA,CAAC8B,KAAa,EAAiC;EAC7E,IAAGA,KAAK,GAAG,GAAG,EAAE;IACf,OAAO,OAAO;EACf;EAEA,IAAGA,KAAK,IAAI,GAAG,EAAE;IAChB,OAAO,eAAe;EACvB;EAEA,OAAO,OAAO;AACf","ignoreList":[]}
+{"version":3,"names":["_Accordion","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_AccordionHeaderProps","_AccordionItemProps","_AccordionItemRef","_AccordionProps","_AccordionRef","_AccordionSize"],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/button/Size.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Size.js.map

package/lib/commonjs/components/button/Size.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/button/Size.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/button/base/Base.js

@@ -0,0 +1,229 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Base = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
+var _index = require("../../../_internal/contexts/index.js");
+var _index2 = require("../../../_internal/style-sheets/index.js");
+var _index3 = require("../../text/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Base = exports.Base = /*#__PURE__*/(0, _react.forwardRef)(function Base({
+  size: sizeProp,
+  text,
+  textProps,
+  Icon,
+  iconProps,
+  iconNode,
+  backgroundNode,
+  InlineLoading,
+  inlineLoadingProps,
+  style,
+  role = 'button',
+  'aria-label': ariaLabel,
+  ...props
+}, ref) {
+  const globalConfigContext = (0, _react.useContext)(_index.GlobalConfigContext),
+    buttonGroupContext = (0, _react.useContext)(_index.ButtonGroupContext),
+    size = sizeProp ?? buttonGroupContext.size ?? 'large_productive',
+    iconSize = getIconSize(size),
+    iconMarginStyle = mapIconMarginStyle[`${globalConfigContext.rtl}`][`${!!text}`];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    ...props,
+    role: role,
+    "aria-label": ariaLabel ?? text,
+    style: [_index2.FlexStyleSheet.justify_between, baseStyle.container, mapContainerStyle[`${globalConfigContext.rtl}`][`${!!text}`][`${!!Icon || !!iconNode}`], sizeStyle[size], mapStyleInButtonGroup[`${!!buttonGroupContext.vertical}`][`${!!buttonGroupContext.fluid}`], style],
+    ref: ref,
+    children: [backgroundNode, !InlineLoading || inlineLoadingProps?.state === 'inactive' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [!!text && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: baseStyle.textContainer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          ...textProps,
+          type: getTextType(size),
+          children: text
+        })
+      }), !!Icon && !iconNode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        ...iconProps,
+        width: iconProps?.width ?? iconSize,
+        height: iconProps?.height ?? iconSize,
+        style: [getIconMarginTopStyle(size), iconMarginStyle, iconProps?.style]
+      }) : iconNode?.(iconSize, [getIconMarginTopStyle(size), iconMarginStyle])]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(InlineLoading, {
+      ...inlineLoadingProps,
+      text: inlineLoadingProps?.text || text || '',
+      style: [baseStyle.inlineLoading, inlineLoadingProps?.style]
+    })]
+  });
+});
+const baseStyle = _reactNative.StyleSheet.create({
+    container: {
+      overflow: 'hidden'
+    },
+    /**
+     * - LTR Start Padding
+     * - RTL End Padding with icon
+     */
+    containerPL05: {
+      paddingLeft: _carbonReactNativeElements.Spacing.spacing_05
+    },
+    /**
+     * - RTL End Padding without icon
+     */
+    containerPL10: {
+      paddingLeft: _carbonReactNativeElements.Spacing.spacing_10
+    },
+    /**
+     * - LTR End Padding with icon
+     * - RTL Start Padding
+     */
+    containerPR05: {
+      paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+    },
+    /**
+     * - LTR End Padding without icon
+     */
+    containerPR10: {
+      paddingRight: _carbonReactNativeElements.Spacing.spacing_10
+    },
+    contentContainer: {
+      ..._index2.FlexStyleSheet.flex_initial,
+      maxHeight: _carbonReactNativeElements.Spacing.spacing_09
+    },
+    textContainer: {
+      justifyContent: 'center',
+      height: '100%',
+      maxHeight: 48
+    },
+    /**
+     * LTR
+     */
+    iconML32: {
+      marginLeft: _carbonReactNativeElements.Spacing.spacing_07
+    },
+    /**
+     * RTL
+     */
+    iconMR32: {
+      marginRight: _carbonReactNativeElements.Spacing.spacing_07
+    },
+    inlineLoading: {
+      height: '100%',
+      maxHeight: 48
+    }
+  }),
+  sizeStyle = _reactNative.StyleSheet.create({
+    small: {
+      height: 32
+    },
+    medium: {
+      height: 40
+    },
+    large_productive: {
+      height: 48
+    },
+    large_expressive: {
+      height: 48
+    },
+    extra_large: {
+      height: 64
+    },
+    '2xl': {
+      height: 80
+    }
+  }),
+  mapContainerStyle = {
+    false: {
+      false: {
+        false: [_index2.FlexStyleSheet.flex_row, baseStyle.containerPR05, baseStyle.containerPL05],
+        true: [_index2.FlexStyleSheet.flex_row, baseStyle.containerPR05, baseStyle.containerPL05]
+      },
+      true: {
+        false: [_index2.FlexStyleSheet.flex_row, baseStyle.containerPR10, baseStyle.containerPL05],
+        true: [_index2.FlexStyleSheet.flex_row, baseStyle.containerPR05, baseStyle.containerPL05]
+      }
+    },
+    true: {
+      false: {
+        false: [_index2.FlexStyleSheet.flex_row_reverse, baseStyle.containerPL05, baseStyle.containerPR05],
+        true: [_index2.FlexStyleSheet.flex_row_reverse, baseStyle.containerPL05, baseStyle.containerPR05]
+      },
+      true: {
+        false: [_index2.FlexStyleSheet.flex_row_reverse, baseStyle.containerPL10, baseStyle.containerPR05],
+        true: [_index2.FlexStyleSheet.flex_row_reverse, baseStyle.containerPL05, baseStyle.containerPR05]
+      }
+    }
+  },
+  /**
+   * https://carbondesignsystem.com/components/button/style/#typography
+   */
+  mapTextTypeByExpressive = {
+    false: 'body_compact_01',
+    true: 'body_compact_02'
+  },
+  mapIconSizeByExpressive = {
+    false: 16,
+    true: 20
+  },
+  mapIconMarginStyle = {
+    false: {
+      false: null,
+      true: baseStyle.iconML32
+    },
+    true: {
+      false: null,
+      true: baseStyle.iconMR32
+    }
+  },
+  mapStyleInButtonGroup = {
+    false: {
+      false: _index2.FlexStyleSheet.self_start,
+      true: _index2.FlexStyleSheet.flex_1
+    },
+    true: {
+      false: _index2.FlexStyleSheet.self_stretch,
+      true: _index2.FlexStyleSheet.self_stretch
+    }
+  };
+
+/**
+ * Expressive only when button size is LARGE_EXPRESSIVE. You can see this link  
+ * https://carbondesignsystem.com/components/button/style/#sizes
+ */
+function isExpressiveStr(Size) {
+  return `${Size === 'large_expressive'}`;
+}
+
+// function getContainerPaddingRight(
+// 	text: boolean,
+// 	icon: boolean,
+// ) {
+// 	return mapContainerEndPR[`${text}`][`${icon}`]
+// }
+
+/**
+ * Expressive only when button size is LARGE_EXPRESSIVE. You can see this link  
+ * https://carbondesignsystem.com/components/button/style/#sizes
+ */
+function getTextType(size) {
+  return mapTextTypeByExpressive[isExpressiveStr(size)];
+}
+
+/**
+ * Expressive only when button size is LARGE_EXPRESSIVE. You can see this link  
+ * https://carbondesignsystem.com/components/button/style/#sizes
+ */
+function getIconSize(size) {
+  return mapIconSizeByExpressive[isExpressiveStr(size)];
+}
+function getIconMarginTopStyle(size) {
+  const iconSize = mapIconSizeByExpressive[isExpressiveStr(size)],
+    height = Math.min(sizeStyle[size].height, sizeStyle.large_productive.height); // 48 at max
+
+  return {
+    marginTop: height / 2 - iconSize / 2
+  };
+}
+//# sourceMappingURL=Base.js.map

package/lib/commonjs/components/button/base/Base.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_carbonReactNativeElements","_index","_index2","_index3","_jsxRuntime","Base","exports","forwardRef","size","sizeProp","text","textProps","Icon","iconProps","iconNode","backgroundNode","InlineLoading","inlineLoadingProps","style","role","ariaLabel","props","ref","globalConfigContext","useContext","GlobalConfigContext","buttonGroupContext","ButtonGroupContext","iconSize","getIconSize","iconMarginStyle","mapIconMarginStyle","rtl","jsxs","Pressable","FlexStyleSheet","justify_between","baseStyle","container","mapContainerStyle","sizeStyle","mapStyleInButtonGroup","vertical","fluid","children","state","Fragment","jsx","View","textContainer","Text","type","getTextType","width","height","getIconMarginTopStyle","inlineLoading","StyleSheet","create","overflow","containerPL05","paddingLeft","Spacing","spacing_05","containerPL10","spacing_10","containerPR05","paddingRight","containerPR10","contentContainer","flex_initial","maxHeight","spacing_09","justifyContent","iconML32","marginLeft","spacing_07","iconMR32","marginRight","small","medium","large_productive","large_expressive","extra_large","false","flex_row","true","flex_row_reverse","mapTextTypeByExpressive","mapIconSizeByExpressive","self_start","flex_1","self_stretch","isExpressiveStr","Size","Math","min","marginTop"],"sourceRoot":"../../../../../src","sources":["components/button/base/Base.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/button/base/BaseProps.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=BaseProps.js.map

package/lib/commonjs/components/button/base/BaseProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/button/base/BaseProps.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/button/base/BaseRef.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=BaseRef.js.map

package/lib/commonjs/components/button/base/BaseRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/button/base/BaseRef.ts"],"mappings":"","ignoreList":[]}