@una-ui/preset 0.13.0-beta.1 → 0.14.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/prefixes.cjs +1 -1
  2. package/dist/prefixes.mjs +1 -1
  3. package/dist/shortcuts.cjs +40 -1
  4. package/dist/shortcuts.mjs +40 -1
  5. package/package.json +1 -1
package/dist/prefixes.cjs CHANGED
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "theme-switcher", "checkbox", "form-group", "input", "radio", "slider", "switch", "nav-link", "nav-link-group", "table", "table-body", "table-caption", "table-cell", "table-empty", "table-footer", "table-head", "table-header", "table-loading", "table-root", "table-row", "card", "card-about", "card-content", "card-description", "card-footer", "card-header", "card-title", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "breadcrumb", "breadcrumb-ellipsis", "breadcrumb-item", "breadcrumb-link", "breadcrumb-list", "breadcrumb-root", "breadcrumb-separator", "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", "resize", "size", "btn", "breadcrumb-active", "breadcrumb-inactive"];
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", "link", "nav-link", "nav-link-group", "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"];
4
4
 
5
5
  module.exports = prefixes;
package/dist/prefixes.mjs CHANGED
@@ -1,3 +1,3 @@
1
- const prefixes = ["accordion", "alert", "avatar", "avatar-group", "badge", "button", "icon", "indicator", "kbd", "link", "progress", "separator", "skeleton", "theme-switcher", "checkbox", "form-group", "input", "radio", "slider", "switch", "nav-link", "nav-link-group", "table", "table-body", "table-caption", "table-cell", "table-empty", "table-footer", "table-head", "table-header", "table-loading", "table-root", "table-row", "card", "card-about", "card-content", "card-description", "card-footer", "card-header", "card-title", "tabs", "tabs-content", "tabs-list", "tabs-root", "tabs-trigger", "breadcrumb", "breadcrumb-ellipsis", "breadcrumb-item", "breadcrumb-link", "breadcrumb-list", "breadcrumb-root", "breadcrumb-separator", "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", "resize", "size", "btn", "breadcrumb-active", "breadcrumb-inactive"];
1
+ 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", "link", "nav-link", "nav-link-group", "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"];
2
2
 
3
3
  export { prefixes as default };
package/dist/shortcuts.cjs CHANGED
@@ -744,6 +744,44 @@ const breadcrumb = [
744
744
  staticBreadcrumb
745
745
  ];
746
746
 
