rizzo-css 0.0.62 → 0.0.63

package/scaffold/vanilla/components/slider.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/sound-effects.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/spinner.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/switch.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/table.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/tabs.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/theme-switcher.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/toast.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/toggle-group.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/toggle.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/tooltip.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -664,6 +679,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/index.html

@@ -407,6 +407,21 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -754,6 +769,21 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vue/Accordion.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+withDefaults(defineProps<{ class?: string }>(), { class: "" });
+</script>
+
+<template>
+  <div :class="["accordion", $props.class].filter(Boolean).join(" ")">
+    <slot />
+  </div>
+</template>

package/scaffold/vue/Alert.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+withDefaults(defineProps<{ class?: string }>(), { class: "" });
+</script>
+
+<template>
+  <div :class="["alert", $props.class].filter(Boolean).join(" ")">
+    <slot />
+  </div>
+</template>

package/scaffold/vue/AlertDialog.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+withDefaults(defineProps<{ class?: string }>(), { class: "" });
+</script>
+
+<template>
+  <div :class="["alert-dialog", $props.class].filter(Boolean).join(" ")">
+    <slot />
+  </div>
+</template>

package/scaffold/vue/AspectRatio.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+withDefaults(defineProps<{ class?: string }>(), { class: "" });
+</script>
+
+<template>
+  <div :class="["aspect-ratio", $props.class].filter(Boolean).join(" ")">
+    <slot />
+  </div>
+</template>

package/scaffold/vue/Avatar.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+withDefaults(defineProps<{ class?: string }>(), { class: "" });
+</script>
+
+<template>
+  <div :class="["avatar", $props.class].filter(Boolean).join(" ")">
+    <slot />
+  </div>
+</template>

package/scaffold/vue/BackToTop.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+withDefaults(defineProps<{ class?: string }>(), { class: "" });
+</script>
+
+<template>
+  <div :class="["back-to-top", $props.class].filter(Boolean).join(" ")">
+    <slot />
+  </div>
+</template>

package/scaffold/vue/Badge.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+type Variant = 'primary' | 'success' | 'warning' | 'error' | 'info';
+type Size = 'sm' | 'md' | 'lg';
+
+withDefaults(
+  defineProps<{
+    variant?: Variant;
+    size?: Size;
+    pill?: boolean;
+    class?: string;
+  }>(),
+  { variant: 'primary', size: 'md', pill: false, class: '' }
+);
+</script>
+
+<template>
+  <span
+    :class="[
+      'badge',
+      `badge--${variant}`,
+      `badge--${size}`,
+      pill ? 'badge--pill' : '',
+      $props.class,
+    ].filter(Boolean).join(' ')"
+  >
+    <slot />
+  </span>
+</template>

package/scaffold/vue/Breadcrumb.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+withDefaults(defineProps<{ class?: string }>(), { class: "" });
+</script>
+
+<template>
+  <div :class="["breadcrumb", $props.class].filter(Boolean).join(" ")">
+    <slot />
+  </div>
+</template>

package/scaffold/vue/Button.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+type Variant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'outline';
+
+withDefaults(
+  defineProps<{
+    variant?: Variant;
+    disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    class?: string;
+  }>(),
+  { variant: 'default', disabled: false, type: 'button', class: '' }
+);
+</script>
+
+<template>
+  <button
+    :type="type"
+    :disabled="disabled"
+    :class="['btn', variant !== 'default' ? `btn-${variant}` : '', $props.class].filter(Boolean).join(' ')"
+  >
+    <slot />
+  </button>
+</template>

package/scaffold/vue/ButtonGroup.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+withDefaults(defineProps<{ class?: string }>(), { class: "" });
+</script>
+
+<template>
+  <div :class="["button-group", $props.class].filter(Boolean).join(" ")">
+    <slot />
+  </div>
+</template>

package/scaffold/vue/Card.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    variant?: 'default' | 'outlined' | 'elevated';
+    class?: string;
+  }>(),
+  { variant: 'default', class: '' }
+);
+</script>
+
+<template>
+  <div
+    :class="[
+      'card',
+      variant !== 'default' ? `card--${variant}` : '',
+      $props.class,
+    ].filter(Boolean).join(' ')"
+  >
+    <slot />
+  </div>
+</template>

package/scaffold/vue/Checkbox.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+defineProps<{
+  id?: string;
+  name?: string;
+  value?: string;
+  modelValue?: boolean;
+  required?: boolean;
+  disabled?: boolean;
+  class?: string;
+  ariaDescribedby?: string;
+  ariaLabel?: string;
+}>();
+
+const emit = defineEmits<{ (e: 'update:modelValue', value: boolean): void }>();
+</script>
+
+<template>
+  <input
+    type="checkbox"
+    :id="id"
+    :name="name"
+    :value="value"
+    :checked="modelValue"
+    :required="required"
+    :disabled="disabled"
+    :class="$props.class"
+    :aria-describedby="ariaDescribedby"
+    :aria-label="ariaLabel"
+    @change="emit('update:modelValue', ($event.target as HTMLInputElement).checked)"
+  />
+</template>