revdev-components 0.219.0 → 0.222.0

package/build/contentHeader3/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ContentHeader3Props } from "src/interfaces";
+export declare const ContentHeader3: React.FC<ContentHeader3Props>;

package/build/index.d.ts

@@ -1,6 +1,7 @@
 import "./style/index.scss";
 export * from "./contentHeader1";
 export * from "./contentHeader2";
+export * from "./contentHeader3";
 export * from "./paragraph";
 export * from "./pageTitle";
 export * from "./centralDivision";

package/build/index.js

@@ -26,14 +26,14 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-var s$D = {"root":"index-module_root__oU85z"};
+var s$E = {"root":"index-module_root__oU85z"};
 
 var ContentHeader1 = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$D.root, className) }, children);
+    return React.createElement("h1", { className: classNames(s$E.root, className) }, children);
 };
 
-var s$C = {"root":"index-module_root__51YHj"};
+var s$D = {"root":"index-module_root__51YHj"};
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -90,7 +90,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var s$B = {"root":"index-module_root__UzFV2","column":"index-module_column__XEWzG","children":"index-module_children__y7-7m","flex":"index-module_flex__83M30","button":"index-module_button__U8D6K"};
+var s$C = {"root":"index-module_root__UzFV2","column":"index-module_column__XEWzG","children":"index-module_children__y7-7m","flex":"index-module_flex__83M30","button":"index-module_button__U8D6K"};
 
 var _path$2S;
 function _extends$2V() { return _extends$2V = 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$2V.apply(null, arguments); }
@@ -1904,13 +1904,13 @@ var SvgSchool = function SvgSchool(props) {
   })));
 };
 
-var s$A = {"root":"index-module_root__-LDR1"};
+var s$B = {"root":"index-module_root__-LDR1"};
 
 // https://www.svgrepo.com/
 function useBasicIcon(_a, icons) {
     var className = _a.className, name = _a.name, props = __rest(_a, ["className", "name"]);
     var svgAttrs = React.useMemo(function () {
-        return __assign({ className: classNames(s$A.root, className), fill: "currentColor" }, props);
+        return __assign({ className: classNames(s$B.root, className), fill: "currentColor" }, props);
     }, [className, props]);
     var Icon = icons[name];
     return Icon ? React.createElement(Icon, __assign({}, svgAttrs)) : undefined;
@@ -2279,14 +2279,14 @@ var AppTooltip = function (_a) {
 var IconBoxContent = function (_a) {
     var _b;
     var flexRoot = _a.flexRoot, icon = _a.icon, rightIcon = _a.rightIcon, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, onClick = _a.onClick, _c = _a.direction, direction = _c === void 0 ? "row" : _c, elementRev = _a.elementRev, style = _a.style;
-    return (React.createElement("div", { ref: elementRev, style: style, className: classNames(s$B.root, (_b = {},
-            _b[s$B.flex] = flexRoot,
-            _b[s$B.button] = !!onClick,
-            _b[s$B.column] = direction === "column",
+    return (React.createElement("div", { ref: elementRev, style: style, className: classNames(s$C.root, (_b = {},
+            _b[s$C.flex] = flexRoot,
+            _b[s$C.button] = !!onClick,
+            _b[s$C.column] = direction === "column",
             _b), className), onClick: onClick },
-        typeof icon === "string" ? React.createElement(RegularIcon, { className: s$B.icon, name: icon }) : icon,
-        children ? React.createElement("div", { className: classNames(contentClassName, s$B.root__children) }, children) : null,
-        typeof rightIcon === "string" ? React.createElement(RegularIcon, { className: s$B.icon, name: rightIcon }) : rightIcon));
+        typeof icon === "string" ? React.createElement(RegularIcon, { className: s$C.icon, name: icon }) : icon,
+        children ? React.createElement("div", { className: classNames(contentClassName, s$C.root__children) }, children) : null,
+        typeof rightIcon === "string" ? React.createElement(RegularIcon, { className: s$C.icon, name: rightIcon }) : rightIcon));
 };
 var IconDivision = function (props) {
     var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipMouseEnterDelay = props.tooltipMouseEnterDelay;
@@ -2296,7 +2296,15 @@ var IconDivision = function (props) {
 
 var ContentHeader2 = function (_a) {
     var icon = _a.icon, children = _a.children, className = _a.className;
-    var content = React.createElement("h2", { className: classNames(s$C.root, className) }, children);
+    var content = React.createElement("h2", { className: classNames(s$D.root, className) }, children);
+    return icon ? React.createElement(IconDivision, { icon: icon }, content) : content;
+};
+
+var s$A = {"root":"index-module_root__WKOaj"};
+
+var ContentHeader3 = function (_a) {
+    var icon = _a.icon, children = _a.children, className = _a.className;
+    var content = React.createElement("h3", { className: classNames(s$A.root, className) }, children);
     return icon ? React.createElement(IconDivision, { icon: icon }, content) : content;
 };
 
@@ -6047,6 +6055,7 @@ exports.CheckboxField = CheckboxField;
 exports.ContentDivision = ContentDivision;
 exports.ContentHeader1 = ContentHeader1;
 exports.ContentHeader2 = ContentHeader2;
+exports.ContentHeader3 = ContentHeader3;
 exports.DatePickerField = DatePickerField;
 exports.FillIcon = FillIcon;
 exports.FillIconNameList = FillIconNameList;

package/build/interfaces/control.d.ts

@@ -8,6 +8,9 @@ export interface HeaderProps {
 export interface ContentHeader2Props extends HeaderProps {
     icon?: RegularIconName;
 }
+export interface ContentHeader3Props extends HeaderProps {
+    icon?: RegularIconName;
+}
 export interface FrontControlSelect {
     value: string;
     options: ValueOption[];

package/build/styles.css

@@ -92,6 +92,13 @@ body {
   display: inline-block;
   height: 1em;
 }
+.index-module_root__WKOaj {
+  margin: 1em 0 0.5em;
+  padding-bottom: 0.3em;
+  font-size: 2em;
+  font-weight: 600;
+  font-size: 1.1em;
+}
 .index-module_root__Fq-q1 {
   margin: 1.2em 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.219.0",
+  "version": "0.222.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {