@hyphen/hyphen-components 6.3.0 → 6.5.0
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.
- package/dist/components/Sidebar/Sidebar.d.ts +1 -1
- package/dist/css/utilities.css +1 -1
- package/dist/css/variables.css +2 -2
- package/dist/hyphen-components.cjs.development.js +16 -9
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +16 -9
- package/dist/hyphen-components.esm.js.map +1 -1
- package/dist/lib/tokens.d.ts +1 -1
- package/package.json +13 -13
- package/src/components/Drawer/Drawer.tsx +12 -2
|
@@ -29,7 +29,7 @@ declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.Detail
|
|
|
29
29
|
declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
30
30
|
asChild?: boolean | undefined;
|
|
31
31
|
isActive?: boolean | undefined;
|
|
32
|
-
icon?: "code" | "link" | "menu" | "search" | "circle" | "filter" | "key" | "add" | "alarm-disable" | "alarm" | "analytics" | "app-window" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrows-maximize" | "at" | "ban" | "block" | "blocks" | "book-open" | "c-add" | "c-check" | "c-delete" | "c-in-progress" | "c-info" | "c-question" | "c-remove" | "c-user" | "c-warning" | "calendar-create" | "calendar" | "camera" | "caret-down" | "caret-left" | "caret-right" | "caret-sm-down" | "caret-sm-left" | "caret-sm-right" | "caret-sm-up" | "caret-up-down" | "caret-up" | "chart-bar" | "chart-line" | "chat" | "check" | "checkbox-btn-checked" | "checkbox-btn-indeterminate" | "checkbox-btn" | "circle-filled" | "clipboard" | "cloud" | "command-line" | "computer" | "contact" | "copy-document" | "cpu" | "dashboard" | "database" | "dock-left" | "document" | "dots" | "download" | "electricity-bolt" | "exclamation-mark" | "eye-slash" | "eye" | "flag" | "folder" | "gear" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "grab" | "hash-mark" | "heart-o" | "heart" | "home" | "info" | "integrations" | "launch-app" | "lightbulb" | "list" | "lock" | "logo-deploy" | "logo-env" | "logo-github" | "logo-link" | "logo-netinfo" | "logo-toggle" | "logout" | "mail" | "memory" | "microphone" | "minus" | "moon" | "paperclip" | "path-intersect" | "pause" | "pc" | "pencil" | "phone" | "photo" | "play" | "qr-code" | "radio-btn-checked" | "radio-btn-unchecked" | "refresh" | "remove" | "rewind" | "send" | "settings" | "skip" | "ssd" | "stack" | "star-o" | "star" | "stopwatch" | "subtract" | "sun" | "t-warning" | "tag" | "terminal" | "time-alarm" | "time-clock" | "trash" | "unlocked" | "upload" | "user-create" | "user" | "users" | "wifi-off" | "wifi" | "zoom-in" | "zoom-out" | undefined;
|
|
32
|
+
icon?: "code" | "link" | "menu" | "search" | "circle" | "filter" | "key" | "add" | "alarm-disable" | "alarm" | "analytics" | "app-window" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrows-maximize" | "at" | "ban" | "block" | "blocks" | "book-open" | "c-add" | "c-check" | "c-delete" | "c-in-progress" | "c-info" | "c-question" | "c-remove" | "c-user" | "c-warning" | "calendar-create" | "calendar" | "camera" | "caret-down" | "caret-left" | "caret-right" | "caret-sm-down" | "caret-sm-left" | "caret-sm-right" | "caret-sm-up" | "caret-up-down" | "caret-up" | "chart-bar" | "chart-line" | "chat" | "check" | "checkbox-btn-checked" | "checkbox-btn-indeterminate" | "checkbox-btn" | "circle-filled" | "clipboard" | "cloud" | "command-line" | "computer" | "contact" | "copy-document" | "cpu" | "dashboard" | "database" | "dock-left" | "document" | "dots" | "download" | "electricity-bolt" | "exclamation-mark" | "eye-slash" | "eye" | "flag" | "folder" | "gear" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "grab" | "hash-mark" | "heart-o" | "heart" | "home" | "info" | "integrations" | "launch-app" | "lightbulb" | "list" | "lock" | "logo-code" | "logo-deploy" | "logo-env" | "logo-github" | "logo-link" | "logo-netinfo" | "logo-toggle" | "logout" | "mail" | "memory" | "microphone" | "minus" | "moon" | "paperclip" | "path-intersect" | "pause" | "pc" | "pencil" | "phone" | "photo" | "play" | "qr-code" | "radio-btn-checked" | "radio-btn-unchecked" | "refresh" | "remove" | "rewind" | "send" | "settings" | "skip" | "ssd" | "stack" | "star-o" | "star" | "stopwatch" | "subtract" | "sun" | "t-warning" | "tag" | "terminal" | "time-alarm" | "time-clock" | "trash" | "unlocked" | "upload" | "user-create" | "user" | "users" | "wifi-off" | "wifi" | "zoom-in" | "zoom-out" | undefined;
|
|
33
33
|
tooltip?: string | (Omit<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) | undefined;
|
|
34
34
|
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
35
35
|
declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/css/utilities.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\***************************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Mon, 22 Sep 2025 20:11:46 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
.font-family-monospace { font-family: var(--assets-font-family-monospace); }
|
package/dist/css/variables.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\*********************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Mon, 22 Sep 2025 20:11:46 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
:root {
|
|
@@ -368,7 +368,7 @@
|
|
|
368
368
|
\*******************************************************************************************************************************/
|
|
369
369
|
/**
|
|
370
370
|
* Do not edit directly
|
|
371
|
-
* Generated on
|
|
371
|
+
* Generated on Mon, 22 Sep 2025 20:11:46 GMT
|
|
372
372
|
*/
|
|
373
373
|
|
|
374
374
|
:root.dark {
|
|
@@ -1947,8 +1947,9 @@ var styles$l = {"drawer":"Drawer-module_drawer__IKoOm","hide-overlay-right":"Dra
|
|
|
1947
1947
|
var _excluded$v = ["defaultIsOpen", "open", "onOpenChange", "className", "children"],
|
|
1948
1948
|
_excluded2$3 = ["asChild", "onClick"],
|
|
1949
1949
|
_excluded3$2 = ["className"],
|
|
1950
|
-
_excluded4$2 = ["className"
|
|
1951
|
-
_excluded5$2 = ["className"]
|
|
1950
|
+
_excluded4$2 = ["className"],
|
|
1951
|
+
_excluded5$2 = ["className", "onClick", "onClose"],
|
|
1952
|
+
_excluded6$2 = ["className"];
|
|
1952
1953
|
var DrawerContext = /*#__PURE__*/React.createContext(null);
|
|
1953
1954
|
function useDrawer() {
|
|
1954
1955
|
var context = React.useContext(DrawerContext);
|
|
@@ -2120,7 +2121,8 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
|
|
|
2120
2121
|
}, children)))));
|
|
2121
2122
|
});
|
|
2122
2123
|
var DrawerHeader = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
|
|
2123
|
-
var
|
|
2124
|
+
var className = _ref4.className,
|
|
2125
|
+
props = _objectWithoutPropertiesLoose(_ref4, _excluded3$2);
|
|
2124
2126
|
return React.createElement(Box, _extends({
|
|
2125
2127
|
ref: ref,
|
|
2126
2128
|
"data-drawer": "header",
|
|
@@ -2130,23 +2132,26 @@ var DrawerHeader = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
|
|
|
2130
2132
|
padding: {
|
|
2131
2133
|
base: '2xl 2xl 0 2xl',
|
|
2132
2134
|
tablet: '3xl 3xl 0 3xl'
|
|
2133
|
-
}
|
|
2135
|
+
},
|
|
2136
|
+
className: className
|
|
2134
2137
|
}, props));
|
|
2135
2138
|
});
|
|
2136
2139
|
DrawerHeader.displayName = 'DrawerHeader';
|
|
2137
2140
|
var DrawerTitle = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
|
|
2138
|
-
var
|
|
2141
|
+
var className = _ref5.className,
|
|
2142
|
+
props = _objectWithoutPropertiesLoose(_ref5, _excluded4$2);
|
|
2139
2143
|
return React.createElement(Box, _extends({
|
|
2140
2144
|
ref: ref,
|
|
2141
2145
|
"data-drawer": "title",
|
|
2142
|
-
fontWeight: "bold"
|
|
2146
|
+
fontWeight: "bold",
|
|
2147
|
+
className: className
|
|
2143
2148
|
}, props));
|
|
2144
2149
|
});
|
|
2145
2150
|
var DrawerCloseButton = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
|
|
2146
2151
|
var className = _ref6.className,
|
|
2147
2152
|
onClick = _ref6.onClick,
|
|
2148
2153
|
onClose = _ref6.onClose,
|
|
2149
|
-
rest = _objectWithoutPropertiesLoose(_ref6,
|
|
2154
|
+
rest = _objectWithoutPropertiesLoose(_ref6, _excluded5$2);
|
|
2150
2155
|
var context = React.useContext(DrawerContext);
|
|
2151
2156
|
var isStandalone = !context;
|
|
2152
2157
|
var handleClick = function handleClick(event) {
|
|
@@ -2173,7 +2178,8 @@ var DrawerCloseButton = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
|
|
|
2173
2178
|
});
|
|
2174
2179
|
DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
2175
2180
|
var DrawerContent = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
|
|
2176
|
-
var
|
|
2181
|
+
var className = _ref7.className,
|
|
2182
|
+
props = _objectWithoutPropertiesLoose(_ref7, _excluded6$2);
|
|
2177
2183
|
return React.createElement(Box, _extends({
|
|
2178
2184
|
ref: ref,
|
|
2179
2185
|
"data-drawer": "content",
|
|
@@ -2184,7 +2190,8 @@ var DrawerContent = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
|
|
|
2184
2190
|
base: '2xl',
|
|
2185
2191
|
tablet: '3xl'
|
|
2186
2192
|
},
|
|
2187
|
-
gap: "md"
|
|
2193
|
+
gap: "md",
|
|
2194
|
+
className: className
|
|
2188
2195
|
}, props));
|
|
2189
2196
|
});
|
|
2190
2197
|
|