nuance-ui 0.1.44 → 0.1.45

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.1.44",
+  "version": "0.1.45",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/badge.vue

@@ -162,6 +162,16 @@ const style = computed(() => useStyleResolver((theme) => {
 		width: var(--badge-height);
 		padding-inline: 2px;
 	}
+
+	&:where([data-variant='dot']) {
+		@mixin where-light {
+			--badge-color: var(--color-black);
+		}
+
+		@mixin where-dark {
+			--badge-color: var(--color-white);
+		}
+	}
 }
 
 .dot {
@@ -175,22 +185,6 @@ const style = computed(() => useStyleResolver((theme) => {
 	border-radius: var(--badge-dot-size);
 
 	background-color: var(--badge-dot-color, var(--badge-color));
-
-	@mixin where-light {
-		border-color: var(--color-gray-4);
-
-		color: var(--color-black);
-
-		background-color: var(--color-white);
-	}
-
-	@mixin where-dark {
-		border-color: var(--color-dark-5);
-
-		color: var(--color-white);
-
-		background-color: var(--color-dark-5);
-	}
 }
 
 .label {

package/dist/runtime/components/table/index.d.ts

@@ -1 +1,4 @@
 export * from './model.js';
+export type * from './ui/table-sort-icon.vue';
+export type * from './ui/table-sortable-header.vue';
+export type * from './ui/table.vue';

package/dist/runtime/components/table/ui/table-sort-icon.d.vue.ts

@@ -0,0 +1,24 @@
+import type { Column, SortDirection } from '@tanstack/vue-table';
+import type { TableData } from '../model.js';
+export interface TableSortIconProps<TData extends TableData> {
+    column: Column<TData>;
+    icons?: Record<SortDirection | 'off', string>;
+}
+declare const __VLS_export: <TData extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<TableSortIconProps<TData>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/table/ui/table-sort-icon.vue

@@ -0,0 +1,18 @@
+<script setup>
+import defu from "defu";
+import { computed } from "vue";
+const { column, icons } = defineProps({
+  column: { type: Object, required: true },
+  icons: { type: Object, required: false }
+});
+const resolvedIcons = computed(() => defu(icons, {
+  asc: "gravity-ui:bars-descending-align-left-arrow-up",
+  desc: "gravity-ui:bars-descending-align-left-arrow-down",
+  off: "gravity-ui:bars-descending-align-left"
+}));
+const name = computed(() => column.getIsSorted() ? column.getIsSorted() === "asc" ? resolvedIcons.value.asc : resolvedIcons.value.desc : resolvedIcons.value.off);
+</script>
+
+<template>
+	<Icon :name />
+</template>

package/dist/runtime/components/table/ui/table-sort-icon.vue.d.ts

@@ -0,0 +1,24 @@
+import type { Column, SortDirection } from '@tanstack/vue-table';
+import type { TableData } from '../model.js';
+export interface TableSortIconProps<TData extends TableData> {
+    column: Column<TData>;
+    icons?: Record<SortDirection | 'off', string>;
+}
+declare const __VLS_export: <TData extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<TableSortIconProps<TData>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/table/ui/table-sortable-header.d.vue.ts

@@ -0,0 +1,27 @@
+import type { ButtonProps } from '../../button/button.vue.js';
+import type { TableData } from '../model.js';
+import type { TableSortIconProps } from './table-sort-icon.vue.js';
+export interface TableSortableHeaderProps<TData extends TableData> extends ButtonProps, TableSortIconProps<TData> {
+}
+declare const __VLS_export: <TData extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<TableSortableHeaderProps<TData>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    } & {
+        rightSection?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/table/ui/table-sortable-header.vue

@@ -0,0 +1,41 @@
+<script setup>
+import Button from "../../button/button.vue";
+import TableSortIcon from "./table-sort-icon.vue";
+const {
+  column,
+  icons,
+  size = "compact-sm",
+  variant = "subtle",
+  color = "gray",
+  ...rest
+} = defineProps({
+  size: { type: null, required: false },
+  spacing: { type: String, required: false },
+  variant: { type: String, required: false },
+  gradient: { type: Object, required: false },
+  loading: { type: Boolean, required: false },
+  color: { type: null, required: false },
+  radius: { type: [String, Number], required: false },
+  classes: { type: Object, required: false },
+  leftSectionPE: { type: null, required: false },
+  leftSectionProps: { type: Object, required: false },
+  rightSectionPE: { type: null, required: false },
+  rightSectionProps: { type: Object, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false },
+  column: { type: Object, required: true },
+  icons: { type: Object, required: false }
+});
+</script>
+
+<template>
+	<Button :size :variant :color v-bind='rest'>
+		<template #leftSection>
+			<TableSortIcon :column :icons />
+		</template>
+		<slot />
+		<template v-if='!!$slots.rightSection' #rightSection>
+			<slot name='rightSection' />
+		</template>
+	</Button>
+</template>

package/dist/runtime/components/table/ui/table-sortable-header.vue.d.ts

@@ -0,0 +1,27 @@
+import type { ButtonProps } from '../../button/button.vue.js';
+import type { TableData } from '../model.js';
+import type { TableSortIconProps } from './table-sort-icon.vue.js';
+export interface TableSortableHeaderProps<TData extends TableData> extends ButtonProps, TableSortIconProps<TData> {
+}
+declare const __VLS_export: <TData extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<TableSortableHeaderProps<TData>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    } & {
+        rightSection?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/table/{table.d.vue.ts → ui/table.d.vue.ts}

@@ -1,5 +1,5 @@
 import type { ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, GroupingState, PaginationState, RowPinningState, RowSelectionState, SortingState, VisibilityState } from '@tanstack/vue-table';
-import type { TableData, TableProps, TableSlots } from './model.js';
+import type { TableData, TableProps, TableSlots } from '../model.js';
 declare const __VLS_export: <T extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<(TableProps<T> & {
         globalFilter?: string;

package/dist/runtime/components/table/{table.vue → ui/table.vue}

@@ -10,9 +10,9 @@ import {
 import { reactivePick, unrefElement } from "@vueuse/core";
 import { useStyleResolver } from "#imports";
 import { computed, ref, useTemplateRef, watch } from "vue";
-import { getThemeColor } from "../../utils";
-import Box from "../box.vue";
-import { createRowHandlers, processColumns, resolveValue, valueUpdater } from "./lib";
+import { getThemeColor } from "../../../utils";
+import Box from "../../box.vue";
+import { createRowHandlers, processColumns, resolveValue, valueUpdater } from "../lib";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   data: { type: Array, required: false },
@@ -371,19 +371,8 @@ defineExpose({
 	--table-padding-y: .5rem;
 	--vertical-align: baseline;
 
-	@mixin where-light {
-		--table-active-bg: alpha(var(--color-slate-1), .5);
-		--table-c: var(--color-slate-7);
-		--table-bd-color: var(--color-slate-3);
-	}
-
-	@mixin where-dark {
-		--table-active-bg: alpha(var(--color-slate-7), .5);
-		--table-c: var(--color-slate-4);
-		--table-bd-color: var(--color-slate-7);
-	}
-
 	position: relative;
+
 	overflow: auto;
 
 	&:not([data-virtualize]) {
@@ -391,15 +380,28 @@ defineExpose({
 			overflow: clip;
 		}
 
-		.tbody > tr:not(:last-of-type) {
+		.tbody>tr:not(:last-of-type) {
 			border-bottom: 1px solid var(--table-bd-color);
 		}
 	}
+
+	@mixin where-light {
+		--table-active-bg: alpha(var(--color-slate-1), .5);
+		--table-c: var(--color-slate-7);
+		--table-bd-color: var(--color-slate-3);
+	}
+
+	@mixin where-dark {
+		--table-active-bg: alpha(var(--color-slate-7), .5);
+		--table-c: var(--color-slate-4);
+		--table-bd-color: var(--color-slate-7);
+	}
 }
 
 .table {
-	min-width: 100%;
 	border-collapse: collapse;
+
+	min-width: 100%;
 }
 
 .thead {
@@ -407,18 +409,22 @@ defineExpose({
 
 	&[data-loading]::after {
 		content: '';
+
 		position: absolute;
 		z-index: 1;
+
 		height: 1px;
+
 		background-color: alpha(var(--table-loader-color), .75);
+
 		animation: var(--table-loader-animation);
 	}
 
 	&[data-sticky] {
 		position: sticky;
+		z-index: 1;
 		top: 0;
 		inset-inline: 0rem;
-		z-index: 1;
 
 		background-color: alpha(var(--color-body), .75);
 		backdrop-filter: blur(8px);
@@ -426,11 +432,12 @@ defineExpose({
 }
 
 .th {
-	font-weight: 600;
 	padding-block: var(--table-padding-y);
 	padding-inline: var(--table-padding-x);
-	text-align: left;
+
+	font-weight: 600;
 	color: var(--table-c);
+	text-align: left;
 	vertical-align: var(--vertical-align);
 
 	&:has([role='checkbox']) {
@@ -442,6 +449,7 @@ defineExpose({
 .tr td[data-pinned] {
 	position: sticky;
 	z-index: 1;
+
 	background-color: alpha(var(--color-body), .75);
 }
 
@@ -454,9 +462,9 @@ defineExpose({
 
 	&[data-sticky] {
 		position: sticky;
+		z-index: 1;
 		bottom: 0;
 		inset-inline: 0rem;
-		z-index: 1;
 
 		background-color: var(--color-body);
 		backdrop-filter: blur(8px);
@@ -468,6 +476,7 @@ defineExpose({
 		&:hover {
 			background-color: var(--table-active-bg);
 		}
+
 		&:focus-visible {
 			outline: 1px solid var(--table-color);
 		}
@@ -478,10 +487,11 @@ defineExpose({
 	}
 
 	td {
-		white-space: nowrap;
 		padding-block: var(--table-padding-y);
 		padding-inline: var(--table-padding-x);
+
 		color: var(--table-c);
+		white-space: nowrap;
 		vertical-align: var(--vertical-align);
 
 		&:has([role='checkbox']) {
@@ -494,26 +504,31 @@ defineExpose({
 	position: absolute;
 	z-index: 1;
 	left: 0;
+
 	width: 100%;
 	height: 1px;
+
 	background-color: var(--table-bd-color);
 }
 
 .loading,
 .empty {
 	padding-inline: 1.5rem;
+
 	text-align: center;
 }
 
 @keyframes carousel {
-	0%, to{
-		width:50%
-	}
-	0%{
-		transform:translate(-100%)
+	0% {
+		transform: translate(-100%);
+
+		width: 50%;
 	}
-	to{
-		transform:translate(200%)
+
+	to {
+		transform: translate(200%);
+
+		width: 50%;
 	}
 }
 </style>

package/dist/runtime/components/table/{table.vue.d.ts → ui/table.vue.d.ts}

@@ -1,5 +1,5 @@
 import type { ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, GroupingState, PaginationState, RowPinningState, RowSelectionState, SortingState, VisibilityState } from '@tanstack/vue-table';
-import type { TableData, TableProps, TableSlots } from './model.js';
+import type { TableData, TableProps, TableSlots } from '../model.js';
 declare const __VLS_export: <T extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<(TableProps<T> & {
         globalFilter?: string;

package/dist/runtime/styles/light-theme.css

@@ -1 +1 @@
-:root{@mixin light-root{--primary-color-contrast:var(--color-white);--color-bright:var(--color-black);--color-text:#000;--color-body:#fff;--color-error:var(--color-red-6);--color-placeholder:var(--color-gray-5);--color-anchor:var(--color-blue-6);--color-default:var(--color-white);--color-default-hover:var(--color-gray-0);--color-default-color:var(--color-black);--color-default-border:var(--color-gray-4);--color-dimmed:var(--color-gray-6);--color-disabled:var(--color-gray-2);--color-disabled-text:var(--color-gray-5);--color-disabled-border:var(--color-gray-3);--color-dark-color:var(--color-dark-filled);--color-dark-filled:var(--color-dark-6);--color-dark-filled-hover:var(--color-dark-7);--color-dark-light:alpha(var(--color-dark-6),0.1);--color-dark-light-hover:alpha(var(--color-dark-6),0.12);--color-dark-light-color:var(--color-dark-6);--color-dark-outline:var(--color-dark-6);--color-dark-outline-hover:alpha(var(--color-dark-6),0.05);--color-gray-color:var(--color-gray-filled);--color-gray-filled:var(--color-gray-6);--color-gray-filled-hover:var(--color-gray-7);--color-gray-light:alpha(var(--color-gray-6),0.1);--color-gray-light-hover:alpha(var(--color-gray-6),0.12);--color-gray-light-color:var(--color-gray-6);--color-gray-outline:var(--color-gray-6);--color-gray-outline-hover:alpha(var(--color-gray-6),0.05);--color-red-color:var(--color-red-filled);--color-red-filled:var(--color-red-6);--color-red-filled-hover:var(--color-red-7);--color-red-light:alpha(var(--color-red-8),.1);--color-red-light-hover:alpha(var(--color-red-8),.12);--color-red-light-color:var(--color-red-6);--color-red-outline:var(--color-red-6);--color-red-outline-hover:alpha(var(--color-red-8),.01);--color-pink-color:var(--color-pink-filled);--color-pink-filled:var(--color-pink-6);--color-pink-filled-hover:var(--color-pink-7);--color-pink-light:alpha(var(--color-pink-6),0.1);--color-pink-light-hover:alpha(var(--color-pink-6),0.12);--color-pink-light-color:var(--color-pink-6);--color-pink-outline:var(--color-pink-6);--color-pink-outline-hover:alpha(var(--color-pink-6),0.05);--color-grape-color:var(--color-grape-filled);--color-grape-filled:var(--color-grape-6);--color-grape-filled-hover:var(--color-grape-7);--color-grape-light:alpha(var(--color-grape-6),0.1);--color-grape-light-hover:alpha(var(--color-grape-6),0.12);--color-grape-light-color:var(--color-grape-6);--color-grape-outline:var(--color-grape-6);--color-grape-outline-hover:alpha(var(--color-grape-6),0.05);--color-violet-color:var(--color-violet-filled);--color-violet-filled:var(--color-violet-6);--color-violet-filled-hover:var(--color-violet-7);--color-violet-light:alpha(var(--color-violet-6),0.1);--color-violet-light-hover:alpha(var(--color-violet-6),0.12);--color-violet-light-color:var(--color-violet-6);--color-violet-outline:var(--color-violet-6);--color-violet-outline-hover:alpha(var(--color-violet-6),0.05);--color-indigo-color:var(--color-indigo-filled);--color-indigo-filled:var(--color-indigo-6);--color-indigo-filled-hover:var(--color-indigo-7);--color-indigo-light:alpha(var(--color-indigo-6),0.1);--color-indigo-light-hover:alpha(var(--color-indigo-6),0.12);--color-indigo-light-color:var(--color-indigo-6);--color-indigo-outline:var(--color-indigo-6);--color-indigo-outline-hover:alpha(var(--color-indigo-6),0.05);--color-blue-color:var(--color-blue-filled);--color-blue-filled:var(--color-blue-6);--color-blue-filled-hover:var(--color-blue-7);--color-blue-light:alpha(var(--color-blue-6),0.1);--color-blue-light-hover:alpha(var(--color-blue-6),0.12);--color-blue-light-color:var(--color-blue-6);--color-blue-outline:var(--color-blue-6);--color-blue-outline-hover:alpha(var(--color-blue-6),0.05);--color-cyan-color:var(--color-cyan-filled);--color-cyan-filled:var(--color-cyan-6);--color-cyan-filled-hover:var(--color-cyan-7);--color-cyan-light:alpha(var(--color-cyan-6),0.1);--color-cyan-light-hover:alpha(var(--color-cyan-6),0.12);--color-cyan-light-color:var(--color-cyan-6);--color-cyan-outline:var(--color-cyan-6);--color-cyan-outline-hover:alpha(var(--color-cyan-6),0.05);--color-teal-color:var(--color-teal-filled);--color-teal-filled:var(--color-teal-6);--color-teal-filled-hover:var(--color-teal-7);--color-teal-light:alpha(var(--color-teal-6),0.1);--color-teal-light-hover:alpha(var(--color-teal-6),0.12);--color-teal-light-color:var(--color-teal-6);--color-teal-outline:var(--color-teal-6);--color-teal-outline-hover:alpha(var(--color-teal-6),0.05);--color-green-color:var(--color-green-filled);--color-green-filled:var(--color-green-6);--color-green-filled-hover:var(--color-green-7);--color-green-light:alpha(var(--color-green-6),0.1);--color-green-light-hover:alpha(var(--color-green-6),0.12);--color-green-light-color:var(--color-green-6);--color-green-outline:var(--color-green-6);--color-green-outline-hover:alpha(var(--color-green-6),0.05);--color-lime-color:var(--color-lime-filled);--color-lime-filled:var(--color-lime-6);--color-lime-filled-hover:var(--color-lime-7);--color-lime-light:alpha(var(--color-lime-6),0.1);--color-lime-light-hover:alpha(var(--color-lime-6),0.12);--color-lime-light-color:var(--color-lime-6);--color-lime-outline:var(--color-lime-6);--color-lime-outline-hover:alpha(var(--color-lime-6),0.05);--color-yellow-color:var(--color-yellow-filled);--color-yellow-filled:var(--color-yellow-6);--color-yellow-filled-hover:var(--color-yellow-7);--color-yellow-light:alpha(var(--color-yellow-6),0.1);--color-yellow-light-hover:alpha(var(--color-yellow-6),0.12);--color-yellow-light-color:var(--color-yellow-6);--color-yellow-outline:var(--color-yellow-6);--color-yellow-outline-hover:alpha(var(--color-yellow-6),0.05);--color-orange-color:var(--color-orange-filled);--color-orange-filled:var(--color-orange-6);--color-orange-filled-hover:var(--color-orange-7);--color-orange-light:alpha(var(--color-orange-6),0.1);--color-orange-light-hover:alpha(var(--color-orange-6),0.12);--color-orange-light-color:var(--color-orange-6);--color-orange-outline:var(--color-orange-6);--color-orange-outline-hover:alpha(var(--color-orange-6),0.05)}}
+:root{@mixin light-root{--primary-color-contrast:var(--color-white);--color-bright:var(--color-black);--color-text:#000;--color-body:#fff;--color-error:var(--color-red-6);--color-placeholder:var(--color-gray-5);--color-anchor:var(--color-blue-6);--color-default:var(--color-white);--color-default-hover:var(--color-gray-0);--color-default-color:var(--color-black);--color-default-border:var(--color-gray-4);--color-dimmed:var(--color-gray-6);--color-disabled:var(--color-gray-2);--color-disabled-text:var(--color-gray-5);--color-disabled-border:var(--color-gray-3);--color-dark-color:var(--color-dark-filled);--color-dark-filled:var(--color-dark-6);--color-dark-filled-hover:var(--color-dark-7);--color-dark-light:alpha(var(--color-dark-6),0.1);--color-dark-light-hover:alpha(var(--color-dark-6),0.12);--color-dark-light-color:var(--color-dark-6);--color-dark-outline:var(--color-dark-6);--color-dark-outline-hover:alpha(var(--color-dark-6),0.05);--color-gray-color:var(--color-gray-filled);--color-gray-filled:var(--color-gray-6);--color-gray-filled-hover:var(--color-gray-7);--color-gray-light:alpha(var(--color-gray-6),0.1);--color-gray-light-hover:alpha(var(--color-gray-6),0.12);--color-gray-light-color:var(--color-gray-8);--color-gray-outline:var(--color-gray-8);--color-gray-outline-hover:alpha(var(--color-gray-6),0.05);--color-red-color:var(--color-red-filled);--color-red-filled:var(--color-red-6);--color-red-filled-hover:var(--color-red-7);--color-red-light:alpha(var(--color-red-8),.1);--color-red-light-hover:alpha(var(--color-red-8),.12);--color-red-light-color:var(--color-red-6);--color-red-outline:var(--color-red-6);--color-red-outline-hover:alpha(var(--color-red-8),.01);--color-pink-color:var(--color-pink-filled);--color-pink-filled:var(--color-pink-6);--color-pink-filled-hover:var(--color-pink-7);--color-pink-light:alpha(var(--color-pink-6),0.1);--color-pink-light-hover:alpha(var(--color-pink-6),0.12);--color-pink-light-color:var(--color-pink-6);--color-pink-outline:var(--color-pink-6);--color-pink-outline-hover:alpha(var(--color-pink-6),0.05);--color-grape-color:var(--color-grape-filled);--color-grape-filled:var(--color-grape-6);--color-grape-filled-hover:var(--color-grape-7);--color-grape-light:alpha(var(--color-grape-6),0.1);--color-grape-light-hover:alpha(var(--color-grape-6),0.12);--color-grape-light-color:var(--color-grape-6);--color-grape-outline:var(--color-grape-6);--color-grape-outline-hover:alpha(var(--color-grape-6),0.05);--color-violet-color:var(--color-violet-filled);--color-violet-filled:var(--color-violet-6);--color-violet-filled-hover:var(--color-violet-7);--color-violet-light:alpha(var(--color-violet-6),0.1);--color-violet-light-hover:alpha(var(--color-violet-6),0.12);--color-violet-light-color:var(--color-violet-6);--color-violet-outline:var(--color-violet-6);--color-violet-outline-hover:alpha(var(--color-violet-6),0.05);--color-indigo-color:var(--color-indigo-filled);--color-indigo-filled:var(--color-indigo-6);--color-indigo-filled-hover:var(--color-indigo-7);--color-indigo-light:alpha(var(--color-indigo-6),0.1);--color-indigo-light-hover:alpha(var(--color-indigo-6),0.12);--color-indigo-light-color:var(--color-indigo-6);--color-indigo-outline:var(--color-indigo-6);--color-indigo-outline-hover:alpha(var(--color-indigo-6),0.05);--color-blue-color:var(--color-blue-filled);--color-blue-filled:var(--color-blue-6);--color-blue-filled-hover:var(--color-blue-7);--color-blue-light:alpha(var(--color-blue-6),0.1);--color-blue-light-hover:alpha(var(--color-blue-6),0.12);--color-blue-light-color:var(--color-blue-6);--color-blue-outline:var(--color-blue-6);--color-blue-outline-hover:alpha(var(--color-blue-6),0.05);--color-cyan-color:var(--color-cyan-filled);--color-cyan-filled:var(--color-cyan-6);--color-cyan-filled-hover:var(--color-cyan-7);--color-cyan-light:alpha(var(--color-cyan-6),0.1);--color-cyan-light-hover:alpha(var(--color-cyan-6),0.12);--color-cyan-light-color:var(--color-cyan-6);--color-cyan-outline:var(--color-cyan-6);--color-cyan-outline-hover:alpha(var(--color-cyan-6),0.05);--color-teal-color:var(--color-teal-filled);--color-teal-filled:var(--color-teal-6);--color-teal-filled-hover:var(--color-teal-7);--color-teal-light:alpha(var(--color-teal-6),0.1);--color-teal-light-hover:alpha(var(--color-teal-6),0.12);--color-teal-light-color:var(--color-teal-6);--color-teal-outline:var(--color-teal-6);--color-teal-outline-hover:alpha(var(--color-teal-6),0.05);--color-green-color:var(--color-green-filled);--color-green-filled:var(--color-green-6);--color-green-filled-hover:var(--color-green-7);--color-green-light:alpha(var(--color-green-6),0.1);--color-green-light-hover:alpha(var(--color-green-6),0.12);--color-green-light-color:var(--color-green-6);--color-green-outline:var(--color-green-6);--color-green-outline-hover:alpha(var(--color-green-6),0.05);--color-lime-color:var(--color-lime-filled);--color-lime-filled:var(--color-lime-6);--color-lime-filled-hover:var(--color-lime-7);--color-lime-light:alpha(var(--color-lime-6),0.1);--color-lime-light-hover:alpha(var(--color-lime-6),0.12);--color-lime-light-color:var(--color-lime-6);--color-lime-outline:var(--color-lime-6);--color-lime-outline-hover:alpha(var(--color-lime-6),0.05);--color-yellow-color:var(--color-yellow-filled);--color-yellow-filled:var(--color-yellow-6);--color-yellow-filled-hover:var(--color-yellow-7);--color-yellow-light:alpha(var(--color-yellow-6),0.1);--color-yellow-light-hover:alpha(var(--color-yellow-6),0.12);--color-yellow-light-color:var(--color-yellow-6);--color-yellow-outline:var(--color-yellow-6);--color-yellow-outline-hover:alpha(var(--color-yellow-6),0.05);--color-orange-color:var(--color-orange-filled);--color-orange-filled:var(--color-orange-6);--color-orange-filled-hover:var(--color-orange-7);--color-orange-light:alpha(var(--color-orange-6),0.1);--color-orange-light-hover:alpha(var(--color-orange-6),0.12);--color-orange-light-color:var(--color-orange-6);--color-orange-outline:var(--color-orange-6);--color-orange-outline-hover:alpha(var(--color-orange-6),0.05)}}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.1.44",
+	"version": "0.1.45",
 	"description": "A UI Library for Modern Web Apps, powered by Vue.",
 	"repository": {
 		"type": "git",