@audira/carbon-react-native 0.0.1-alpha.1

package/lib/module/components/checkbox-input/index.js

@@ -0,0 +1,203 @@
+"use strict";
+
+import { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { StyleSheet as StyleSheetColor } from "../../_style-sheet/index.js";
+import { ThemeContext } from "../../contexts/index.js";
+import { CommonStyle, FlexStyle } from "../../styles/index.js";
+import { Icon } from "../icon/index.js";
+import IconCheckmark from '@carbon/icons/es/checkmark/20';
+import IconSubtract from '@carbon/icons/es/subtract/20';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CheckboxInput = /*#__PURE__*/forwardRef(function CheckboxInput({
+  controlled,
+  value: valueProp,
+  indeterminate: indeterminateProp,
+  interactiveState = 'normal',
+  style,
+  role = 'checkbox',
+  onBlur,
+  onChange,
+  onFocus,
+  onPress,
+  ...props
+}, forwardedRef) {
+  const themeContext = useContext(ThemeContext),
+    viewRef = useRef(null),
+    ref = useRef({
+      isMounted: false,
+      value: !!valueProp
+    }),
+    [isFocused, setIsFocused] = useState(false),
+    [state, setState] = useState({
+      value: !!valueProp,
+      indeterminate: !!indeterminateProp
+    }),
+    value = controlled ? !!valueProp : state.value,
+    indeterminate = controlled ? indeterminateProp : state.indeterminate,
+    blurHandler = useCallback(event => {
+      onBlur?.(event);
+      setIsFocused(false);
+    }, [onBlur]),
+    focusHandler = useCallback(event => {
+      onFocus?.(event);
+      setIsFocused(true);
+    }, [onFocus]),
+    pressHandler = useCallback(event => {
+      onPress?.(event);
+      if (!controlled && interactiveState !== 'read_only') {
+        setState(state_ => {
+          return {
+            value: state_.indeterminate ? true : !state_.value,
+            indeterminate: false
+          };
+        });
+      }
+    }, [controlled, interactiveState, onPress]),
+    iconColor = getIconColor(interactiveState, themeContext.color);
+  useEffect(() => {
+    if (!ref.current.isMounted) {
+      ref.current.isMounted = true;
+    } else {
+      ref.current.value = value;
+      onChange?.(value);
+    }
+  }, [value, onChange]);
+  useImperativeHandle(forwardedRef, () => {
+    return Object.assign(viewRef.current, {
+      get value() {
+        return ref.current.value;
+      },
+      setValue(value_) {
+        if (!controlled) {
+          setState(state_ => {
+            if (typeof value_ === 'function') {
+              ref.current.value = value_(state_.value, state_.indeterminate);
+            } else {
+              ref.current.value = value_;
+            }
+            return {
+              value: ref.current.value,
+              indeterminate: false
+            };
+          });
+        }
+      }
+    });
+  }, [controlled]);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ...props,
+    disabled: interactiveState === 'disabled',
+    role: role,
+    onBlur: blurHandler,
+    onFocus: focusHandler,
+    onPress: pressHandler,
+    style: [FlexStyle.items_center, FlexStyle.justify_center, CommonStyle.relative, baseStyle.checkbox,
+    // getInteractiveStateStyle(interactiveState, value, themeContext.color),
+    getInteractiveStateStyle(interactiveState, value), style],
+    ref: viewRef,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [CommonStyle.absolute, CommonStyle.overflow_hidden, baseStyle.focusBox, isFocused ? {
+        borderColor: themeContext.color.focus
+      } : null]
+    }), value && indeterminate ? /*#__PURE__*/_jsx(IconSubtractComponent, {
+      color: iconColor,
+      stroke: iconColor
+    }) : /*#__PURE__*/_jsx(IconCheckmarkComponent, {
+      color: iconColor,
+      stroke: iconColor,
+      style: !value ? baseStyle.checkmarkHidden : null
+    })]
+  });
+});
+const size = 18,
+  iconSize = size - 4,
+  baseStyle = StyleSheet.create({
+    checkbox: {
+      width: size,
+      height: size,
+      borderWidth: 1
+    },
+    focusBox: {
+      width: size + 6,
+      height: size + 6,
+      borderRadius: 4,
+      borderWidth: 2,
+      borderColor: 'transparent'
+    },
+    checkmarkHidden: {
+      opacity: 0
+    }
+  }),
+  interactiveStyle = StyleSheetColor.create(color => {
+    return {
+      normal_false: {
+        borderColor: color.icon_primary
+      },
+      normal_true: {
+        backgroundColor: color.icon_primary,
+        borderColor: color.icon_primary
+      },
+      disabled_false: {
+        borderColor: color.icon_disabled
+      },
+      disabled_true: {
+        backgroundColor: color.icon_disabled,
+        borderColor: color.icon_disabled
+      },
+      error_false: {
+        borderColor: color.support_error
+      },
+      error_true: {
+        backgroundColor: color.icon_primary,
+        borderColor: color.support_error
+      },
+      read_only_false: {
+        borderColor: color.icon_disabled
+      },
+      read_only_true: {
+        borderColor: color.icon_disabled
+      },
+      warning_false: {
+        borderColor: color.icon_primary
+      },
+      warning_true: {
+        backgroundColor: color.icon_primary,
+        borderColor: color.icon_primary
+      }
+    };
+  });
+function getInteractiveStateStyle(interactiveState, value) {
+  return interactiveStyle[`${interactiveState}_${value}`];
+}
+function getIconColor(interactiveState, color) {
+  if (interactiveState === 'read_only') {
+    return color.icon_primary;
+  }
+  return color.icon_inverse;
+}
+function IconCheckmarkComponent({
+  width = iconSize,
+  height = iconSize,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Icon, {
+    ...props,
+    src: IconCheckmark,
+    width: width,
+    height: height
+  });
+}
+function IconSubtractComponent({
+  width = iconSize,
+  height = iconSize,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Icon, {
+    ...props,
+    src: IconSubtract,
+    width: width,
+    height: height
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/checkbox-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useRef","useState","Pressable","StyleSheet","View","StyleSheetColor","ThemeContext","CommonStyle","FlexStyle","Icon","IconCheckmark","IconSubtract","jsx","_jsx","jsxs","_jsxs","CheckboxInput","controlled","value","valueProp","indeterminate","indeterminateProp","interactiveState","style","role","onBlur","onChange","onFocus","onPress","props","forwardedRef","themeContext","viewRef","ref","isMounted","isFocused","setIsFocused","state","setState","blurHandler","event","focusHandler","pressHandler","state_","iconColor","getIconColor","color","current","Object","assign","setValue","value_","disabled","items_center","justify_center","relative","baseStyle","checkbox","getInteractiveStateStyle","children","absolute","overflow_hidden","focusBox","borderColor","focus","IconSubtractComponent","stroke","IconCheckmarkComponent","checkmarkHidden","size","iconSize","create","width","height","borderWidth","borderRadius","opacity","interactiveStyle","normal_false","icon_primary","normal_true","backgroundColor","disabled_false","icon_disabled","disabled_true","error_false","support_error","error_true","read_only_false","read_only_true","warning_false","warning_true","icon_inverse","src"],"sourceRoot":"../../../../src","sources":["components/checkbox-input/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/collapsible/index.js

@@ -0,0 +1,128 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { View } from 'react-native';
+import Animated, { Easing, interpolate, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { MotionConstant } from "../../constants/index.js";
+import { CommonStyle, FlexStyle } from "../../styles/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Collapsible = /*#__PURE__*/forwardRef(function Collapsible({
+  controlled,
+  open,
+  motion = {
+    toOpen: {
+      duration: MotionConstant.Durations.fast_02,
+      easing: Easing.bezier(MotionConstant.Easings.entrance.productive.x1, MotionConstant.Easings.entrance.productive.y1, MotionConstant.Easings.entrance.productive.x2, MotionConstant.Easings.entrance.productive.y2)
+    },
+    toClose: {
+      duration: MotionConstant.Durations.fast_02,
+      easing: Easing.bezier(MotionConstant.Easings.exit.productive.x1, MotionConstant.Easings.exit.productive.y1, MotionConstant.Easings.exit.productive.x2, MotionConstant.Easings.exit.productive.y2)
+    }
+  },
+  children,
+  style,
+  contentContainerStyle,
+  onToggle,
+  onOpened,
+  onClosed,
+  ...props
+}, forwardedRef) {
+  const viewRef = useRef(null),
+    ref = useRef({
+      positionView: open ? 'relative' : 'absolute',
+      contentHeight: 0,
+      openSelf: !!open
+    }),
+    [openSelf, setOpenSelf] = useState(!!open),
+    /**
+     * Absolute position is required to keep content being rendered as it is when the container is not open (zero height)  
+     *
+     * We need 'relative' position when the collapsible is initially opened due to heightAnimated initial value is zero and only will be calculated after content is rendered  
+     *
+     * This state will be changed once only from 'relative' to 'absolute'  
+     */
+    [positionView, setPositionView] = useState(ref.current.positionView),
+    heightAnimated = useSharedValue(0),
+    /**
+     * Initially, just using the current heightAnimated value, and interpolate it.  
+     * But React Native Reanimated doesn't know the max input even we use the ref.current.contentHeight  
+     * If someone have better idea about this without using React State for the max input of interpolate, it might be better
+     * 0 -> Closed
+     * 1 -> Opened
+     */
+    contentContainerAnimated = useSharedValue(0),
+    /**
+     * When i wrote this, i can't find any information about motion specifically for Accordion to animate the content.  
+     * So, i just tried to make it as similar as possible how the React Carbon Design System animation behaviour that using `transition-behaviour: allow-discrete`
+     */
+    contentContainerAnimatedStyle = useAnimatedStyle(() => {
+      return {
+        opacity: interpolate(contentContainerAnimated.value, contentContainerInterpolationRange, [0, 1]),
+        transform: [{
+          translateY: interpolate(contentContainerAnimated.value, contentContainerInterpolationRange, [-12, 0])
+        }]
+      };
+    }),
+    isOpen = controlled ? !!open : openSelf,
+    setPositionViewToAbsolute = useCallback(() => {
+      if (ref.current.positionView === 'relative') {
+        ref.current.positionView = 'absolute';
+        setPositionView('absolute');
+      }
+    }, []),
+    onLayoutContent = useCallback(({
+      nativeEvent
+    }) => {
+      if (ref.current.contentHeight !== nativeEvent.layout.height) {
+        ref.current.contentHeight = nativeEvent.layout.height;
+        if (isOpen) {
+          heightAnimated.value = withTiming(ref.current.contentHeight, undefined, () => runOnJS(setPositionViewToAbsolute)());
+        }
+      }
+    }, [heightAnimated, isOpen, setPositionViewToAbsolute]);
+  useEffect(() => {
+    if (ref.current.contentHeight) {
+      if (isOpen) {
+        heightAnimated.value = withTiming(ref.current.contentHeight, motion.toOpen, onOpened ? () => runOnJS(onOpened)() : undefined);
+        contentContainerAnimated.value = withTiming(1, motion.toOpen);
+      } else {
+        heightAnimated.value = withTiming(0, motion.toClose, onClosed ? () => runOnJS(onClosed)() : undefined);
+        contentContainerAnimated.value = withTiming(0, motion.toClose);
+      }
+      onToggle?.(isOpen);
+    }
+  }, [isOpen, heightAnimated, contentContainerAnimated, motion, onToggle, onOpened, onClosed]);
+  useImperativeHandle(forwardedRef, () => {
+    return Object.assign(viewRef.current, {
+      setOpen(value) {
+        if (!controlled) {
+          if (typeof value === 'boolean') {
+            ref.current.openSelf = value;
+          } else {
+            ref.current.openSelf = value(ref.current.openSelf);
+          }
+          setOpenSelf(ref.current.openSelf);
+        }
+      }
+    });
+  }, [controlled]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ...props,
+    style: [CommonStyle.overflow_hidden, positionView === 'absolute' ? {
+      height: heightAnimated
+    } : null, style],
+    ref: viewRef,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [CommonStyle.w_full, {
+        position: positionView
+      }],
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [FlexStyle.flex_initial, contentContainerAnimatedStyle, contentContainerStyle],
+        onLayout: onLayoutContent,
+        children: children
+      })
+    })
+  });
+});
+const contentContainerInterpolationRange = [0, 1];
+//# sourceMappingURL=index.js.map

