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

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

@@ -0,0 +1,42 @@
+"use strict";
+
+import { useBase } from "../_base.js";
+import Icon from '@carbon/icons/es/information--filled/20';
+export function useInformational({
+  color,
+  transparentBorderColor
+}) {
+  const data = useBase({
+    color,
+    transparentBorderColor,
+    titleColor: {
+      low_contrast: 'text_primary',
+      high_contrast: 'text_inverse'
+    },
+    backgroundColor: {
+      low_contrast: 'notification_info_background',
+      high_contrast: 'background_inverse'
+    },
+    borderColor: {
+      low_contrast: 'notification_info_border',
+      high_contrast: 'background_inverse'
+    },
+    leftBarColor: {
+      low_contrast: 'support_info',
+      high_contrast: 'support_info_inverse'
+    },
+    iconColor: {
+      low_contrast: 'support_info',
+      high_contrast: 'support_info_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/informational/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBase","Icon","useInformational","color","transparentBorderColor","data","titleColor","low_contrast","high_contrast","backgroundColor","borderColor","leftBarColor","iconColor","iconCloseColor","icon"],"sourceRoot":"../../../../../../src","sources":["components/notification/_status-hooks/informational/index.tsx"],"mappings":";;AAIA,SACCA,OAAO,QAGD,aAAU;AAEjB,OAAOC,IAAI,MAAM,yCAAyC;AAW1D,OAAO,SAASC,gBAAgBA,CAAC;EAChCC,KAAK;EACLC;AACsB,CAAC,EAAwB;EAE/C,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,8BAA8B;MAC5CC,aAAa,EAAE;IAChB,CAAC;IACDE,WAAW,EAAE;MACZH,YAAY,EAAE,0BAA0B;MACxCC,aAAa,EAAE;IAChB,CAAC;IACDG,YAAY,EAAE;MACbJ,YAAY,EAAE,cAAc;MAC5BC,aAAa,EAAE;IAChB,CAAC;IACDI,SAAS,EAAE;MACVL,YAAY,EAAE,cAAc;MAC5BC,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/success/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { useBase } from "../_base.js";
+import Icon from '@carbon/icons/es/checkmark--filled/20';
+export function useSuccess({
+  color,
+  transparentBorderColor
+}) {
+  const data = useBase({
+    color,
+    transparentBorderColor,
+    titleColor: {
+      low_contrast: 'text_primary',
+      high_contrast: 'text_inverse'
+    },
+    backgroundColor: {
+      low_contrast: 'notification_success_background',
+      high_contrast: 'background_inverse'
+    },
+    borderColor: {
+      low_contrast: 'notification_success_border',
+      high_contrast: 'background_inverse'
+    },
+    leftBarColor: {
+      low_contrast: 'support_success',
+      high_contrast: 'support_success_inverse'
+    },
+    iconColor: {
+      low_contrast: 'support_success',
+      high_contrast: 'support_success_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/success/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBase","Icon","useSuccess","color","transparentBorderColor","data","titleColor","low_contrast","high_contrast","backgroundColor","borderColor","leftBarColor","iconColor","iconCloseColor","icon"],"sourceRoot":"../../../../../../src","sources":["components/notification/_status-hooks/success/index.tsx"],"mappings":";;AAIA,SACCA,OAAO,QAGD,aAAU;AAEjB,OAAOC,IAAI,MAAM,uCAAuC;AAWxD,OAAO,SAASC,UAAUA,CAAC;EAC1BC,KAAK;EACLC;AACgB,CAAC,EAAkB;EAEnC,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,iCAAiC;MAC/CC,aAAa,EAAE;IAChB,CAAC;IACDE,WAAW,EAAE;MACZH,YAAY,EAAE,6BAA6B;MAC3CC,aAAa,EAAE;IAChB,CAAC;IACDG,YAAY,EAAE;MACbJ,YAAY,EAAE,iBAAiB;MAC/BC,aAAa,EAAE;IAChB,CAAC;IACDI,SAAS,EAAE;MACVL,YAAY,EAAE,iBAAiB;MAC/BC,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/warning/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { useBase } from "../_base.js";
+import Icon from '@carbon/icons/es/warning--filled/20';
+export function useWarning({
+  color,
+  transparentBorderColor
+}) {
+  const data = useBase({
+    color,
+    transparentBorderColor,
+    titleColor: {
+      low_contrast: 'text_primary',
+      high_contrast: 'text_inverse'
+    },
+    backgroundColor: {
+      low_contrast: 'notification_warning_background',
+      high_contrast: 'background_inverse'
+    },
+    borderColor: {
+      low_contrast: 'notification_warning_border',
+      high_contrast: 'background_inverse'
+    },
+    leftBarColor: {
+      low_contrast: 'support_warning',
+      high_contrast: 'support_warning_inverse'
+    },
+    iconColor: {
+      low_contrast: 'support_warning',
+      high_contrast: 'support_warning_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/warning/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBase","Icon","useWarning","color","transparentBorderColor","data","titleColor","low_contrast","high_contrast","backgroundColor","borderColor","leftBarColor","iconColor","iconCloseColor","icon"],"sourceRoot":"../../../../../../src","sources":["components/notification/_status-hooks/warning/index.tsx"],"mappings":";;AAIA,SACCA,OAAO,QAGD,aAAU;AAEjB,OAAOC,IAAI,MAAM,qCAAqC;AAWtD,OAAO,SAASC,UAAUA,CAAC;EAC1BC,KAAK;EACLC;AACgB,CAAC,EAAkB;EAEnC,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,iCAAiC;MAC/CC,aAAa,EAAE;IAChB,CAAC;IACDE,WAAW,EAAE;MACZH,YAAY,EAAE,6BAA6B;MAC3CC,aAAa,EAAE;IAChB,CAAC;IACDG,YAAY,EAAE;MACbJ,YAAY,EAAE,iBAAiB;MAC/BC,aAAa,EAAE;IAChB,CAAC;IACDI,SAAS,EAAE;MACVL,YAAY,EAAE,iBAAiB;MAC/BC,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/_variant-context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { createContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const VariantContext = /*#__PURE__*/createContext({
+  color: 'high_contrast'
+});
+export function VariantContextProvider({
+  color,
+  children
+}) {
+  return /*#__PURE__*/_jsx(VariantContext.Provider, {
+    value: {
+      color
+    },
+    children: children
+  });
+}
+//# sourceMappingURL=_variant-context.js.map

package/lib/module/components/notification/_variant-context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","jsx","_jsx","VariantContext","color","VariantContextProvider","children","Provider","value"],"sourceRoot":"../../../../src","sources":["components/notification/_variant-context.tsx"],"mappings":";;AAAA,SACCA,aAAa,QACP,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUd,OAAO,MAAMC,cAAc,gBAAGH,aAAa,CAAiB;EAC3DI,KAAK,EAAE;AACR,CAAC,CAAC;AAEF,OAAO,SAASC,sBAAsBA,CAAC;EACtCD,KAAK;EACLE;AAID,CAAC,EAAE;EAEF,oBACCJ,IAAA,CAACC,cAAc,CAACI,QAAQ;IACvBC,KAAK,EAAE;MACNJ;IACD,CAAE;IAAAE,QAAA,EAEAA;EAAQ,CACc,CAAC;AAG5B","ignoreList":[]}

package/lib/module/components/notification/_variants/_button-ghost.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { SpacingConstant } from "../../../constants/index.js";
+import { ThemeContextProvider } from "../../../contexts/theme/provider.js";
+import { Ghost } from "../../button/ghost/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ButtonGhost({
+  color,
+  size = 'small',
+  style,
+  ...props
+}) {
+  return (
+    /*#__PURE__*/
+    /**
+     * I don't know, is this a bad idea to nest the provider?
+     */
+    _jsx(ThemeContextProvider, {
+      colorScheme: mapColorScheme[color],
+      children: /*#__PURE__*/_jsx(Ghost, {
+        ...props,
+        size: size,
+        style: [baseStyle.buttonGhost, style]
+      })
+    })
+  );
+}
+const baseStyle = StyleSheet.create({
+    buttonGhost: {
+      marginTop: SpacingConstant.spacing_03,
+      paddingRight: SpacingConstant.spacing_05
+    }
+  }),
+  mapColorScheme = {
+    low_contrast: 'gray_10',
+    high_contrast: 'gray_100'
+  };
+//# sourceMappingURL=_button-ghost.js.map

package/lib/module/components/notification/_variants/_button-ghost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","SpacingConstant","ThemeContextProvider","Ghost","jsx","_jsx","ButtonGhost","color","size","style","props","colorScheme","mapColorScheme","children","baseStyle","buttonGhost","create","marginTop","spacing_03","paddingRight","spacing_05","low_contrast","high_contrast"],"sourceRoot":"../../../../../src","sources":["components/notification/_variants/_button-ghost.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,cAAc;AAErB,SACCC,eAAe,QACT,6BAAoB;AAE3B,SACCC,oBAAoB,QAEd,qCAAkC;AAEzC,SACCC,KAAK,QAEC,6BAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAU3B,OAAO,SAASC,WAAWA,CAAC;EAC3BC,KAAK;EACLC,IAAI,GAAG,OAAO;EACdC,KAAK;EACL,GAAGC;AACc,CAAC,EAAE;EAEpB;IAAA;IACC;AACF;AACA;IACEL,IAAA,CAACH,oBAAoB;MAACS,WAAW,EAAGC,cAAc,CAACL,KAAK,CAAG;MAAAM,QAAA,eAC1DR,IAAA,CAACF,KAAK;QAAA,GACAO,KAAK;QACVF,IAAI,EAAGA,IAAM;QACbC,KAAK,EAAG,CACPK,SAAS,CAACC,WAAW,EACrBN,KAAK;MACH,CACH;IAAC,CACmB;EAAC;AAGzB;AAEA,MACCK,SAAS,GACRd,UAAU,CAACgB,MAAM,CAAC;IACjBD,WAAW,EAAE;MACZE,SAAS,EAAEhB,eAAe,CAACiB,UAAU;MACrCC,YAAY,EAAElB,eAAe,CAACmB;IAC/B;EACD,CAAC,CAAC;EAEHR,cAAmF,GAClF;IACCS,YAAY,EAAE,SAAS;IACvBC,aAAa,EAAE;EAChB,CAAC","ignoreList":[]}

package/lib/module/components/notification/_variants/_button-tertiary.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { SpacingConstant } from "../../../constants/index.js";
+import { ThemeContextProvider } from "../../../contexts/theme/provider.js";
+import { Tertiary } from "../../button/tertiary/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ButtonTertiary({
+  color,
+  size = 'small',
+  style,
+  ...props
+}) {
+  return (
+    /*#__PURE__*/
+    /**
+     * I don't know, is this a bad idea to nest the provider?
+     */
+    _jsx(ThemeContextProvider, {
+      colorScheme: mapColorScheme[color],
+      children: /*#__PURE__*/_jsx(Tertiary, {
+        ...props,
+        size: size,
+        style: [baseStyle.buttonTertiary, style]
+      })
+    })
+  );
+}
+const baseStyle = StyleSheet.create({
+    buttonTertiary: {
+      marginTop: SpacingConstant.spacing_06,
+      paddingRight: SpacingConstant.spacing_05
+    }
+  }),
+  mapColorScheme = {
+    low_contrast: 'gray_10',
+    high_contrast: 'gray_100'
+  };
+//# sourceMappingURL=_button-tertiary.js.map

package/lib/module/components/notification/_variants/_button-tertiary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","SpacingConstant","ThemeContextProvider","Tertiary","jsx","_jsx","ButtonTertiary","color","size","style","props","colorScheme","mapColorScheme","children","baseStyle","buttonTertiary","create","marginTop","spacing_06","paddingRight","spacing_05","low_contrast","high_contrast"],"sourceRoot":"../../../../../src","sources":["components/notification/_variants/_button-tertiary.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,cAAc;AAErB,SACCC,eAAe,QACT,6BAAoB;AAE3B,SACCC,oBAAoB,QAEd,qCAAkC;AAEzC,SACCC,QAAQ,QAEF,gCAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAU9B,OAAO,SAASC,cAAcA,CAAC;EAC9BC,KAAK;EACLC,IAAI,GAAG,OAAO;EACdC,KAAK;EACL,GAAGC;AACiB,CAAC,EAAE;EAEvB;IAAA;IACC;AACF;AACA;IACEL,IAAA,CAACH,oBAAoB;MAACS,WAAW,EAAGC,cAAc,CAACL,KAAK,CAAG;MAAAM,QAAA,eAC1DR,IAAA,CAACF,QAAQ;QAAA,GACHO,KAAK;QACVF,IAAI,EAAGA,IAAM;QACbC,KAAK,EAAG,CACPK,SAAS,CAACC,cAAc,EACxBN,KAAK;MACH,CACH;IAAC,CACmB;EAAC;AAGzB;AAEA,MACCK,SAAS,GACRd,UAAU,CAACgB,MAAM,CAAC;IACjBD,cAAc,EAAE;MACfE,SAAS,EAAEhB,eAAe,CAACiB,UAAU;MACrCC,YAAY,EAAElB,eAAe,CAACmB;IAC/B;EACD,CAAC,CAAC;EAEHR,cAAmF,GAClF;IACCS,YAAY,EAAE,SAAS;IACvBC,aAAa,EAAE;EAChB,CAAC","ignoreList":[]}

package/lib/module/components/notification/_variants/actionable/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Base } from "../../base/index.js";
+import { Subtitle } from "../../subtitle/index.js";
+import { VariantContextProvider } from "../../_variant-context.js";
+import { ButtonTertiary } from "../_button-tertiary.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ActionableVariant = /*#__PURE__*/forwardRef(function ActionableVariant({
+  color = 'high_contrast',
+  icon,
+  subtitle,
+  subtitleStyle,
+  buttonProps,
+  ...props
+}, ref) {
+  return /*#__PURE__*/_jsx(VariantContextProvider, {
+    color: color,
+    children: /*#__PURE__*/_jsx(Base, {
+      ...props,
+      inline: false,
+      icon: icon,
+      iconClose: true,
+      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+        style: subtitleStyle,
+        children: subtitle
+      }) : subtitle,
+      nodes: {
+        beforeContentContainerEnd: buttonProps ? /*#__PURE__*/_jsx(ButtonTertiary, {
+          ...buttonProps,
+          color: color
+        }) : undefined
+      },
+      ref: ref
+    })
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/notification/_variants/actionable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Base","Subtitle","VariantContextProvider","ButtonTertiary","jsx","_jsx","ActionableVariant","color","icon","subtitle","subtitleStyle","buttonProps","props","ref","children","inline","iconClose","body","style","nodes","beforeContentContainerEnd","undefined"],"sourceRoot":"../../../../../../src","sources":["components/notification/_variants/actionable/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,IAAI,QAGE,qBAAY;AAEnB,SACCC,QAAQ,QAEF,yBAAgB;AAMvB,SACCC,sBAAsB,QAChB,2BAAwB;AAE/B,SACCC,cAAc,QAER,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoC5B,OAAO,MAAMC,iBAAiB,gBAAGP,UAAU,CAC1C,SAASO,iBAAiBA,CACzB;EACCC,KAAK,GAAG,eAAe;EACvBC,IAAI;EACJC,QAAQ;EACRC,aAAa;EACbC,WAAW;EACX,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,oBACCR,IAAA,CAACH,sBAAsB;IAACK,KAAK,EAAGA,KAAO;IAAAO,QAAA,eACtCT,IAAA,CAACL,IAAI;MAAA,GACCY,KAAK;MACVG,MAAM,EAAG,KAAO;MAChBP,IAAI,EAAGA,IAAM;MACbQ,SAAS;MACTC,IAAI,EACHR,QAAQ,KAAK,OAAOA,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,CAAC,gBACzEJ,IAAA,CAACJ,QAAQ;QAACiB,KAAK,EAAGR,aAAe;QAAAI,QAAA,EAC9BL;MAAQ,CACD,CAAC,GACRA,QACJ;MACDU,KAAK,EAAE;QACNC,yBAAyB,EAAET,WAAW,gBACrCN,IAAA,CAACF,cAAc;UAAA,GACTQ,WAAW;UAChBJ,KAAK,EAAGA;QAAO,CACf,CAAC,GACCc;MACL,CAAE;MACFR,GAAG,EAAGA;IAAK,CACX;EAAC,CACqB,CAAC;AAG3B,CAED,CAAC","ignoreList":[]}

package/lib/module/components/notification/_variants/actionable-inline/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Base } from "../../base/index.js";
+import { Subtitle } from "../../subtitle/index.js";
+import { VariantContextProvider } from "../../_variant-context.js";
+import { ButtonGhost } from "../_button-ghost.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ActionableInlineVariant = /*#__PURE__*/forwardRef(function ActionableInlineVariant({
+  color = 'high_contrast',
+  icon,
+  subtitle,
+  subtitleStyle,
+  buttonProps,
+  ...props
+}, ref) {
+  return /*#__PURE__*/_jsx(VariantContextProvider, {
+    color: color,
+    children: /*#__PURE__*/_jsx(Base, {
+      ...props,
+      inline: true,
+      icon: icon,
+      iconClose: true,
+      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+        style: subtitleStyle,
+        children: subtitle
+      }) : subtitle,
+      nodes: {
+        beforeButtonClose: buttonProps ? /*#__PURE__*/_jsx(ButtonGhost, {
+          ...buttonProps,
+          color: color
+        }) : undefined
+      },
+      ref: ref
+    })
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/notification/_variants/actionable-inline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Base","Subtitle","VariantContextProvider","ButtonGhost","jsx","_jsx","ActionableInlineVariant","color","icon","subtitle","subtitleStyle","buttonProps","props","ref","children","inline","iconClose","body","style","nodes","beforeButtonClose","undefined"],"sourceRoot":"../../../../../../src","sources":["components/notification/_variants/actionable-inline/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,IAAI,QAGE,qBAAY;AAEnB,SACCC,QAAQ,QAEF,yBAAgB;AAMvB,SACCC,sBAAsB,QAChB,2BAAwB;AAE/B,SACCC,WAAW,QAEL,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoCzB,OAAO,MAAMC,uBAAuB,gBAAGP,UAAU,CAChD,SAASO,uBAAuBA,CAC/B;EACCC,KAAK,GAAG,eAAe;EACvBC,IAAI;EACJC,QAAQ;EACRC,aAAa;EACbC,WAAW;EACX,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,oBACCR,IAAA,CAACH,sBAAsB;IAACK,KAAK,EAAGA,KAAO;IAAAO,QAAA,eACtCT,IAAA,CAACL,IAAI;MAAA,GACCY,KAAK;MACVG,MAAM;MACNP,IAAI,EAAGA,IAAM;MACbQ,SAAS;MACTC,IAAI,EACHR,QAAQ,KAAK,OAAOA,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,CAAC,gBACzEJ,IAAA,CAACJ,QAAQ;QAACiB,KAAK,EAAGR,aAAe;QAAAI,QAAA,EAC9BL;MAAQ,CACD,CAAC,GACRA,QACJ;MACDU,KAAK,EAAE;QACNC,iBAAiB,EAAET,WAAW,gBAC7BN,IAAA,CAACF,WAAW;UAAA,GACNQ,WAAW;UAChBJ,KAAK,EAAGA;QAAO,CACf,CAAC,GACCc;MACL,CAAE;MACFR,GAAG,EAAGA;IAAK,CACX;EAAC,CACqB,CAAC;AAG3B,CAED,CAAC","ignoreList":[]}

package/lib/module/components/notification/_variants/callout/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Base } from "../../base/index.js";
+import { Subtitle } from "../../subtitle/index.js";
+import { VariantContextProvider } from "../../_variant-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CalloutVariant = /*#__PURE__*/forwardRef(function CalloutVariant({
+  color = 'high_contrast',
+  icon,
+  subtitle,
+  subtitleStyle,
+  ...props
+}, ref) {
+  return /*#__PURE__*/_jsx(VariantContextProvider, {
+    color: color,
+    children: /*#__PURE__*/_jsx(Base, {
+      ...props,
+      inline: false,
+      icon: icon,
+      iconClose: false,
+      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+        style: subtitleStyle,
+        children: subtitle
+      }) : subtitle,
+      nodes: undefined,
+      ref: ref
+    })
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/notification/_variants/callout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Base","Subtitle","VariantContextProvider","jsx","_jsx","CalloutVariant","color","icon","subtitle","subtitleStyle","props","ref","children","inline","iconClose","body","style","nodes","undefined"],"sourceRoot":"../../../../../../src","sources":["components/notification/_variants/callout/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,IAAI,QAGE,qBAAY;AAEnB,SACCC,QAAQ,QAEF,yBAAgB;AAMvB,SACCC,sBAAsB,QAChB,2BAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoB/B,OAAO,MAAMC,cAAc,gBAAGN,UAAU,CACvC,SAASM,cAAcA,CACtB;EACCC,KAAK,GAAG,eAAe;EACvBC,IAAI;EACJC,QAAQ;EACRC,aAAa;EACb,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,oBACCP,IAAA,CAACF,sBAAsB;IAACI,KAAK,EAAGA,KAAO;IAAAM,QAAA,eACtCR,IAAA,CAACJ,IAAI;MAAA,GACCU,KAAK;MACVG,MAAM,EAAG,KAAO;MAChBN,IAAI,EAAGA,IAAM;MACbO,SAAS,EAAG,KAAO;MACnBC,IAAI,EACHP,QAAQ,KAAK,OAAOA,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,CAAC,gBACzEJ,IAAA,CAACH,QAAQ;QAACe,KAAK,EAAGP,aAAe;QAAAG,QAAA,EAC9BJ;MAAQ,CACD,CAAC,GACRA,QACJ;MACDS,KAAK,EAAGC,SAAW;MACnBP,GAAG,EAAGA;IAAK,CACX;EAAC,CACqB,CAAC;AAG3B,CAED,CAAC","ignoreList":[]}

package/lib/module/components/notification/_variants/callout-inline/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Base } from "../../base/index.js";
+import { Subtitle } from "../../subtitle/index.js";
+import { VariantContextProvider } from "../../_variant-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CalloutInlineVariant = /*#__PURE__*/forwardRef(function CalloutInlineVariant({
+  color = 'high_contrast',
+  icon,
+  subtitle,
+  subtitleStyle,
+  ...props
+}, ref) {
+  return /*#__PURE__*/_jsx(VariantContextProvider, {
+    color: color,
+    children: /*#__PURE__*/_jsx(Base, {
+      ...props,
+      inline: true,
+      icon: icon,
+      iconClose: false,
+      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+        style: subtitleStyle,
+        children: subtitle
+      }) : subtitle,
+      nodes: undefined,
+      ref: ref
+    })
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/notification/_variants/callout-inline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Base","Subtitle","VariantContextProvider","jsx","_jsx","CalloutInlineVariant","color","icon","subtitle","subtitleStyle","props","ref","children","inline","iconClose","body","style","nodes","undefined"],"sourceRoot":"../../../../../../src","sources":["components/notification/_variants/callout-inline/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,IAAI,QAGE,qBAAY;AAEnB,SACCC,QAAQ,QAEF,yBAAgB;AAMvB,SACCC,sBAAsB,QAChB,2BAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoB/B,OAAO,MAAMC,oBAAoB,gBAAGN,UAAU,CAC7C,SAASM,oBAAoBA,CAC5B;EACCC,KAAK,GAAG,eAAe;EACvBC,IAAI;EACJC,QAAQ;EACRC,aAAa;EACb,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,oBACCP,IAAA,CAACF,sBAAsB;IAACI,KAAK,EAAGA,KAAO;IAAAM,QAAA,eACtCR,IAAA,CAACJ,IAAI;MAAA,GACCU,KAAK;MACVG,MAAM;MACNN,IAAI,EAAGA,IAAM;MACbO,SAAS,EAAG,KAAO;MACnBC,IAAI,EACHP,QAAQ,KAAK,OAAOA,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,CAAC,gBACzEJ,IAAA,CAACH,QAAQ;QAACe,KAAK,EAAGP,aAAe;QAAAG,QAAA,EAC9BJ;MAAQ,CACD,CAAC,GACRA,QACJ;MACDS,KAAK,EAAGC,SAAW;MACnBP,GAAG,EAAGA;IAAK,CACX;EAAC,CACqB,CAAC;AAG3B,CAED,CAAC","ignoreList":[]}

package/lib/module/components/notification/_variants/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export * from "./actionable/index.js";
+export * from "./actionable-inline/index.js";
+export * from "./callout/index.js";
+export * from "./callout-inline/index.js";
+export * from "./toast/index.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/notification/_variants/index.tsx"],"mappings":";;AAAA,cAAc,uBAAc;AAC5B,cAAc,8BAAqB;AACnC,cAAc,oBAAW;AACzB,cAAc,2BAAkB;AAChC,cAAc,kBAAS","ignoreList":[]}

