@ozen-ui/kit 0.6.0 → 0.7.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.
Files changed (86) hide show
  1. package/Paper/package.json +5 -0
  2. package/__inner__/cjs/components/Alert/Alert.css +0 -5
  3. package/__inner__/cjs/components/Alert/Alert.js +3 -2
  4. package/__inner__/cjs/components/Breadcrumbs/Breadcrumbs.css +4 -0
  5. package/__inner__/cjs/components/Card/Card.css +9 -21
  6. package/__inner__/cjs/components/Card/Card.d.ts +3 -4
  7. package/__inner__/cjs/components/Card/Card.js +11 -1
  8. package/__inner__/cjs/components/Dialog/Dialog.css +0 -2
  9. package/__inner__/cjs/components/Dialog/Dialog.d.ts +21 -1
  10. package/__inner__/cjs/components/Drawer/Drawer.css +0 -1
  11. package/__inner__/cjs/components/Drawer/Drawer.d.ts +23 -1
  12. package/__inner__/cjs/components/Menu/components/MenuItem/MenuItem.js +3 -2
  13. package/__inner__/cjs/components/Modal/Modal.css +4 -3
  14. package/__inner__/cjs/components/Modal/Modal.d.ts +58 -5
  15. package/__inner__/cjs/components/Modal/Modal.js +2 -1
  16. package/__inner__/cjs/components/Paper/Paper.css +44 -0
  17. package/__inner__/cjs/components/Paper/Paper.d.ts +19 -0
  18. package/__inner__/cjs/components/Paper/Paper.js +25 -0
  19. package/__inner__/cjs/components/Paper/index.d.ts +1 -0
  20. package/__inner__/cjs/components/Paper/index.js +4 -0
  21. package/__inner__/cjs/components/Popover/Popover.css +1 -11
  22. package/__inner__/cjs/components/Popover/Popover.d.ts +2 -3
  23. package/__inner__/cjs/components/Popover/Popover.js +4 -3
  24. package/__inner__/cjs/components/Popover/components/PopoverArrow.js +2 -2
  25. package/__inner__/cjs/components/Popover/components/types.d.ts +0 -3
  26. package/__inner__/cjs/components/Popover/components/types.js +1 -2
  27. package/__inner__/cjs/components/Popover/constants.d.ts +1 -0
  28. package/__inner__/cjs/components/Popover/constants.js +3 -1
  29. package/__inner__/cjs/components/Popover/types.d.ts +8 -4
  30. package/__inner__/cjs/components/Portal/Portal.d.ts +8 -8
  31. package/__inner__/cjs/components/Portal/Portal.js +7 -6
  32. package/__inner__/cjs/components/Snackbar/SnackbarProvider.d.ts +4 -1
  33. package/__inner__/cjs/components/Snackbar/components/Snackbar/Snackbar.d.ts +6 -1
  34. package/__inner__/cjs/components/ThemeProvider/ThemeProvider.d.ts +2 -1
  35. package/__inner__/cjs/components/ThemeProvider/types.d.ts +2 -0
  36. package/__inner__/cjs/components/Tooltip/Tooltip.css +11 -16
  37. package/__inner__/cjs/components/Tooltip/Tooltip.js +1 -2
  38. package/__inner__/cjs/components/Tooltip/constants.d.ts +1 -0
  39. package/__inner__/cjs/components/Tooltip/constants.js +3 -1
  40. package/__inner__/cjs/components/Tooltip/types.d.ts +3 -2
  41. package/__inner__/cjs/components/Typography/Typography.css +36 -0
  42. package/__inner__/cjs/components/Typography/Typography.d.ts +1 -1
  43. package/__inner__/cjs/components/Typography/Typography.js +12 -0
  44. package/__inner__/esm/components/Alert/Alert.css +0 -5
  45. package/__inner__/esm/components/Alert/Alert.js +3 -2
  46. package/__inner__/esm/components/Breadcrumbs/Breadcrumbs.css +4 -0
  47. package/__inner__/esm/components/Card/Card.css +9 -21
  48. package/__inner__/esm/components/Card/Card.d.ts +3 -4
  49. package/__inner__/esm/components/Card/Card.js +11 -1
  50. package/__inner__/esm/components/Dialog/Dialog.css +0 -2
  51. package/__inner__/esm/components/Dialog/Dialog.d.ts +21 -1
  52. package/__inner__/esm/components/Drawer/Drawer.css +0 -1
  53. package/__inner__/esm/components/Drawer/Drawer.d.ts +23 -1
  54. package/__inner__/esm/components/Menu/components/MenuItem/MenuItem.js +3 -2
  55. package/__inner__/esm/components/Modal/Modal.css +4 -3
  56. package/__inner__/esm/components/Modal/Modal.d.ts +58 -5
  57. package/__inner__/esm/components/Modal/Modal.js +2 -1
  58. package/__inner__/esm/components/Paper/Paper.css +44 -0
  59. package/__inner__/esm/components/Paper/Paper.d.ts +19 -0
  60. package/__inner__/esm/components/Paper/Paper.js +22 -0
  61. package/__inner__/esm/components/Paper/index.d.ts +1 -0
  62. package/__inner__/esm/components/Paper/index.js +1 -0
  63. package/__inner__/esm/components/Popover/Popover.css +1 -11
  64. package/__inner__/esm/components/Popover/Popover.d.ts +2 -3
  65. package/__inner__/esm/components/Popover/Popover.js +6 -5
  66. package/__inner__/esm/components/Popover/components/PopoverArrow.js +2 -2
  67. package/__inner__/esm/components/Popover/components/types.d.ts +0 -3
  68. package/__inner__/esm/components/Popover/components/types.js +0 -1
  69. package/__inner__/esm/components/Popover/constants.d.ts +1 -0
  70. package/__inner__/esm/components/Popover/constants.js +2 -0
  71. package/__inner__/esm/components/Popover/types.d.ts +8 -4
  72. package/__inner__/esm/components/Portal/Portal.d.ts +8 -8
  73. package/__inner__/esm/components/Portal/Portal.js +7 -6
  74. package/__inner__/esm/components/Snackbar/SnackbarProvider.d.ts +4 -1
  75. package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.d.ts +6 -1
  76. package/__inner__/esm/components/ThemeProvider/ThemeProvider.d.ts +2 -1
  77. package/__inner__/esm/components/ThemeProvider/types.d.ts +2 -0
  78. package/__inner__/esm/components/Tooltip/Tooltip.css +11 -16
  79. package/__inner__/esm/components/Tooltip/Tooltip.js +3 -4
  80. package/__inner__/esm/components/Tooltip/constants.d.ts +1 -0
  81. package/__inner__/esm/components/Tooltip/constants.js +2 -0
  82. package/__inner__/esm/components/Tooltip/types.d.ts +3 -2
  83. package/__inner__/esm/components/Typography/Typography.css +36 -0
  84. package/__inner__/esm/components/Typography/Typography.d.ts +1 -1
  85. package/__inner__/esm/components/Typography/Typography.js +12 -0
  86. package/package.json +1 -1
