@una-ui/preset 0.16.3-beta.1 → 0.17.0-beta.1

package/dist/prefixes.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "breadcrumb", "breadcrumb-active", "breadcrumb-inactive", "breadcrumb-ellipsis", "breadcrumb-item", "breadcrumb-link", "breadcrumb-list", "breadcrumb-root", "breadcrumb-separator", "btn", "button", "card", "card-about", "card-content", "card-description", "card-footer", "card-header", "card-title", "checkbox", "dropdown-menu", "dropdown-menu-content", "dropdown-menu-group", "dropdown-menu-item", "dropdown-menu-label", "dropdown-menu-root", "dropdown-menu-separator", "dropdown-menu-shortcut", "dropdown-menu-sub", "dropdown-menu-sub-content", "dropdown-menu-sub-trigger", "dropdown-menu-trigger", "form-group", "icon", "indicator", "input", "kbd", "label", "link", "nav-link", "nav-link-group", "popover", "popover-content", "progress", "radio", "resize", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "separator", "size", "skeleton", "slider", "switch", "table", "table-body", "table-caption", "table-cell", "table-empty", "table-footer", "table-head", "table-header", "table-loading", "table-root", "table-row", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "theme-switcher"];
+const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "breadcrumb", "breadcrumb-active", "breadcrumb-inactive", "breadcrumb-ellipsis", "breadcrumb-item", "breadcrumb-link", "breadcrumb-list", "breadcrumb-root", "breadcrumb-separator", "btn", "button", "card", "card-about", "card-content", "card-description", "card-footer", "card-header", "card-title", "checkbox", "dropdown-menu", "dropdown-menu-content", "dropdown-menu-group", "dropdown-menu-item", "dropdown-menu-label", "dropdown-menu-root", "dropdown-menu-separator", "dropdown-menu-shortcut", "dropdown-menu-sub", "dropdown-menu-sub-content", "dropdown-menu-sub-trigger", "dropdown-menu-trigger", "form-group", "icon", "indicator", "input", "kbd", "label", "link", "nav-link", "nav-link-group", "popover", "popover-content", "progress", "radio", "resize", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "separator", "size", "skeleton", "slider", "switch", "table", "table-body", "table-caption", "table-cell", "table-empty", "table-footer", "table-head", "table-header", "table-loading", "table-root", "table-row", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "theme-switcher", "tooltip", "tooltip-content", "tooltip-provider", "tooltip-root", "tooltip-trigger"];
 
 module.exports = prefixes;

package/dist/prefixes.mjs

@@ -1,3 +1,3 @@
-const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "breadcrumb", "breadcrumb-active", "breadcrumb-inactive", "breadcrumb-ellipsis", "breadcrumb-item", "breadcrumb-link", "breadcrumb-list", "breadcrumb-root", "breadcrumb-separator", "btn", "button", "card", "card-about", "card-content", "card-description", "card-footer", "card-header", "card-title", "checkbox", "dropdown-menu", "dropdown-menu-content", "dropdown-menu-group", "dropdown-menu-item", "dropdown-menu-label", "dropdown-menu-root", "dropdown-menu-separator", "dropdown-menu-shortcut", "dropdown-menu-sub", "dropdown-menu-sub-content", "dropdown-menu-sub-trigger", "dropdown-menu-trigger", "form-group", "icon", "indicator", "input", "kbd", "label", "link", "nav-link", "nav-link-group", "popover", "popover-content", "progress", "radio", "resize", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "separator", "size", "skeleton", "slider", "switch", "table", "table-body", "table-caption", "table-cell", "table-empty", "table-footer", "table-head", "table-header", "table-loading", "table-root", "table-row", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "theme-switcher"];
+const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "breadcrumb", "breadcrumb-active", "breadcrumb-inactive", "breadcrumb-ellipsis", "breadcrumb-item", "breadcrumb-link", "breadcrumb-list", "breadcrumb-root", "breadcrumb-separator", "btn", "button", "card", "card-about", "card-content", "card-description", "card-footer", "card-header", "card-title", "checkbox", "dropdown-menu", "dropdown-menu-content", "dropdown-menu-group", "dropdown-menu-item", "dropdown-menu-label", "dropdown-menu-root", "dropdown-menu-separator", "dropdown-menu-shortcut", "dropdown-menu-sub", "dropdown-menu-sub-content", "dropdown-menu-sub-trigger", "dropdown-menu-trigger", "form-group", "icon", "indicator", "input", "kbd", "label", "link", "nav-link", "nav-link-group", "popover", "popover-content", "progress", "radio", "resize", "select", "select-content", "select-group", "select-item", "select-item-indicator", "select-item-text", "select-label", "select-root", "select-scroll-down-button", "select-scroll-up-button", "select-separator", "select-trigger", "select-value", "separator", "size", "skeleton", "slider", "switch", "table", "table-body", "table-caption", "table-cell", "table-empty", "table-footer", "table-head", "table-header", "table-loading", "table-root", "table-row", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "theme-switcher", "tooltip", "tooltip-content", "tooltip-provider", "tooltip-root", "tooltip-trigger"];
 
 export { prefixes as default };

