vueless 0.0.552 → 0.0.554

package/index.d.ts

@@ -1,7 +1,9 @@
 import type { App } from "vue";
 import type { CreateVuelessOptions } from "./types.ts";
-export { setTitle } from "./utils/helper.ts";
 export { setTheme } from "./utils/theme.ts";
+export { cx, cva, compose } from "./utils/ui.ts";
+export { isSSR, isCSR, getRandomId, setTitle, createDebounce } from "./utils/helper.ts";
+export { isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows } from "./utils/platform.ts";
 export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.js";
 export { default as defaultEnLocale } from "./adatper.locale/locales/en.js";
 export { useLocale } from "./composables/useLocale.ts";

package/index.ts

@@ -7,8 +7,10 @@ import { themeInit } from "./utils/theme.ts";
 import type { App } from 'vue'
 import type { CreateVuelessOptions } from './types.ts'
 
-export { setTitle } from "./utils/helper.ts";
 export { setTheme } from "./utils/theme.ts";
+export { cx, cva, compose } from "./utils/ui.ts";
+export { isSSR, isCSR, getRandomId, setTitle, createDebounce } from "./utils/helper.ts";
+export { isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows } from "./utils/platform.ts";
 export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.js";
 export { default as defaultEnLocale } from "./adatper.locale/locales/en.js";
 export { useLocale } from "./composables/useLocale.ts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.552",
+  "version": "0.0.554",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.data-table/storybook/stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryFn } from "@storybook/vue3";
 import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
-import { getRandomId } from "../../utils/ui.ts";
+import { getRandomId } from "../../utils/helper.ts";
 
 import UTable from "../UTable.vue";
 import UButton from "../../ui.button/UButton.vue";

package/ui.data-table/utilTable.ts

@@ -1,4 +1,4 @@
-import { getRandomId } from "../utils/ui.ts";
+import { getRandomId } from "../utils/helper.ts";
 
 import type { Column, ColumnObject, Row, RowData, RowId } from "./types.ts";
 

package/ui.form-calendar/UCalendar.vue

@@ -789,7 +789,6 @@ defineExpose({
       <UButton
         variant="thirdary"
         size="sm"
-        square
         filled
         no-ring
         color="grayscale"

package/ui.form-calendar/config.ts

@@ -1,35 +1,35 @@
 export default /*tw*/ {
-  wrapper: "p-2 w-80 border border-gray-300 rounded-dynamic bg-white shadow overflow-hidden focus:outline-none",
+  wrapper: "p-3 w-[19rem] border border-gray-300 rounded-dynamic bg-white shadow overflow-hidden focus:outline-none",
   navigation: "mb-2 pb-2 border-b flex items-center justify-between",
   viewSwitchButton: "{UButton}",
   nextPrevButton: "{UButton}",
   dayView: "",
   weekDays: "grid grid-cols-7 justify-items-center gap-1",
-  weekDay: "flex size-8 items-center justify-center text-xs uppercase text-gray-500",
+  weekDay: "flex size-8 items-center justify-center text-xs capitalize text-gray-500 font-medium",
   days: {
-    base: "grid grid-cols-7 justify-items-center gap-1",
+    base: "grid grid-cols-7 justify-items-center gap-0.5",
     variants: {
       range: {
         true: "gap-0 gap-y-0.5",
       },
     },
   },
-  dateInRange: "bg-brand/15 font-semibold !text-brand-900 hover:bg-brand/30 rounded-none",
+  dateInRange: "bg-brand/5 !text-brand-900 hover:bg-brand/15 rounded-none",
   edgeDateInRange: "",
   firstDateInRange: "rounded-r-none",
   lastDateInRange: "rounded-l-none",
   anotherMonthDate: "text-gray-400",
   activeDate: "bg-brand-100",
-  selectedDate: "font-semibold",
-  currentDate: "border-2 border-brand-600 font-semibold",
-  day: "{UButton} size-9 w-full font-normal",
+  selectedDate: "",
+  currentDate: "border-2 border-brand-600",
+  day: "{UButton} size-9 w-full",
   currentDay: "",
   dayInRange: "",
   currentDayInRange: "",
-  anotherMonthDay: "",
-  firstDayInRange: "font-semibold",
+  anotherMonthDay: "font-normal",
+  firstDayInRange: "",
   anotherMonthFirstDayInRange: "",
-  lastDayInRange: "font-semibold",
+  lastDayInRange: "",
   currentLastDayInRange: "",
   currentFirstDayInRange: "",
   anotherMonthLastDayInRange: "",
@@ -61,10 +61,10 @@ export default /*tw*/ {
   currentFirstYearInRange: "",
   selectedYear: "",
   activeYear: "",
-  timepicker: "mt-2 pl-1 pt-3 text-sm flex items-center justify-between gap-2 border-t border-brand-200",
-  timepickerLabel: "w-full",
-  timepickerInputWrapper: "flex items-center gap-px rounded-dynamic border border-brand-300",
-  timepickerInput: "w-11 border-none px-2.5 py-1.5 text-center text-sm focus:ring-brand-700/15",
+  timepicker: "mt-2 pl-1 pt-3 text-sm flex items-stretch justify-between gap-2 border-t border-gray-200",
+  timepickerLabel: "w-full self-center",
+  timepickerInputWrapper: "flex items-center rounded-dynamic border border-brand-300",
+  timepickerInput: "w-10 border-none px-1.5 py-1.5 text-center text-sm focus:ring-0 focus:placeholder:text-gray-900",
   timepickerInputHours: "rounded-l-dynamic",
   timepickerInputMinutes: "",
   timepickerInputSeconds: "rounded-r-dynamic",

package/ui.text-notify/utilNotify.ts

@@ -1,4 +1,5 @@
-import { getRandomId, vuelessConfig } from "../utils/ui.ts";
+import { vuelessConfig } from "../utils/ui.ts";
+import { getRandomId } from "../utils/helper.ts";
 import { DELAY_BETWEEN_CLONES, DURATION, LOCAL_STORAGE_ID, NOTIFY_TYPE } from "./constants.ts";
 
 interface NotifyConfig {

package/utils/helper.ts

@@ -57,6 +57,22 @@ export function setTitle({ title = "", separator = " / ", suffix = "" }) {
   }
 }
 
+/**
+ * Generates simple unique identifier.
+ */
+export function getRandomId(length = 15) {
+  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  const charactersLength = characters.length;
+
+  let id = "";
+
+  while (id.length < length) {
+    id += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+
+  return id;
+}
+
 /**
  * Check is code rendering on the server side.
  */

package/utils/ui.ts

@@ -127,19 +127,3 @@ export function getColor(color: string) {
 export function setColor(classes: string, color: string) {
   return classes?.replace(/{color}/g, color);
 }
-
-/**
- * Generates simple unique identifier.
- */
-export function getRandomId(length = 15) {
-  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
-  const charactersLength = characters.length;
-
-  let id = "";
-
-  while (id.length < length) {
-    id += characters.charAt(Math.floor(Math.random() * charactersLength));
-  }
-
-  return id;
-}

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.552",
+  "version": "0.0.554",
   "contributions": {
     "html": {
       "description-markup": "markdown",