@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.
@@ -6,7 +6,7 @@
6
6
  flex-shrink: 0;
7
7
  inline-size: var(--avatar-size);
8
8
  block-size: var(--avatar-size);
9
- font-family: 'Roboto', sans-serif;
9
+ font-family: Roboto, sans-serif;
10
10
  border-radius: 50%;
11
11
  position: relative;
12
12
  overflow: visible;
@@ -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,
@@ -6,6 +6,5 @@
6
6
  --z-index-modal: 1000;
7
7
  --z-index-popover: 1000;
8
8
  --z-index-snackbar: 1100;
9
- --z-index-livespace: 9999;
10
- --z-index-chat: 99999;
9
+ --z-index-chat: 9999;
11
10
  }
@@ -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-livespace", "--z-index-chat"];
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"];
@@ -150,7 +150,6 @@ exports.zIndex = [
150
150
  '--z-index-modal',
151
151
  '--z-index-popover',
152
152
  '--z-index-snackbar',
153
- '--z-index-livespace',
154
153
  '--z-index-chat',
155
154
  ];
156
155
  exports.space = [
@@ -6,7 +6,7 @@
6
6
  flex-shrink: 0;
7
7
  inline-size: var(--avatar-size);
8
8
  block-size: var(--avatar-size);
9
- font-family: 'Roboto', sans-serif;
9
+ font-family: Roboto, sans-serif;
10
10
  border-radius: 50%;
11
11
  position: relative;
12
12
  overflow: visible;
@@ -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,
@@ -6,6 +6,5 @@
6
6
  --z-index-modal: 1000;
7
7
  --z-index-popover: 1000;
8
8
  --z-index-snackbar: 1100;
9
- --z-index-livespace: 9999;
10
- --z-index-chat: 99999;
9
+ --z-index-chat: 9999;
11
10
  }
@@ -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-livespace", "--z-index-chat"];
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"];
@@ -147,7 +147,6 @@ export var zIndex = [
147
147
  '--z-index-modal',
148
148
  '--z-index-popover',
149
149
  '--z-index-snackbar',
150
- '--z-index-livespace',
151
150
  '--z-index-chat',
152
151
  ];
153
152
  export var space = [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ozen-ui/kit",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "React component library",
5
5
  "files": [
6
6
  "*"