@dreamstack-us/kaal 0.1.1 → 0.1.2

package/README.md

@@ -158,7 +158,7 @@ Style components without a theme provider:
 
 ## Documentation
 
-Full documentation with live examples: [kaal.dreamstack.us](https://kaal.dreamstack.us)
+Full documentation with live examples: [dreamstack-us.github.io/kaal](https://dreamstack-us.github.io/kaal/)
 
 ## License
 

package/lib/module/components/DatePicker/DatePicker.ios.js

@@ -74,7 +74,9 @@ export const DatePicker = props => {
   // Native picker only available for single selection
   if (theme === 'native') {
     return /*#__PURE__*/_jsx(View, {
-      style: styles.container,
+      style: [styles.container, themeOverrides?.backgroundColor ? {
+        backgroundColor: themeOverrides.backgroundColor
+      } : undefined],
       children: /*#__PURE__*/_jsx(Suspense, {
         fallback: /*#__PURE__*/_jsx(ActivityIndicator, {}),
         children: /*#__PURE__*/_jsx(ExpoDatePicker, {

package/lib/module/components/DatePicker/DatePicker.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Suspense","ActivityIndicator","View","ThemeOverrideProvider","toISODateString","CalendarGrid","styles","jsx","_jsx","ExpoDatePicker","lazy","DateTimePicker","Host","default","value","onChange","variant","matchContents","children","onDateSelected","displayedComponents","initialDate","_props","DatePicker","props","mode","theme","minDate","maxDate","disabledDates","themeOverrides","weekStartsOn","themeMode","selectionMode","datePicker","startDate","endDate","onRangeChange","style","container","fallback"],"sourceRoot":"../../../../src","sources":["components/DatePicker/DatePicker.ios.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Suspense","ActivityIndicator","View","ThemeOverrideProvider","toISODateString","CalendarGrid","styles","jsx","_jsx","ExpoDatePicker","lazy","DateTimePicker","Host","default","value","onChange","variant","matchContents","children","onDateSelected","displayedComponents","initialDate","_props","DatePicker","props","mode","theme","minDate","maxDate","disabledDates","themeOverrides","weekStartsOn","themeMode","selectionMode","datePicker","startDate","endDate","onRangeChange","style","container","backgroundColor","undefined","fallback"],"sourceRoot":"../../../../src","sources":["components/DatePicker/DatePicker.ios.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/DatePicker/DatePicker.styles.js

@@ -8,7 +8,7 @@ import { Platform, StyleSheet } from 'react-native';
  */
 export const styles = StyleSheet.create({
   container: {
-    backgroundColor: '#1E1E1E',
+    backgroundColor: 'transparent',
     borderRadius: 16,
     overflow: 'hidden',
     padding: 16
@@ -27,7 +27,7 @@ export const styles = StyleSheet.create({
       backgroundColor: 'rgba(255, 255, 255, 0.7)'
     },
     default: {
-      backgroundColor: '#2C2C2E'
+      backgroundColor: 'transparent'
     }
   })
 });

package/lib/module/components/DatePicker/DatePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","StyleSheet","styles","create","container","backgroundColor","borderRadius","overflow","padding","containerCompact","containerLarge","backdrop","select","web","backdropFilter","WebkitBackdropFilter","default"],"sourceRoot":"../../../../src","sources":["components/DatePicker/DatePicker.styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;;AAEnD;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EACtCC,SAAS,EAAE;IACTC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAE;EACX,CAAC;EACDC,gBAAgB,EAAE;IAChBD,OAAO,EAAE;EACX,CAAC;EACDE,cAAc,EAAE;IACdF,OAAO,EAAE;EACX,CAAC;EACDG,QAAQ,EAAEX,QAAQ,CAACY,MAAM,CAAC;IACxBC,GAAG,EAAE;MACH;MACAC,cAAc,EAAE,2BAA2B;MAC3CC,oBAAoB,EAAE,2BAA2B;MACjDV,eAAe,EAAE;IACnB,CAAC;IACDW,OAAO,EAAE;MACPX,eAAe,EAAE;IACnB;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","StyleSheet","styles","create","container","backgroundColor","borderRadius","overflow","padding","containerCompact","containerLarge","backdrop","select","web","backdropFilter","WebkitBackdropFilter","default"],"sourceRoot":"../../../../src","sources":["components/DatePicker/DatePicker.styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;;AAEnD;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EACtCC,SAAS,EAAE;IACTC,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAE;EACX,CAAC;EACDC,gBAAgB,EAAE;IAChBD,OAAO,EAAE;EACX,CAAC;EACDE,cAAc,EAAE;IACdF,OAAO,EAAE;EACX,CAAC;EACDG,QAAQ,EAAEX,QAAQ,CAACY,MAAM,CAAC;IACxBC,GAAG,EAAE;MACH;MACAC,cAAc,EAAE,2BAA2B;MAC3CC,oBAAoB,EAAE,2BAA2B;MACjDV,eAAe,EAAE;IACnB,CAAC;IACDW,OAAO,EAAE;MACPX,eAAe,EAAE;IACnB;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/TimePicker/TimePicker.ios.js

@@ -61,8 +61,11 @@ export const TimePicker = ({
 
   // Use native iOS picker for 'native' or 'ios' theme
   if (theme === 'native' || theme === 'ios') {
+    const containerBg = themeOverrides?.containerBackground ?? themeOverrides?.backgroundColor;
     return /*#__PURE__*/_jsx(View, {
-      style: styles.container,
+      style: [styles.container, containerBg ? {
+        backgroundColor: containerBg
+      } : undefined],
       children: /*#__PURE__*/_jsx(Suspense, {
         fallback: /*#__PURE__*/_jsx(ActivityIndicator, {}),
         children: /*#__PURE__*/_jsx(ExpoTimePicker, {

package/lib/module/components/TimePicker/TimePicker.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Suspense","useCallback","ActivityIndicator","View","ThemeOverrideProvider","styles","TimeWheelPicker","jsx","_jsx","ExpoTimePicker","lazy","DateTimePicker","Host","default","value","onChange","is24Hour","date","Date","setHours","hours","minutes","handleChange","newDate","getHours","getMinutes","matchContents","children","onDateSelected","displayedComponents","initialDate","toISOString","variant","_props","TimePicker","theme","minuteInterval","themeOverrides","handleTimeChange","time","style","container","fallback","timePicker"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimePicker.ios.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,SAASC,iBAAiB,EAAEC,IAAI,QAAQ,cAAc;AACtD,SAASC,qBAAqB,QAAQ,uCAAoC;AAE1E,SAASC,MAAM,QAAQ,wBAAqB;AAC5C,SAASC,eAAe,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpD;AACA,MAAMC,cAAc,gBAAGV,KAAK,CAACW,IAAI,CAAC,YAAY;EAC5C,IAAI;IACF;IACA,MAAM;MAAEC,cAAc;MAAEC;IAAK,CAAC,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC;IAElE,OAAO;MACLC,OAAO,EAAEA,CAAC;QAAEC,KAAK;QAAEC,QAAQ;QAAEC;MAA8B,CAAC,KAAK;QAC/D;QACA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;QACvBD,IAAI,CAACE,QAAQ,CAACL,KAAK,CAACM,KAAK,EAAEN,KAAK,CAACO,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QAE/C,MAAMC,YAAY,GAAIC,OAAa,IAAK;UACtCR,QAAQ,CAAC;YACPK,KAAK,EAAEG,OAAO,CAACC,QAAQ,CAAC,CAAC;YACzBH,OAAO,EAAEE,OAAO,CAACE,UAAU,CAAC;UAC9B,CAAC,CAAC;QACJ,CAAC;QAED,oBACEjB,IAAA,CAACI,IAAI;UAACc,aAAa;UAAAC,QAAA,eACjBnB,IAAA,CAACG,cAAc;YACbiB,cAAc,EAAEN,YAAa;YAC7BO,mBAAmB,EAAC,eAAe;YACnCC,WAAW,EAAEb,IAAI,CAACc,WAAW,CAAC,CAAE;YAChCC,OAAO,EAAC;UAAO,CAChB;QAAC,CACE,CAAC;MAEX;IACF,CAAC;EACH,CAAC,CAAC,MAAM;IACN;IACA,OAAO;MAAEnB,OAAO,EAAGoB,MAA2B,IAAK;IAAK,CAAC;EAC3D;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDpB,KAAK;EACLC,QAAQ;EACRoB,KAAK,GAAG,QAAQ;EAChBnB,QAAQ,GAAG,KAAK;EAChBoB,cAAc,GAAG,CAAC;EAClBC;AACF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGrC,WAAW,CACjCsC,IAAe,IAAK;IACnBxB,QAAQ,CAACwB,IAAI,CAAC;EAChB,CAAC,EACD,CAACxB,QAAQ,CACX,CAAC;;EAED;EACA,IAAIoB,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,KAAK,EAAE;IACzC,oBACE3B,IAAA,CAACL,IAAI;MAACqC,KAAK,EAAEnC,MAAM,CAACoC,SAAU;MAAAd,QAAA,eAC5BnB,IAAA,CAACR,QAAQ;QAAC0C,QAAQ,eAAElC,IAAA,CAACN,iBAAiB,IAAE,CAAE;QAAAyB,QAAA,eACxCnB,IAAA,CAACC,cAAc;UACbK,KAAK,EAAEA,KAAM;UACbC,QAAQ,EAAEuB,gBAAiB;UAC3BtB,QAAQ,EAAEA;QAAS,CACpB;MAAC,CACM;IAAC,CACP,CAAC;EAEX;;EAEA;EACA,oBACER,IAAA,CAACJ,qBAAqB;IAACU,KAAK,EAAE;MAAE6B,UAAU,EAAEN;IAAe,CAAE;IAAAV,QAAA,eAC3DnB,IAAA,CAACF,eAAe;MACdQ,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBoB,cAAc,EAAEA;IAAe,CAChC;EAAC,CACmB,CAAC;AAE5B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Suspense","useCallback","ActivityIndicator","View","ThemeOverrideProvider","styles","TimeWheelPicker","jsx","_jsx","ExpoTimePicker","lazy","DateTimePicker","Host","default","value","onChange","is24Hour","date","Date","setHours","hours","minutes","handleChange","newDate","getHours","getMinutes","matchContents","children","onDateSelected","displayedComponents","initialDate","toISOString","variant","_props","TimePicker","theme","minuteInterval","themeOverrides","handleTimeChange","time","containerBg","containerBackground","backgroundColor","style","container","undefined","fallback","timePicker"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimePicker.ios.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TimePicker/TimePicker.styles.js

@@ -12,7 +12,7 @@ const CONTAINER_HEIGHT = ITEM_HEIGHT * VISIBLE_ITEMS;
 export const styles = StyleSheet.create({
   // Container styles
   container: {
-    backgroundColor: '#2C2C2E',
+    backgroundColor: 'transparent',
     borderRadius: 16,
     padding: 16
   },
@@ -20,7 +20,7 @@ export const styles = StyleSheet.create({
   wheelContainer: {
     flexDirection: 'row',
     height: CONTAINER_HEIGHT,
-    backgroundColor: '#2C2C2E',
+    backgroundColor: 'transparent',
     borderRadius: 16,
     overflow: 'hidden',
     alignItems: 'center',
@@ -68,7 +68,7 @@ export const styles = StyleSheet.create({
   },
   // ============ Material Time Picker Styles ============
   materialContainer: {
-    backgroundColor: '#2C2C2E',
+    backgroundColor: 'transparent',
     borderRadius: 28,
     padding: 24,
     width: 320

package/lib/module/components/TimePicker/TimePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","ITEM_HEIGHT","VISIBLE_ITEMS","CONTAINER_HEIGHT","styles","create","container","backgroundColor","borderRadius","padding","wheelContainer","flexDirection","height","overflow","alignItems","paddingHorizontal","wheelColumn","flex","position","wheelSelectionIndicator","top","left","right","zIndex","wheelItemsContainer","wheelItem","justifyContent","wheelItemText","fontSize","color","fontWeight","opacity","wheelItemTextSelected","wheelSeparator","materialContainer","width","materialHeader","letterSpacing","marginBottom","textTransform","timeInputContainer","gap","timeFieldsContainer","timeField","paddingVertical","minWidth","timeFieldActive","timeFieldText","fontVariant","timeFieldTextActive","timeSeparator","marginHorizontal","periodToggleContainer","borderWidth","borderColor","periodButton","periodButtonActive","periodButtonTop","borderBottomWidth","borderBottomColor","periodButtonText","periodButtonTextActive","clockContainer","actionsContainer","actionButton","actionButtonText","WHEEL_ITEM_HEIGHT","WHEEL_VISIBLE_ITEMS","WHEEL_CONTAINER_HEIGHT"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimePicker.styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","ITEM_HEIGHT","VISIBLE_ITEMS","CONTAINER_HEIGHT","styles","create","container","backgroundColor","borderRadius","padding","wheelContainer","flexDirection","height","overflow","alignItems","paddingHorizontal","wheelColumn","flex","position","wheelSelectionIndicator","top","left","right","zIndex","wheelItemsContainer","wheelItem","justifyContent","wheelItemText","fontSize","color","fontWeight","opacity","wheelItemTextSelected","wheelSeparator","materialContainer","width","materialHeader","letterSpacing","marginBottom","textTransform","timeInputContainer","gap","timeFieldsContainer","timeField","paddingVertical","minWidth","timeFieldActive","timeFieldText","fontVariant","timeFieldTextActive","timeSeparator","marginHorizontal","periodToggleContainer","borderWidth","borderColor","periodButton","periodButtonActive","periodButtonTop","borderBottomWidth","borderBottomColor","periodButtonText","periodButtonTextActive","clockContainer","actionsContainer","actionButton","actionButtonText","WHEEL_ITEM_HEIGHT","WHEEL_VISIBLE_ITEMS","WHEEL_CONTAINER_HEIGHT"],"sourceRoot":"../../../../src","sources":["components/TimePicker/TimePicker.styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/DatePicker/DatePicker.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.ios.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAgCxD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgEpD,CAAC"}
+{"version":3,"file":"DatePicker.ios.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAgCxD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuEpD,CAAC"}

package/lib/typescript/components/TimePicker/TimePicker.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.ios.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAa,MAAM,wBAAwB,CAAC;AA+CzE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyChD,CAAC"}
+{"version":3,"file":"TimePicker.ios.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAa,MAAM,wBAAwB,CAAC;AA+CzE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgDhD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamstack-us/kaal",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "High-performance React Native DatePicker and TimePicker",
   "type": "module",
   "main": "./lib/module/index.js",

package/src/components/DatePicker/DatePicker.ios.tsx

@@ -72,7 +72,14 @@ export const DatePicker: React.FC<KaalDatePickerProps> = (props) => {
   // Native picker only available for single selection
   if (theme === 'native') {
     return (
-      <View style={styles.container}>
+      <View
+        style={[
+          styles.container,
+          themeOverrides?.backgroundColor
+            ? { backgroundColor: themeOverrides.backgroundColor }
+            : undefined,
+        ]}
+      >
         <Suspense fallback={<ActivityIndicator />}>
           <ExpoDatePicker
             value={props.value}

package/src/components/DatePicker/DatePicker.styles.ts

@@ -6,7 +6,7 @@ import { Platform, StyleSheet } from 'react-native';
  */
 export const styles = StyleSheet.create({
   container: {
-    backgroundColor: '#1E1E1E',
+    backgroundColor: 'transparent',
     borderRadius: 16,
     overflow: 'hidden',
     padding: 16,
@@ -25,7 +25,7 @@ export const styles = StyleSheet.create({
       backgroundColor: 'rgba(255, 255, 255, 0.7)',
     },
     default: {
-      backgroundColor: '#2C2C2E',
+      backgroundColor: 'transparent',
     },
   }),
 });

package/src/components/TimePicker/TimePicker.ios.tsx

@@ -65,8 +65,15 @@ export const TimePicker: React.FC<TimePickerProps> = ({
 
   // Use native iOS picker for 'native' or 'ios' theme
   if (theme === 'native' || theme === 'ios') {
+    const containerBg =
+      themeOverrides?.containerBackground ?? themeOverrides?.backgroundColor;
     return (
-      <View style={styles.container}>
+      <View
+        style={[
+          styles.container,
+          containerBg ? { backgroundColor: containerBg } : undefined,
+        ]}
+      >
         <Suspense fallback={<ActivityIndicator />}>
           <ExpoTimePicker
             value={value}

package/src/components/TimePicker/TimePicker.styles.ts

@@ -11,7 +11,7 @@ const CONTAINER_HEIGHT = ITEM_HEIGHT * VISIBLE_ITEMS;
 export const styles = StyleSheet.create({
   // Container styles
   container: {
-    backgroundColor: '#2C2C2E',
+    backgroundColor: 'transparent',
     borderRadius: 16,
     padding: 16,
   },
@@ -20,7 +20,7 @@ export const styles = StyleSheet.create({
   wheelContainer: {
     flexDirection: 'row',
     height: CONTAINER_HEIGHT,
-    backgroundColor: '#2C2C2E',
+    backgroundColor: 'transparent',
     borderRadius: 16,
     overflow: 'hidden',
     alignItems: 'center',
@@ -76,7 +76,7 @@ export const styles = StyleSheet.create({
 
   // ============ Material Time Picker Styles ============
   materialContainer: {
-    backgroundColor: '#2C2C2E',
+    backgroundColor: 'transparent',
     borderRadius: 28,
     padding: 24,
     width: 320,