@@ -56,33 +56,69 @@
56
56
  .Typography_color_actionDark {
57
57
  color: var(--color-content-action-dark);
58
58
  }
59
+ .Typography_color_actionPressed {
60
+ color: var(--color-content-action-pressed);
61
+ }
59
62
  .Typography_color_actionOn {
60
63
  color: var(--color-content-action-on);
61
64
  }
62
65
  .Typography_color_error {
63
66
  color: var(--color-content-error);
64
67
  }
68
+ .Typography_color_errorHover {
69
+ color: var(--color-content-error-hover);
70
+ }
71
+ .Typography_color_errorPressed {
72
+ color: var(--color-content-error-pressed);
73
+ }
65
74
  .Typography_color_errorDark {
66
75
  color: var(--color-content-error-dark);
67
76
  }
68
77
  .Typography_color_warning {
69
78
  color: var(--color-content-warning);
70
79
  }
80
+ .Typography_color_warningHover {
81
+ color: var(--color-content-warning-hover);
82
+ }
83
+ .Typography_color_warningPressed {
84
+ color: var(--color-content-warning-pressed);
85
+ }
71
86
  .Typography_color_warningDark {
72
87
  color: var(--color-content-warning-dark);
73
88
  }
74
89
  .Typography_color_success {
75
90
  color: var(--color-content-success);
76
91
  }
