@symbo.ls/uikit 2.11.236 → 2.11.237

package/dist/index.cjs.js

@@ -3298,6 +3298,8 @@ var require_cjs = __commonJS({
         CONFIG22.useDocumentTheme = useDocumentTheme;
       if (globalTheme !== void 0)
         CONFIG22.globalTheme = globalTheme;
+      if (useDefaultConfig !== void 0)
+        CONFIG22.useDefaultConfig = useDefaultConfig;
       if (CONFIG22.verbose)
         console.log(CONFIG22);
       if (!CONFIG22.__svg_cache)
@@ -5575,6 +5577,8 @@ __export(uikit_exports, {
   Clickable: () => Clickable,
   Collection: () => Collection,
   CommonButton: () => CommonButton,
+  CommonField: () => CommonField,
+  CommonFieldTemplate: () => CommonFieldTemplate,
   CommonForm: () => CommonForm,
   CompleteProcess: () => CompleteProcess,
   ContactForm: () => ContactForm,
@@ -8198,6 +8202,7 @@ var init = (config, options = SET_OPTIONS) => {
     useSvgSprite: options.useSvgSprite,
     useDocumentTheme: options.useDocumentTheme,
     useIconSprite: options.useIconSprite,
+    useDefaultConfig: options.useDefaultConfig,
     ...resultConfig
   }, { newConfig: options.newConfig });
   const FontFace = (0, import_scratch7.getFontFaceString)(conf.FONT);
@@ -8935,7 +8940,6 @@ var NumberInput = {
   extend: [Input, Flex],
   props: {
     type: "number",
-    fontSize: "E",
     boxSize: "C+X",
     align: "center center",
     textAlign: "center",
@@ -9166,6 +9170,52 @@ var Select = {
   }
 };
 
+// Field/CommonField.js
+var CommonField = {
+  extend: Flex,
+  tag: "label",
+  props: {
+    flow: "column",
+    boxSize: "fit-content fit-content",
+    gap: "Z"
+  },
+  Title: {
+    props: {
+      text: "Label",
+      lineHeight: "1em",
+      padding: "- - - V2",
+      color: "gray4"
+    }
+  },
+  Field: {
+    tag: "div"
+  },
+  Hint: {
+    extend: IconText,
+    props: {
+      color: "gray4",
+      align: "center flex-start",
+      text: "",
+      fontSize: "Z1",
+      gap: "Y",
+      padding: "W - - W"
+    }
+  }
+};
+var CommonFieldTemplate = {
+  extend: CommonField,
+  Title: {},
+  Field: {
+    Icon: { props: { name: "info" } },
+    Input: {},
+    Button: { icon: "eye" }
+  },
+  Hint: {
+    Icon: { props: { name: "info" } },
+    text: "Description"
+  }
+};
+
 // Field/Field.js
 var Field = {
   tag: "label",
@@ -10064,6 +10114,7 @@ var Notification = {
     Title: {
       tag: "h6",
       props: {
+        margin: "0",
         fontWeight: "600",
         lineHeight: "1em",
         text: "Notification"
@@ -11338,7 +11389,7 @@ var VerificationCode = {
       props: {
         display: "flex",
         columnGap: "A",
-        childProps: { flex: "1" }
+        childProps: { flex: "1", fontSize: "E" }
       },
       childExtend: NumberInput,
       ...[{}, {}, {}, {}]