vueless 0.0.208 → 0.0.210

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.208",
+  "version": "0.0.210",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.form-radio-group/index.stories.js

@@ -4,6 +4,7 @@ import URadioGroup from "../ui.form-radio-group";
 import URadio from "../ui.form-radio";
 import UAlert from "../ui.text-alert";
 import URow from "../ui.container-row";
+import UGroup from "../ui.container-group";
 
 /**
  * The `URadioGroup` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-radio-group)
@@ -12,13 +13,6 @@ export default {
   id: "3160",
   title: "Form Inputs & Controls / Radio Group",
   component: URadioGroup,
-  parameters: {
-    docs: {
-      description: {
-        story: "Another description on the story, overriding the comments",
-      },
-    },
-  },
   args: {
     label: "Label",
     value: "One",
@@ -34,7 +28,7 @@ export default {
 };
 
 const DefaultTemplate = (args) => ({
-  components: { URadioGroup, URadio, UAlert, URow },
+  components: { URadioGroup, URadio, UAlert, URow, UGroup },
   setup() {
     return { args };
   },
@@ -44,7 +38,7 @@ const DefaultTemplate = (args) => ({
     };
   },
   template: `
-    <URow class="!flex-col">
+    <UGroup>
       <URadioGroup v-bind="args" v-model="value">
         <template v-for="(radio,index) in args.radios" :key="index">
           <URadio
@@ -55,14 +49,11 @@ const DefaultTemplate = (args) => ({
       </URadioGroup>
 
       <URow>
-        <UAlert color="red" v-if=args.isDefaultStory>
-          <b>NOTE:</b> <p>URadioGroup component have to have unique name attribute</p>
-        </UAlert>
-        <UAlert color="blue">
-          <p>Selected value: {{ value }}</p>
+        <UAlert color="green" size="sm">
+          <p>Selected value: <b>{{ value }}</b></p>
         </UAlert>
       </URow>
-    </URow>
+    </UGroup>
   `,
 });
 
@@ -79,7 +70,7 @@ const OptionsTemplate = (args) => ({
   template: `
     <URow class="!flex-col">
       <URadioGroup v-bind="args" v-model="value" :options="args.radios" />
-  
+
       <URow>
         <UAlert color="blue">
           <p>Selected value: {{ value }}</p>
@@ -102,15 +93,15 @@ const ColorsTemplate = (args, { argTypes } = {}) => ({
   },
   template: `
     <URow class="!flex-col">
-      <URadioGroup 
+      <URadioGroup
         v-bind="args"
-        v-for="color in colors" 
-        :key="color" 
-        :label="color" 
+        v-for="color in colors"
+        :key="color"
+        :label="color"
         :color="color"
-        :options="args.radios" 
+        :options="args.radios"
         name="color"
-        v-model="value" 
+        v-model="value"
       />
     </URow>
   `,
@@ -129,15 +120,15 @@ const SizesTemplate = (args, { argTypes } = {}) => ({
   },
   template: `
     <URow class="!flex-col">
-      <URadioGroup 
+      <URadioGroup
         v-bind="args"
-        v-for="size in sizes" 
-        :key="size" 
-        :label="size" 
+        v-for="size in sizes"
+        :key="size"
+        :label="size"
         :size="size"
-        :options="args.radios" 
+        :options="args.radios"
         name="size"
-        v-model="value" 
+        v-model="value"
       />
     </URow>
   `,

package/ui.form-radio-group/index.vue

@@ -101,11 +101,11 @@ const props = defineProps({
   },
 
   /**
-   * Radio group name (sets for each radio).
+   * Unique radio group name (sets for each radio).
    */
   name: {
     type: String,
-    default: "",
+    required: true,
   },
 
   /**

package/ui.form-select/composables/attrs.composable.js

@@ -59,39 +59,39 @@ export default function useAttrs(props, { isTop, isOpen, selectedLabel: selected
       }));
     }
 
-    if (key === "caretToggle") {
-      const caretToggleAttrs = attrs[`${key}Attrs`];
+    if (key === "toggle") {
+      const toggleAttrs = attrs[`${key}Attrs`];
 
       attrs[`${key}Attrs`] = computed(() => ({
-        ...caretToggleAttrs.value,
-        class: cx([caretToggleAttrs.value.class, caretClasses.value]),
+        ...toggleAttrs.value,
+        class: cx([toggleAttrs.value.class, caretClasses.value]),
       }));
     }
 
-    if (key === "caretClear") {
-      const caretClearAttrs = attrs[`${key}Attrs`];
+    if (key === "clear") {
+      const clearAttrs = attrs[`${key}Attrs`];
 
       attrs[`${key}Attrs`] = computed(() => ({
-        ...caretClearAttrs.value,
-        class: cx([caretClearAttrs.value.class, caretClasses.value]),
+        ...clearAttrs.value,
+        class: cx([clearAttrs.value.class, caretClasses.value]),
       }));
     }
 
-    if (key === "beforeCaretSlot") {
-      const beforeCaretSlotAttrs = attrs[`${key}Attrs`];
+    if (key === "beforeCaret") {
+      const beforeCaretAttrs = attrs[`${key}Attrs`];
 
       attrs[`${key}Attrs`] = computed(() => ({
-        ...beforeCaretSlotAttrs.value,
-        class: cx([beforeCaretSlotAttrs.value.class, caretClasses.value]),
+        ...beforeCaretAttrs.value,
+        class: cx([beforeCaretAttrs.value.class, caretClasses.value]),
       }));
     }
 
-    if (key === "afterCaretSlot") {
-      const afterCaretSlotAttrs = attrs[`${key}Attrs`];
+    if (key === "afterCaret") {
+      const afterCaretAttrs = attrs[`${key}Attrs`];
 
       attrs[`${key}Attrs`] = computed(() => ({
-        ...afterCaretSlotAttrs.value,
-        class: cx([afterCaretSlotAttrs.value.class, caretClasses.value]),
+        ...afterCaretAttrs.value,
+        class: cx([afterCaretAttrs.value.class, caretClasses.value]),
       }));
     }
 

package/ui.form-select/configs/default.config.js

@@ -1,5 +1,7 @@
 export default /*tw*/ {
   label: "{ULabel} w-full relative",
+  labelWrapperTop: "group/top", // applies when an open direction is top
+  labelWrapperActive: "group/active",
   wrapper: {
     base: `
       pb-2 pt-2 flex flex-row-reverse justify-between w-full min-h-full box-border relative
@@ -32,6 +34,7 @@ export default /*tw*/ {
       { labelAlign: "topInside", label: true, size: "lg", class: "pt-7" },
     ],
   },
+  wrapperActive: "z-[inherit]", // applies when select active
   innerWrapper: {
     base: "flex px-4 min-h-full w-full overflow-hidden justify-between",
     variants: {
@@ -40,11 +43,35 @@ export default /*tw*/ {
       },
     },
   },
-  wrapperActive: "z-[inherit]", // applies when select active
-  labelWrapperTop: "group/top", // applies when an open direction is top
-  labelWrapperActive: "group/active",
-  leftIconSlot: "pr-3 flex items-center",
-  rightIconSlot: "pl-3 flex items-center",
+  selectedLabels: "flex flex-col col-span-2",
+  selectedLabel: {
+    base: `
+        font-normal leading-none text-gray-900 relative truncate
+        inline-flex items-center whitespace-nowrap mb-0 w-full
+      `,
+    variants: {
+      size: {
+        sm: "text-sm min-h-4",
+        md: "text-base min-h-5",
+        lg: "text-lg min-h-6",
+      },
+      disabled: {
+        true: "bg-gray-100",
+      },
+      multiple: {
+        true: "py-2 last:mb-2.5 flex justify-between border-b border-gray-100",
+      },
+    },
+    compoundVariants: [
+      { size: "sm", multiple: true, class: "text-sm" },
+      { size: "md", multiple: true, class: "text-base" },
+      { size: "lg", multiple: true, class: "text-lg" },
+    ],
+  },
+  leftIcon: "pr-3 flex items-center",
+  rightIcon: "pl-3 flex items-center",
+  beforeCaret: "",
+  afterCaret: "mr-3",
   caret: {
     base: "flex items-center mt-0",
     compoundVariants: [
@@ -53,19 +80,17 @@ export default /*tw*/ {
       { labelAlign: "topInside", size: "lg", label: true, class: "-mt-4" },
     ],
   },
-  beforeCaretSlot: "",
-  afterCaretSlot: "mr-3",
-  caretToggle: "mr-3",
+  toggle: "mr-3",
   toggleIcon: "{UIcon} transform transition duration-300 group-[]/active:rotate-180",
   toggleIconName: "expand_more",
+  clear: "",
   clearIcon: "{UIcon}",
   clearIconName: "close_small",
-  removeItemIcon: "{UIcon}",
-  removeItemIconName: "close_small",
-  caretRemoveItem: "flex items-center",
-  caretClear: "",
-  caretClearText: {
-    // TODO: caretClearMultiple is better
+  clearMultiple: "flex items-center",
+  clearMultipleIcon: "{UIcon}",
+  clearMultipleIconName: "close_small",
+  clearMultipleTextAll: {
+    // TODO: clearMultiple is better
     base: "cursor-pointer flex items-center text-sm font-normal text-gray-400 hover:text-gray-500 transition",
     compoundVariants: [
       { size: "sm", class: "text-sm" },
@@ -88,31 +113,6 @@ export default /*tw*/ {
       },
     },
   },
-  selectedLabels: "flex flex-col col-span-2",
-  selectedLabel: {
-    base: `
-        font-normal leading-none text-gray-900 relative truncate
-        inline-flex items-center whitespace-nowrap mb-0 w-full
-      `,
-    variants: {
-      size: {
-        sm: "text-sm min-h-4",
-        md: "text-base min-h-5",
-        lg: "text-lg min-h-6",
-      },
-      disabled: {
-        true: "bg-gray-100",
-      },
-      multiple: {
-        true: "py-2 last:mb-2.5 flex justify-between border-b border-gray-100",
-      },
-    },
-    compoundVariants: [
-      { size: "sm", multiple: true, class: "text-sm" },
-      { size: "md", multiple: true, class: "text-base" },
-      { size: "lg", multiple: true, class: "text-lg" },
-    ],
-  },
   dropdownList: "{UDropdownList} group-[]/top:bottom-full group-[]/top:top-auto top-full",
   i18n: {
     listIsEmpty: "List is empty.",

package/ui.form-select/index.vue

@@ -26,7 +26,7 @@
     >
       <div
         v-if="hasSlotContent($slots['after-caret']) && !(multiple && localValue.length)"
-        v-bind="afterCaretSlotAttrs"
+        v-bind="afterCaretAttrs"
       >
         <!--
           @slot Use it to add something after caret.
@@ -37,7 +37,7 @@
 
       <div
         v-show="!multiple || (!isLocalValue && multiple)"
-        v-bind="caretToggleAttrs"
+        v-bind="toggleAttrs"
         @mousedown.prevent.stop="toggle"
       >
         <UIcon
@@ -52,7 +52,7 @@
 
       <div
         v-if="hasSlotContent($slots['before-caret']) && !(multiple && localValue.length)"
-        v-bind="beforeCaretSlotAttrs"
+        v-bind="beforeCaretAttrs"
       >
         <!--
           @slot Use it to add something before caret.
@@ -61,7 +61,7 @@
         <slot :scope-props="props" name="before-caret" />
       </div>
 
-      <div v-if="isLocalValue && !noClear && !disabled && !multiple" v-bind="caretClearAttrs">
+      <div v-if="isLocalValue && !noClear && !disabled && !multiple" v-bind="clearAttrs">
         <UIcon
           internal
           interactive
@@ -77,7 +77,7 @@
         <span
           v-if="hasSlotContent($slots['icon-left']) || iconLeft"
           ref="leftSlotWrapperRef"
-          v-bind="leftIconSlotAttrs"
+          v-bind="leftIconAttrs"
         >
           <!--
             @slot Use it to add icon before option.
@@ -117,7 +117,7 @@
 
             <div
               v-if="!disabled"
-              v-bind="caretRemoveItemAttrs"
+              v-bind="clearMultipleAttrs"
               @mousedown.prevent.capture
               @click.prevent.capture
             >
@@ -126,8 +126,8 @@
                 interactive
                 color="gray"
                 :size="iconSize"
-                :name="config.removeItemIconName"
-                v-bind="removeItemIconAttrs"
+                :name="config.clearMultipleIconName"
+                v-bind="clearMultipleIconAttrs"
                 @mousedown="removeElement(item)"
               />
             </div>
@@ -180,7 +180,7 @@
 
         <div
           v-if="isLocalValue && !noClear && !disabled && multiple"
-          v-bind="caretClearTextAttrs"
+          v-bind="clearMultipleTextAllAttrs"
           @mousedown.prevent.capture="removeElement(localValue)"
           @click.prevent.capture
           v-text="currentLocale.clear"
@@ -189,7 +189,7 @@
         <!-- @slot Use it to add something after input. -->
         <slot name="right" />
 
-        <span v-if="hasSlotContent($slots['icon-right']) || iconRight" v-bind="rightIconSlotAttrs">
+        <span v-if="hasSlotContent($slots['icon-right']) || iconRight" v-bind="rightIconAttrs">
           <!--
             @slot Use it to add icon after option.
             @binding {string} icon-name
@@ -564,14 +564,14 @@ const {
   labelAttrs,
   wrapperAttrs,
   innerWrapperAttrs,
-  leftIconSlotAttrs,
-  rightIconSlotAttrs,
-  beforeCaretSlotAttrs,
-  afterCaretSlotAttrs,
-  caretToggleAttrs,
-  caretClearAttrs,
-  caretClearTextAttrs,
-  caretRemoveItemAttrs,
+  leftIconAttrs,
+  rightIconAttrs,
+  beforeCaretAttrs,
+  afterCaretAttrs,
+  toggleAttrs,
+  clearAttrs,
+  clearMultipleTextAllAttrs,
+  clearMultipleAttrs,
   searchAttrs,
   searchInputAttrs,
   selectedLabelsAttrs,
@@ -579,7 +579,7 @@ const {
   dropdownListAttrs,
   toggleIconAttrs,
   clearIconAttrs,
-  removeItemIconAttrs,
+  clearMultipleIconAttrs,
 } = useAttrs(props, { isTop, isOpen, selectedLabel });
 
 const i18nGlobal = tm(USelect);

package/ui.loader/composables/attrs.composable.js

@@ -4,49 +4,46 @@ import { cva, cx } from "../../service.ui";
 import defaultConfig from "../configs/default.config";
 import { computed } from "vue";
 
-export function useAttrs(props) {
-  const { config, getAttrs, getColor, setColor } = useUI(defaultConfig, () => props.config);
-  const { loader, ellipse } = config.value;
-
-  const cvaLoader = cva({
-    base: loader.base,
-    variants: loader.variants,
-    compoundVariants: loader.compoundVariants,
-  });
-
-  const cvaEllipse = cva({
-    base: ellipse.base,
-    variants: ellipse.variants,
-    compoundVariants: ellipse.compoundVariants,
-  });
-
-  const loaderClasses = computed(() =>
-    cvaLoader({
-      size: props.size,
-    }),
+export default function useAttrs(props) {
+  const { config, getAttrs, getColor, setColor, isSystemKey } = useUI(
+    defaultConfig,
+    () => props.config,
   );
+  const attrs = {};
 
-  const ellipseClasses = computed(() =>
-    setColor(
-      cvaEllipse({
-        size: props.size,
-        color: getColor(props.color),
-      }),
-      props.color,
-    ),
-  );
+  for (const key in defaultConfig) {
+    if (isSystemKey(key)) continue;
+
+    const classes = computed(() => {
+      const value = config.value[key];
+
+      if (value.variants || value.compoundVariants) {
+        return setColor(
+          cva(value)({
+            ...props,
+            color: getColor(props.color),
+          }),
+          props.color,
+        );
+      }
+
+      return "";
+    });
+
+    attrs[`${key}Attrs`] = getAttrs(key, { classes });
 
-  const loaderAttrs = getAttrs("loader", { classes: loaderClasses });
-  const ellipseRaw = getAttrs("ellipse", { classes: ellipseClasses });
+    if (key === "ellipse") {
+      const ellipseAttrs = attrs[`${key}Attrs`];
 
-  const ellipseAttrs = computed(() => (classes) => ({
-    ...ellipseRaw.value,
-    class: cx([ellipseRaw.value.class, classes]),
-  }));
+      attrs[`${key}Attrs`] = computed(() => (classes) => ({
+        ...ellipseAttrs,
+        class: cx([ellipseAttrs.value.class, classes]),
+      }));
+    }
+  }
 
   return {
-    loaderAttrs,
-    ellipseAttrs,
+    ...attrs,
     config,
   };
 }

package/ui.loader/index.vue

@@ -16,7 +16,7 @@ import UIService from "../service.ui";
 
 import { ULoader } from "./constants";
 import defaultConfig from "./configs/default.config";
-import { useAttrs } from "./composables/attrs.composable";
+import useAttrs from "./composables/attrs.composable";
 
 /* Should be a string for correct web-types gen */
 defineOptions({ name: "ULoader", inheritAttrs: false });

package/ui.loader-rendering/composables/attrs.composable.js

@@ -4,29 +4,37 @@ import { cva } from "../../service.ui";
 
 import defaultConfig from "../configs/default.config";
 
-export function useAttrs(props) {
-  const { config, getAttrs, getColor, setColor } = useUI(defaultConfig, () => props.config);
-  const { wrapper } = config.value;
-
-  const cvaWrapper = cva({
-    base: wrapper.base,
-    variants: wrapper.variants,
-    compoundVariants: wrapper.compoundVariants,
-  });
-
-  const wrapperClasses = computed(() =>
-    setColor(
-      cvaWrapper({
-        color: getColor(props.color),
-      }),
-      props.color,
-    ),
+export default function useAttrs(props) {
+  const { config, getAttrs, getColor, setColor, isSystemKey } = useUI(
+    defaultConfig,
+    () => props.config,
   );
+  const attrs = {};
 
-  const wrapperAttrs = getAttrs("wrapper", { classes: wrapperClasses, isComponent: true });
+  for (const key in defaultConfig) {
+    if (isSystemKey(key)) continue;
+
+    const classes = computed(() => {
+      const value = config.value[key];
+
+      if (value.variants || value.compoundVariants) {
+        return setColor(
+          cva(value)({
+            ...props,
+            color: getColor(props.color),
+          }),
+          props.color,
+        );
+      }
+
+      return "";
+    });
+
+    attrs[`${key}Attrs`] = getAttrs(key, { classes });
+  }
 
   return {
-    wrapperAttrs,
+    ...attrs,
     config,
   };
 }

package/ui.loader-rendering/configs/default.config.js

@@ -14,6 +14,7 @@ export default /*tw*/ {
       },
     },
   },
+  loader: "{ULoader}",
   transition: {
     enterFromClass: "scale-110 transform",
     leaveActiveClass: "scale-110 transform",

package/ui.loader-rendering/index.vue

@@ -1,7 +1,12 @@
 <template>
   <Transition v-bind="config.transition">
     <div v-if="showLoader" v-bind="wrapperAttrs">
-      <ULoader :loading="showLoader" size="lg" :color="color === 'white' ? 'grayscale' : 'white'" />
+      <ULoader
+        :loading="showLoader"
+        size="lg"
+        :color="color === 'white' ? 'grayscale' : 'white'"
+        v-bind="loaderAttrs"
+      />
     </div>
   </Transition>
 </template>
@@ -14,7 +19,7 @@ import ULoader from "../ui.loader";
 
 import { ULoaderRendering } from "./constants";
 import defaultConfig from "./configs/default.config";
-import { useAttrs } from "./composables/attrs.composable";
+import useAttrs from "./composables/attrs.composable";
 import { useLoaderRendering } from "./composables/useLoaderRendering";
 
 /* Should be a string for correct web-types gen */
@@ -39,7 +44,7 @@ const props = defineProps({
   },
 });
 
-const { wrapperAttrs, config } = useAttrs(props);
+const { wrapperAttrs, loaderAttrs, config } = useAttrs(props);
 const { isLoading, loaderRenderingOn, loaderRenderingOff } = useLoaderRendering();
 
 onMounted(() => {

package/ui.loader-top/composables/attrs.composable.js

@@ -4,28 +4,37 @@ import { cva } from "../../service.ui";
 import defaultConfig from "../configs/default.config";
 import { computed } from "vue";
 
-export function useAttrs(props) {
-  const { config, getAttrs, getColor, setColor } = useUI(defaultConfig, () => props.config);
-  const { progress } = config.value;
-
-  const cvaProgress = cva({
-    base: progress.base,
-    variants: progress.variants,
-    compoundVariants: progress.compoundVariants,
-  });
-
-  const progressClasses = computed(() =>
-    setColor(
-      cvaProgress({
-        color: getColor(props.color),
-      }),
-      props.color,
-    ),
+export default function useAttrs(props) {
+  const { config, getAttrs, getColor, setColor, isSystemKey } = useUI(
+    defaultConfig,
+    () => props.config,
   );
+  const attrs = {};
 
-  const progressAttrs = getAttrs("progress", { classes: progressClasses.value });
+  for (const key in defaultConfig) {
+    if (isSystemKey(key)) continue;
+
+    const classes = computed(() => {
+      const value = config.value[key];
+
+      if (value.variants || value.compoundVariants) {
+        return setColor(
+          cva(value)({
+            ...props,
+            color: getColor(props.color),
+          }),
+          props.color,
+        );
+      }
+
+      return "";
+    });
+
+    attrs[`${key}Attrs`] = getAttrs(key, { classes });
+  }
 
   return {
-    progressAttrs,
+    ...attrs,
+    config,
   };
 }

package/ui.loader-top/index.vue

@@ -13,7 +13,7 @@ import { useLoaderTop } from "./composables/useLoaderTop";
 
 import { ULoaderTop, MAXIMUM, SPEED } from "./constants";
 import defaultConfig from "./configs/default.config";
-import { useAttrs } from "./composables/attrs.composable";
+import useAttrs from "./composables/attrs.composable";
 
 /* Should be a string for correct web-types gen */
 defineOptions({ name: "ULoaderTop", inheritAttrs: false });

package/ui.other-dot/composables/attrs.composable.js

@@ -4,29 +4,37 @@ import { cva } from "../../service.ui";
 import defaultConfig from "../configs/default.config";
 import { computed } from "vue";
 
-export function useAttrs(props) {
-  const { config, getAttrs, getColor, setColor } = useUI(defaultConfig, () => props.config);
-  const { wrapper } = config.value;
-
-  const cvaWrapper = cva({
-    base: wrapper.base,
-    variants: wrapper.variants,
-    compoundVariants: wrapper.compoundVariants,
-  });
-
-  const wrapperClasses = computed(() =>
-    setColor(
-      cvaWrapper({
-        size: props.size,
-        color: getColor(props.color),
-      }),
-      props.color,
-    ),
+export default function useAttrs(props) {
+  const { config, getAttrs, getColor, setColor, isSystemKey } = useUI(
+    defaultConfig,
+    () => props.config,
   );
+  const attrs = {};
 
-  const wrapperAttrs = getAttrs("wrapper", { classes: wrapperClasses });
+  for (const key in defaultConfig) {
+    if (isSystemKey(key)) continue;
+
+    const classes = computed(() => {
+      const value = config.value[key];
+
+      if (value.variants || value.compoundVariants) {
+        return setColor(
+          cva(value)({
+            ...props,
+            color: getColor(props.color),
+          }),
+          props.color,
+        );
+      }
+
+      return "";
+    });
+
+    attrs[`${key}Attrs`] = getAttrs(key, { classes });
+  }
 
   return {
-    wrapperAttrs,
+    ...attrs,
+    config,
   };
 }

package/ui.other-dot/index.vue

@@ -7,7 +7,7 @@ import UIService from "../service.ui";
 
 import { UDot } from "./constants";
 import defaultConfig from "./configs/default.config";
-import { useAttrs } from "./composables/attrs.composable";
+import useAttrs from "./composables/attrs.composable";
 
 /* Should be a string for correct web-types gen */
 defineOptions({ name: "UDot", inheritAttrs: false });

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.208",
+  "version": "0.0.210",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -6332,12 +6332,12 @@
             },
             {
               "name": "name",
-              "description": "Radio group name (sets for each radio).",
+              "required": true,
+              "description": "Unique radio group name (sets for each radio).",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "disabled",