package/dist/shortcuts.cjs

@@ -228,6 +228,7 @@ const staticGeneral = {
   "ring-offset-inverted": "ring-offset-$c-bg-foreground",
   // border
   "border-base": "border-$c-border",
+  "border-foreground": "border-$c-border-foreground",
   // divide
   "divide-base": "divide-$c-divider",
   // bg
@@ -804,6 +805,19 @@ const popover = [
   staticPopover
 ];
 
+const staticTooltip = {
+  "tooltip-content": "z-50 overflow-hidden rounded-md px-0.75em py-0.375em text-xs shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+  "tooltip-white": "border border-base bg-popover text-popover",
+  "tooltip-black": "border border-foreground bg-popover-foreground text-popover-foreground"
+};
+const dynamicTooltip = [
+  [/^tooltip(?:-(\S+))?$/, ([, c = "gray"]) => `bg-${c}-100 border-${c}-50 text-${c}-800 dark:bg-${c}-800 dark:border-${c}-800 dark:text-${c}-100`]
+];
+const tooltip = [
+  ...dynamicTooltip,
+  staticTooltip
+];
+
 const shortcuts = [
   ...general,
   ...breadcrumb,
@@ -834,7 +848,8 @@ const shortcuts = [
   ...table,
   ...dropdowMenu,
   ...label,
-  ...popover
+  ...popover,
+  ...tooltip
 ];
 
 exports.shortcuts = shortcuts;

package/dist/shortcuts.mjs

@@ -226,6 +226,7 @@ const staticGeneral = {
   "ring-offset-inverted": "ring-offset-$c-bg-foreground",
   // border
   "border-base": "border-$c-border",
+  "border-foreground": "border-$c-border-foreground",
   // divide
   "divide-base": "divide-$c-divider",
   // bg
@@ -802,6 +803,19 @@ const popover = [
   staticPopover
 ];
 
+const staticTooltip = {
+  "tooltip-content": "z-50 overflow-hidden rounded-md px-0.75em py-0.375em text-xs shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+  "tooltip-white": "border border-base bg-popover text-popover",
+  "tooltip-black": "border border-foreground bg-popover-foreground text-popover-foreground"
+};
+const dynamicTooltip = [
+  [/^tooltip(?:-(\S+))?$/, ([, c = "gray"]) => `bg-${c}-100 border-${c}-50 text-${c}-800 dark:bg-${c}-800 dark:border-${c}-800 dark:text-${c}-100`]
+];
+const tooltip = [
+  ...dynamicTooltip,
+  staticTooltip
+];
+
 const shortcuts = [
   ...general,
   ...breadcrumb,
@@ -832,7 +846,8 @@ const shortcuts = [
   ...table,
   ...dropdowMenu,
   ...label,
-  ...popover
+  ...popover,
+  ...tooltip
 ];
 
 export { shortcuts };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@una-ui/preset",
-  "version": "0.16.3-beta.1",
+  "version": "0.17.0-beta.1",
   "description": "The default preset for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",

package/una.css

@@ -1 +1 @@
-@import"@unocss/reset/tailwind-compat.css";:root{--una-primary-hex: #ca8a04;--una-primary-50: 254, 252, 232;--una-primary-100: 254, 249, 195;--una-primary-200: 254, 240, 138;--una-primary-300: 253, 224, 71;--una-primary-400: 250, 204, 21;--una-primary-500: 234, 179, 8;--una-primary-600: 202, 138, 4;--una-primary-700: 161, 98, 7;--una-primary-800: 133, 77, 14;--una-primary-900: 113, 63, 18;--una-primary-950: 66, 32, 6;--una-gray-hex: #57534e;--una-gray-50: 250, 250, 249;--una-gray-100: 245, 245, 244;--una-gray-200: 231, 229, 228;--una-gray-300: 214, 211, 209;--una-gray-400: 168, 162, 158;--una-gray-500: 120, 113, 108;--una-gray-600: 87, 83, 78;--una-gray-700: 68, 64, 60;--una-gray-800: 41, 37, 36;--una-gray-900: 28, 25, 23;--una-gray-950: 12, 10, 9}:root{--c-gray-0: rgb(255 255 255);--c-gray-50: rgb(var(--una-gray-50));--c-gray-100: rgb(var(--una-gray-100));--c-gray-200: rgb(var(--una-gray-200));--c-gray-300: rgb(var(--una-gray-300));--c-gray-400: rgb(var(--una-gray-400));--c-gray-500: rgb(var(--una-gray-500));--c-gray-600: rgb(var(--una-gray-600));--c-gray-700: rgb(var(--una-gray-700));--c-gray-800: rgb(var(--una-gray-800));--c-gray-900: rgb(var(--una-gray-900));--c-gray-950: rgb(var(--una-gray-950))}.dark{--c-gray-0: rgb(var(--una-gray-950));--c-gray-50: rgb(var(--una-gray-900));--c-gray-100: rgb(var(--una-gray-800));--c-gray-200: rgb(var(--una-gray-700));--c-gray-300: rgb(var(--una-gray-600));--c-gray-400: rgb(var(--una-gray-500));--c-gray-500: rgb(var(--una-gray-400));--c-gray-600: rgb(var(--una-gray-300));--c-gray-700: rgb(var(--una-gray-200));--c-gray-800: rgb(var(--una-gray-100));--c-gray-900: rgb(var(--una-gray-50));--c-gray-950: rgb(255 255 255)}:root{--una-font-size: 16px;--una-radius: 0.5rem;--c-brand: rgb(var(--una-primary-600));--una-primary: var(--una-primary-600);--una-primary-active: var(--una-primary-500);--una-gray: var(--una-gray-600);--una-gray-active: var(--una-gray-500);--c-background: rgb(255 255 255);--c-foreground: rgb(var(--una-gray-950));--c-muted: rgb(var(--una-gray-50));--c-muted-foreground: rgb(var(--una-gray-500));--c-accent: rgb(var(--una-gray-100));--c-accent-foreground: rgb(var(--una-gray-800));--c-popover: rgb(255 255 255);--c-popover-foreground: rgb(var(--una-gray-950));--c-border: rgb(var(--una-gray-200));--c-ring: rgb(var(--una-gray-200));--c-divider: rgb(var(--una-gray-200));--c-bg-selection: rgba(var(--una-primary-600), 0.2)}.dark{--c-brand: rgb(var(--una-primary-500));--una-primary: var(--una-primary-500);--una-primary-active: var(--una-primary-400);--una-gray: var(--una-gray-500);--una-gray-active: var(--una-gray-400);--c-background: rgb(var(--una-gray-950));--c-foreground: rgb(255 255 255);--c-muted: rgb(var(--una-gray-900));--c-muted-foreground: rgb(var(--una-gray-400));--c-accent: rgb(var(--una-gray-800));--c-accent-foreground: rgb(var(--una-gray-100));--c-popover: rgb(var(--una-gray-950));--c-popover-foreground: rgb(255 255 255);--c-border: rgba(var(--una-gray-700), .58);--c-ring: rgba(var(--una-gray-700), .58);--c-divider: rgba(var(--una-gray-700), .58);--c-bg-selection: rgba(var(--una-primary-500), 0.2)}html{font-size:var(--una-font-size, 16px);background-color:var(--c-background);color:var(--c-foreground);height:100dvh}html.dark{color-scheme:dark}::-moz-selection{background:var(--c-bg-selection)}::selection{background:var(--c-bg-selection)}*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}*{scrollbar-color:rgba(136,136,136,.3333333333) var(--c-border)}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar:horizontal{height:.5rem}::-webkit-scrollbar-track{background:var(--c-border);border-radius:var(--una-radius)}::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:calc(var(--una-radius) - 4px)}::-webkit-scrollbar-thumb:hover{background:var(--c-muted) !important}
+@import"@unocss/reset/tailwind-compat.css";:root{--una-primary-hex: #ca8a04;--una-primary-50: 254, 252, 232;--una-primary-100: 254, 249, 195;--una-primary-200: 254, 240, 138;--una-primary-300: 253, 224, 71;--una-primary-400: 250, 204, 21;--una-primary-500: 234, 179, 8;--una-primary-600: 202, 138, 4;--una-primary-700: 161, 98, 7;--una-primary-800: 133, 77, 14;--una-primary-900: 113, 63, 18;--una-primary-950: 66, 32, 6;--una-gray-hex: #57534e;--una-gray-50: 250, 250, 249;--una-gray-100: 245, 245, 244;--una-gray-200: 231, 229, 228;--una-gray-300: 214, 211, 209;--una-gray-400: 168, 162, 158;--una-gray-500: 120, 113, 108;--una-gray-600: 87, 83, 78;--una-gray-700: 68, 64, 60;--una-gray-800: 41, 37, 36;--una-gray-900: 28, 25, 23;--una-gray-950: 12, 10, 9}:root{--c-gray-0: rgb(255 255 255);--c-gray-50: rgb(var(--una-gray-50));--c-gray-100: rgb(var(--una-gray-100));--c-gray-200: rgb(var(--una-gray-200));--c-gray-300: rgb(var(--una-gray-300));--c-gray-400: rgb(var(--una-gray-400));--c-gray-500: rgb(var(--una-gray-500));--c-gray-600: rgb(var(--una-gray-600));--c-gray-700: rgb(var(--una-gray-700));--c-gray-800: rgb(var(--una-gray-800));--c-gray-900: rgb(var(--una-gray-900));--c-gray-950: rgb(var(--una-gray-950))}.dark{--c-gray-0: rgb(var(--una-gray-950));--c-gray-50: rgb(var(--una-gray-900));--c-gray-100: rgb(var(--una-gray-800));--c-gray-200: rgb(var(--una-gray-700));--c-gray-300: rgb(var(--una-gray-600));--c-gray-400: rgb(var(--una-gray-500));--c-gray-500: rgb(var(--una-gray-400));--c-gray-600: rgb(var(--una-gray-300));--c-gray-700: rgb(var(--una-gray-200));--c-gray-800: rgb(var(--una-gray-100));--c-gray-900: rgb(var(--una-gray-50));--c-gray-950: rgb(255 255 255)}:root{--una-font-size: 16px;--una-radius: 0.5rem;--c-brand: rgb(var(--una-primary-600));--una-primary: var(--una-primary-600);--una-primary-active: var(--una-primary-500);--una-gray: var(--una-gray-600);--una-gray-active: var(--una-gray-500);--c-background: rgb(255 255 255);--c-foreground: rgb(var(--una-gray-950));--c-muted: rgb(var(--una-gray-50));--c-muted-foreground: rgb(var(--una-gray-500));--c-accent: rgb(var(--una-gray-100));--c-accent-foreground: rgb(var(--una-gray-800));--c-popover: rgb(255 255 255);--c-popover-foreground: rgb(var(--una-gray-950));--c-border: rgb(var(--una-gray-200));--c-border-foreground: rgba(var(--una-gray-700), .58);--c-ring: rgb(var(--una-gray-200));--c-divider: rgb(var(--una-gray-200));--c-bg-selection: rgba(var(--una-primary-600), 0.2)}.dark{--c-brand: rgb(var(--una-primary-500));--una-primary: var(--una-primary-500);--una-primary-active: var(--una-primary-400);--una-gray: var(--una-gray-500);--una-gray-active: var(--una-gray-400);--c-background: rgb(var(--una-gray-950));--c-foreground: rgb(255 255 255);--c-muted: rgb(var(--una-gray-900));--c-muted-foreground: rgb(var(--una-gray-400));--c-accent: rgb(var(--una-gray-800));--c-accent-foreground: rgb(var(--una-gray-100));--c-popover: rgb(var(--una-gray-950));--c-popover-foreground: rgb(255 255 255);--c-border: rgba(var(--una-gray-700), .58);--c-border-foreground: rgb(var(--una-gray-200));--c-ring: rgba(var(--una-gray-700), .58);--c-divider: rgba(var(--una-gray-700), .58);--c-bg-selection: rgba(var(--una-primary-500), 0.2)}html{font-size:var(--una-font-size, 16px);background-color:var(--c-background);color:var(--c-foreground);height:100dvh}html.dark{color-scheme:dark}::-moz-selection{background:var(--c-bg-selection)}::selection{background:var(--c-bg-selection)}*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}*{scrollbar-color:rgba(136,136,136,.3333333333) var(--c-border)}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar:horizontal{height:.5rem}::-webkit-scrollbar-track{background:var(--c-border);border-radius:var(--una-radius)}::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:calc(var(--una-radius) - 4px)}::-webkit-scrollbar-thumb:hover{background:var(--c-muted) !important}