style: replace outlined with default style

rotki · Oct 25, 2024 · 5066684 · 5066684
1 parent b35a3f9
commit 5066684
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 45 deletions.
diff --git a/example/src/views/DataTableView.vue b/example/src/views/DataTableView.vue
@@ -1041,7 +1041,7 @@ function removeRow(table: Pick<DataTableProps<ExtendedUser, 'id'>, 'rows'>, row:
               placeholder="search"
               label="search"
               class="w-1/2 lg:w-2/5"
-              variant="outlined"
+              variant="default"
               color="primary"
               hide-details
             />
@@ -1086,7 +1086,7 @@ function removeRow(table: Pick<DataTableProps<ExtendedUser, 'id'>, 'rows'>, row:
               placeholder="search"
               label="search"
               class="w-1/2 lg:w-2/5"
-              variant="outlined"
+              variant="default"
               color="primary"
               hide-details
               @update:model-value="onSearch($event, i)"

diff --git a/example/src/views/NotificationView.vue b/example/src/views/NotificationView.vue
@@ -33,7 +33,7 @@ const options = ['light', 'dark'];
       <RuiTextField
         v-model="timeout"
         type="number"
-        variant="outlined"
+        variant="default"
         label="timeout"
         class="mt-4"
         data-cy="timeout"

diff --git a/example/src/views/TextFieldView.vue b/example/src/views/TextFieldView.vue
@@ -47,73 +47,73 @@ const textFields = ref<TextFieldData[]>([
   { modelValue: '', color: 'info', variant: 'filled', dense: true },
   { modelValue: '', color: 'success', variant: 'filled', dense: true },
 
-  { modelValue: '', color: 'primary', variant: 'outlined' },
-  { modelValue: '', color: 'secondary', variant: 'outlined' },
-  { modelValue: '', color: 'error', variant: 'outlined' },
-  { modelValue: '', color: 'warning', variant: 'outlined' },
-  { modelValue: '', color: 'info', variant: 'outlined' },
-  { modelValue: '', color: 'success', variant: 'outlined' },
+  { modelValue: '', color: 'primary', variant: 'default' },
+  { modelValue: '', color: 'secondary', variant: 'default' },
+  { modelValue: '', color: 'error', variant: 'default' },
+  { modelValue: '', color: 'warning', variant: 'default' },
+  { modelValue: '', color: 'info', variant: 'default' },
+  { modelValue: '', color: 'success', variant: 'default' },
 
-  { modelValue: '', color: 'primary', variant: 'outlined', dense: true },
-  { modelValue: '', color: 'secondary', variant: 'outlined', dense: true },
-  { modelValue: '', color: 'error', variant: 'outlined', dense: true },
-  { modelValue: '', color: 'warning', variant: 'outlined', dense: true },
-  { modelValue: '', color: 'info', variant: 'outlined', dense: true },
-  { modelValue: '', color: 'success', variant: 'outlined', dense: true },
+  { modelValue: '', color: 'primary', variant: 'default', dense: true },
+  { modelValue: '', color: 'secondary', variant: 'default', dense: true },
+  { modelValue: '', color: 'error', variant: 'default', dense: true },
+  { modelValue: '', color: 'warning', variant: 'default', dense: true },
+  { modelValue: '', color: 'info', variant: 'default', dense: true },
+  { modelValue: '', color: 'success', variant: 'default', dense: true },
 
-  { modelValue: '', color: 'primary', variant: 'outlined', disabled: true },
-  { modelValue: '', color: 'secondary', variant: 'outlined', disabled: true },
-  { modelValue: '', color: 'error', variant: 'outlined', disabled: true },
-  { modelValue: '', color: 'warning', variant: 'outlined', disabled: true },
-  { modelValue: '', color: 'info', variant: 'outlined', disabled: true },
-  { modelValue: '', color: 'success', variant: 'outlined', disabled: true },
+  { modelValue: '', color: 'primary', variant: 'default', disabled: true },
+  { modelValue: '', color: 'secondary', variant: 'default', disabled: true },
+  { modelValue: '', color: 'error', variant: 'default', disabled: true },
+  { modelValue: '', color: 'warning', variant: 'default', disabled: true },
+  { modelValue: '', color: 'info', variant: 'default', disabled: true },
+  { modelValue: '', color: 'success', variant: 'default', disabled: true },
 
-  { modelValue: '', color: 'primary', variant: 'outlined', hint: 'Text field hint' },
+  { modelValue: '', color: 'primary', variant: 'default', hint: 'Text field hint' },
   {
     modelValue: '',
     color: 'secondary',
-    variant: 'outlined',
+    variant: 'default',
     hint: 'Text field hint',
   },
-  { modelValue: '', color: 'error', variant: 'outlined', hint: 'Text field hint' },
-  { modelValue: '', color: 'warning', variant: 'outlined', hint: 'Text field hint' },
-  { modelValue: '', color: 'info', variant: 'outlined', hint: 'Text field hint' },
-  { modelValue: '', color: 'success', variant: 'outlined', hint: 'Text field hint' },
+  { modelValue: '', color: 'error', variant: 'default', hint: 'Text field hint' },
+  { modelValue: '', color: 'warning', variant: 'default', hint: 'Text field hint' },
+  { modelValue: '', color: 'info', variant: 'default', hint: 'Text field hint' },
+  { modelValue: '', color: 'success', variant: 'default', hint: 'Text field hint' },
 
   {
     modelValue: '',
     color: 'primary',
-    variant: 'outlined',
+    variant: 'default',
     errorMessages: ['Text field error message'],
   },
   {
     modelValue: '',
     color: 'secondary',
-    variant: 'outlined',
+    variant: 'default',
     errorMessages: 'Text field error message',
   },
   {
     modelValue: '',
     color: 'error',
-    variant: 'outlined',
+    variant: 'default',
     errorMessages: ['Text field error message'],
   },
   {
     modelValue: '',
     color: 'warning',
-    variant: 'outlined',
+    variant: 'default',
     successMessages: ['Text field success message'],
   },
   {
     modelValue: '',
     color: 'info',
-    variant: 'outlined',
+    variant: 'default',
     successMessages: 'Text field success message',
   },
   {
     modelValue: '',
     color: 'success',
-    variant: 'outlined',
+    variant: 'default',
     successMessages: ['Text field success message'],
   },
 
@@ -131,7 +131,7 @@ const textFields = ref<TextFieldData[]>([
   {
     modelValue: '',
     color: 'primary',
-    variant: 'outlined',
+    variant: 'default',
     appendIcon: 'arrow-right-line',
     textColor: 'primary',
   },
@@ -150,7 +150,7 @@ const textFields = ref<TextFieldData[]>([
   {
     modelValue: '',
     color: 'primary',
-    variant: 'outlined',
+    variant: 'default',
     prependIcon: 'arrow-right-line',
     textColor: 'primary',
   },
@@ -170,7 +170,7 @@ const textFields = ref<TextFieldData[]>([
   {
     modelValue: '',
     color: 'primary',
-    variant: 'outlined',
+    variant: 'default',
     prepend: 'Prepend',
   },
   {
@@ -187,7 +187,7 @@ const textFields = ref<TextFieldData[]>([
   {
     modelValue: '',
     color: 'primary',
-    variant: 'outlined',
+    variant: 'default',
     append: 'Append',
     textColor: 'primary',
   },
@@ -207,7 +207,7 @@ const textFields = ref<TextFieldData[]>([
   {
     modelValue: '',
     color: 'primary',
-    variant: 'outlined',
+    variant: 'default',
     append: 'Append',
     clearable: true,
     textColor: 'primary',
@@ -218,43 +218,43 @@ const revealableTextFields = ref<RevealableTextFieldData[]>([
   {
     modelValue: '',
     color: 'primary',
-    variant: 'outlined',
+    variant: 'default',
     label: 'Password',
     textColor: 'primary',
   },
   {
     modelValue: '',
     color: 'secondary',
-    variant: 'outlined',
+    variant: 'default',
     label: 'Password',
     textColor: 'secondary',
   },
   {
     modelValue: '',
     color: 'error',
-    variant: 'outlined',
+    variant: 'default',
     label: 'Password',
     textColor: 'error',
   },
   {
     modelValue: '',
     color: 'warning',
-    variant: 'outlined',
+    variant: 'default',
     label: 'Password',
     textColor: 'warning',
   },
   {
     modelValue: '',
     color: 'info',
-    variant: 'outlined',
+    variant: 'default',
     label: 'API Key',
     textColor: 'info',
     disabled: true,
   },
   {
     modelValue: 'some secret key',
     color: 'success',
-    variant: 'outlined',
+    variant: 'default',
     label: 'API Secret',
     textColor: 'success',
     prependIcon: 'arrow-right-line',
@@ -265,7 +265,7 @@ const revealableTextFields = ref<RevealableTextFieldData[]>([
   },
   {
     color: 'info',
-    variant: 'outlined',
+    variant: 'default',
     label: 'API Key',
     textColor: 'info',
     clearable: true,