@capillarytech/blaze-ui 5.23.3-beta.3 → 5.23.3-beta.4

package/CapAdvancedIcon/styles.module.css

@@ -0,0 +1,124 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.advanced-icon-container {
+  position: relative;
+  cursor: pointer;
+  width: fit-content;
+  margin: auto;
+}
+.advanced-icon-container .action-icon-container,
+.advanced-icon-container .error-icon-container {
+  position: absolute;
+  padding: 0px;
+}
+.advanced-icon-container .action-icon-container .cap-icon-v2,
+.advanced-icon-container .error-icon-container .cap-icon-v2 {
+  vertical-align: unset;
+}
+.advanced-icon-container .action-icon-container {
+  padding: 3px;
+  line-height: 0.8;
+  border: 2px solid #ffffff;
+}
+.advanced-icon-container .error-icon-container {
+  color: #ea213a;
+}
+.advanced-icon-container .top-left-action-icon-container {
+  top: 0;
+  left: 0;
+  transform: translate(-50%, -50%);
+}
+.advanced-icon-container .bottom-left-action-icon-container {
+  bottom: 0;
+  left: 0;
+  transform: translate(-50%, 50%);
+}
+.advanced-icon-container .top-right-action-icon-container {
+  top: 0;
+  left: 100%;
+  transform: translate(-50%, -50%);
+}
+.advanced-icon-container .bottom-right-action-icon-container {
+  bottom: 0;
+  left: 100%;
+  transform: translate(-50%, 50%);
+}
+.advanced-icon-container .top-center-error-icon-container {
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.advanced-icon-container.item-disabled {
+  cursor: not-allowed;
+}
+.icon-wrapper {
+  outline: none;
+  border-radius: 0.857rem;
+}
+.icon-wrapper--with-color {
+  outline: 0.214rem solid var(--outline-color, transparent);
+  border-radius: 1.428rem;
+}
+.label-row {
+  text-align: center;
+  display: block;
+}
+.label-row--position-label {
+  width: 135px;
+  margin-left: -47px;
+}
+.join-link-row {
+  margin-top: -16px;
+  display: flex;
+  width: fit-content;
+  margin-left: -8px;
+}
+.join-link-row .join-link-label {
+  max-width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-left: 6px;
+}
+.migrate-desc {
+  margin-top: -2rem;
+  margin-left: -3.5rem;
+  background-color: #fff4d6;
+  display: flex;
+  width: 10.3rem;
+  padding: 0.5rem;
+}
+.engagement-block-replacement-preview {
+  width: 324px;
+}
+.engagement-block-replacement-menu {
+  padding: 0.857rem 0;
+  margin-top: 0.857rem;
+  cursor: pointer;
+}
+.engagement-block-replacement-menu:hover {
+  background: #faf9f4;
+  width: 324px;
+  margin-left: -0.857rem;
+  padding-left: 1.142rem;
+}
+.replacement-block-menu-icon {
+  margin-right: 0.857rem;
+  position: relative;
+  top: 2px;
+}
+.replacement-block-menu-icon-other-channels {
+  margin-right: 0.857rem;
+}
+.engagement-block-replacement-preview-content {
+  display: block;
+}
+.engagement-block-replacement-preview-heading {
+  margin-top: 0.285rem;
+}

package/CapAdvancedIcon/styles.module.scss.js

@@ -0,0 +1,28 @@
+import './styles.module.css';const styles = {
+  "advanced-icon-container": "advanced-icon-container",
+  "action-icon-container": "action-icon-container",
+  "error-icon-container": "error-icon-container",
+  "cap-icon-v2": "cap-icon-v2",
+  "top-left-action-icon-container": "top-left-action-icon-container",
+  "bottom-left-action-icon-container": "bottom-left-action-icon-container",
+  "top-right-action-icon-container": "top-right-action-icon-container",
+  "bottom-right-action-icon-container": "bottom-right-action-icon-container",
+  "top-center-error-icon-container": "top-center-error-icon-container",
+  "item-disabled": "item-disabled",
+  "icon-wrapper": "icon-wrapper",
+  "icon-wrapper--with-color": "icon-wrapper--with-color",
+  "label-row": "label-row",
+  "label-row--position-label": "label-row--position-label",
+  "join-link-row": "join-link-row",
+  "join-link-label": "join-link-label",
+  "migrate-desc": "migrate-desc",
+  "engagement-block-replacement-preview": "engagement-block-replacement-preview",
+  "engagement-block-replacement-menu": "engagement-block-replacement-menu",
+  "replacement-block-menu-icon": "replacement-block-menu-icon",
+  "replacement-block-menu-icon-other-channels": "replacement-block-menu-icon-other-channels",
+  "engagement-block-replacement-preview-content": "engagement-block-replacement-preview-content",
+  "engagement-block-replacement-preview-heading": "engagement-block-replacement-preview-heading"
+};
+export {
+  styles as default
+};

package/CapAdvancedIcon/styles.scss

@@ -1,60 +1,60 @@
 @import '../styles/variables';
 
-.advanced-icon-container_ZTm7j {
+.advanced-icon-container {
   position: relative;
   cursor: pointer;
   width: fit-content;
   margin: auto;
 
-  .action-icon-container_d1xff,
-  .error-icon-container_D--dR {
+  .action-icon-container,
+  .error-icon-container {
     position: absolute;
     padding: 0px;
 
-    .cap-icon-v2_CnoxJ {
+    .cap-icon-v2 {
       vertical-align: unset;
     }
   }
 
-  .action-icon-container_d1xff {
+  .action-icon-container {
     padding: 3px;
     line-height: 0.8;
     border: 2px solid $CAP_WHITE;
   }
-  .error-icon-container_D--dR {
+  .error-icon-container {
     color: $CAP_RED;
   }
 
-  .top-left-action-icon-container_SK15l {
+  .top-left-action-icon-container {
     top: 0;
     left: 0;
     transform: translate(-50%, -50%);
   }
-  .bottom-left-action-icon-container_uEryx {
+  .bottom-left-action-icon-container {
     bottom: 0;
     left: 0;
     transform: translate(-50%, 50%);
   }
-  .top-right-action-icon-container_Hp-lg {
+  .top-right-action-icon-container {
     top: 0;
     left: 100%;
     transform: translate(-50%, -50%);
   }
-  .bottom-right-action-icon-container_KTHyk {
+  .bottom-right-action-icon-container {
     bottom: 0;
     left: 100%;
     transform: translate(-50%, +50%);
   }
-  .top-center-error-icon-container_5L0VY {
+  .top-center-error-icon-container {
     top: 0;
     left: 50%;
     transform: translate(-50%, -50%);
   }
-  &.item-disabled_V7UE4 {
+  &.item-disabled {
     cursor: not-allowed;
   }
 }
-.icon-wrapper_bE3Lh {
+.icon-wrapper {
   outline: none;
   border-radius: $CAP_SPACE_12;
 
@@ -63,7 +63,7 @@
     border-radius: $CAP_SPACE_20;
   }
 }
-.label-row_39VUK {
+.label-row {
   text-align: center;
   display: block;
 
@@ -72,12 +72,12 @@
     margin-left: -47px;
   }
 }
-.join-link-row_w-gxz {
+.join-link-row {
   margin-top: -16px;
   display: flex;
   width: fit-content;
   margin-left: -8px;
-  .join-link-label_Pthil {
+  .join-link-label {
     max-width: 48px;
     white-space: nowrap;
     overflow: hidden;
@@ -85,7 +85,7 @@
     margin-left: 6px;
   }
 }
-.migrate-desc_co3CQ {
+.migrate-desc {
   margin-top: -2rem;
   margin-left: -3.5rem;
   background-color: $CAP_COLOR_04;
@@ -93,10 +93,10 @@
   width: 10.3rem;
   padding: 0.5rem;
 }
-.engagement-block-replacement-preview_fP1ux {
+.engagement-block-replacement-preview {
   width: 324px;
 }
-.engagement-block-replacement-menu_yNH2U {
+.engagement-block-replacement-menu {
   padding: $CAP_SPACE_12 0;
   margin-top: $CAP_SPACE_12;
   cursor: pointer;
@@ -107,19 +107,19 @@
     padding-left: $CAP_SPACE_16;
   }
 }
-.replacement-block-menu-icon_8Uc7F {
+.replacement-block-menu-icon {
   margin-right: $CAP_SPACE_12;
   position: relative;
   top: 2px;
 }
-.replacement-block-menu-icon-other-channels_hbq-K {
+.replacement-block-menu-icon-other-channels {
   margin-right: $CAP_SPACE_12;
 }
 
-.engagement-block-replacement-preview-content_kdb6F {
+.engagement-block-replacement-preview-content {
   display: block;
 }
 
-.engagement-block-replacement-preview-heading_wNLjj {
+.engagement-block-replacement-preview-heading {
   margin-top: $CAP_SPACE_04;
 }

package/CapAlert/index.js

@@ -1,39 +1,34 @@
-var _excluded = ["className", "type", "title", "message", "description", "showIcon"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { Alert } from 'antd-v5';
-import classNames from 'classnames';
-import { isNil } from 'lodash';
-import React from 'react';
-import './styles.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-var clsPrefix = 'cap-alert-v2';
-var CapAlert = _ref => {
-  var {
-      className,
-      type = 'info',
-      title,
-      message,
-      description,
-      showIcon
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  // Support both new `title` and deprecated `message` props
-  var alertTitle = title || message;
-
-  // Development warning for deprecated prop usage
-  if (process.env.NODE_ENV === 'development' && !isNil(message)) {
+import { jsx } from "react/jsx-runtime";
+import { Alert } from "antd-v5";
+import classNames from "classnames";
+import { isNil } from "lodash";
+import styles from "./styles.module.scss.js";
+const clsPrefix = "cap-alert-v2";
+const CapAlert = ({
+  className,
+  type = "info",
+  title,
+  message,
+  description,
+  showIcon,
+  ...rest
+}) => {
+  const alertTitle = title || message;
+  if (process.env.NODE_ENV === "development" && !isNil(message)) {
     console.warn('[CapAlert] "message" prop is deprecated. Use "title" instead.');
   }
-  return /*#__PURE__*/_jsx("div", {
-    className: "cap-alert-wrapper_Zhzbz",
-    children: /*#__PURE__*/_jsx(Alert, _extends({
+  return /* @__PURE__ */ jsx("div", { className: styles["cap-alert-wrapper"], children: /* @__PURE__ */ jsx(
+    Alert,
+    {
       className: classNames(clsPrefix, className),
-      type: type,
+      type,
       message: alertTitle,
-      description: description,
-      showIcon: showIcon
-    }, rest))
-  });
+      description,
+      showIcon,
+      ...rest
+    }
+  ) });
+};
+export {
+  CapAlert as default
 };
-export default CapAlert;

package/CapAlert/styles.module.css

@@ -0,0 +1,35 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-alert-wrapper .cap-alert-v2.ant-alert {
+  border: none;
+  font-size: 0.857rem;
+  padding: 0.571rem 1rem;
+}
+.cap-alert-wrapper .cap-alert-v2.ant-alert:has(.ant-alert-description) {
+  padding: 1.142rem 1rem;
+}
+.cap-alert-wrapper .cap-alert-v2.ant-alert .ant-alert-description {
+  font-size: 1rem;
+  color: #42526e;
+}
+.cap-alert-wrapper .cap-alert-v2.ant-alert .ant-alert-title:has(+ .ant-alert-description) {
+  margin-bottom: 0.285rem;
+}
+.cap-alert-wrapper .cap-alert-v2.ant-alert.ant-alert-success {
+  background-color: #dbefda;
+}
+.cap-alert-wrapper .cap-alert-v2.ant-alert.ant-alert-info {
+  background-color: #fff4d6;
+}
+.cap-alert-wrapper .cap-alert-v2.ant-alert.ant-alert-warning {
+  background-color: #fee5d3;
+}
+.cap-alert-wrapper .cap-alert-v2.ant-alert.ant-alert-error {
+  background-color: #fbd3d8;
+}

package/CapAlert/styles.module.scss.js

@@ -0,0 +1,6 @@
+import './styles.module.css';const styles = {
+  "cap-alert-wrapper": "cap-alert-wrapper"
+};
+export {
+  styles as default
+};

package/CapAlert/styles.scss

@@ -1,6 +1,6 @@
 @import '../styles/variables';
 
-.cap-alert-wrapper_Zhzbz {
+.cap-alert-wrapper {
   :global {
     .cap-alert-v2 {
       &.ant-alert {

package/CapAppNotEnabled/index.js

@@ -1,44 +1,26 @@
-import classnames from 'classnames';
-import React from 'react';
-import featureUiDisabledIllustration from "../assets/images/featureUiNotEnabledIllustration.svg";
-import CapHeading from "../CapHeading";
-import CapLabel from "../CapLabel";
-import './styles.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var CapAppNotEnabled = _ref => {
-  var {
-    headerText,
-    title,
-    description,
-    className,
-    style
-  } = _ref;
-  return /*#__PURE__*/_jsxs("div", {
-    className: classnames("cap-app-not-enabled_-iG0-", className),
-    style: style,
-    children: [headerText && /*#__PURE__*/_jsx("div", {
-      className: "cap-app-not-enabled-header_8uouJ",
-      children: /*#__PURE__*/_jsx(CapHeading, {
-        type: "h1",
-        children: headerText
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "empty-state-container_RSRVV",
-      children: [/*#__PURE__*/_jsx("img", {
-        src: featureUiDisabledIllustration,
-        alt: ""
-      }), /*#__PURE__*/_jsx(CapHeading, {
-        type: "h3",
-        className: "title_vYe1u",
-        children: title
-      }), /*#__PURE__*/_jsx(CapLabel, {
-        type: "label15",
-        className: "description_ObiZg",
-        children: description
-      })]
-    })]
-  });
+import { jsxs, jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import featureUiDisabledIllustration from "../assets/images/featureUiNotEnabledIllustration.svg.js";
+import CapHeadingWithStatic from "../CapHeading/index.js";
+import CapLabelWithStatic from "../CapLabel/index.js";
+import styles from "./styles.module.scss.js";
+const CapAppNotEnabled = ({
+  headerText,
+  title,
+  description,
+  className,
+  style
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: classNames(styles["cap-app-not-enabled"], className), style, children: [
+    headerText && /* @__PURE__ */ jsx("div", { className: styles["cap-app-not-enabled-header"], children: /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h1", children: headerText }) }),
+    /* @__PURE__ */ jsxs("div", { className: styles["empty-state-container"], children: [
+      /* @__PURE__ */ jsx("img", { src: featureUiDisabledIllustration, alt: "" }),
+      /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h3", className: styles["title"], children: title }),
+      /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label15", className: styles["description"], children: description })
+    ] })
+  ] });
+};
+CapAppNotEnabled.displayName = "CapAppNotEnabled";
+export {
+  CapAppNotEnabled as default
 };
-CapAppNotEnabled.displayName = 'CapAppNotEnabled';
-export default CapAppNotEnabled;
-export * from "./types";

package/CapAppNotEnabled/styles.module.css

@@ -0,0 +1,32 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-app-not-enabled {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.cap-app-not-enabled .cap-app-not-enabled-header {
+  text-align: left;
+}
+.cap-app-not-enabled .empty-state-container {
+  width: 32.143rem;
+  margin: 0 auto;
+  margin-top: 5.357rem;
+  text-align: center;
+}
+.cap-app-not-enabled .empty-state-container img {
+  display: block;
+  margin: 0 auto;
+}
+.cap-app-not-enabled .empty-state-container .title {
+  margin-top: 2.429rem;
+}
+.cap-app-not-enabled .empty-state-container .description {
+  margin-top: 0.571rem;
+}

package/CapAppNotEnabled/styles.module.scss.js

@@ -0,0 +1,14 @@
+import './styles.module.css';const title = "title";
+const description = "description";
+const styles = {
+  "cap-app-not-enabled": "cap-app-not-enabled",
+  "cap-app-not-enabled-header": "cap-app-not-enabled-header",
+  "empty-state-container": "empty-state-container",
+  title,
+  description
+};
+export {
+  styles as default,
+  description,
+  title
+};

package/CapAppNotEnabled/styles.scss

@@ -1,15 +1,15 @@
 @import '../styles/variables';
 
-.cap-app-not-enabled_-iG0- {
+.cap-app-not-enabled {
   display: flex;
   flex-direction: column;
   width: 100%;
 
-  .cap-app-not-enabled-header_8uouJ {
+  .cap-app-not-enabled-header {
     text-align: left;
   }
 
-  .empty-state-container_RSRVV {
+  .empty-state-container {
     width: 32.143rem;
     margin: 0 auto;
     margin-top: 5.357rem;
@@ -20,11 +20,11 @@
       margin: 0 auto;
     }
 
-    .title_vYe1u {
+    .title {
       margin-top: 2.429rem;
     }
 
-    .description_ObiZg {
+    .description {
       margin-top: 0.571rem;
     }
   }

package/CapAskAira/AudienceFilterBot/constants.js

@@ -1 +1,4 @@
-export var clsPrefix = 'cap-aira-audiencefilter';
+const clsPrefix = "cap-aira-audiencefilter";
+export {
+  clsPrefix
+};