@hyphen/hyphen-components 2.23.0 → 2.24.0

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuRadioGroup, };

package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { DropdownMenu } from './DropdownMenu';
+declare const meta: Meta<typeof DropdownMenu>;
+export default meta;
+type Story = StoryObj<typeof DropdownMenu>;
+export declare const Uncontrolled: () => React.JSX.Element;
+export declare const Controlled: () => React.JSX.Element;
+export declare const ClickOpenDropdown: Story;

package/dist/css/utilities.css

@@ -3,7 +3,7 @@
   \***************************************************************************************************************************/
 /**
  * Do not edit directly
- * Generated on Mon, 11 Nov 2024 23:50:35 GMT
+ * Generated on Wed, 13 Nov 2024 18:41:41 GMT
  */
 
 .font-family-monospace { font-family: var(--assets-font-family-monospace); }
@@ -732,6 +732,42 @@
 
 .focus\:font-color-brand-dark-purple:focus { color: var(--color-font-brand-dark-purple); }
 
+.tdl-none { text-decoration-line: var(--font-text-decoration-line-none); }
+
+.hover\:tdl-none:hover { text-decoration-line: var(--font-text-decoration-line-none); }
+
+.focus\:tdl-none:focus { text-decoration-line: var(--font-text-decoration-line-none); }
+
+.tdl-underline { text-decoration-line: var(--font-text-decoration-line-underline); }
+
+.hover\:tdl-underline:hover { text-decoration-line: var(--font-text-decoration-line-underline); }
+
+.focus\:tdl-underline:focus { text-decoration-line: var(--font-text-decoration-line-underline); }
+
+.tdl-line-through { text-decoration-line: var(--font-text-decoration-line-line-through); }
+
+.hover\:tdl-line-through:hover { text-decoration-line: var(--font-text-decoration-line-line-through); }
+
+.focus\:tdl-line-through:focus { text-decoration-line: var(--font-text-decoration-line-line-through); }
+
+.tds-solid { text-decoration-style: var(--font-text-decoration-style-solid); }
+
+.tds-double { text-decoration-style: var(--font-text-decoration-style-double); }
+
+.tds-dotted { text-decoration-style: var(--font-text-decoration-style-dotted); }
+
+.tds-dashed { text-decoration-style: var(--font-text-decoration-style-dashed); }
+
+.tds-wavy { text-decoration-style: var(--font-text-decoration-style-wavy); }
+
+.transform-uppercase { text-transform: var(--font-text-transform-uppercase); }
+
+.transform-lowercase { text-transform: var(--font-text-transform-lowercase); }
+
+.transform-capitalize { text-transform: var(--font-text-transform-capitalize); }
+
+.transform-normal-case { text-transform: var(--font-text-transform-normal-case); }
+
 .bw-0 { border-width: var(--size-border-width-0); border-style: solid; }
 
 .bw-top-0 { border-top-width: var(--size-border-width-0); border-top-style: solid; }
@@ -1426,6 +1462,16 @@
 
 .focus\:heading-6xl:focus { font-size: var(--size-heading-6xl); }
 
+.lh-none { line-height: var(--size-line-height-none); }
+
+.lh-base { line-height: var(--size-line-height-base); }
+
+.lh-input { line-height: var(--size-line-height-input); }
+
+.lh-heading { line-height: var(--size-line-height-heading); }
+
+.lh-text { line-height: var(--size-line-height-text); }
+
 .m-0 { margin: var(--size-spacing-0); }
 
 .m-top-0 { margin-top: var(--size-spacing-0); }
@@ -1816,16 +1862,28 @@
 
 .z-index-0 { z-index: var(--size-z-index-0); }
 
+.z-0 { z-index: var(--size-z-index-0); }
+
 .z-index-popover { z-index: var(--size-z-index-popover); }
 
+.z-popover { z-index: var(--size-z-index-popover); }
+
 .z-index-modal { z-index: var(--size-z-index-modal); }
 
+.z-modal { z-index: var(--size-z-index-modal); }
+
 .z-index-overlay { z-index: var(--size-z-index-overlay); }
 
+.z-overlay { z-index: var(--size-z-index-overlay); }
+
 .z-index-drawer { z-index: var(--size-z-index-drawer); }
 
+.z-drawer { z-index: var(--size-z-index-drawer); }
+
 .z-index-sticky { z-index: var(--size-z-index-sticky); }
 
+.z-sticky { z-index: var(--size-z-index-sticky); }
+
 @media (min-width: 680px) {
   .bw-0-tablet { border-width: var(--size-border-width-0); border-style: solid; }
 
@@ -6174,3 +6232,6 @@
     position: initial;
   }
 }
+.outline-none {
+  outline: none;
+}

package/dist/css/variables.css

@@ -3,7 +3,7 @@
   \*********************************************************************************************************************/
 /**
  * Do not edit directly
- * Generated on Mon, 11 Nov 2024 23:50:35 GMT
+ * Generated on Wed, 13 Nov 2024 18:41:41 GMT
  */
 
 :root {
@@ -203,6 +203,18 @@
   --color-font-brand-light-purple: #b47dff;
   --color-font-brand-medium-purple: #4b32aa;
   --color-font-brand-dark-purple: #1e1e5a;
+  --font-text-decoration-line-none: none;
+  --font-text-decoration-line-underline: underline;
+  --font-text-decoration-line-line-through: line-through;
+  --font-text-decoration-style-solid: solid;
+  --font-text-decoration-style-double: double;
+  --font-text-decoration-style-dotted: dotted;
+  --font-text-decoration-style-dashed: dashed;
+  --font-text-decoration-style-wavy: wavy;
+  --font-text-transform-uppercase: uppercase;
+  --font-text-transform-lowercase: lowercase;
+  --font-text-transform-capitalize: capitalize;
+  --font-text-transform-normal-case: normal-case;
   --size-border-width-0: 0rem;
   --size-border-width-sm: 0.0625rem;
   --size-border-width-md: 0.125rem;
@@ -285,6 +297,7 @@
   --size-heading-4xl: 3.5rem;
   --size-heading-5xl: 4rem;
   --size-heading-6xl: 4.5rem;
+  --size-line-height-none: 1;
   --size-line-height-base: 1.25;
   --size-line-height-input: 1.15; /* for use by form inputs */
   --size-line-height-heading: 1.25; /* the line-height for headings */
@@ -314,7 +327,7 @@
   \*******************************************************************************************************************************/
 /**
  * Do not edit directly
- * Generated on Mon, 11 Nov 2024 23:50:35 GMT
+ * Generated on Wed, 13 Nov 2024 18:41:41 GMT
  */
 
 :root.dark {