@ozen-ui/kit 0.0.1 → 0.0.2
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/__inner__/cjs/components/Avatar/Avatar.css +1 -1
- package/__inner__/cjs/components/List/components/ListItemButton/ListItemButton.js +2 -0
- package/__inner__/cjs/components/Select/Select.js +2 -4
- package/__inner__/cjs/components/ThemeProvider/_zIndex/Theme_zIndex_ozenDefault.css +1 -2
- package/__inner__/cjs/components/ThemeProvider/themes/helper.d.ts +1 -1
- package/__inner__/cjs/components/ThemeProvider/themes/helper.js +0 -1
- package/__inner__/esm/components/Avatar/Avatar.css +1 -1
- package/__inner__/esm/components/List/components/ListItemButton/ListItemButton.js +2 -0
- package/__inner__/esm/components/Select/Select.js +2 -4
- package/__inner__/esm/components/ThemeProvider/_zIndex/Theme_zIndex_ozenDefault.css +1 -2
- package/__inner__/esm/components/ThemeProvider/themes/helper.d.ts +1 -1
- package/__inner__/esm/components/ThemeProvider/themes/helper.js +0 -1
- package/package.json +1 -1
|
@@ -29,10 +29,12 @@ exports.ListItemButton = (0, polymorphicComponentWithRef_1.polymorphicComponentW
|
|
|
29
29
|
var additionalTagProps = (0, react_1.useMemo)(function () {
|
|
30
30
|
if (Tag === 'button')
|
|
31
31
|
return {
|
|
32
|
+
disabled: disabled,
|
|
32
33
|
onKeyDown: onKeyDownProp
|
|
33
34
|
};
|
|
34
35
|
var commonAdditionalProps = {
|
|
35
36
|
role: 'button',
|
|
37
|
+
'aria-disabled': disabled,
|
|
36
38
|
onKeyDown: onKeyDownProp
|
|
37
39
|
};
|
|
38
40
|
if (Tag === 'div') {
|
|
@@ -112,13 +112,11 @@ exports.Select = (0, react_1.forwardRef)(function (inProps, ref) {
|
|
|
112
112
|
? child.props.children || child.props.label
|
|
113
113
|
: child.props.label;
|
|
114
114
|
var selected = valueState === child.props.value;
|
|
115
|
-
var props = {
|
|
116
|
-
onClick: function (event) {
|
|
115
|
+
var props = tslib_1.__assign(tslib_1.__assign({}, child.props), { onClick: function (event) {
|
|
117
116
|
var _a, _b;
|
|
118
117
|
handleChange(event, child.props.value || '');
|
|
119
118
|
(_b = (_a = child.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
|
120
|
-
}
|
|
121
|
-
};
|
|
119
|
+
} });
|
|
122
120
|
if (selected) {
|
|
123
121
|
currentOption = {
|
|
124
122
|
label: label,
|
|
@@ -3,7 +3,7 @@ export declare const borderRadius: readonly ["--border-radius-l", "--border-radi
|
|
|
3
3
|
export declare const borderWidth: readonly ["--border-width-s", "--border-width-m"];
|
|
4
4
|
export declare const shadow: readonly ["--shadow-l", "--shadow-m", "--shadow-s"];
|
|
5
5
|
export declare const breakpoint: readonly ["--breakpoint-xs", "--breakpoint-s", "--breakpoint-m", "--breakpoint-l"];
|
|
6
|
-
export declare const zIndex: readonly ["--z-index-default", "--z-index-absolute", "--z-index-header", "--z-index-sidebar", "--z-index-modal", "--z-index-popover", "--z-index-snackbar", "--z-index-
|
|
6
|
+
export declare const zIndex: readonly ["--z-index-default", "--z-index-absolute", "--z-index-header", "--z-index-sidebar", "--z-index-modal", "--z-index-popover", "--z-index-snackbar", "--z-index-chat"];
|
|
7
7
|
export declare const space: readonly ["--space-8xl", "--space-7xl", "--space-6xl", "--space-5xl", "--space-4xl", "--space-3xl", "--space-2xl", "--space-xl", "--space-l", "--space-m", "--space-s", "--space-xs"];
|
|
8
8
|
export declare const typography: readonly ["--typography-text-4xl_1-font", "--typography-text-3xl_1-font", "--typography-text-2xl_1-font", "--typography-text-xl_1-font", "--typography-heading-4xl-font", "--typography-text-4xl-font", "--typography-heading-3xl-font", "--typography-text-3xl-font", "--typography-heading-2xl-font", "--typography-text-2xl-font", "--typography-heading-xl-font", "--typography-text-xl-font", "--typography-text-l-font", "--typography-text-l_1-font", "--typography-text-m-font", "--typography-text-m_1-font", "--typography-text-s-font", "--typography-text-s_1-font", "--typography-text-xs-font", "--typography-text-xs_1-font", "--typography-text-2xs-font", "--typography-text-2xs_1-font", "--typography-text-3xs-font", "--typography-caption-3xs-font", "--typography-caption-3xs-text_transform", "--typography-caption-3xs-letter_spacing", "--typography-text-3xs_1-font", "--typography-caption-3xs_1-font", "--typography-caption-3xs_1-text_transform", "--typography-caption-3xs_1-letter_spacing"];
|
|
9
9
|
export declare const transition: readonly ["--transition-default", "--transition-slow"];
|
|
@@ -26,10 +26,12 @@ export var ListItemButton = polymorphicComponentWithRef(function (inProps, ref)
|
|
|
26
26
|
var additionalTagProps = useMemo(function () {
|
|
27
27
|
if (Tag === 'button')
|
|
28
28
|
return {
|
|
29
|
+
disabled: disabled,
|
|
29
30
|
onKeyDown: onKeyDownProp
|
|
30
31
|
};
|
|
31
32
|
var commonAdditionalProps = {
|
|
32
33
|
role: 'button',
|
|
34
|
+
'aria-disabled': disabled,
|
|
33
35
|
onKeyDown: onKeyDownProp
|
|
34
36
|
};
|
|
35
37
|
if (Tag === 'div') {
|
|
@@ -109,13 +109,11 @@ export var Select = forwardRef(function (inProps, ref) {
|
|
|
109
109
|
? child.props.children || child.props.label
|
|
110
110
|
: child.props.label;
|
|
111
111
|
var selected = valueState === child.props.value;
|
|
112
|
-
var props = {
|
|
113
|
-
onClick: function (event) {
|
|
112
|
+
var props = __assign(__assign({}, child.props), { onClick: function (event) {
|
|
114
113
|
var _a, _b;
|
|
115
114
|
handleChange(event, child.props.value || '');
|
|
116
115
|
(_b = (_a = child.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
|
117
|
-
}
|
|
118
|
-
};
|
|
116
|
+
} });
|
|
119
117
|
if (selected) {
|
|
120
118
|
currentOption = {
|
|
121
119
|
label: label,
|
|
@@ -3,7 +3,7 @@ export declare const borderRadius: readonly ["--border-radius-l", "--border-radi
|
|
|
3
3
|
export declare const borderWidth: readonly ["--border-width-s", "--border-width-m"];
|
|
4
4
|
export declare const shadow: readonly ["--shadow-l", "--shadow-m", "--shadow-s"];
|
|
5
5
|
export declare const breakpoint: readonly ["--breakpoint-xs", "--breakpoint-s", "--breakpoint-m", "--breakpoint-l"];
|
|
6
|
-
export declare const zIndex: readonly ["--z-index-default", "--z-index-absolute", "--z-index-header", "--z-index-sidebar", "--z-index-modal", "--z-index-popover", "--z-index-snackbar", "--z-index-
|
|
6
|
+
export declare const zIndex: readonly ["--z-index-default", "--z-index-absolute", "--z-index-header", "--z-index-sidebar", "--z-index-modal", "--z-index-popover", "--z-index-snackbar", "--z-index-chat"];
|
|
7
7
|
export declare const space: readonly ["--space-8xl", "--space-7xl", "--space-6xl", "--space-5xl", "--space-4xl", "--space-3xl", "--space-2xl", "--space-xl", "--space-l", "--space-m", "--space-s", "--space-xs"];
|
|
8
8
|
export declare const typography: readonly ["--typography-text-4xl_1-font", "--typography-text-3xl_1-font", "--typography-text-2xl_1-font", "--typography-text-xl_1-font", "--typography-heading-4xl-font", "--typography-text-4xl-font", "--typography-heading-3xl-font", "--typography-text-3xl-font", "--typography-heading-2xl-font", "--typography-text-2xl-font", "--typography-heading-xl-font", "--typography-text-xl-font", "--typography-text-l-font", "--typography-text-l_1-font", "--typography-text-m-font", "--typography-text-m_1-font", "--typography-text-s-font", "--typography-text-s_1-font", "--typography-text-xs-font", "--typography-text-xs_1-font", "--typography-text-2xs-font", "--typography-text-2xs_1-font", "--typography-text-3xs-font", "--typography-caption-3xs-font", "--typography-caption-3xs-text_transform", "--typography-caption-3xs-letter_spacing", "--typography-text-3xs_1-font", "--typography-caption-3xs_1-font", "--typography-caption-3xs_1-text_transform", "--typography-caption-3xs_1-letter_spacing"];
|
|
9
9
|
export declare const transition: readonly ["--transition-default", "--transition-slow"];
|