qaema-ui 0.0.39 → 0.0.41

package/dist/_virtual/index.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
-var a = t();
-const m = /* @__PURE__ */ r(a);
+import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/classnames/index.js";
+var a = r();
+const t = /* @__PURE__ */ s(a);
 export {
-  m as default
+  t as default
 };

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/shallowequal/index.js";
-var a = o();
-const t = /* @__PURE__ */ r(a);
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  t as default
+  s as default
 };

package/dist/_virtual/index3.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/classnames/index.js";
-var a = r();
-const t = /* @__PURE__ */ s(a);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
+var a = t();
+const m = /* @__PURE__ */ r(a);
 export {
-  t as default
+  m as default
 };

package/dist/_virtual/index4.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as o } from "../node_modules/shallowequal/index.js";
+var a = o();
+const t = /* @__PURE__ */ r(a);
 export {
-  s as default
+  t as default
 };

package/dist/components/CallOutBox.d.ts

@@ -0,0 +1,14 @@
+export interface CalloutConfig {
+    title: string;
+    description?: string;
+    variant?: CalloutVariant;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export type CalloutVariant = 'information' | 'error' | 'success' | 'warning';
+declare function CallOutBox({ callout }: {
+    callout: CalloutConfig;
+}): import("react/jsx-runtime").JSX.Element;
+export default CallOutBox;

package/dist/components/CallOutBox.js

@@ -0,0 +1,87 @@
+import { j as n } from "../_virtual/jsx-runtime.js";
+import i from "styled-components";
+import s from "./Typography.js";
+const t = i(s)`
+  font-family: ${({ theme: r }) => r.fonts.arabic};
+  font-weight: ${({ theme: r }) => r.typography.weights.semiBold};
+  font-size: 15px;
+  line-height: ${({ theme: r }) => r.typography.lineHeights.s};
+  letter-spacing: 0%;
+  vertical-align: middle;
+  color: ${({ theme: r }) => r.colors.grey.n650};
+  display: inline-block;
+`, e = i.div`
+  margin-top: ${({ theme: r }) => r.spacing.m};
+  padding: ${({ theme: r }) => r.spacing.sm};
+  border-radius: ${({ theme: r }) => r.borderRadius.md};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  ${({ $variant: r, theme: o }) => {
+  switch (r) {
+    case "information":
+      return `
+          background: ${o.colors.primary.purple.n150};
+          border-bottom: 2px solid ${o.colors.primary.purple.n450};
+        `;
+    case "error":
+      return `
+          background: ${o.colors.state.error.n150};
+          border-bottom: 2px solid ${o.colors.state.error.n450};
+        `;
+    case "success":
+      return `
+          background: ${o.colors.state.success.n100};
+          border-bottom: 2px solid ${o.colors.state.success.n450};
+        `;
+    case "warning":
+    default:
+      return `
+          background: ${o.colors.secondary.orange.n150};
+          border-bottom: 2px solid ${o.colors.secondary.orange.n450};
+        `;
+  }
+}}
+`, a = i(s)`
+  font-family: ${({ theme: r }) => r.fonts.arabic};
+  font-weight: ${({ theme: r }) => r.typography.weights.regular};
+  font-size: ${({ theme: r }) => r.typography.sizes.s2};
+  line-height: ${({ theme: r }) => r.typography.lineHeights.xs};
+  letter-spacing: ${({ theme: r }) => r.typography.letterSpacings.normal};
+  vertical-align: middle;
+  color: ${({ theme: r }) => r.colors.grey.n600};
+`, c = i.button`
+  padding: 0.75rem;
+  border-radius: 0.25rem;
+  border: none;
+  cursor: pointer;
+  ${({ $variant: r, theme: o }) => `
+      background: transparent;
+      color: ${r === "information" ? o.colors.primary.purple.n450 : r === "error" ? o.colors.state.error.n450 : r === "success" ? o.colors.state.success.n450 : o.colors.secondary.orange.n450};
+    `}
+
+  font-weight: ${({ theme: r }) => r.typography.weights.semiBold};
+  font-size: ${({ theme: r }) => r.typography.sizes.s2};
+  line-height: ${({ theme: r }) => r.typography.lineHeights.xs};
+  text-align: center;
+  vertical-align: middle;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:hover {
+    opacity: 0.9;
+  }
+`;
+function y({ callout: r }) {
+  return /* @__PURE__ */ n.jsxs(e, { $variant: r.variant ?? "warning", children: [
+    /* @__PURE__ */ n.jsxs("div", { children: [
+      /* @__PURE__ */ n.jsx(t, { variant: "span", weight: "semiBold", children: r.title }),
+      r.description && /* @__PURE__ */ n.jsx(a, { variant: "caption", children: r.description })
+    ] }),
+    r.action && /* @__PURE__ */ n.jsx(c, { $variant: r.variant ?? "warning", onClick: r.action.onClick, children: r.action.label })
+  ] });
+}
+export {
+  y as default
+};

package/dist/components/PhoneInputField.d.ts

@@ -3,6 +3,8 @@ export type PhoneInputFieldProps = {
     placeholder: string;
     optional?: boolean;
     disabled?: boolean;
+    disableCountrySelection?: boolean;
+    defaultCountryCode?: string;
     error?: string;
     value: string;
     onChange: (val: string) => void;
@@ -23,6 +25,7 @@ export type CountryDropdownProps = {
     $selectedCountry: CountryCode;
     $error?: string;
     $disabled?: boolean;
+    disableSelection?: boolean;
     onSelect: (country: CountryCode) => void;
     placeholder?: string;
     onChange: (val: string) => void;