@evance/evance-ui 1.0.4 → 1.0.5

package/components.d.ts

@@ -19,6 +19,10 @@ declare module 'vue' {
     EvCheckbox: typeof import('./src/components/EvCheckbox/EvCheckbox.vue')['default']
     EvCode: typeof import('./src/components/EvCode/EvCode.vue')['default']
     EvContainer: typeof import('./src/components/EvGrid/EvContainer/EvContainer.vue')['default']
+    EvDataTable: typeof import('./src/components/EvDataTable/EvDataTable.vue')['default']
+    EvDataTableCell: typeof import('./src/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue')['default']
+    EvDataTableRow: typeof import('./src/components/EvDataTable/EvDataTableRow/EvDataTableRow.vue')['default']
+    EvDataTableSearch: typeof import('./src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue')['default']
     EvDateField: typeof import('./src/components/EvDateField/EvDateField.vue')['default']
     EvDatePicker: typeof import('./src/components/EvDatePicker/EvDatePicker.vue')['default']
     EvDatePickerMonth: typeof import('./src/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue')['default']
@@ -32,9 +36,11 @@ declare module 'vue' {
     EvDialogTransition: typeof import('./src/components/EvDialog/EvDialogTransition.vue')['default']
     EvDivider: typeof import('./src/components/EvDivider/EvDivider.vue')['default']
     EvDrawer: typeof import('./src/components/EvDrawer/EvDrawer.vue')['default']
+    EvEditOnClick: typeof import('./src/components/EvEditOnClick/EvEditOnClick.vue')['default']
     EvErrors: typeof import('./src/components/EvErrors/EvErrors.vue')['default']
     EvEyebrow: typeof import('./src/components/EvEyebrow/EvEyebrow.vue')['default']
     EvFieldHelp: typeof import('./src/components/EvFieldHelp/EvFieldHelp.vue')['default']
+    EvFilterButton: typeof import('./src/components/EvFilterButton/EvFilterButton.vue')['default']
     EvForm: typeof import('./src/components/EvForm/EvForm.vue')['default']
     EvFormHelp: typeof import('./src/components/EvFormHelp/EvFormHelp.vue')['default']
     EvHeading: typeof import('./src/components/EvHeading/EvHeading.vue')['default']
@@ -64,6 +70,7 @@ declare module 'vue' {
     EvRadio: typeof import('./src/components/EvRadio/EvRadio.vue')['default']
     EvRadioGroup: typeof import('./src/components/EvRadioGroup/EvRadioGroup.vue')['default']
     EvResponsive: typeof import('./src/components/EvResponsive/EvResponsive.vue')['default']
+    EvSection: typeof import('./src/components/EvSection/EvSection.vue')['default']
     EvSelect: typeof import('./src/components/EvSelect/EvSelect.vue')['default']
     EvSlideGroup: typeof import('./src/components/EvSlideGroup/EvSlideGroup.vue')['default']
     EvSlideGroupItem: typeof import('./src/components/EvSlideGroup/EvSlideGroupItem.vue')['default']

package/dist/cjs/style.css

@@ -584,7 +584,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   --button-appearance-background: transparent;
 }
 .ev-button.is-appearance-primary {
-  --button-appearance-background: var(--background-brand);
+  --button-appearance-background: var(--fill-brand);
   --button-appearance-color: var(--text-brand);
 }
 .ev-button.is-appearance-primary.is-clickable:hover {
@@ -608,7 +608,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   --button-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-button.is-appearance-primary.is-variant-outlined.is-active {
-  --button-appearance-background: var(--background-brand);
+  --button-appearance-background: var(--fill-brand);
 }
 .ev-button.is-appearance-primary.is-variant-subtle {
   --button-appearance-background: transparent;
@@ -1453,7 +1453,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   --card-appearance-background: transparent;
 }
 .ev-card.is-appearance-primary {
-  --card-appearance-background: var(--background-brand);
+  --card-appearance-background: var(--fill-brand);
   --card-appearance-color: var(--text-brand);
 }
 .ev-card.is-appearance-primary.is-clickable:hover {
@@ -1477,7 +1477,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   --card-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-card.is-appearance-primary.is-variant-outlined.is-active {
-  --card-appearance-background: var(--background-brand);
+  --card-appearance-background: var(--fill-brand);
 }
 .ev-card.is-appearance-primary.is-variant-subtle {
   --card-appearance-background: transparent;
@@ -2036,7 +2036,7 @@ html.ev-overlay-scroll-blocked {
   position: absolute;
   width: 11px;
   height: 11px;
-  background: var(--background-brand);
+  background: var(--fill-brand);
   border-radius: 50%;
   top: -3px;
   left: -3px;
@@ -2194,7 +2194,7 @@ html.ev-overlay-scroll-blocked {
   --lozenge-appearance-background: transparent;
 }
 .ev-lozenge.is-appearance-primary {
-  --lozenge-appearance-background: var(--background-brand);
+  --lozenge-appearance-background: var(--fill-brand);
   --lozenge-appearance-color: var(--text-brand);
 }
 .ev-lozenge.is-appearance-primary.is-variant-bold {
@@ -2206,7 +2206,7 @@ html.ev-overlay-scroll-blocked {
   --lozenge-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-lozenge.is-appearance-primary.is-variant-outlined.is-active {
-  --lozenge-appearance-background: var(--background-brand);
+  --lozenge-appearance-background: var(--fill-brand);
 }
 .ev-lozenge.is-appearance-primary.is-variant-subtle {
   --lozenge-appearance-background: transparent;
@@ -4258,7 +4258,7 @@ html.ev-overlay-scroll-blocked {
 }
 .ev-message.is-variant-tonal.is-appearance-primary {
   --message-icon: var(--text-brand);
-  --message-background: var(--background-brand);
+  --message-background: var(--fill-brand);
   --message-text: var(--text-on-brand);
   --message-title: var(--heading-on-brand);
 }
@@ -4830,7 +4830,7 @@ html.ev-overlay-scroll-blocked {
   --avatar-appearance-background: transparent;
 }
 .ev-avatar.is-appearance-primary {
-  --avatar-appearance-background: var(--background-brand);
+  --avatar-appearance-background: var(--fill-brand);
   --avatar-appearance-color: var(--text-brand);
 }
 .ev-avatar.is-appearance-primary.is-variant-bold {
@@ -4842,7 +4842,7 @@ html.ev-overlay-scroll-blocked {
   --avatar-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-avatar.is-appearance-primary.is-variant-outlined.is-active {
-  --avatar-appearance-background: var(--background-brand);
+  --avatar-appearance-background: var(--fill-brand);
 }
 .ev-avatar.is-appearance-primary.is-variant-subtle {
   --avatar-appearance-background: transparent;
@@ -5087,7 +5087,7 @@ html.ev-overlay-scroll-blocked {
   --tag-appearance-background: transparent;
 }
 .ev-tag.is-appearance-primary {
-  --tag-appearance-background: var(--background-brand);
+  --tag-appearance-background: var(--fill-brand);
   --tag-appearance-color: var(--text-brand);
 }
 .ev-tag.is-appearance-primary.is-clickable:hover {
@@ -5111,7 +5111,7 @@ html.ev-overlay-scroll-blocked {
   --tag-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-tag.is-appearance-primary.is-variant-outlined.is-active {
-  --tag-appearance-background: var(--background-brand);
+  --tag-appearance-background: var(--fill-brand);
 }
 .ev-tag.is-appearance-primary.is-variant-subtle {
   --tag-appearance-background: transparent;
@@ -5643,7 +5643,7 @@ html.ev-overlay-scroll-blocked {
   --badge-appearance-background: transparent;
 }
 .ev-badge--content.is-appearance-primary {
-  --badge-appearance-background: var(--background-brand);
+  --badge-appearance-background: var(--fill-brand);
   --badge-appearance-color: var(--text-brand);
 }
 .ev-badge--content.is-appearance-primary.is-variant-bold {
@@ -5655,7 +5655,7 @@ html.ev-overlay-scroll-blocked {
   --badge-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-badge--content.is-appearance-primary.is-variant-outlined.is-active {
-  --badge-appearance-background: var(--background-brand);
+  --badge-appearance-background: var(--fill-brand);
 }
 .ev-badge--content.is-appearance-primary.is-variant-subtle {
   --badge-appearance-background: transparent;
@@ -17839,7 +17839,7 @@ table {
     --surface-panel: #FFFFFF /* neutral-0 */;
     --surface-sunken: #D8DCE6 /* neutral-200 */;
     /* Backgrounds */
-    --background-brand: #7C4EFA26 /* purple-200A */;
+    --fill-brand: #7C4EFA26 /* purple-200A */;
     --background-brand-hovered: #7C4EFA40 /* purple-300A */;
     --background-brand-pressed: #7C4EFA54 /* purple-400A */;
     --background-brand-bold: #814EFA /* purple-600 */;
@@ -17943,7 +17943,7 @@ table {
     --link-default: #814EFA /* purple-600 */;
     --link-default-hover: #9873FF /* purple-500 */;
     --link-default-pressed: #7647E4 /* purple-700 */;
-    --link-default-visited: #5C37B2 /* purple-800 */;
+    --link-visited: #5C37B2 /* purple-800 */;
     /* Borders */
     --border: #0421661C /* neutral-300A */;
     --border-danger: #F04141 /* red-600 */;
@@ -17979,7 +17979,7 @@ table {
     --surface-panel: #191929;
     --surface-sunken: #0B0B14;
     /* Backgrounds */
-    --background-brand: #7C4EFA26;
+    --fill-brand: #7C4EFA26;
     --background-brand-hovered: #7C4EFA40;
     --background-brand-pressed: #7C4EFA54;
     --background-brand-bold: #9873FF;
@@ -18118,7 +18118,7 @@ table {
   --surface-panel: #FFFFFF /* neutral-0 */;
   --surface-sunken: #D8DCE6 /* neutral-200 */;
   /* Backgrounds */
-  --background-brand: #7C4EFA26 /* purple-200A */;
+  --fill-brand: #7C4EFA26 /* purple-200A */;
   --background-brand-hovered: #7C4EFA40 /* purple-300A */;
   --background-brand-pressed: #7C4EFA54 /* purple-400A */;
   --background-brand-bold: #814EFA /* purple-600 */;
@@ -18222,7 +18222,7 @@ table {
   --link-default: #814EFA /* purple-600 */;
   --link-default-hover: #9873FF /* purple-500 */;
   --link-default-pressed: #7647E4 /* purple-700 */;
-  --link-default-visited: #5C37B2 /* purple-800 */;
+  --link-visited: #5C37B2 /* purple-800 */;
   /* Borders */
   --border: #0421661C /* neutral-300A */;
   --border-danger: #F04141 /* red-600 */;
@@ -18256,7 +18256,7 @@ table {
   --surface-panel: #191929;
   --surface-sunken: #0B0B14;
   /* Backgrounds */
-  --background-brand: #7C4EFA26;
+  --fill-brand: #7C4EFA26;
   --background-brand-hovered: #7C4EFA40;
   --background-brand-pressed: #7C4EFA54;
   --background-brand-bold: #9873FF;

package/dist/esm/style.css

@@ -584,7 +584,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   --button-appearance-background: transparent;
 }
 .ev-button.is-appearance-primary {
-  --button-appearance-background: var(--background-brand);
+  --button-appearance-background: var(--fill-brand);
   --button-appearance-color: var(--text-brand);
 }
 .ev-button.is-appearance-primary.is-clickable:hover {
@@ -608,7 +608,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   --button-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-button.is-appearance-primary.is-variant-outlined.is-active {
-  --button-appearance-background: var(--background-brand);
+  --button-appearance-background: var(--fill-brand);
 }
 .ev-button.is-appearance-primary.is-variant-subtle {
   --button-appearance-background: transparent;
@@ -1453,7 +1453,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   --card-appearance-background: transparent;
 }
 .ev-card.is-appearance-primary {
-  --card-appearance-background: var(--background-brand);
+  --card-appearance-background: var(--fill-brand);
   --card-appearance-color: var(--text-brand);
 }
 .ev-card.is-appearance-primary.is-clickable:hover {
@@ -1477,7 +1477,7 @@ hr.ev-divider.is-vertical, .ev-divider.is-vertical .ev-divider--line {
   --card-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-card.is-appearance-primary.is-variant-outlined.is-active {
-  --card-appearance-background: var(--background-brand);
+  --card-appearance-background: var(--fill-brand);
 }
 .ev-card.is-appearance-primary.is-variant-subtle {
   --card-appearance-background: transparent;
@@ -2036,7 +2036,7 @@ html.ev-overlay-scroll-blocked {
   position: absolute;
   width: 11px;
   height: 11px;
-  background: var(--background-brand);
+  background: var(--fill-brand);
   border-radius: 50%;
   top: -3px;
   left: -3px;
@@ -2194,7 +2194,7 @@ html.ev-overlay-scroll-blocked {
   --lozenge-appearance-background: transparent;
 }
 .ev-lozenge.is-appearance-primary {
-  --lozenge-appearance-background: var(--background-brand);
+  --lozenge-appearance-background: var(--fill-brand);
   --lozenge-appearance-color: var(--text-brand);
 }
 .ev-lozenge.is-appearance-primary.is-variant-bold {
@@ -2206,7 +2206,7 @@ html.ev-overlay-scroll-blocked {
   --lozenge-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-lozenge.is-appearance-primary.is-variant-outlined.is-active {
-  --lozenge-appearance-background: var(--background-brand);
+  --lozenge-appearance-background: var(--fill-brand);
 }
 .ev-lozenge.is-appearance-primary.is-variant-subtle {
   --lozenge-appearance-background: transparent;
@@ -4258,7 +4258,7 @@ html.ev-overlay-scroll-blocked {
 }
 .ev-message.is-variant-tonal.is-appearance-primary {
   --message-icon: var(--text-brand);
-  --message-background: var(--background-brand);
+  --message-background: var(--fill-brand);
   --message-text: var(--text-on-brand);
   --message-title: var(--heading-on-brand);
 }
@@ -4830,7 +4830,7 @@ html.ev-overlay-scroll-blocked {
   --avatar-appearance-background: transparent;
 }
 .ev-avatar.is-appearance-primary {
-  --avatar-appearance-background: var(--background-brand);
+  --avatar-appearance-background: var(--fill-brand);
   --avatar-appearance-color: var(--text-brand);
 }
 .ev-avatar.is-appearance-primary.is-variant-bold {
@@ -4842,7 +4842,7 @@ html.ev-overlay-scroll-blocked {
   --avatar-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-avatar.is-appearance-primary.is-variant-outlined.is-active {
-  --avatar-appearance-background: var(--background-brand);
+  --avatar-appearance-background: var(--fill-brand);
 }
 .ev-avatar.is-appearance-primary.is-variant-subtle {
   --avatar-appearance-background: transparent;
@@ -5087,7 +5087,7 @@ html.ev-overlay-scroll-blocked {
   --tag-appearance-background: transparent;
 }
 .ev-tag.is-appearance-primary {
-  --tag-appearance-background: var(--background-brand);
+  --tag-appearance-background: var(--fill-brand);
   --tag-appearance-color: var(--text-brand);
 }
 .ev-tag.is-appearance-primary.is-clickable:hover {
@@ -5111,7 +5111,7 @@ html.ev-overlay-scroll-blocked {
   --tag-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-tag.is-appearance-primary.is-variant-outlined.is-active {
-  --tag-appearance-background: var(--background-brand);
+  --tag-appearance-background: var(--fill-brand);
 }
 .ev-tag.is-appearance-primary.is-variant-subtle {
   --tag-appearance-background: transparent;
@@ -5643,7 +5643,7 @@ html.ev-overlay-scroll-blocked {
   --badge-appearance-background: transparent;
 }
 .ev-badge--content.is-appearance-primary {
-  --badge-appearance-background: var(--background-brand);
+  --badge-appearance-background: var(--fill-brand);
   --badge-appearance-color: var(--text-brand);
 }
 .ev-badge--content.is-appearance-primary.is-variant-bold {
@@ -5655,7 +5655,7 @@ html.ev-overlay-scroll-blocked {
   --badge-appearance-border: 1px solid var(--background-brand-bold);
 }
 .ev-badge--content.is-appearance-primary.is-variant-outlined.is-active {
-  --badge-appearance-background: var(--background-brand);
+  --badge-appearance-background: var(--fill-brand);
 }
 .ev-badge--content.is-appearance-primary.is-variant-subtle {
   --badge-appearance-background: transparent;
@@ -17839,7 +17839,7 @@ table {
     --surface-panel: #FFFFFF /* neutral-0 */;
     --surface-sunken: #D8DCE6 /* neutral-200 */;
     /* Backgrounds */
-    --background-brand: #7C4EFA26 /* purple-200A */;
+    --fill-brand: #7C4EFA26 /* purple-200A */;
     --background-brand-hovered: #7C4EFA40 /* purple-300A */;
     --background-brand-pressed: #7C4EFA54 /* purple-400A */;
     --background-brand-bold: #814EFA /* purple-600 */;
@@ -17943,7 +17943,7 @@ table {
     --link-default: #814EFA /* purple-600 */;
     --link-default-hover: #9873FF /* purple-500 */;
     --link-default-pressed: #7647E4 /* purple-700 */;
-    --link-default-visited: #5C37B2 /* purple-800 */;
+    --link-visited: #5C37B2 /* purple-800 */;
     /* Borders */
     --border: #0421661C /* neutral-300A */;
     --border-danger: #F04141 /* red-600 */;
@@ -17979,7 +17979,7 @@ table {
     --surface-panel: #191929;
     --surface-sunken: #0B0B14;
     /* Backgrounds */
-    --background-brand: #7C4EFA26;
+    --fill-brand: #7C4EFA26;
     --background-brand-hovered: #7C4EFA40;
     --background-brand-pressed: #7C4EFA54;
     --background-brand-bold: #9873FF;
@@ -18118,7 +18118,7 @@ table {
   --surface-panel: #FFFFFF /* neutral-0 */;
   --surface-sunken: #D8DCE6 /* neutral-200 */;
   /* Backgrounds */
-  --background-brand: #7C4EFA26 /* purple-200A */;
+  --fill-brand: #7C4EFA26 /* purple-200A */;
   --background-brand-hovered: #7C4EFA40 /* purple-300A */;
   --background-brand-pressed: #7C4EFA54 /* purple-400A */;
   --background-brand-bold: #814EFA /* purple-600 */;
@@ -18222,7 +18222,7 @@ table {
   --link-default: #814EFA /* purple-600 */;
   --link-default-hover: #9873FF /* purple-500 */;
   --link-default-pressed: #7647E4 /* purple-700 */;
-  --link-default-visited: #5C37B2 /* purple-800 */;
+  --link-visited: #5C37B2 /* purple-800 */;
   /* Borders */
   --border: #0421661C /* neutral-300A */;
   --border-danger: #F04141 /* red-600 */;
@@ -18256,7 +18256,7 @@ table {
   --surface-panel: #191929;
   --surface-sunken: #0B0B14;
   /* Backgrounds */
-  --background-brand: #7C4EFA26;
+  --fill-brand: #7C4EFA26;
   --background-brand-hovered: #7C4EFA40;
   --background-brand-pressed: #7C4EFA54;
   --background-brand-bold: #9873FF;