@vitrosoftware/common-ui-ts 1.1.195 → 1.1.197

package/css/std/controls/placeholder/placeholder.css

@@ -0,0 +1,36 @@
+.vitro-placeholder {
+    width: 100%;
+    height: 100%;
+    padding: 24px;
+}
+
+.vitro-placeholder > div {
+    width: 100%;
+    height: 100%;
+    border-radius: 8px;
+    background-color: #F7F9FC;
+    justify-content: center;
+}
+
+.vitro-placeholder span {
+    text-align: center;
+    max-width: 598px;
+    color: #8E98A3;
+    font-family: 'InterMedium';
+    font-size: 20px;
+    line-height: 150%;
+}
+
+@media (max-width: 800px) {
+    .vitro-placeholder {
+        padding: 12px;
+    }
+
+    .vitro-placeholder > div {
+        padding: 0 20px;
+    }
+
+    .vitro-placeholder span {
+        font-size: 14px;
+    }
+}

package/dist/index.css

@@ -9088,4 +9088,40 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-size: 100%;
     background-position: center;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/delete-button/img/delete-red.svg');
+}
+._placeholder_vitro-placeholder_4NH7HcF {
+    width: 100%;
+    height: 100%;
+    padding: 24px;
+}
+
+._placeholder_vitro-placeholder_4NH7HcF > div {
+    width: 100%;
+    height: 100%;
+    border-radius: 8px;
+    background-color: #F7F9FC;
+    justify-content: center;
+}
+
+._placeholder_vitro-placeholder_4NH7HcF span {
+    text-align: center;
+    max-width: 598px;
+    color: #8E98A3;
+    font-family: 'InterMedium';
+    font-size: 20px;
+    line-height: 150%;
+}
+
+@media (max-width: 800px) {
+    ._placeholder_vitro-placeholder_4NH7HcF {
+        padding: 12px;
+    }
+
+    ._placeholder_vitro-placeholder_4NH7HcF > div {
+        padding: 0 20px;
+    }
+
+    ._placeholder_vitro-placeholder_4NH7HcF span {
+        font-size: 14px;
+    }
 }

package/dist/index.js

@@ -63128,7 +63128,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.195";
+var version$1 = "1.1.197";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -85444,6 +85444,14 @@ var DeleteButton = function DeleteButton(props) {
   }), props.text && React__default.createElement("div", null, props.text));
 };
 
+var styles$1$ = {"vitro-placeholder":"_placeholder_vitro-placeholder_4NH7HcF"};
+
+var Placeholder = function Placeholder(props) {
+  return React__default.createElement(FlexBox, {
+    className: styles$1$['vitro-placeholder'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
+  }, React__default.createElement(FlexBox, null, React__default.createElement("span", null, props.text)));
+};
+
 exports.ACTION_HANDLER = ActionHandlerConstants;
 exports.ALERT = AlertConstants;
 exports.ActionHandler = ActionHandler;
@@ -85528,6 +85536,7 @@ exports.PageLayout = PageLayout;
 exports.PasswordInput = PasswordInput;
 exports.PdfViewer = PdfViewer;
 exports.PinButton = PinButton;
+exports.Placeholder = Placeholder;
 exports.ProductTitle = ProductTitle;
 exports.Progress = Progress;
 exports.ProgressBar = ProgressBar;