package/lib/module/components/collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","View","Animated","Easing","interpolate","runOnJS","useAnimatedStyle","useSharedValue","withTiming","MotionConstant","CommonStyle","FlexStyle","jsx","_jsx","Collapsible","controlled","open","motion","toOpen","duration","Durations","fast_02","easing","bezier","Easings","entrance","productive","x1","y1","x2","y2","toClose","exit","children","style","contentContainerStyle","onToggle","onOpened","onClosed","props","forwardedRef","viewRef","ref","positionView","contentHeight","openSelf","setOpenSelf","setPositionView","current","heightAnimated","contentContainerAnimated","contentContainerAnimatedStyle","opacity","value","contentContainerInterpolationRange","transform","translateY","isOpen","setPositionViewToAbsolute","onLayoutContent","nativeEvent","layout","height","undefined","Object","assign","setOpen","overflow_hidden","w_full","position","flex_initial","onLayout"],"sourceRoot":"../../../../src","sources":["components/collapsible/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/form-helper-text/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { useContext } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ThemeContext } from "../../contexts/index.js";
+import { FlexStyle } from "../../styles/index.js";
+import { Text } from "../text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FormHelperText({
+  error,
+  text,
+  textLeading,
+  textTrailing,
+  textProps,
+  style,
+  ...props
+}) {
+  const themeContext = useContext(ThemeContext);
+  return /*#__PURE__*/_jsxs(View, {
+    ...props,
+    style: [FlexStyle.flex_row, baseStyle.container, style],
+    children: [textLeading, /*#__PURE__*/_jsx(Text, {
+      ...textProps,
+      type: textProps?.type || 'helper_text_01',
+      style: [{
+        color: error ? themeContext.color.text_error : themeContext.color.text_primary
+      }, textProps?.style],
+      children: text
+    }), textTrailing]
+  });
+}
+const baseStyle = StyleSheet.create({
+  container: {
+    gap: 8
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/form-helper-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","StyleSheet","View","ThemeContext","FlexStyle","Text","jsx","_jsx","jsxs","_jsxs","FormHelperText","error","text","textLeading","textTrailing","textProps","style","props","themeContext","flex_row","baseStyle","container","children","type","color","text_error","text_primary","create","gap"],"sourceRoot":"../../../../src","sources":["components/form-helper-text/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,UAAU,EACVC,IAAI,QAEE,cAAc;AAErB,SACCC,YAAY,QACN,yBAAgB;AAEvB,SACCC,SAAS,QACH,uBAAc;AAErB,SACCC,IAAI,QAEE,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUhB,OAAO,SAASC,cAAcA,CAAC;EAC9BC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,KAAK;EACL,GAAGC;AACiB,CAAC,EAAE;EAEvB,MACCC,YAAY,GACXlB,UAAU,CAACG,YAAY,CAAC;EAE1B,oBACCM,KAAA,CAACP,IAAI;IAAA,GACCe,KAAK;IACVD,KAAK,EAAG,CACPZ,SAAS,CAACe,QAAQ,EAClBC,SAAS,CAACC,SAAS,EACnBL,KAAK,CACH;IAAAM,QAAA,GAEDT,WAAW,eAEbN,IAAA,CAACF,IAAI;MAAA,GACCU,SAAS;MACdQ,IAAI,EAAGR,SAAS,EAAEQ,IAAI,IAAI,gBAAkB;MAC5CP,KAAK,EAAG,CACP;QACCQ,KAAK,EAAEb,KAAK,GACTO,YAAY,CAACM,KAAK,CAACC,UAAU,GAC7BP,YAAY,CAACM,KAAK,CAACE;MACvB,CAAC,EACDX,SAAS,EAAEC,KAAK,CACd;MAAAM,QAAA,EAEDV;IAAI,CACD,CAAC,EAELE,YAAY;EAAA,CACT,CAAC;AAGT;AAEA,MACCM,SAAS,GACRnB,UAAU,CAAC0B,MAAM,CAAC;EACjBN,SAAS,EAAE;IACVO,GAAG,EAAE;EACN;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/form-label/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import { FlexStyle } from "../../styles/index.js";
+import { Text } from "../text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FormLabel({
+  label,
+  labelLeading,
+  labelTrailing,
+  textProps,
+  style,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    ...props,
+    style: [FlexStyle.flex_row, baseStyle.gap, style],
+    children: [labelLeading, /*#__PURE__*/_jsx(Text, {
+      ...textProps,
+      type: textProps?.type || 'label_01',
+      "aria-label": label,
+      children: label
+    }), labelTrailing]
+  });
+}
+const baseStyle = StyleSheet.create({
+  gap: {
+    columnGap: 8
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/form-label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","FlexStyle","Text","jsx","_jsx","jsxs","_jsxs","FormLabel","label","labelLeading","labelTrailing","textProps","style","props","flex_row","baseStyle","gap","children","type","create","columnGap"],"sourceRoot":"../../../../src","sources":["components/form-label/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,EACVC,IAAI,QAEE,cAAc;AAErB,SACCC,SAAS,QACH,uBAAc;AAErB,SACCC,IAAI,QAEE,kBAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYhB,OAAO,SAASC,SAASA,CAAC;EACzBC,KAAK;EACLC,YAAY;EACZC,aAAa;EACbC,SAAS;EACTC,KAAK;EACL,GAAGC;AACY,CAAC,EAAE;EAElB,oBACCP,KAAA,CAACN,IAAI;IAAA,GACCa,KAAK;IACVD,KAAK,EAAG,CACPX,SAAS,CAACa,QAAQ,EAClBC,SAAS,CAACC,GAAG,EACbJ,KAAK,CACH;IAAAK,QAAA,GAEDR,YAAY,eAEdL,IAAA,CAACF,IAAI;MAAA,GACCS,SAAS;MACdO,IAAI,EAAGP,SAAS,EAAEO,IAAI,IAAI,UAAY;MACtC,cAAaV,KAAO;MAAAS,QAAA,EAElBT;IAAK,CACF,CAAC,EAELE,aAAa;EAAA,CACV,CAAC;AAGT;AAEA,MACCK,SAAS,GACRhB,UAAU,CAACoB,MAAM,CAAC;EACjBH,GAAG,EAAE;IACJI,SAAS,EAAE;EACZ;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/icon/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { Component } from 'react';
+import * as IconHelper from '@carbon/icon-helpers';
+import { SvgXml } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Icon component is intentionally written in the form of React Class Component to support `Animated.createAnimatedComponent` API from React Native Reanimated
+ */
+export class Icon extends Component {
+  render() {
+    try {
+      return /*#__PURE__*/_jsx(SvgXml, {
+        ...this.props,
+        xml: IconHelper.toString(this.props.src),
+        width: this.props.width || '100%',
+        height: this.props.height || '100%'
+      });
+    } catch {
+      return /*#__PURE__*/_jsx(SvgXml, {
+        ...this.props,
+        xml: backupIcon,
+        width: this.props.width || '100%',
+        height: this.props.height || '100%'
+      });
+    }
+  }
+}
+
+/**
+ * Copied from  
+ * https://github.com/carbon-design-system/carbon-react-native/blob/main/src/helpers/index.tsx
+ */
+const backupIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.17 13.69"><line x1="0.71" y1="0.97" x2="12.46" y2="12.72" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/><line x1="1.02" y1="13.02" x2="12.15" y2="0.67" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/></svg>';
+//# sourceMappingURL=index.js.map

package/lib/module/components/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Component","IconHelper","SvgXml","jsx","_jsx","Icon","render","props","xml","toString","src","width","height","backupIcon"],"sourceRoot":"../../../../src","sources":["components/icon/index.tsx"],"mappings":";;AAAA,SACCA,SAAS,QACH,OAAO;AAEd,OAAO,KAAKC,UAAU,MAAM,sBAAsB;AAElD,SACCC,MAAM,QAEA,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUzB;AACA;AACA;AACA,OAAO,MAAMC,IAAI,SAASL,SAAS,CAAY;EAE9CM,MAAMA,CAAA,EAAG;IACR,IAAI;MACH,oBACCF,IAAA,CAACF,MAAM;QAAA,GACD,IAAI,CAACK,KAAK;QACfC,GAAG,EAAGP,UAAU,CAACQ,QAAQ,CAAC,IAAI,CAACF,KAAK,CAACG,GAAY,CAAG;QACpDC,KAAK,EAAG,IAAI,CAACJ,KAAK,CAACI,KAAK,IAAI,MAAQ;QACpCC,MAAM,EAAG,IAAI,CAACL,KAAK,CAACK,MAAM,IAAI;MAAQ,CACtC,CAAC;IAEJ,CAAC,CAAC,MAAK;MACN,oBACCR,IAAA,CAACF,MAAM;QAAA,GACD,IAAI,CAACK,KAAK;QACfC,GAAG,EAAGK,UAAY;QAClBF,KAAK,EAAG,IAAI,CAACJ,KAAK,CAACI,KAAK,IAAI,MAAQ;QACpCC,MAAM,EAAG,IAAI,CAACL,KAAK,CAACK,MAAM,IAAI;MAAQ,CACtC,CAAC;IAEJ;EACD;AAED;;AAEA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAG,gVAAgV","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import * as Button from "./button/index.js";
+import * as Notification from "./notification/index.js";
+import * as Toggle from "./toggle/index.js";
+export { Button, Notification, Toggle };
+export * from "./accordion/index.js";
+export * from "./checkbox/index.js";
+export * from "./checkbox-group/index.js";
+export * from "./checkbox-input/index.js";
+export * from "./collapsible/index.js";
+export * from "./form-helper-text/index.js";
+export * from "./form-label/index.js";
+export * from "./icon/index.js";
+export * from "./radio-button/index.js";
+export * from "./radio-button-group/index.js";
+export * from "./radio-button-input/index.js";
+export * from "./switch/index.js";
+export * from "./text/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Notification","Toggle"],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":";;AAAA,OAAO,KAAKA,MAAM,MAAM,mBAAU;AAClC,OAAO,KAAKC,YAAY,MAAM,yBAAgB;AAC9C,OAAO,KAAKC,MAAM,MAAM,mBAAU;AAElC,SACCF,MAAM,EACNC,YAAY,EACZC,MAAM;AAGP,cAAc,sBAAa;AAC3B,cAAc,qBAAY;AAC1B,cAAc,2BAAkB;AAChC,cAAc,2BAAkB;AAChC,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,cAAc,uBAAc;AAC5B,cAAc,iBAAQ;AACtB,cAAc,yBAAgB;AAC9B,cAAc,+BAAsB;AACpC,cAAc,+BAAsB;AACpC,cAAc,mBAAU;AACxB,cAAc,iBAAQ","ignoreList":[]}

package/lib/module/components/notification/_status-hooks/_base.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import { useContext } from 'react';
+import { ThemeContext } from "../../../contexts/index.js";
+export function useBase({
+  color = 'high_contrast',
+  backgroundColor,
+  borderColor,
+  leftBarColor,
+  iconColor,
+  iconCloseColor,
+  titleColor,
+  transparentBorderColor
+}) {
+  const themeContext = useContext(ThemeContext),
+    borderColorStr = themeContext.color[borderColor[color]],
+    backgroundColorStr = themeContext.color[backgroundColor[color]];
+  return {
+    titleStyle: {
+      color: themeContext.color[titleColor[color]]
+    },
+    iconProps: {
+      color: themeContext.color[iconColor[color]]
+    },
+    iconCloseProps: {
+      color: themeContext.color[iconCloseColor[color]]
+    },
+    leftBarStyle: {
+      backgroundColor: themeContext.color[leftBarColor[color]]
+    },
+    style: {
+      backgroundColor: backgroundColorStr,
+      borderTopWidth: 1,
+      borderRightWidth: 1,
+      borderBottomWidth: 1,
+      ...(!transparentBorderColor ? {
+        borderTopColor: borderColorStr,
+        borderRightColor: borderColorStr,
+        borderBottomColor: borderColorStr
+      } : {
+        borderTopColor: backgroundColorStr,
+        borderRightColor: backgroundColorStr,
+        borderBottomColor: backgroundColorStr
+      })
+    }
+  };
+}
+//# sourceMappingURL=_base.js.map

package/lib/module/components/notification/_status-hooks/_base.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","ThemeContext","useBase","color","backgroundColor","borderColor","leftBarColor","iconColor","iconCloseColor","titleColor","transparentBorderColor","themeContext","borderColorStr","backgroundColorStr","titleStyle","iconProps","iconCloseProps","leftBarStyle","style","borderTopWidth","borderRightWidth","borderBottomWidth","borderTopColor","borderRightColor","borderBottomColor"],"sourceRoot":"../../../../../src","sources":["components/notification/_status-hooks/_base.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,YAAY,QACN,4BAAmB;AAuC1B,OAAO,SAASC,OAAOA,CAAC;EACvBC,KAAK,GAAG,eAAe;EACvBC,eAAe;EACfC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,cAAc;EACdC,UAAU;EACVC;AACa,CAAC,EAAe;EAE7B,MACCC,YAAY,GACXX,UAAU,CAACC,YAAY,CAAC;IAEzBW,cAAc,GACbD,YAAY,CAACR,KAAK,CAACE,WAAW,CAACF,KAAK,CAAC,CAAC;IAEvCU,kBAAkB,GACjBF,YAAY,CAACR,KAAK,CAACC,eAAe,CAACD,KAAK,CAAC,CAAC;EAE5C,OAAO;IACNW,UAAU,EAAE;MACXX,KAAK,EAAEQ,YAAY,CAACR,KAAK,CAACM,UAAU,CAACN,KAAK,CAAC;IAC5C,CAAC;IACDY,SAAS,EAAE;MACVZ,KAAK,EAAEQ,YAAY,CAACR,KAAK,CAACI,SAAS,CAACJ,KAAK,CAAC;IAC3C,CAAC;IACDa,cAAc,EAAE;MACfb,KAAK,EAAEQ,YAAY,CAACR,KAAK,CAACK,cAAc,CAACL,KAAK,CAAC;IAChD,CAAC;IACDc,YAAY,EAAE;MACbb,eAAe,EAAEO,YAAY,CAACR,KAAK,CAACG,YAAY,CAACH,KAAK,CAAC;IACxD,CAAC;IACDe,KAAK,EAAE;MACNd,eAAe,EAAES,kBAAkB;MACnCM,cAAc,EAAE,CAAC;MACjBC,gBAAgB,EAAE,CAAC;MACnBC,iBAAiB,EAAE,CAAC;MACpB,IAAI,CAACX,sBAAsB,GAAG;QAC7BY,cAAc,EAAEV,cAAc;QAC9BW,gBAAgB,EAAEX,cAAc;QAChCY,iBAAiB,EAAEZ;MACpB,CAAC,GAAG;QACHU,cAAc,EAAET,kBAAkB;QAClCU,gBAAgB,EAAEV,kBAAkB;QACpCW,iBAAiB,EAAEX;MACpB,CAAC;IACF;EACD,CAAC;AAEF","ignoreList":[]}

package/lib/module/components/notification/_status-hooks/error/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { useBase } from "../_base.js";
+import Icon from '@carbon/icons/es/error--filled/20';
+export function useError({
+  color,
+  transparentBorderColor
+}) {
+  const data = useBase({
+    color,
+    transparentBorderColor,
+    titleColor: {
+      low_contrast: 'text_primary',
+      high_contrast: 'text_inverse'
+    },
+    backgroundColor: {
+      low_contrast: 'notification_error_background',
+      high_contrast: 'background_inverse'
+    },
+    borderColor: {
+      low_contrast: 'notification_error_border',
+      high_contrast: 'background_inverse'
+    },
+    leftBarColor: {
+      low_contrast: 'support_error',
+      high_contrast: 'support_error_inverse'
+    },
+    iconColor: {
+      low_contrast: 'support_error',
+      high_contrast: 'support_error_inverse'
+    },
+    iconCloseColor: {
+      low_contrast: 'icon_primary',
+      high_contrast: 'icon_inverse'
+    }
+  });
+  return {
+    ...data,
+    icon: Icon
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/notification/_status-hooks/error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBase","Icon","useError","color","transparentBorderColor","data","titleColor","low_contrast","high_contrast","backgroundColor","borderColor","leftBarColor","iconColor","iconCloseColor","icon"],"sourceRoot":"../../../../../../src","sources":["components/notification/_status-hooks/error/index.tsx"],"mappings":";;AAIA,SACCA,OAAO,QAGD,aAAU;AAEjB,OAAOC,IAAI,MAAM,mCAAmC;AAWpD,OAAO,SAASC,QAAQA,CAAC;EACxBC,KAAK;EACLC;AACc,CAAC,EAAgB;EAE/B,MAAMC,IAAI,GAAGL,OAAO,CAAC;IACpBG,KAAK;IACLC,sBAAsB;IACtBE,UAAU,EAAE;MACXC,YAAY,EAAE,cAAc;MAC5BC,aAAa,EAAE;IAChB,CAAC;IACDC,eAAe,EAAE;MAChBF,YAAY,EAAE,+BAA+B;MAC7CC,aAAa,EAAE;IAChB,CAAC;IACDE,WAAW,EAAE;MACZH,YAAY,EAAE,2BAA2B;MACzCC,aAAa,EAAE;IAChB,CAAC;IACDG,YAAY,EAAE;MACbJ,YAAY,EAAE,eAAe;MAC7BC,aAAa,EAAE;IAChB,CAAC;IACDI,SAAS,EAAE;MACVL,YAAY,EAAE,eAAe;MAC7BC,aAAa,EAAE;IAChB,CAAC;IACDK,cAAc,EAAE;MACfN,YAAY,EAAE,cAAc;MAC5BC,aAAa,EAAE;IAChB;EACD,CAAC,CAAC;EAEF,OAAO;IACN,GAAGH,IAAI;IACPS,IAAI,EAAEb;EACP,CAAC;AAEF","ignoreList":[]}

package/lib/module/components/notification/_status-hooks/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export * from "./error/index.js";
+export * from "./informational/index.js";
+export * from "./success/index.js";
+export * from "./warning/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/notification/_status-hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/notification/_status-hooks/index.tsx"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,0BAAiB;AAC/B,cAAc,oBAAW;AACzB,cAAc,oBAAW","ignoreList":[]}