vueless 0.0.176 → 0.0.177

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

@@ -1,142 +0,0 @@
-<template>
-  <div v-bind="wrapperAttrs(gridColsClass)">
-    <div v-for="(item, index) in options" :key="id + index" v-bind="itemsAttrs">
-      <label :for="id + index" v-bind="labelAttrs">
-        <URadio
-          :id="id + index"
-          v-model="selectedItem"
-          :value="item.value"
-          :name="name"
-          :label="item.label"
-          :checked="item.value === selectedItem"
-          :description="item.description"
-          :label-align="labelAlign"
-          v-bind="radioAttrs"
-        >
-          <!-- @slot Use it to add icon. -->
-          <slot v-if="withIcon" name="icon" :item="item">
-            <UIcon internal :name="item.iconName" size="xl" :color="color" v-bind="iconAttrs" />
-          </slot>
-        </URadio>
-      </label>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed } from "vue";
-
-import UIcon from "../ui.image-icon";
-import URadio from "../ui.form-radio";
-import UIService, { getRandomId } from "../service.ui";
-
-import defaultConfig from "./configs/default.config";
-import { URadioCard } from "./constants";
-import { useAttrs } from "./composables/attrs.composable";
-import useBreakpoint from "../composable.breakpoint";
-
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "URadioCard", inheritAttrs: false });
-
-const props = defineProps({
-  /**
-   * Set radio card name.
-   */
-  name: {
-    type: String,
-    required: true,
-    default: "",
-  },
-
-  /**
-   * Set options for component.
-   */
-  options: {
-    type: Array,
-    default: () => [],
-  },
-
-  /**
-   * Set component value.
-   */
-  modelValue: {
-    type: [String, Number, Boolean],
-    default: "",
-  },
-
-  /**
-   * Set grid cols number.
-   */
-  gridCols: {
-    type: Number,
-    default: UIService.get(defaultConfig, URadioCard).default.gridCols,
-  },
-
-  /**
-   * Show / hide component icon.
-   */
-  withIcon: {
-    type: Boolean,
-    default: UIService.get(defaultConfig, URadioCard).default.withIcon,
-  },
-
-  /**
-   * The color of the icon.
-   * @values brand, grayscale, black, white, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose
-   */
-  color: {
-    type: String,
-    default: UIService.get(defaultConfig, URadioCard).default.color,
-  },
-
-  /**
-   * Generates unique element id.
-   * @ignore
-   */
-  id: {
-    type: String,
-    default: () => getRandomId(),
-  },
-
-  labelAlign: {
-    type: String,
-    default: UIService.get(defaultConfig, URadioCard).default.labelAlign,
-  },
-
-  /**
-   * Sets component ui config object.
-   */
-  config: {
-    type: Object,
-    default: () => ({}),
-  },
-
-  /**
-   * Sets data-cy attribute for automated testing.
-   */
-  dataCy: {
-    type: String,
-    default: "",
-  },
-});
-
-const emit = defineEmits(["update:modelValue"]);
-
-const { radioAttrs, iconAttrs, wrapperAttrs, labelAttrs, itemsAttrs } = useAttrs(props);
-
-const { isMobileBreakpoint } = useBreakpoint();
-
-const selectedItem = computed({
-  get: () => props.modelValue,
-  set: (value) => emit("update:modelValue", value),
-});
-
-const gridColsClass = computed(() => {
-  return {
-    "grid-cols-1": isMobileBreakpoint.value,
-    "grid-cols-2": props.gridCols === 2 && isMobileBreakpoint.value,
-    "grid-cols-3": props.gridCols === 3 && isMobileBreakpoint.value,
-    "grid-cols-4": props.gridCols === 4 && isMobileBreakpoint.value,
-  };
-});
-</script>

package/ui.form-radio-card/services/variant.service.js

@@ -1,15 +0,0 @@
-import { cva } from "../service.ui";
-
-export default class VariantService {
-  static get(config) {
-    const { radio } = config;
-
-    const radioVariants = cva({
-      base: radio.base,
-      variants: radio.variants,
-      compoundVariants: radio.compoundVariants,
-    });
-
-    return { radioVariants };
-  }
-}