747
+ const staticDropdownMenu = {
748
+ // configurations
749
+ "dropdown-menu": "",
750
+ "dropdown-menu-default-variant": "btn-solid-white",
751
+ // dropdown-menu-trigger
752
+ "dropdown-menu-trigger": "",
753
+ "dropdown-menu-trigger-leading": "",
754
+ "dropdown-menu-trigger-trailing": "ml-auto",
755
+ // dropdown-menu-content
756
+ "dropdown-menu-content": "z-50 min-w-32 overflow-hidden rounded-md border border-base bg-popover p-1 text-popover shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
757
+ // dropdown-menu-item
758
+ "dropdown-menu-item-base": "text-left transition-color focus-visible:outline-0",
759
+ "dropdown-menu-item-leading": "opacity-75 text-1.1em",
760
+ "dropdown-menu-item-trailing": "ml-auto opacity-75 text-1.1em",
761
+ // dropdown-menu-label
762
+ "dropdown-menu-label": "px-2 py-1.5 text-1em font-semibold",
763
+ // dropdown-menu-separator
764
+ "dropdown-menu-separator-root": "relative -mx-1",
765
+ "dropdown-menu-separator": "",
766
+ // dropdown-menu-shortcut
767
+ "dropdown-menu-shortcut": "pl-10 ml-auto text-0.875em tracking-widest n-disabled space-x-0.5",
768
+ // dropdown-menu-group
769
+ "dropdown-menu-group": "",
770
+ // dropdown-menu-sub
771
+ "dropdown-menu-sub-trigger": "transition-color focus-visible:outline-0",
772
+ "dropdown-menu-sub-trigger-leading": "opacity-75 text-1.1em",
773
+ "dropdown-menu-sub-trigger-trailing": "ml-auto opacity-75 text-1.1em",
774
+ "dropdown-menu-sub-content": "z-50 min-w-32 overflow-hidden rounded-md border border-base bg-popover p-1 text-popover shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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"
775
+ };
776
+ const dynamicDropdownMenu = [
777
+ [/^dropdown-menu-(\S+)-(\S+)$/, ([, v = "solid", c = "white"]) => `btn-${v}-${c}`],
778
+ [/^dropdown-menu-item(?:-(\S+))?$/, ([, c = "gray"]) => `focus:bg-${c}-100 focus:text-${c}-800 dark:focus:bg-${c}-800 dark:focus:text-${c}-100 data-[state=open]:bg-${c}-100 dark:data-[state=open]:bg-${c}-800`]
779
+ ];
780
+ const dropdowMenu = [
781
+ ...dynamicDropdownMenu,
782
+ staticDropdownMenu
783
+ ];
784
+
747
785
  const shortcuts = [
748
786
  ...general,
749
787
  ...breadcrumb,
@@ -771,7 +809,8 @@ const shortcuts = [
771
809
  ...select,
772
810
  ...separator,
773
811
  ...card,
774
- ...table
812
+ ...table,
813
+ ...dropdowMenu
775
814
  ];
776
815
 
777
816
  exports.shortcuts = shortcuts;
package/dist/shortcuts.mjs CHANGED
@@ -742,6 +742,44 @@ const breadcrumb = [
742
742
  staticBreadcrumb
743
743
  ];
744
744
 
745
+ const staticDropdownMenu = {
746
+ // configurations
747
+ "dropdown-menu": "",
748
+ "dropdown-menu-default-variant": "btn-solid-white",
749
+ // dropdown-menu-trigger
750
+ "dropdown-menu-trigger": "",
751
+ "dropdown-menu-trigger-leading": "",
752
+ "dropdown-menu-trigger-trailing": "ml-auto",
753
+ // dropdown-menu-content
754
+ "dropdown-menu-content": "z-50 min-w-32 overflow-hidden rounded-md border border-base bg-popover p-1 text-popover shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
755
+ // dropdown-menu-item
756
+ "dropdown-menu-item-base": "text-left transition-color focus-visible:outline-0",
757
+ "dropdown-menu-item-leading": "opacity-75 text-1.1em",
758
+ "dropdown-menu-item-trailing": "ml-auto opacity-75 text-1.1em",
759
+ // dropdown-menu-label
760
+ "dropdown-menu-label": "px-2 py-1.5 text-1em font-semibold",
761
+ // dropdown-menu-separator
762
+ "dropdown-menu-separator-root": "relative -mx-1",
763
+ "dropdown-menu-separator": "",
764
+ // dropdown-menu-shortcut
765
+ "dropdown-menu-shortcut": "pl-10 ml-auto text-0.875em tracking-widest n-disabled space-x-0.5",
766
+ // dropdown-menu-group
767
+ "dropdown-menu-group": "",
768
+ // dropdown-menu-sub
769
+ "dropdown-menu-sub-trigger": "transition-color focus-visible:outline-0",
770
+ "dropdown-menu-sub-trigger-leading": "opacity-75 text-1.1em",
771
+ "dropdown-menu-sub-trigger-trailing": "ml-auto opacity-75 text-1.1em",
772
+ "dropdown-menu-sub-content": "z-50 min-w-32 overflow-hidden rounded-md border border-base bg-popover p-1 text-popover shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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"
773
+ };
774
+ const dynamicDropdownMenu = [
775
+ [/^dropdown-menu-(\S+)-(\S+)$/, ([, v = "solid", c = "white"]) => `btn-${v}-${c}`],
776
+ [/^dropdown-menu-item(?:-(\S+))?$/, ([, c = "gray"]) => `focus:bg-${c}-100 focus:text-${c}-800 dark:focus:bg-${c}-800 dark:focus:text-${c}-100 data-[state=open]:bg-${c}-100 dark:data-[state=open]:bg-${c}-800`]
777
+ ];
778
+ const dropdowMenu = [
779
+ ...dynamicDropdownMenu,
780
+ staticDropdownMenu
781
+ ];
782
+
745
783
  const shortcuts = [
746
784
  ...general,
747
785
  ...breadcrumb,
@@ -769,7 +807,8 @@ const shortcuts = [
769
807
  ...select,
770
808
  ...separator,
771
809
  ...card,
772
- ...table
810
+ ...table,
811
+ ...dropdowMenu
773
812
  ];
774
813
 
775
814
  export { shortcuts };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@una-ui/preset",
3
- "version": "0.13.0-beta.1",
3
+ "version": "0.14.0-beta.1",
4
4
  "description": "The default preset for @una-ui",
5
5
  "author": "Phojie Rengel <phojrengel@gmail.com>",
6
6
  "license": "MIT",