rizzo-css 0.0.75 → 0.0.77

package/scaffold/vanilla/components/search.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/separator.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/settings.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/sheet.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/skeleton.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/slider.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/spinner.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/switch.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/table.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/tabs.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/toast.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/toggle.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/tooltip.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -854,6 +857,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/index.html

@@ -508,6 +508,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -944,6 +947,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vue/Accordion.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Alert.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/AlertDialog.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/AspectRatio.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Avatar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/BackToTop.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Badge.vue

@@ -1,16 +1,10 @@
 <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: '' }
-);
+defineProps({
+  variant: { type: String, default: 'primary' },
+  size: { type: String, default: 'md' },
+  pill: { type: Boolean, default: false },
+  class: { type: String, default: '' },
+});
 </script>
 
 <template>

package/scaffold/vue/Breadcrumb.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Button.vue

@@ -1,15 +1,10 @@
 <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: '' }
-);
+defineProps({
+  variant: { type: String, default: 'default' },
+  disabled: { type: Boolean, default: false },
+  type: { type: String, default: 'button' },
+  class: { type: String, default: '' },
+});
 </script>
 
 <template>

package/scaffold/vue/ButtonGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Card.vue

@@ -1,11 +1,8 @@
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    variant?: 'default' | 'outlined' | 'elevated';
-    class?: string;
-  }>(),
-  { variant: 'default', class: '' }
-);
+defineProps({
+  variant: { type: String, default: 'default' },
+  class: { type: String, default: '' },
+});
 </script>
 
 <template>

package/scaffold/vue/Checkbox.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
-defineProps<{
-  id?: string;
-  name?: string;
-  value?: string;
-  modelValue?: boolean;
-  required?: boolean;
-  disabled?: boolean;
-  class?: string;
-  ariaDescribedby?: string;
-  ariaLabel?: string;
-}>();
+defineProps({
+  id: { type: String, default: undefined },
+  name: { type: String, default: undefined },
+  value: { type: String, default: undefined },
+  modelValue: { type: Boolean, default: false },
+  required: { type: Boolean, default: false },
+  disabled: { type: Boolean, default: false },
+  class: { type: String, default: undefined },
+  ariaDescribedby: { type: String, default: undefined },
+  ariaLabel: { type: String, default: undefined },
+});
 
-const emit = defineEmits<{ (e: 'update:modelValue', value: boolean): void }>();
+const emit = defineEmits(['update:modelValue']);
 </script>
 
 <template>

package/scaffold/vue/Collapsible.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/ContextMenu.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/CopyToClipboard.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Dashboard.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Divider.vue

@@ -1,12 +1,9 @@
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    orientation?: 'horizontal' | 'vertical';
-    label?: string;
-    class?: string;
-  }>(),
-  { orientation: 'horizontal', class: '' }
-);
+defineProps({
+  orientation: { type: String, default: 'horizontal' },
+  label: { type: String, default: undefined },
+  class: { type: String, default: '' },
+});
 </script>
 
 <template>

package/scaffold/vue/DocsSidebar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Dropdown.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Empty.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/FontSwitcher.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Footer.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/FormGroup.vue

@@ -1,16 +1,13 @@
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    label?: string;
-    labelFor?: string;
-    required?: boolean;
-    help?: string;
-    error?: string;
-    success?: string;
-    class?: string;
-  }>(),
-  { required: false, class: '' }
-);
+defineProps({
+  label: { type: String, default: undefined },
+  labelFor: { type: String, default: undefined },
+  required: { type: Boolean, default: false },
+  help: { type: String, default: undefined },
+  error: { type: String, default: undefined },
+  success: { type: String, default: undefined },
+  class: { type: String, default: '' },
+});
 </script>
 
 <template>

package/scaffold/vue/HoverCard.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>

package/scaffold/vue/Icons.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ class?: string }>(), { class: "" });
+defineProps({ class: { type: String, default: '' } });
 </script>
 
 <template>