package/lib/module/components/notification/_variants/toast/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { StyleSheet } from 'react-native';
+import { SpacingConstant } from "../../../../constants/index.js";
+import { Base } from "../../base/index.js";
+import { Subtitle } from "../../subtitle/index.js";
+import { VariantContextProvider } from "../../_variant-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ToastVariant = /*#__PURE__*/forwardRef(function ToastVariant({
+  color = 'high_contrast',
+  icon,
+  timestamp,
+  subtitle,
+  subtitleStyle,
+  ...props
+}, ref) {
+  return /*#__PURE__*/_jsx(VariantContextProvider, {
+    color: color,
+    children: /*#__PURE__*/_jsx(Base, {
+      ...props,
+      inline: false,
+      icon: icon,
+      iconClose: true,
+      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+        style: subtitleStyle,
+        children: subtitle
+      }) : subtitle,
+      nodes: {
+        beforeContentContainerEnd: timestamp ? /*#__PURE__*/_jsx(Subtitle, {
+          style: baseStyle.timestamp,
+          children: timestamp
+        }) : /*#__PURE__*/_jsx(Timestamp, {})
+      },
+      ref: ref
+    })
+  });
+});
+const baseStyle = StyleSheet.create({
+  timestamp: {
+    marginTop: SpacingConstant.spacing_06
+  }
+});
+function Timestamp({
+  style,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Subtitle, {
+    ...props,
+    style: [baseStyle.timestamp, style],
+    children: new Date().toLocaleString('en-US', {
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+      hour12: true
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/notification/_variants/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","StyleSheet","SpacingConstant","Base","Subtitle","VariantContextProvider","jsx","_jsx","ToastVariant","color","icon","timestamp","subtitle","subtitleStyle","props","ref","children","inline","iconClose","body","style","nodes","beforeContentContainerEnd","baseStyle","Timestamp","create","marginTop","spacing_06","Date","toLocaleString","hour","minute","second","hour12"],"sourceRoot":"../../../../../../src","sources":["components/notification/_variants/toast/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,UAAU,QACJ,cAAc;AAErB,SACCC,eAAe,QACT,gCAAuB;AAE9B,SACCC,IAAI,QAGE,qBAAY;AAEnB,SACCC,QAAQ,QAEF,yBAAgB;AAMvB,SACCC,sBAAsB,QAChB,2BAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwB/B,OAAO,MAAMC,YAAY,gBAAGR,UAAU,CACrC,SAASQ,YAAYA,CACpB;EACCC,KAAK,GAAG,eAAe;EACvBC,IAAI;EACJC,SAAS;EACTC,QAAQ;EACRC,aAAa;EACb,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,oBACCR,IAAA,CAACF,sBAAsB;IAACI,KAAK,EAAGA,KAAO;IAAAO,QAAA,eACtCT,IAAA,CAACJ,IAAI;MAAA,GACCW,KAAK;MACVG,MAAM,EAAG,KAAO;MAChBP,IAAI,EAAGA,IAAM;MACbQ,SAAS;MACTC,IAAI,EACHP,QAAQ,KAAK,OAAOA,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,CAAC,gBACzEL,IAAA,CAACH,QAAQ;QAACgB,KAAK,EAAGP,aAAe;QAAAG,QAAA,EAC9BJ;MAAQ,CACD,CAAC,GACRA,QACJ;MACDS,KAAK,EAAE;QACNC,yBAAyB,EAAEX,SAAS,gBACnCJ,IAAA,CAACH,QAAQ;UAACgB,KAAK,EAAGG,SAAS,CAACZ,SAAW;UAAAK,QAAA,EACpCL;QAAS,CACF,CAAC,gBAEXJ,IAAA,CAACiB,SAAS,IAAC;MAEb,CAAE;MACFT,GAAG,EAAGA;IAAK,CACX;EAAC,CACqB,CAAC;AAG3B,CAED,CAAC;AAED,MACCQ,SAAS,GACRtB,UAAU,CAACwB,MAAM,CAAC;EACjBd,SAAS,EAAE;IACVe,SAAS,EAAExB,eAAe,CAACyB;EAC5B;AACD,CAAC,CAAC;AAKJ,SAASH,SAASA,CAAC;EAClBJ,KAAK;EACL,GAAGN;AACY,CAAC,EAAE;EAElB,oBACCP,IAAA,CAACH,QAAQ;IAAA,GACHU,KAAK;IACVM,KAAK,EAAG,CACPG,SAAS,CAACZ,SAAS,EACnBS,KAAK,CACH;IAAAJ,QAAA,EAED,IAAIY,IAAI,CAAC,CAAC,CAACC,cAAc,CAC1B,OAAO,EACP;MACCC,IAAI,EAAE,SAAS;MACfC,MAAM,EAAE,SAAS;MACjBC,MAAM,EAAE,SAAS;MACjBC,MAAM,EAAE;IACT,CACD;EAAC,CACQ,CAAC;AAGb","ignoreList":[]}

package/lib/module/components/notification/actionable/error/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { useError } from "../../_status-hooks/index.js";
+import { ActionableVariant } from "../../_variants/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Error = /*#__PURE__*/forwardRef(function Error({
+  color,
+  iconProps,
+  iconCloseProps,
+  titleStyle: titleStyleProp,
+  leftBarStyle: leftBarStyleProp,
+  style: styleProp,
+  ...props
+}, ref) {
+  const {
+    icon,
+    iconProps: iconPropsData,
+    iconCloseProps: iconClosePropsData,
+    titleStyle,
+    leftBarStyle,
+    style
+  } = useError({
+    color,
+    transparentBorderColor: true
+  });
+  return /*#__PURE__*/_jsx(ActionableVariant, {
+    ...props,
+    color: color,
+    icon: icon,
+    iconProps: {
+      ...iconProps,
+      ...iconPropsData
+    },
+    iconCloseProps: {
+      ...iconCloseProps,
+      ...iconClosePropsData
+    },
+    titleStyle: [titleStyle, titleStyleProp],
+    leftBarStyle: [leftBarStyle, leftBarStyleProp],
+    style: [style, styleProp],
+    ref: ref
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/notification/actionable/error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useError","ActionableVariant","jsx","_jsx","Error","color","iconProps","iconCloseProps","titleStyle","titleStyleProp","leftBarStyle","leftBarStyleProp","style","styleProp","props","ref","icon","iconPropsData","iconClosePropsData","transparentBorderColor"],"sourceRoot":"../../../../../../src","sources":["components/notification/actionable/error/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,QAAQ,QACF,8BAAqB;AAE5B,SACCC,iBAAiB,QAGX,0BAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAgBxB,OAAO,MAAMC,KAAK,gBAAGL,UAAU,CAC9B,SAASK,KAAKA,CACb;EACCC,KAAK;EACLC,SAAS;EACTC,cAAc;EACdC,UAAU,EAAEC,cAAc;EAC1BC,YAAY,EAAEC,gBAAgB;EAC9BC,KAAK,EAAEC,SAAS;EAChB,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,MAAM;IACLC,IAAI;IACJV,SAAS,EAAEW,aAAa;IACxBV,cAAc,EAAEW,kBAAkB;IAClCV,UAAU;IACVE,YAAY;IACZE;EACD,CAAC,GACAZ,QAAQ,CAAC;IACRK,KAAK;IACLc,sBAAsB,EAAE;EACzB,CAAC,CAAC;EAEH,oBACChB,IAAA,CAACF,iBAAiB;IAAA,GACZa,KAAK;IACVT,KAAK,EAAGA,KAAO;IACfW,IAAI,EAAGA,IAAM;IACbV,SAAS,EAAE;MACV,GAAGA,SAAS;MACZ,GAAGW;IACJ,CAAE;IACFV,cAAc,EAAE;MACf,GAAGA,cAAc;MACjB,GAAGW;IACJ,CAAE;IACFV,UAAU,EAAG,CACZA,UAAU,EACVC,cAAc,CACZ;IACHC,YAAY,EAAG,CACdA,YAAY,EACZC,gBAAgB,CACd;IACHC,KAAK,EAAG,CACPA,KAAK,EACLC,SAAS,CACP;IACHE,GAAG,EAAGA;EAAK,CACX,CAAC;AAGJ,CACD,CAAC","ignoreList":[]}

package/lib/module/components/notification/actionable/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/actionable/index.js.map

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

package/lib/module/components/notification/actionable/informational/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { useInformational } from "../../_status-hooks/index.js";
+import { ActionableVariant } from "../../_variants/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Informational = /*#__PURE__*/forwardRef(function Informational({
+  color,
+  iconProps,
+  iconCloseProps,
+  titleStyle: titleStyleProp,
+  leftBarStyle: leftBarStyleProp,
+  style: styleProp,
+  ...props
+}, ref) {
+  const {
+    icon,
+    iconProps: iconPropsData,
+    iconCloseProps: iconClosePropsData,
+    titleStyle,
+    leftBarStyle,
+    style
+  } = useInformational({
+    color,
+    transparentBorderColor: true
+  });
+  return /*#__PURE__*/_jsx(ActionableVariant, {
+    ...props,
+    color: color,
+    icon: icon,
+    iconProps: {
+      ...iconProps,
+      ...iconPropsData
+    },
+    iconCloseProps: {
+      ...iconCloseProps,
+      ...iconClosePropsData
+    },
+    titleStyle: [titleStyle, titleStyleProp],
+    leftBarStyle: [leftBarStyle, leftBarStyleProp],
+    style: [style, styleProp],
+    ref: ref
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/notification/actionable/informational/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useInformational","ActionableVariant","jsx","_jsx","Informational","color","iconProps","iconCloseProps","titleStyle","titleStyleProp","leftBarStyle","leftBarStyleProp","style","styleProp","props","ref","icon","iconPropsData","iconClosePropsData","transparentBorderColor"],"sourceRoot":"../../../../../../src","sources":["components/notification/actionable/informational/index.tsx"],"mappings":";;AAAA,SACCA,UAAU,QACJ,OAAO;AAEd,SACCC,gBAAgB,QACV,8BAAqB;AAE5B,SACCC,iBAAiB,QAGX,0BAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAgBxB,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACtC,SAASK,aAAaA,CACrB;EACCC,KAAK;EACLC,SAAS;EACTC,cAAc;EACdC,UAAU,EAAEC,cAAc;EAC1BC,YAAY,EAAEC,gBAAgB;EAC9BC,KAAK,EAAEC,SAAS;EAChB,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,MAAM;IACLC,IAAI;IACJV,SAAS,EAAEW,aAAa;IACxBV,cAAc,EAAEW,kBAAkB;IAClCV,UAAU;IACVE,YAAY;IACZE;EACD,CAAC,GACAZ,gBAAgB,CAAC;IAChBK,KAAK;IACLc,sBAAsB,EAAE;EACzB,CAAC,CAAC;EAEH,oBACChB,IAAA,CAACF,iBAAiB;IAAA,GACZa,KAAK;IACVT,KAAK,EAAGA,KAAO;IACfW,IAAI,EAAGA,IAAM;IACbV,SAAS,EAAE;MACV,GAAGA,SAAS;MACZ,GAAGW;IACJ,CAAE;IACFV,cAAc,EAAE;MACf,GAAGA,cAAc;MACjB,GAAGW;IACJ,CAAE;IACFV,UAAU,EAAG,CACZA,UAAU,EACVC,cAAc,CACZ;IACHC,YAAY,EAAG,CACdA,YAAY,EACZC,gBAAgB,CACd;IACHC,KAAK,EAAG,CACPA,KAAK,EACLC,SAAS,CACP;IACHE,GAAG,EAAGA;EAAK,CACX,CAAC;AAGJ,CACD,CAAC","ignoreList":[]}