@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapHeader/styles.module.css

@@ -0,0 +1,21 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-header-v2 {
+  gap: 0.571rem;
+}
+.cap-header-v2 .title-desc-container {
+  flex: 1;
+  overflow: hidden;
+}
+.cap-header-v2 .cap-header-v2-description {
+  padding-top: 0.428rem;
+}
+.cap-header-v2 .cap-header-v2-description.cap-header-v2--inline {
+  margin-left: 0.571rem;
+}

package/CapHeader/styles.module.scss.js

@@ -0,0 +1,9 @@
+import './styles.module.css';const styles = {
+  "cap-header-v2": "cap-header-v2",
+  "title-desc-container": "title-desc-container",
+  "cap-header-v2-description": "cap-header-v2-description",
+  "cap-header-v2--inline": "cap-header-v2--inline"
+};
+export {
+  styles as default
+};

package/CapHeader/styles.scss

@@ -5,7 +5,7 @@ $header: cap-header-v2;
 .#{$header} {
   gap: $CAP_SPACE_08;
 
-  .title-desc-container_oGjd0 {
+  .title-desc-container {
     flex: 1;
     overflow: hidden;
   }

package/CapHeader/types.js

@@ -1 +1 @@
-export {};
+

package/CapHeading/index.js

@@ -1,48 +1,44 @@
-var _excluded = ["children", "type", "className", "style"],
-  _excluded2 = ["children", "type", "className", "style"];
-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 classnames from 'classnames';
-import React from 'react';
-import './styles.scss';
-const styles = {"cap-heading":"cap-heading_ecx-F","h0":"h0_T8x4W","h1":"h1_nBbFE","h2":"h2_Y7vya","h3":"h3_bvDKj","h4":"h4_WxsPV","h5":"h5_zzFlc","h6":"h6_P2ZM0","h7":"h7_3nx3x","h8":"h8_TJ3kU","h9":"h9_-oH-N","h10":"h10_SaJA1","label1":"label1_GeL4f","label2":"label2_mFna5","label3":"label3_s32wK","label4":"label4_7uUAH","label5":"label5_qhsJe","label6":"label6_m5JsS","cap-heading-span":"cap-heading-span_ScNWD"};
-
-// Re-export types for backward compatibility
-import { jsx as _jsx } from "react/jsx-runtime";
-var CapHeading = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  var {
-      children,
-      type = 'h5',
-      className = '',
-      style = {}
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/_jsx("div", _extends({
-    ref: ref,
-    className: classnames("cap-heading_ecx-F", styles[type], className),
-    style: style
-  }, rest, {
-    children: children
-  }));
-});
-CapHeading.displayName = 'CapHeading';
-var CapHeadingSpan = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  var {
-      children,
-      type = 'h5',
-      className = '',
-      style = {}
-    } = _ref2,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return /*#__PURE__*/_jsx("span", _extends({
-    ref: ref,
-    className: classnames("cap-heading_ecx-F", "cap-heading-span_ScNWD", styles[type], className),
-    style: style
-  }, rest, {
-    children: children
-  }));
-});
-CapHeadingSpan.displayName = 'CapHeadingSpan';
-var CapHeadingWithStatic = CapHeading;
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import React from "react";
+import styles from "./styles.module.scss.js";
+const CapHeading = React.forwardRef(
+  ({ children, type = "h5", className = "", style = {}, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: classNames(styles["cap-heading"], styles[type], className),
+        style,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+CapHeading.displayName = "CapHeading";
+const CapHeadingSpan = React.forwardRef(
+  ({ children, type = "h5", className = "", style = {}, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: classNames(
+          styles["cap-heading"],
+          styles["cap-heading-span"],
+          styles[type],
+          className
+        ),
+        style,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+CapHeadingSpan.displayName = "CapHeadingSpan";
+const CapHeadingWithStatic = CapHeading;
 CapHeadingWithStatic.CapHeadingSpan = CapHeadingSpan;
-export default CapHeadingWithStatic;
+export {
+  CapHeadingWithStatic as default
+};

package/CapHeading/styles.module.css

@@ -0,0 +1,175 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-heading {
+  font-family: "Roboto", sans-serif;
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+.cap-heading.h0 {
+  font-size: 2rem;
+  color: #091e42;
+  font-weight: 500;
+  line-height: 2.591rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h1 {
+  font-size: 1.714rem;
+  color: #091e42;
+  font-weight: 500;
+  line-height: 2.306rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h2 {
+  font-size: 1.429rem;
+  color: #091e42;
+  font-weight: 500;
+  line-height: 2.02rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h3 {
+  font-size: 1.143rem;
+  color: #091e42;
+  font-weight: 500;
+  line-height: 1.734rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h4 {
+  font-size: 1rem;
+  color: #091e42;
+  font-weight: 500;
+  line-height: 1.449rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h5 {
+  font-size: 1rem;
+  color: #091e42;
+  font-weight: 400;
+  line-height: 1.449rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h6 {
+  font-size: 1rem;
+  color: #5e6c84;
+  font-weight: 400;
+  line-height: 1.449rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h7 {
+  font-size: 1.429rem;
+  color: #5e6c84;
+  font-weight: 500;
+  line-height: 2.02rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h8 {
+  font-size: 1rem;
+  color: #091e42;
+  font-weight: 400;
+  line-height: 1.449rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h9 {
+  font-size: 1rem;
+  color: #ffffff;
+  font-weight: 500;
+  line-height: 1.449rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.h10 {
+  font-size: 0.857rem;
+  color: #091e42;
+  font-weight: 500;
+  line-height: 1.163rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.label1 {
+  font-size: 0.857rem;
+  color: #5e6c84;
+  font-weight: 400;
+  line-height: 1.449rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.label2 {
+  font-size: 0.857rem;
+  color: #091e42;
+  font-weight: 400;
+  line-height: 1.449rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.label3 {
+  font-size: 0.857rem;
+  color: #97a0af;
+  font-weight: 400;
+  line-height: 1.449rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.label4 {
+  font-size: 0.857rem;
+  color: #5e6c84;
+  font-weight: 400;
+  line-height: 1.163rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.label5 {
+  font-size: 1.143rem;
+  color: #5e6c84;
+  font-weight: 400;
+  line-height: 1.734rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading.label6 {
+  font-size: 1.143rem;
+  color: #091e42;
+  font-weight: 400;
+  line-height: 1.734rem;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+.cap-heading-span {
+  display: inline;
+  vertical-align: baseline;
+  line-height: inherit;
+}

package/CapHeading/styles.module.scss.js

@@ -0,0 +1,58 @@
+import './styles.module.css';const h0 = "h0";
+const h1 = "h1";
+const h2 = "h2";
+const h3 = "h3";
+const h4 = "h4";
+const h5 = "h5";
+const h6 = "h6";
+const h7 = "h7";
+const h8 = "h8";
+const h9 = "h9";
+const h10 = "h10";
+const label1 = "label1";
+const label2 = "label2";
+const label3 = "label3";
+const label4 = "label4";
+const label5 = "label5";
+const label6 = "label6";
+const styles = {
+  "cap-heading": "cap-heading",
+  h0,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  h7,
+  h8,
+  h9,
+  h10,
+  label1,
+  label2,
+  label3,
+  label4,
+  label5,
+  label6,
+  "cap-heading-span": "cap-heading-span"
+};
+export {
+  styles as default,
+  h0,
+  h1,
+  h10,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  h7,
+  h8,
+  h9,
+  label1,
+  label2,
+  label3,
+  label4,
+  label5,
+  label6
+};

package/CapHeading/styles.scss

@@ -12,7 +12,7 @@
   text-rendering: optimizeLegibility;
 }
 
-.cap-heading_ecx-F {
+.cap-heading {
   font-family: $font-family;
   margin: 0;
   padding: 0;
@@ -22,92 +22,92 @@
   overflow-wrap: break-word;
 
   // h0: 28px/36px - Extra large heading
-  &.h0_T8x4W {
+  &.h0 {
     @include heading-style(2rem, $cap-g01, $font-weight-medium, 2.591rem);
   }
 
   // h1: 24px/32px - Main heading
-  &.h1_nBbFE {
+  &.h1 {
     @include heading-style(1.714rem, $cap-g01, $font-weight-medium, 2.306rem);
   }
 
   // h2: 20px/28px - Section heading
-  &.h2_Y7vya {
+  &.h2 {
     @include heading-style(1.429rem, $cap-g01, $font-weight-medium, 2.02rem);
   }
 
   // h3: 16px/24px - Sub-section heading
-  &.h3_bvDKj {
+  &.h3 {
     @include heading-style(1.143rem, $cap-g01, $font-weight-medium, 1.734rem);
   }
 
   // h4: 14px/20px - Minor heading (medium weight)
-  &.h4_WxsPV {
+  &.h4 {
     @include heading-style(1rem, $cap-g01, $font-weight-medium, 1.449rem);
   }
 
   // h5: 14px/20px - Minor heading (normal weight) - DEFAULT
-  &.h5_zzFlc {
+  &.h5 {
     @include heading-style(1rem, $cap-g01, $font-weight-regular, 1.449rem);
   }
 
   // h6: 14px/20px - Secondary text color
-  &.h6_P2ZM0 {
+  &.h6 {
     @include heading-style(1rem, $cap-g04, $font-weight-regular, 1.449rem);
   }
 
   // h7: 20px/28px - Section heading with secondary color
-  &.h7_3nx3x {
+  &.h7 {
     @include heading-style(1.429rem, $cap-g04, $font-weight-medium, 2.02rem);
   }
 
   // h8: 14px/20px - Body text style
-  &.h8_TJ3kU {
+  &.h8 {
     @include heading-style(1rem, $cap-g01, $font-weight-regular, 1.449rem);
   }
 
   // h9: 14px/20px - White text (for dark backgrounds)
-  &.h9_-oH-N {
+  &.h9 {
     @include heading-style(1rem, $cap-white, $font-weight-medium, 1.449rem);
   }
 
   // h10: 12px/16px - Small heading
-  &.h10_SaJA1 {
+  &.h10 {
     @include heading-style(0.857rem, $cap-g01, $font-weight-medium, 1.163rem);
   }
 
   // label1: 12px/20px - Standard label with secondary color
-  &.label1_GeL4f {
+  &.label1 {
     @include heading-style(0.857rem, $cap-g04, $font-weight-regular, 1.449rem);
   }
 
   // label2: 12px/20px - Standard label with primary color
-  &.label2_mFna5 {
+  &.label2 {
     @include heading-style(0.857rem, $cap-g01, $font-weight-regular, 1.449rem);
   }
 
   // label3: 12px/20px - Muted label
-  &.label3_s32wK {
+  &.label3 {
     @include heading-style(0.857rem, $cap-g05, $font-weight-regular, 1.449rem);
   }
 
   // label4: 12px/16px - Compact label with secondary color
-  &.label4_7uUAH {
+  &.label4 {
     @include heading-style(0.857rem, $cap-g04, $font-weight-regular, 1.163rem);
   }
 
   // label5: 16px/24px - Large label with secondary color
-  &.label5_qhsJe {
+  &.label5 {
     @include heading-style(1.143rem, $cap-g04, $font-weight-regular, 1.734rem);
   }
 
   // label6: 16px/24px - Large label with primary color
-  &.label6_m5JsS {
+  &.label6 {
     @include heading-style(1.143rem, $cap-g01, $font-weight-regular, 1.734rem);
   }
 }
 
-.cap-heading-span_ScNWD {
+.cap-heading-span {
   display: inline;
   vertical-align: baseline;
   line-height: inherit;

package/CapHeading/types.js

@@ -1 +1 @@
-export {};
+

package/CapHierarchyComponent/index.js

@@ -1,58 +1,44 @@
-var _excluded = ["childComponents"];
-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 classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React, { Component, createElement as _createElement } from 'react';
-import CapCheckbox from "../CapCheckbox";
-import CapColumn from "../CapColumn";
-import CapCSVFileUploader from "../CapCSVFileUploader";
-import CapFormItem from "../CapFormItem";
-import CapInput from "../CapInput";
-import CapMultiSelect from "../CapMultiSelect";
-import CapMultiSelectWithTree from "../CapMultiSelectWithTree";
-import CapRow from "../CapRow";
-import CapSelect from "../CapSelect";
-import CapUploader from "../CapUploader";
-import { jsx as _jsx } from "react/jsx-runtime";
-var componentList = {
-  CapSelect,
+import { jsx } from "react/jsx-runtime";
+import { Component, createElement } from "react";
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import CapCheckboxWithStatic from "../CapCheckbox/index.js";
+import CapColumn from "../CapColumn/index.js";
+import CapCSVFileUploader from "../CapCSVFileUploader/index.js";
+import CapFormItem from "../CapFormItem/index.js";
+import InputFinal from "../CapInput/index.js";
+import CapMultiSelect from "../CapMultiSelect/index.js";
+import CapMultiSelectWithTree from "../CapMultiSelectWithTree/index.js";
+import CapRow from "../CapRow/index.js";
+import CapSelectFinal from "../CapSelect/index.js";
+import CapUploader from "../CapUploader/index.js";
+const componentList = {
+  CapSelect: CapSelectFinal,
   CapUploader,
   CapMultiSelect,
   CapMultiSelectWithTree,
-  CapInput,
+  CapInput: InputFinal,
   CapCSVFileUploader,
-  CapCheckbox
+  CapCheckbox: CapCheckboxWithStatic
 };
 function RenderComponent(props) {
-  var {
-      childComponents
-    } = props,
-    componentProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var dataToBeDisplayed = [];
+  const { childComponents, ...componentProps } = props;
+  const dataToBeDisplayed = [];
   dataToBeDisplayed.push(GetComponentFromProps(componentProps));
   if (childComponents) {
-    Object.keys(childComponents).forEach(key => dataToBeDisplayed.push(RenderComponent(childComponents[key])));
+    Object.keys(childComponents).forEach(
+      (key) => dataToBeDisplayed.push(RenderComponent(childComponents[key]))
+    );
   }
   return dataToBeDisplayed;
 }
 function GetComponentFromProps(props) {
-  // Allows to pass actual component if not present in componentList
-  var ComponentToBeRendered = typeof (props == null ? void 0 : props.component) === 'string' ? componentList[props == null ? void 0 : props.component] : props == null ? void 0 : props.component;
-  return /*#__PURE__*/_createElement(CapColumn, _extends({}, props.capColumn, {
-    key: props.entity
-  }), /*#__PURE__*/_jsx(CapFormItem, _extends({}, props.formItem, {
-    children: /*#__PURE__*/_jsx(ComponentToBeRendered, _extends({}, props.componentProps, {
-      children: (props.componentProps || {}).children
-    }))
-  })));
+  const ComponentToBeRendered = typeof (props == null ? void 0 : props.component) === "string" ? componentList[props == null ? void 0 : props.component] : props == null ? void 0 : props.component;
+  return /* @__PURE__ */ createElement(CapColumn, { ...props.capColumn, key: props.entity }, /* @__PURE__ */ jsx(CapFormItem, { ...props.formItem, children: /* @__PURE__ */ jsx(ComponentToBeRendered, { ...props.componentProps, children: (props.componentProps || {}).children }) }));
 }
 class CapHierarchyComponent extends Component {
   render() {
-    return /*#__PURE__*/_jsx(CapRow, {
-      className: classNames('cap-hierarchy-component', this.props.className),
-      children: this.props.structure && RenderComponent(this.props.structure)
-    });
+    return /* @__PURE__ */ jsx(CapRow, { className: classNames("cap-hierarchy-component", this.props.className), children: this.props.structure && RenderComponent(this.props.structure) });
   }
 }
 GetComponentFromProps.defaultProps = {
@@ -70,4 +56,6 @@ GetComponentFromProps.propTypes = {
   children: PropTypes.func,
   entity: PropTypes.string
 };
-export default CapHierarchyComponent;
+export {
+  CapHierarchyComponent as default
+};