@audira/carbon-react-native 0.0.1-alpha.13 → 0.0.1-alpha.14

package/README.md

@@ -130,9 +130,9 @@ import {
 
 export default function YourReactComponent() {
   /**
-   * Keep this to make `style` prop reactive on color scheme changes
+   * Keep this to make `style` prop reactive on color scheme change
    */
-  useContext(ThemeContext)
+  StyleSheet.use()
 
   return (
     <Text type="label_01" style={ style.linkText }>
@@ -141,12 +141,10 @@ export default function YourReactComponent() {
   )
 }
 
-const style = StyleSheet.create(color => {
-  return {
-    linkText: {
-      color: color.link_primary,
-    },
-  }
+const style = StyleSheet.create({
+  linkText: {
+    color: StyleSheet.color.link_primary,
+  },
 })
 ```
 

package/lib/commonjs/_carbon-react-native/index.js

@@ -17,7 +17,9 @@ function CarbonReactNative({
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
       colorScheme: colorScheme,
       overrideColor: overrideColor,
-      children: children
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BreakpointProvider, {
+        children: children
+      })
     })
   });
 }

package/lib/commonjs/_carbon-react-native/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_index","require","_jsxRuntime","CarbonReactNative","globalConfig","colorScheme","overrideColor","children","jsx","GlobalConfigProvider","ThemeProvider"],"sourceRoot":"../../../src","sources":["_carbon-react-native/index.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAIqB,IAAAC,WAAA,GAAAD,OAAA;AAMd,SAASE,iBAAiBA,CAAC;EACjCC,YAAY;EACZC,WAAW;EACXC,aAAa;EACbC;AACuB,CAAC,EAAE;EAE1B,oBACC,IAAAL,WAAA,CAAAM,GAAA,EAACR,MAAA,CAAAS,oBAAoB;IAAA,GACfL,YAAY;IAAAG,QAAA,eAEjB,IAAAL,WAAA,CAAAM,GAAA,EAACR,MAAA,CAAAU,aAAa;MACbL,WAAW,EAAGA,WAAa;MAC3BC,aAAa,EAAGA,aAAe;MAAAC,QAAA,EAE7BA;IAAQ,CACI;EAAC,CACK,CAAC;AAGzB","ignoreList":[]}
+{"version":3,"names":["_index","require","_jsxRuntime","CarbonReactNative","globalConfig","colorScheme","overrideColor","children","jsx","GlobalConfigProvider","ThemeProvider","BreakpointProvider"],"sourceRoot":"../../../src","sources":["_carbon-react-native/index.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAKqB,IAAAC,WAAA,GAAAD,OAAA;AAMd,SAASE,iBAAiBA,CAAC;EACjCC,YAAY;EACZC,WAAW;EACXC,aAAa;EACbC;AACuB,CAAC,EAAE;EAE1B,oBACC,IAAAL,WAAA,CAAAM,GAAA,EAACR,MAAA,CAAAS,oBAAoB;IAAA,GACfL,YAAY;IAAAG,QAAA,eAEjB,IAAAL,WAAA,CAAAM,GAAA,EAACR,MAAA,CAAAU,aAAa;MACbL,WAAW,EAAGA,WAAa;MAC3BC,aAAa,EAAGA,aAAe;MAAAC,QAAA,eAE/B,IAAAL,WAAA,CAAAM,GAAA,EAACR,MAAA,CAAAW,kBAAkB;QAAAJ,QAAA,EAChBA;MAAQ,CACS;IAAC,CACP;EAAC,CACK,CAAC;AAGzB","ignoreList":[]}

package/lib/commonjs/_style-sheet/breakpoint.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.breakpoint = void 0;
+/**
+ * Use `Breakpoint` from the `carbon-react-native-elements` to get the actual value of each breakpoint.  
+ * This is just a constant name.
+ */
+const breakpoint = exports.breakpoint = {
+  small: 'small',
+  medium: 'medium',
+  large: 'large',
+  x_large: 'x_large',
+  max: 'max'
+};
+//# sourceMappingURL=breakpoint.js.map

package/lib/commonjs/_style-sheet/breakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breakpoint","exports","small","medium","large","x_large","max"],"sourceRoot":"../../../src","sources":["_style-sheet/breakpoint.ts"],"mappings":";;;;;;AAIA;AACA;AACA;AACA;AACO,MAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GACtB;EACCE,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,GAAG,EAAE;AACN,CAA6D","ignoreList":[]}

package/lib/commonjs/_style-sheet/color.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.color = void 0;
+var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
+const color = exports.color = Object.keys(_carbonReactNativeElements.Color.Token.gray_10).reduce((acc, key) => {
+  acc[key] = key;
+  return acc;
+}, {});
+//# sourceMappingURL=color.js.map

package/lib/commonjs/_style-sheet/color.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_carbonReactNativeElements","require","color","exports","Object","keys","Color","Token","gray_10","reduce","acc","key"],"sourceRoot":"../../../src","sources":["_style-sheet/color.ts"],"mappings":";;;;;;AAAA,IAAAA,0BAAA,GAAAC,OAAA;AAKO,MAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GACjBE,MAAM,CACJC,IAAI,CAACC,gCAAK,CAACC,KAAK,CAACC,OAAO,CAAC,CACzBC,MAAM,CAAiC,CAACC,GAAG,EAAEC,GAAG,KAAK;EACrDD,GAAG,CAACC,GAAG,CAAe,GAAGA,GAAiB;EAC1C,OAAOD,GAAG;AACX,CAAC,EAAE,CAAC,CAAmC,CAAC","ignoreList":[]}

package/lib/commonjs/_style-sheet/create.js

@@ -7,17 +7,63 @@ exports.create = create;
 var _reactNative = require("react-native");
 var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
 var _index = require("../globals/index.js");
-function create(fn) {
-  const styleRef = fn(colorTokenStrings),
-    baseStyle = {},
-    coloredStyle = {};
-  for (const styleName in styleRef) {
-    const style = styleRef[styleName];
-    for (const styleProp_ in style) {
-      const styleProp = styleProp_;
-      if (colorStyleProps.indexOf(styleProp) > -1) {
-        const coloredStyleName_G10 = `${prefixColorStyleName.gray_10}${styleName}`,
-          coloredStyleName_G100 = `${prefixColorStyleName.gray_100}${styleName}`;
+var _breakpoint = require("./breakpoint.js");
+/**
+ * Create style sheet to help using color token of current color scheme and current breakpoint declaratively.  
+ * It makes your code way more shorter which doesn't need to create conditional of current color scheme or current breakpoint in the style prop implementation
+ * 
+ * @example
+ * ```tsx
+ * import {
+ * 	View,
+ * } from 'react-native'
+ * 
+ * import {
+ * 	StyleSheet,
+ * } from '@audira/carbon-react-native'
+ * 
+ * export function Component({ children }) {
+ * 	return (
+ * 		<View style={ style.foo }>
+ * 			{ children }
+ * 		<View>
+ * 	)
+ * }
+ * 
+ * const style = StyleSheet.create({
+ * 	foo: {
+ * 		backgroundColor: StyleSheet.color.background_inverse,
+ * 		// it will be resolved to the `background_inverse` of current color scheme
+ * 
+ * 		[StyleSheet.breakpoint.medium]: {
+ * 			flexDirection: 'row',
+ * 			// this style will has row direction of flex box
+ * 			// for screen that equal and larger than the medium breakpoint
+ * 		},
+ * 	},
+ * })
+ * ```
+ */
+function create(styles) {
+  const normalStyle = {},
+    coloredStyle = {},
+    breakpointStyle = {};
+  let containBreakpointStyle = false;
+  for (const name in styles) {
+    const style = styles[name];
+    for (const _styleProp_ in style) {
+      if (_breakpoint.breakpoint[_styleProp_]) {
+        containBreakpointStyle = true;
+        breakpointStyle[`${_styleProp_}${name}`] = style[_styleProp_];
+      } else if (colorStyleProps.indexOf(_styleProp_) > -1) {
+        /**
+         * Resolve color string to the Carbon color (if any) for style prop or attribute that contain 'color' in the name like 'color', 'backgroundColor', 'borderColor', etc
+         * @see {@link colorStyleProps}
+         */
+
+        const styleProp = _styleProp_,
+          coloredStyleName_G10 = `${prefixColorStyleName.gray_10}${name}`,
+          coloredStyleName_G100 = `${prefixColorStyleName.gray_100}${name}`;
         if (!coloredStyle[coloredStyleName_G10]) {
           coloredStyle[coloredStyleName_G10] = {};
         }
@@ -28,32 +74,40 @@ function create(fn) {
         coloredStyle[coloredStyleName_G10][styleProp] = _carbonReactNativeElements.Color.Token.gray_10[colorStr] || colorStr;
         coloredStyle[coloredStyleName_G100][styleProp] = _carbonReactNativeElements.Color.Token.gray_100[colorStr] || colorStr;
       } else {
-        baseStyle[styleName] = style;
+        normalStyle[name] = style;
       }
     }
   }
-  const baseStyleSheet = _reactNative.StyleSheet.create(baseStyle),
-    coloredStyleSheet = _reactNative.StyleSheet.create(coloredStyle);
-  return Object.keys(styleRef).reduce((acc, styleName) => {
+  const normalStyleSheet = _reactNative.StyleSheet.create(normalStyle),
+    coloredStyleSheet = _reactNative.StyleSheet.create(coloredStyle),
+    breakpointStyleSheet = _reactNative.StyleSheet.create(breakpointStyle);
+  return Object.keys(styles).reduce((acc, styleName) => {
     Object.defineProperty(acc, styleName, {
       get() {
-        const colorScheme = _index.ColorSchemeGlobal.get();
-        if (colorScheme == 'gray_10') {
-          return [baseStyleSheet[styleName], coloredStyleSheet[`${prefixColorStyleName.gray_10}${styleName}`]];
-        }
-        return [baseStyle[styleName], coloredStyleSheet[`${prefixColorStyleName.gray_100}${styleName}`]];
+        const colorScheme = _index.ColorSchemeGlobal.get(),
+          breakpoint = _index.BreakpointGlobal.get();
+        return [normalStyleSheet[styleName], colorScheme == 'gray_10' ? coloredStyleSheet[`${prefixColorStyleName.gray_10}${styleName}`] : coloredStyleSheet[`${prefixColorStyleName.gray_100}${styleName}`], containBreakpointStyle ? breakpointStyleSheet[`${breakpoint}${styleName}`] || getBreakpointUpStyle(breakpoint, breakpointStyleSheet, styleName) : null];
       }
     });
     return acc;
   }, {});
 }
-const colorStyleProps = ['color', 'backgroundColor', 'tintColor', 'shadowColor', 'textDecorationColor', 'textShadowColor', 'overlayColor', 'borderColor', 'borderEndColor', 'borderStartColor', 'borderTopColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderBlockColor', 'borderBlockEndColor', 'borderBlockStartColor'],
-  colorTokenStrings = Object.keys(_carbonReactNativeElements.Color.Token.gray_10).reduce((acc, key) => {
-    acc[key] = key;
-    return acc;
-  }, {}),
+const colorStyleProps = ['backgroundColor', 'borderColor', 'borderEndColor', 'borderStartColor', 'borderTopColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderBlockColor', 'borderBlockEndColor', 'borderBlockStartColor', 'color', 'overlayColor', 'textDecorationColor', 'textShadowColor', 'tintColor', 'shadowColor'],
   prefixColorStyleName = {
     gray_10: 'gray_10__',
     gray_100: 'gray_100__'
-  };
+  },
+  breakpointDown = ['max', 'x_large', 'large', 'medium', 'small'];
+function getBreakpointUpStyle(breakpoint, breakpointStyle, styleName) {
+  const bpSliced = breakpointDown.slice(breakpointDown.indexOf(breakpoint));
+  let style = null;
+  for (let i = 0; i < bpSliced.length; i++) {
+    const bpStyle = breakpointStyle[`${bpSliced[i]}${styleName}`];
+    if (bpStyle) {
+      style = bpStyle;
+      break;
+    }
+  }
+  return style;
+}
 //# sourceMappingURL=create.js.map

package/lib/commonjs/_style-sheet/create.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_carbonReactNativeElements","_index","create","fn","styleRef","colorTokenStrings","baseStyle","coloredStyle","styleName","style","styleProp_","styleProp","colorStyleProps","indexOf","coloredStyleName_G10","prefixColorStyleName","gray_10","coloredStyleName_G100","gray_100","colorStr","Color","Token","baseStyleSheet","StyleSheet","coloredStyleSheet","Object","keys","reduce","acc","defineProperty","get","colorScheme","ColorSchemeGlobal","key"],"sourceRoot":"../../../src","sources":["_style-sheet/create.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,0BAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAUO,SAASG,MAAMA,CACrBC,EAEW,EACF;EACT,MACCC,QAAQ,GACPD,EAAE,CAACE,iBAAiB,CAAC;IAEtBC,SAAgC,GAC/B,CAAC,CAAC;IAEHC,YAAmC,GAClC,CAAC,CAAC;EAEJ,KAAI,MAAMC,SAAS,IAAIJ,QAAQ,EAAE;IAChC,MAAMK,KAAK,GAAGL,QAAQ,CAACI,SAAS,CAAC;IAEjC,KAAI,MAAME,UAAU,IAAID,KAAK,EAAE;MAC9B,MAAME,SAAS,GAAGD,UAAyB;MAE3C,IAAGE,eAAe,CAACC,OAAO,CAACF,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE;QAC3C,MACCG,oBAAoB,GACnB,GAAGC,oBAAoB,CAACC,OAAO,GAAGR,SAAS,EAAE;UAE9CS,qBAAqB,GACpB,GAAGF,oBAAoB,CAACG,QAAQ,GAAGV,SAAS,EAAE;QAEhD,IAAG,CAACD,YAAY,CAACO,oBAAoB,CAAC,EAAE;UACvCP,YAAY,CAACO,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACxC;QACA,IAAG,CAACP,YAAY,CAACU,qBAAqB,CAAC,EAAE;UACxCV,YAAY,CAACU,qBAAqB,CAAC,GAAG,CAAC,CAAC;QACzC;QAEA,MACCE,QAAQ,GACPV,KAAK,CAACE,SAAS,CAAW;QAE5BJ,YAAY,CAACO,oBAAoB,CAAC,CAACH,SAAS,CAAC,GAC5CS,gCAAK,CAACC,KAAK,CAACL,OAAO,CAACG,QAAQ,CAAe,IAC3CA,QAAQ;QAETZ,YAAY,CAACU,qBAAqB,CAAC,CAACN,SAAS,CAAC,GAC7CS,gCAAK,CAACC,KAAK,CAACH,QAAQ,CAACC,QAAQ,CAAe,IAC5CA,QAAQ;MACV,CAAC,MAAM;QACNb,SAAS,CAACE,SAAS,CAAC,GAAGC,KAAK;MAC7B;IACD;EACD;EAEA,MACCa,cAAc,GACbC,uBAAU,CAACrB,MAAM,CAAwBI,SAAS,CAAC;IAEpDkB,iBAAiB,GAChBD,uBAAU,CAACrB,MAAM,CAAwBK,YAAY,CAAC;EAExD,OAAOkB,MAAM,CAACC,IAAI,CAACtB,QAAQ,CAAC,CAC1BuB,MAAM,CAAS,CACfC,GAAG,EACHpB,SAAS,KACL;IACJiB,MAAM,CAACI,cAAc,CAACD,GAAG,EAAEpB,SAAS,EAAE;MACrCsB,GAAGA,CAAA,EAAG;QACL,MAAMC,WAAW,GAAGC,wBAAiB,CAACF,GAAG,CAAC,CAAC;QAE3C,IAAGC,WAAW,IAAI,SAAS,EAAE;UAC5B,OAAO,CACNT,cAAc,CAACd,SAAS,CAAC,EACzBgB,iBAAiB,CAAC,GAAGT,oBAAoB,CAACC,OAAO,GAAGR,SAAS,EAAE,CAAC,CAChE;QACF;QAEA,OAAO,CACNF,SAAS,CAACE,SAAS,CAAC,EACpBgB,iBAAiB,CAAC,GAAGT,oBAAoB,CAACG,QAAQ,GAAGV,SAAS,EAAE,CAAC,CACjE;MACF;IACD,CAAC,CAAC;IACF,OAAOoB,GAAG;EACX,CAAC,EAAE,CAAC,CAAU,CAAC;AACjB;AAEA,MACChB,eAA+E,GAC9E,CACC,OAAO,EACP,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,CACvB;EAEFP,iBAAiB,GAChBoB,MAAM,CACJC,IAAI,CAACN,gCAAK,CAACC,KAAK,CAACL,OAAO,CAAC,CACzBW,MAAM,CAA0C,CAChDC,GAAG,EACHK,GAAG,KACC;IACJL,GAAG,CAACK,GAAG,CAAe,GAAGA,GAAiB;IAC1C,OAAOL,GAAG;EACX,CAAC,EAAE,CAAC,CAAC,CAA6C;EAEpDb,oBAA2D,GAC1D;IACCC,OAAO,EAAE,WAAW;IACpBE,QAAQ,EAAE;EACX,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_carbonReactNativeElements","_index","_breakpoint","create","styles","normalStyle","coloredStyle","breakpointStyle","containBreakpointStyle","name","style","_styleProp_","breakpointStyleProps","colorStyleProps","indexOf","styleProp","coloredStyleName_G10","prefixColorStyleName","gray_10","coloredStyleName_G100","gray_100","colorStr","Color","Token","normalStyleSheet","StyleSheet","coloredStyleSheet","breakpointStyleSheet","Object","keys","reduce","acc","styleName","defineProperty","get","colorScheme","ColorSchemeGlobal","breakpoint","BreakpointGlobal","getBreakpointUpStyle","breakpointDown","bpSliced","slice","i","length","bpStyle"],"sourceRoot":"../../../src","sources":["_style-sheet/create.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/_style-sheet/index.js

@@ -5,10 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyleSheet = void 0;
 var _reactNative = require("react-native");
+var _breakpoint2 = require("./breakpoint.js");
+var _color2 = require("./color.js");
 var _create2 = require("./create.js");
+var _use2 = require("./use.js");
 let StyleSheet = exports.StyleSheet = void 0;
 (function (_StyleSheet) {
-  const create = _StyleSheet.create = _create2.create;
   const absoluteFill = _StyleSheet.absoluteFill = _reactNative.StyleSheet.absoluteFill;
+  const absoluteFillObject = _StyleSheet.absoluteFillObject = _reactNative.StyleSheet.absoluteFillObject;
+  const compose = _StyleSheet.compose = _reactNative.StyleSheet.compose;
+  const breakpoint = _StyleSheet.breakpoint = _breakpoint2.breakpoint;
+  const color = _StyleSheet.color = _color2.color;
+  const create = _StyleSheet.create = _create2.create;
+  const flatten = _StyleSheet.flatten = _reactNative.StyleSheet.flatten;
+  const hairlineWidth = _StyleSheet.hairlineWidth = _reactNative.StyleSheet.hairlineWidth;
+  const setStyleAttributePreprocessor = _StyleSheet.setStyleAttributePreprocessor = _reactNative.StyleSheet.setStyleAttributePreprocessor;
+  const use = _StyleSheet.use = _use2.use;
 })(StyleSheet || (exports.StyleSheet = StyleSheet = {}));
 //# sourceMappingURL=index.js.map

package/lib/commonjs/_style-sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_create2","StyleSheet","exports","_StyleSheet","create","_create","absoluteFill","RNStyleSheet"],"sourceRoot":"../../../src","sources":["_style-sheet/index.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAEiB,IAEAE,UAAU,GAAAC,OAAA,CAAAD,UAAA;AAAA,WAAAE,WAAA;EAEnB,MAAMC,MAAM,GAAAD,WAAA,CAAAC,MAAA,GAAGC,eAAO;EAEtB,MAAMC,YAAY,GAAAH,WAAA,CAAAG,YAAA,GAAGC,uBAAY,CAACD,YAAY;AAAA,GAJrCL,UAAU,KAAAC,OAAA,CAAAD,UAAA,GAAVA,UAAU","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_breakpoint2","_color2","_create2","_use2","StyleSheet","exports","_StyleSheet","absoluteFill","RNStyleSheet","absoluteFillObject","compose","breakpoint","_breakpoint","color","_color","create","_create","flatten","hairlineWidth","setStyleAttributePreprocessor","use","_use"],"sourceRoot":"../../../src","sources":["_style-sheet/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AAIA,IAAAG,QAAA,GAAAH,OAAA;AAIA,IAAAI,KAAA,GAAAJ,OAAA;AAEc,IAEGK,UAAU,GAAAC,OAAA,CAAAD,UAAA;AAAA,WAAAE,WAAA;EAEnB,MAAMC,YAAY,GAAAD,WAAA,CAAAC,YAAA,GAAGC,uBAAY,CAACD,YAAY;EAE9C,MAAME,kBAAkB,GAAAH,WAAA,CAAAG,kBAAA,GAAGD,uBAAY,CAACC,kBAAkB;EAE1D,MAAMC,OAAO,GAAAJ,WAAA,CAAAI,OAAA,GAAGF,uBAAY,CAACE,OAAO;EAMpC,MAAMC,UAAU,GAAAL,WAAA,CAAAK,UAAA,GAAGC,uBAAW;EAE9B,MAAMC,KAAK,GAAAP,WAAA,CAAAO,KAAA,GAAGC,aAAM;EAEpB,MAAMC,MAAM,GAAAT,WAAA,CAAAS,MAAA,GAAGC,eAAO;EAEtB,MAAMC,OAAO,GAAAX,WAAA,CAAAW,OAAA,GAAGT,uBAAY,CAACS,OAAO;EAEpC,MAAMC,aAAa,GAAAZ,WAAA,CAAAY,aAAA,GAAGV,uBAAY,CAACU,aAAa;EAEhD,MAAMC,6BAA6B,GAAAb,WAAA,CAAAa,6BAAA,GAAGX,uBAAY,CAACW,6BAA6B;EAEhF,MAAMC,GAAG,GAAAd,WAAA,CAAAc,GAAA,GAAGC,SAAI;AAAA,GAxBPjB,UAAU,KAAAC,OAAA,CAAAD,UAAA,GAAVA,UAAU","ignoreList":[]}

package/lib/commonjs/_style-sheet/use.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.use = use;
+var _react = require("react");
+var _index = require("../contexts/index.js");
+/* eslint-disable react-hooks/rules-of-hooks */
+
+/**
+ * To keep your React Component style prop reactive on color scheme and breakpoint change
+ */
+function use() {
+  (0, _react.useContext)(_index.ThemeContext);
+  (0, _react.useContext)(_index.BreakpointContext);
+}
+//# sourceMappingURL=use.js.map

package/lib/commonjs/_style-sheet/use.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","use","useContext","ThemeContext","BreakpointContext"],"sourceRoot":"../../../src","sources":["_style-sheet/use.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AALA;;AAUA;AACA;AACA;AACO,SAASE,GAAGA,CAAA,EAAG;EACrB,IAAAC,iBAAU,EAACC,mBAAY,CAAC;EACxB,IAAAD,iBAAU,EAACE,wBAAiB,CAAC;AAC9B","ignoreList":[]}

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

@@ -65,41 +65,39 @@ function Header({
     })]
   });
 }
-const style = _index.StyleSheet.create(color => {
-    return {
-      background_default: {
-        backgroundColor: 'transparent'
-      },
-      background_focused: {
-        backgroundColor: 'transparent',
-        borderWidth: 1,
-        borderColor: color.focus
-      },
-      background_hovered: {
-        backgroundColor: color.layer_hover_01
-      },
-      background_pressed: {
-        backgroundColor: color.layer_hover_01
-      },
-      background_disabled: {
-        backgroundColor: 'transparent'
-      },
-      text_default: {
-        color: color.text_primary
-      },
-      text_focused: {
-        color: color.text_primary
-      },
-      text_hovered: {
-        color: color.text_primary
-      },
-      text_pressed: {
-        color: color.text_primary
-      },
-      text_disabled: {
-        color: color.text_disabled
-      }
-    };
+const style = _index.StyleSheet.create({
+    background_default: {
+      backgroundColor: 'transparent'
+    },
+    background_focused: {
+      backgroundColor: 'transparent',
+      borderWidth: 1,
+      borderColor: _index.StyleSheet.color.focus
+    },
+    background_hovered: {
+      backgroundColor: _index.StyleSheet.color.layer_hover_01
+    },
+    background_pressed: {
+      backgroundColor: _index.StyleSheet.color.layer_hover_01
+    },
+    background_disabled: {
+      backgroundColor: 'transparent'
+    },
+    text_default: {
+      color: _index.StyleSheet.color.text_primary
+    },
+    text_focused: {
+      color: _index.StyleSheet.color.text_primary
+    },
+    text_hovered: {
+      color: _index.StyleSheet.color.text_primary
+    },
+    text_pressed: {
+      color: _index.StyleSheet.color.text_primary
+    },
+    text_disabled: {
+      color: _index.StyleSheet.color.text_disabled
+    }
   }),
   /**
    * Coincidentally (or not) use same value of height  

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_","_interopRequireDefault","_index","_index2","_index3","_index4","_index5","_headerBorder","_motion","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Header","size","open","flushAlignment","text","style","styleProp","buttonProps","themeContext","useContext","ThemeContext","jsxs","View","children","jsx","HeaderBorder","BaseColor","mapSizeToButtonSize","android_rippleEffectColor","color","layer_hover_01","colorStateStyle","background","background_default","focused","background_pressed","hovered","background_hovered","pressed","disabled","background_disabled","text_default","text_focused","text_hovered","text_pressed","text_disabled","icon","icon_primary","icon_disabled","iconNode","params","iconNodeRenderer","FlexStyle","self_stretch","StyleSheet","create","backgroundColor","background_focused","borderWidth","borderColor","focus","text_primary","small","medium","large","IconAnimated","Animated","createAnimatedComponent","Icon","iconColorState","iconSize","iconStyle","IconNode","isMounted","useRef","rotateZ","useSharedValue","animatedStyle","useAnimatedStyle","transform","value","useEffect","current","withTiming","Motion","toOpen","toClose","src","ChevronDown","width","height"],"sourceRoot":"../../../../src","sources":["components/accordion/_header.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_","_interopRequireDefault","_index","_index2","_index3","_index4","_index5","_headerBorder","_motion","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Header","size","open","flushAlignment","text","style","styleProp","buttonProps","themeContext","useContext","ThemeContext","jsxs","View","children","jsx","HeaderBorder","BaseColor","mapSizeToButtonSize","android_rippleEffectColor","color","layer_hover_01","colorStateStyle","background","background_default","focused","background_pressed","hovered","background_hovered","pressed","disabled","background_disabled","text_default","text_focused","text_hovered","text_pressed","text_disabled","icon","icon_primary","icon_disabled","iconNode","params","iconNodeRenderer","FlexStyle","self_stretch","StyleSheet","create","backgroundColor","background_focused","borderWidth","borderColor","focus","text_primary","small","medium","large","IconAnimated","Animated","createAnimatedComponent","Icon","iconColorState","iconSize","iconStyle","IconNode","isMounted","useRef","rotateZ","useSharedValue","animatedStyle","useAnimatedStyle","transform","value","useEffect","current","withTiming","Motion","toOpen","toClose","src","ChevronDown","width","height"],"sourceRoot":"../../../../src","sources":["components/accordion/_header.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -117,8 +117,8 @@ const baseStyle = _reactNative.StyleSheet.create({
  * Expressive only when button size is LARGE_EXPRESSIVE. You can see this link  
  * https://carbondesignsystem.com/components/button/style/#sizes
  */
-function isExpressive(buttonSize) {
-  return buttonSize === 'large_expressive';
+function isExpressiveStr(buttonSize) {
+  return `${buttonSize === 'large_expressive'}`;
 }
 function getContainerPaddingRight(text, icon) {
   return mapContainerPR[`text[${text}]_icon[${icon}]`];
@@ -129,7 +129,7 @@ function getContainerPaddingRight(text, icon) {
  * https://carbondesignsystem.com/components/button/style/#sizes
  */
 function getTextType(buttonSize) {
-  return mapTextTypeByExpressive[`${isExpressive(buttonSize)}`];
+  return mapTextTypeByExpressive[isExpressiveStr(buttonSize)];
 }
 
 /**
@@ -137,10 +137,10 @@ function getTextType(buttonSize) {
  * https://carbondesignsystem.com/components/button/style/#sizes
  */
 function getIconSize(buttonSize) {
-  return mapIconSizeByExpressive[`${isExpressive(buttonSize)}`];
+  return mapIconSizeByExpressive[isExpressiveStr(buttonSize)];
 }
 function getIconMarginTopStyle(buttonSize) {
-  const iconSize = mapIconSizeByExpressive[`${isExpressive(buttonSize)}`],
+  const iconSize = mapIconSizeByExpressive[isExpressiveStr(buttonSize)],
     height = Math.min(sizeStyle[buttonSize].height, sizeStyle.large_productive.height); // 48 at max
 
   return {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_carbonReactNativeElements","_index","_index2","_index3","_jsxRuntime","Base","exports","forwardRef","size","text","icon","iconColor","iconNode","backgroundNode","style","textStyle","iconStyle","role","ariaLabel","props","ref","iconSize","getIconSize","jsxs","Pressable","sizeStyle","baseStyle","container","getContainerPaddingRight","children","jsx","Text","type","getTextType","Icon","src","width","height","color","getIconMarginTopStyle","getIconMarginLeftStyle","StyleSheet","create","FlexStyle","self_start","flex_row","justify_between","overflow","paddingLeft","Spacing","spacing_05","containerPR16","paddingRight","containerPR64","spacing_10","contentContainer","flex_initial","maxHeight","spacing_09","verticalAlign","iconML32","marginLeft","spacing_07","small","medium","large_productive","large_expressive","extra_large","mapContainerPR","mapTextTypeByExpressive","false","true","mapIconSizeByExpressive","mapIconMLByText","isExpressive","buttonSize","Math","min","marginTop","hasText"],"sourceRoot":"../../../../../src","sources":["components/button/base/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_carbonReactNativeElements","_index","_index2","_index3","_jsxRuntime","Base","exports","forwardRef","size","text","icon","iconColor","iconNode","backgroundNode","style","textStyle","iconStyle","role","ariaLabel","props","ref","iconSize","getIconSize","jsxs","Pressable","sizeStyle","baseStyle","container","getContainerPaddingRight","children","jsx","Text","type","getTextType","Icon","src","width","height","color","getIconMarginTopStyle","getIconMarginLeftStyle","StyleSheet","create","FlexStyle","self_start","flex_row","justify_between","overflow","paddingLeft","Spacing","spacing_05","containerPR16","paddingRight","containerPR64","spacing_10","contentContainer","flex_initial","maxHeight","spacing_09","verticalAlign","iconML32","marginLeft","spacing_07","small","medium","large_productive","large_expressive","extra_large","mapContainerPR","mapTextTypeByExpressive","false","true","mapIconSizeByExpressive","mapIconMLByText","isExpressiveStr","buttonSize","Math","min","marginTop","hasText"],"sourceRoot":"../../../../../src","sources":["components/button/base/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/button/ghost/index.js

@@ -47,39 +47,39 @@ function Ghost({
     iconStyle: [mapIconPLByText[`${!!text}`], iconStyle]
   });
 }
-const colorStyle = _index2.StyleSheet.create(color => ({
+const colorStyle = _index2.StyleSheet.create({
     background_default: {
       backgroundColor: 'transparent'
     },
     background_focused: {
       borderWidth: 1,
-      borderColor: color.focus
+      borderColor: _index2.StyleSheet.color.focus
     },
     background_hovered: {
-      backgroundColor: color.background_hover
+      backgroundColor: _index2.StyleSheet.color.background_hover
     },
     background_pressed: {
-      backgroundColor: color.background_active
+      backgroundColor: _index2.StyleSheet.color.background_active
     },
     background_disabled: {
       backgroundColor: 'transparent'
     },
     text_default: {
-      color: color.link_primary
+      color: _index2.StyleSheet.color.link_primary
     },
     text_focused: {
-      color: color.link_primary
+      color: _index2.StyleSheet.color.link_primary
     },
     text_hovered: {
-      color: color.link_primary_hover
+      color: _index2.StyleSheet.color.link_primary_hover
     },
     text_pressed: {
-      color: color.link_primary
+      color: _index2.StyleSheet.color.link_primary
     },
     text_disabled: {
-      color: color.text_disabled
+      color: _index2.StyleSheet.color.text_disabled
     }
-  })),
+  }),
   style = _reactNative.StyleSheet.create({
     iconPL8: {
       paddingLeft: _carbonReactNativeElements.Spacing.spacing_03

package/lib/commonjs/components/button/ghost/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_carbonReactNativeElements","_index","_index2","_index3","_jsxRuntime","Ghost","text","iconStyle","props","themeContext","useContext","ThemeContext","jsx","BaseColor","android_rippleEffectColor","color","background_active","colorStateStyle","background","default","colorStyle","background_default","focused","background_pressed","hovered","background_hovered","pressed","disabled","background_disabled","text_default","text_focused","text_hovered","text_pressed","text_disabled","icon","link_primary","link_primary_hover","icon_disabled","mapIconPLByText","StyleSheetColor","create","backgroundColor","background_focused","borderWidth","borderColor","focus","background_hover","style","StyleSheet","iconPL8","paddingLeft","Spacing","spacing_03","false","true"],"sourceRoot":"../../../../../src","sources":["components/button/ghost/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_carbonReactNativeElements","_index","_index2","_index3","_jsxRuntime","Ghost","text","iconStyle","props","themeContext","useContext","ThemeContext","jsx","BaseColor","android_rippleEffectColor","color","background_active","colorStateStyle","background","default","colorStyle","background_default","focused","background_pressed","hovered","background_hovered","pressed","disabled","background_disabled","text_default","text_focused","text_hovered","text_pressed","text_disabled","icon","link_primary","link_primary_hover","icon_disabled","mapIconPLByText","StyleSheet","create","backgroundColor","background_focused","borderWidth","borderColor","focus","background_hover","style","RNStyleSheet","iconPL8","paddingLeft","Spacing","spacing_03","false","true"],"sourceRoot":"../../../../../src","sources":["components/button/ghost/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/button/ghost-danger/index.js

@@ -47,39 +47,39 @@ function GhostDanger({
     iconStyle: [mapIconPLByText[`${!!text}`], iconStyle]
   });
 }
-const colorStyle = _index2.StyleSheet.create(color => ({
+const colorStyle = _index2.StyleSheet.create({
     background_default: {
       backgroundColor: 'transparent'
     },
     background_focused: {
       borderWidth: 1,
-      borderColor: color.focus
+      borderColor: _index2.StyleSheet.color.focus
     },
     background_hovered: {
-      backgroundColor: color.button_danger_hover
+      backgroundColor: _index2.StyleSheet.color.button_danger_hover
     },
     background_pressed: {
-      backgroundColor: color.button_danger_active
+      backgroundColor: _index2.StyleSheet.color.button_danger_active
     },
     background_disabled: {
-      backgroundColor: color.button_disabled
+      backgroundColor: _index2.StyleSheet.color.button_disabled
     },
     text_default: {
-      color: color.button_danger_secondary
+      color: _index2.StyleSheet.color.button_danger_secondary
     },
     text_focused: {
-      color: color.button_danger_secondary
+      color: _index2.StyleSheet.color.button_danger_secondary
     },
     text_hovered: {
-      color: color.text_on_color
+      color: _index2.StyleSheet.color.text_on_color
     },
     text_pressed: {
-      color: color.text_on_color
+      color: _index2.StyleSheet.color.text_on_color
     },
     text_disabled: {
-      color: color.text_disabled
+      color: _index2.StyleSheet.color.text_disabled
     }
-  })),
+  }),
   style = _reactNative.StyleSheet.create({
     iconPL8: {
       paddingLeft: _carbonReactNativeElements.Spacing.spacing_03