@3t-transform/threeteeui 0.1.28 → 0.1.30

package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.css

@@ -2,9 +2,13 @@
   font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
 }
 
+.material-symbols-rounded {
+  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
+}
+
 .material-symbols-rounded {
   font-family: "Material Symbols Rounded", sans-serif;
-  font-weight: 400;
+  font-weight: normal;
   font-style: normal;
   font-size: 24px;
   line-height: 1;
@@ -76,6 +80,7 @@
   background-color: transparent;
   height: 26px;
   font-size: 14px;
+  line-height: 16px;
   border-radius: none;
   z-index: 2;
   color: #dc0000;
@@ -85,6 +90,7 @@
   width: 16px;
   height: 16px;
   font-size: 16px;
+  line-height: 19px;
   margin-right: 4px;
   vertical-align: middle;
   color: #dc0000;
@@ -122,6 +128,8 @@ label.inputInline .input-container {
 label {
   font-weight: 500;
   font-size: 16px;
+  line-height: 19px;
+  margin-bottom: 16px;
 }
 
 input:not([type=submit]) {
@@ -131,6 +139,7 @@ input:not([type=submit]) {
   height: 36px;
   padding: 0 16px;
   font-size: 16px;
+  line-height: 19px;
   border: 1px solid #d5d5d5;
   border-radius: 4px;
   margin-top: 4px;
@@ -159,9 +168,9 @@ input.invalid:invalid, input.standalone.invalid {
 }
 
 input ~ .errorBubble {
-  min-height: 27px;
   position: relative;
   font-size: 14px;
+  line-height: 16px;
   font-weight: normal;
   width: 100%;
   font-family: "Roboto", sans-serif;
@@ -170,17 +179,17 @@ input ~ .errorBubble {
   align-content: center;
   align-items: center;
   justify-items: center;
+  margin-top: 4px;
 }
 
 input ~ .errorBubble:not(.visible) {
-  visibility: hidden;
+  display: none;
 }
 
 input ~ .errorBubble span {
   color: #dc0000;
   font-size: 16px;
   margin-right: 4px;
-  height: 16px;
 }
 
 input.invalid:invalid ~ .errorBubble {
@@ -190,7 +199,6 @@ input.invalid:invalid ~ .errorBubble {
   width: 100%;
   font-family: "Roboto", sans-serif;
   color: #dc0000;
-  visibility: visible;
 }
 
 input:focus {
@@ -201,6 +209,20 @@ input:focus-visible {
   outline: none;
 }
 
+.secondarylabel {
+  color: #757575;
+  font-size: 14px;
+  line-height: 16px;
+  font-weight: normal;
+  display: flex;
+  margin-top: 4px;
+}
+
+input[readonly] {
+  cursor: default;
+  pointer-events: none;
+}
+
 :host {
   display: block;
 }