@hexure/ui 1.13.69 → 1.13.71

package/dist/cjs/index.js

@@ -3122,7 +3122,9 @@ const Logo = (_a) => {
 const Container$4 = styled.header `
   width: 100%;
   display: flex;
-  padding: 20px;
+  padding: 5px;
+  padding-left: 20px;
+  padding-right: 0px;
   box-sizing: border-box;
   border-bottom: 1px solid ${Colors.LIGHT_GRAY.Hex};
   background: '#fff';
@@ -3133,14 +3135,16 @@ const LogoWrapper = styled.div `
   align-items: center;
 `;
 const Image = styled.img `
-  height: 30px !important;
-  width: auto !important;
+  max-height: 65px !important;
+  max-width: 250px !important;
 `;
 const Buttons = styled.div `
   display: flex;
   flex-direction: row;
   column-gap: 10px;
   flex-direction: reverse;
+  padding: 20px;
+  padding-left: 0px;
 `;
 const AppHeader = ({ logoUrl, buttons = [], dataItemid }) => {
     const baseId = dataItemid || 'app-header';
@@ -3568,7 +3572,7 @@ const Input$2 = styled.input `
   width: 0;
   &:checked + span {
     background-color: ${Colors.PRIMARY.Hex};
-    border-color: ${Colors.PRIMARY.Hex};
+    border-color: ${props => (props.$invalid ? Colors.RED.Hex : Colors.PRIMARY.Hex)};
   }
   &:checked:disabled + span {
     background-color: ${Colors.MEDIUM_GRAY.Hex};
@@ -3644,7 +3648,7 @@ const Checkbox = (_a) => {
     var { children, color, disabled, checked, onChange, invalid, tooltip, tabIndex, dataItemid, isInvalidRedBackground = false, isWarningError = false } = _a, accessibleProps = __rest(_a, ["children", "color", "disabled", "checked", "onChange", "invalid", "tooltip", "tabIndex", "dataItemid", "isInvalidRedBackground", "isWarningError"]);
     const baseId = dataItemid || 'checkbox';
     return (React.createElement(Wrapper$b, Object.assign({ "$disabled": disabled }, accessibleProps, { "data-itemid": `${baseId}-wrapper` }),
-        React.createElement(Input$2, { checked: checked, "data-itemid": `${baseId}-input`, disabled: disabled, name: accessibleProps.name, onChange: disabled ? undefined : onChange, tabIndex: disabled ? -1 : tabIndex, type: 'checkbox' }),
+        React.createElement(Input$2, { "$invalid": invalid, checked: checked, "data-itemid": `${baseId}-input`, disabled: disabled, name: accessibleProps.name, onChange: disabled ? undefined : onChange, tabIndex: disabled ? -1 : tabIndex, type: 'checkbox' }),
         React.createElement(Check$1, { "$invalid": invalid, "$isInvalidRedBackground": isInvalidRedBackground, "$isWarningError": isWarningError, "data-itemid": `${baseId}-check` }),
         children ? (React.createElement(Label$3, { color: color, "data-itemid": `${baseId}-label` },
             children,
@@ -5953,7 +5957,7 @@ const Input = styled.input `
   height: 0;
   width: 0;
   &:checked + span {
-    border-color: ${Colors.PRIMARY.Hex};
+    border-color: ${props => (props.$invalid ? Colors.RED.Hex : Colors.PRIMARY.Hex)};
   }
   &:checked + span:after {
     background-color: ${Colors.PRIMARY.Hex};
@@ -6027,7 +6031,7 @@ const Radio = (_a) => {
     var { children, disabled, checked, onChange, value, invalid, tooltip, tabIndex, dataItemid, isInvalidRedBackground = false, isWarningError = false } = _a, accessibleProps = __rest(_a, ["children", "disabled", "checked", "onChange", "value", "invalid", "tooltip", "tabIndex", "dataItemid", "isInvalidRedBackground", "isWarningError"]);
     const baseId = dataItemid || 'radio';
     return (React.createElement(Wrapper$2, Object.assign({}, accessibleProps, { "data-itemid": `${baseId}-wrapper` }),
-        React.createElement(Input, { checked: checked, "data-itemid": `${baseId}-input`, disabled: disabled, name: accessibleProps.name, onChange: disabled ? undefined : onChange, tabIndex: disabled ? -1 : tabIndex, type: 'radio', value: value }),
+        React.createElement(Input, { "$invalid": invalid, checked: checked, "data-itemid": `${baseId}-input`, disabled: disabled, name: accessibleProps.name, onChange: disabled ? undefined : onChange, tabIndex: disabled ? -1 : tabIndex, type: 'radio', value: value }),
         React.createElement(Check, { "$invalid": invalid, "$isInvalidRedBackground": isInvalidRedBackground, "$isWarningError": isWarningError, "data-itemid": `${baseId}-check` }),
         React.createElement(Label, { "data-itemid": `${baseId}-label` },
             children,