92
+ .Typography_color_successHover {
93
+ color: var(--color-content-success-hover);
94
+ }
95
+ .Typography_color_successPressed {
96
+ color: var(--color-content-success-pressed);
97
+ }
77
98
  .Typography_color_successDark {
78
99
  color: var(--color-content-success-dark);
79
100
  }
80
101
  .Typography_color_info {
81
102
  color: var(--color-content-info);
82
103
  }
104
+ .Typography_color_infoHover {
105
+ color: var(--color-content-info-hover);
106
+ }
107
+ .Typography_color_infoPressed {
108
+ color: var(--color-content-info-pressed);
109
+ }
83
110
  .Typography_color_infoDark {
84
111
  color: var(--color-content-info-dark);
85
112
  }
113
+ .Typography_color_accentMain {
114
+ color: var(--color-content-accent-main);
115
+ }
116
+ .Typography_color_accentPrimary {
117
+ color: var(--color-content-accent-primary);
118
+ }
119
+ .Typography_color_accentDisabled {
120
+ color: var(--color-content-accent-disabled);
121
+ }
86
122
  .Typography_variant_heading-4xl {
87
123
  font: var(--typography-heading-4xl-font);
88
124
  letter-spacing: var(--typography-heading-4xl-letter_spacing, 0);
@@ -7,7 +7,7 @@ export declare const typographyDisplayVariant: readonly ["block", "inline", "inl
7
7
  export type TypographyDisplayVariant = (typeof typographyDisplayVariant)[number];
8
8
  export declare const typographyAlignVariant: readonly ["left", "center", "right"];
9
9
  export type TypographyAlignVariant = (typeof typographyAlignVariant)[number];
10
- export declare const typographyColorVariant: readonly ["primary", "secondary", "tertiary", "disabled", "ghostDisabled", "action", "actionHover", "actionDark", "actionOn", "error", "errorDark", "warning", "warningDark", "success", "successDark", "info", "infoDark", "primaryInverse"];
10
+ export declare const typographyColorVariant: readonly ["primary", "secondary", "tertiary", "disabled", "ghostDisabled", "action", "actionPressed", "actionHover", "actionDark", "actionOn", "error", "errorHover", "errorPressed", "errorDark", "warning", "warningHover", "warningPressed", "warningDark", "success", "successHover", "successDark", "successPressed", "info", "infoHover", "infoPressed", "infoDark", "primaryInverse", "accentMain", "accentPrimary", "accentDisabled"];
11
11
  export type TypographyColorVariant = (typeof typographyColorVariant)[number];
12
12
  export type TypographyBaseProps = {
13
13
  /** Вариант типографики */
@@ -47,18 +47,30 @@ export var typographyColorVariant = [
47
47
  'disabled',
48
48
  'ghostDisabled',
49
49
  'action',
50
+ 'actionPressed',
50
51
  'actionHover',
51
52
  'actionDark',
52
53
  'actionOn',
53
54
  'error',
55
+ 'errorHover',
56
+ 'errorPressed',
54
57
  'errorDark',
55
58
  'warning',
59
+ 'warningHover',
60
+ 'warningPressed',
56
61
  'warningDark',
57
62
  'success',
63
+ 'successHover',
58
64
  'successDark',
65
+ 'successPressed',
59
66
  'info',
67
+ 'infoHover',
68
+ 'infoPressed',
60
69
  'infoDark',
61
70
  'primaryInverse',
71
+ 'accentMain',
72
+ 'accentPrimary',
73
+ 'accentDisabled',
62
74
  ];
63
75
  export var cnTypography = cn('Typography');
64
76
  export var Typography = polymorphicComponentWithRef(function (inProps, ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ozen-ui/kit",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "description": "React component library",
5
5
  "files": [
6
6
  "*"