@oliasoft-open-source/react-ui-library 2.4.10 → 2.4.12

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 (7) hide show
  1. package/package.json +10 -9
  2. package/src/components/drawer/drawer.module.less +2 -9
  3. package/src/components/list/list.module.less +2 -9
  4. package/src/components/message/message.module.less +2 -7
  5. package/src/components/side-bar/side-bar.module.less +2 -7
  6. package/src/components/table/table.module.less +2 -0
  7. package/src/style/mixins.less +11 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "2.4.10",
3
+ "version": "2.4.12",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -52,12 +52,12 @@
52
52
  "@babel/preset-env": "^7.15.6",
53
53
  "@babel/preset-react": "^7.14.5",
54
54
  "@babel/runtime": "^7.15.4",
55
- "@storybook/addon-actions": "^6.5.10",
56
- "@storybook/addon-essentials": "^6.5.10",
57
- "@storybook/addons": "^6.5.10",
58
- "@storybook/builder-webpack5": "^6.5.10",
59
- "@storybook/manager-webpack5": "^6.5.10",
60
- "@storybook/react": "^6.5.10",
55
+ "@storybook/addon-actions": "^6.5.13",
56
+ "@storybook/addon-essentials": "^6.5.13",
57
+ "@storybook/addons": "^6.5.13",
58
+ "@storybook/builder-webpack5": "^6.5.13",
59
+ "@storybook/manager-webpack5": "^6.5.13",
60
+ "@storybook/react": "^6.5.13",
61
61
  "@types/lodash": "^4.14.172",
62
62
  "@types/mocha": "^9.0.0",
63
63
  "@types/react": "^17.0.21",
@@ -93,7 +93,7 @@
93
93
  "prettier": "2.4.0",
94
94
  "react": "^17.0",
95
95
  "react-dom": "^17.0",
96
- "storybook-dark-mode": "^1.1.0",
96
+ "storybook-dark-mode": "^1.1.2",
97
97
  "terser-webpack-plugin": "^5.2.4",
98
98
  "webpack": "^5.52.1",
99
99
  "webpack-cli": "^4.8.0",
@@ -107,7 +107,7 @@
107
107
  "dependencies": {
108
108
  "@babel/polyfill": "^7.8.7",
109
109
  "@infinium/react-keyboard-event-handler": "^1.5.8",
110
- "@mdx-js/loader": "^1.6.22",
110
+ "@mdx-js/loader": "^2.1.5",
111
111
  "@mdx-js/react": "^1.6.22",
112
112
  "@minoru/react-dnd-treeview": "^1.6.1",
113
113
  "classnames": "^2.3.1",
@@ -115,6 +115,7 @@
115
115
  "expose-loader": "^3.0.0",
116
116
  "immer": "^9.0.6",
117
117
  "less-vars-to-js": "^1.3.0",
118
+ "loader-utils": "^3.2.1",
118
119
  "lodash": "^4.17.21",
119
120
  "memoize-one": "^5.2.1",
120
121
  "normalize.css": "^8.0.1",
package/src/components/drawer/drawer.module.less CHANGED
@@ -1,4 +1,5 @@
1
1
  @import '../../style/variables.less';
2
+ @import '../../style/mixins.less';
2
3
 
3
4
  :root {
4
5
  --color-background-drawer-tabs: var(--color-neutral-50);
@@ -72,15 +73,7 @@ html[data-theme='dark'] {
72
73
  background: transparent !important;
73
74
  }
74
75
 
75
- /* Hide scrollbar for Firefox */
76
- scrollbar-width: none;
77
- /* Hide scrollbar for IE 10+ */
78
- -ms-overflow-style: none;
79
-
80
- /* Hide scrollbar for Chrome, Safari and Opera */
81
- &::-webkit-scrollbar {
82
- display: none;
83
- }
76
+ .hideScrollbars();
84
77
  }
85
78
 
86
79
  .toggleButton {
package/src/components/list/list.module.less CHANGED
@@ -1,4 +1,5 @@
1
1
  @import '../../style/variables.less';
2
+ @import '../../style/mixins.less';
2
3
 
3
4
  .header .headerTitle,
4
5
  .heading .itemHeader {
@@ -244,13 +245,5 @@
244
245
  }
245
246
 
246
247
  .hideScrollbar {
247
- /* Hide scrollbar for Firefox */
248
- scrollbar-width: none;
249
- /* Hide scrollbar for IE 10+ */
250
- -ms-overflow-style: none;
251
-
252
- /* Hide scrollbar for Chrome, Safari and Opera */
253
- &::-webkit-scrollbar {
254
- display: none;
255
- }
248
+ .hideScrollbars();
256
249
  }
package/src/components/message/message.module.less CHANGED
@@ -1,4 +1,5 @@
1
1
  @import '../../style/variables.less';
2
+ @import '../../style/mixins.less';
2
3
 
3
4
  :root {
4
5
  --color-border-message: rgba(black, 0.1);
@@ -19,14 +20,8 @@ html[data-theme='dark'] {
19
20
  line-height: @line_height;
20
21
  flex-wrap: wrap;
21
22
  overflow-y: auto;
22
- scrollbar-width: none;
23
- -ms-overflow-style: none;
24
23
  border: 1px solid var(--color-border-message);
25
-
26
- &::-webkit-scrollbar {
27
- width: 0px;
28
- background: transparent;
29
- }
24
+ .hideScrollbars();
30
25
 
31
26
  &.block {
32
27
  display: flex;
package/src/components/side-bar/side-bar.module.less CHANGED
@@ -1,4 +1,5 @@
1
1
  @import '../../style/variables.less';
2
+ @import '../../style/mixins.less';
2
3
 
3
4
  :root {
4
5
  --color-background-sidebar: var(--color-neutral-950);
@@ -18,13 +19,7 @@
18
19
 
19
20
  .inner {
20
21
  padding: @sidebarPadding;
21
- scrollbar-width: none; /* Firefox */
22
- -ms-overflow-style: none; /* IE 10+ */
23
-
24
- &::-webkit-scrollbar {
25
- width: 0px; /* Remove scrollbar space */
26
- background: transparent; /* Optional: just make scrollbar invisible */
27
- }
22
+ .hideScrollbars();
28
23
  }
29
24
 
30
25
  .title,
package/src/components/table/table.module.less CHANGED
@@ -1,4 +1,5 @@
1
1
  @import '../../style/variables.less';
2
+ @import '../../style/mixins.less';
2
3
  @import './table.variables.less';
3
4
 
4
5
  :root {
@@ -21,6 +22,7 @@ html[data-theme='dark'] {
21
22
  display: block;
22
23
  overflow-y: auto;
23
24
  overflow-x: hidden;
25
+ .hideScrollbars();
24
26
 
25
27
  tfoot td {
26
28
  position: sticky;
package/src/style/mixins.less CHANGED
@@ -66,3 +66,14 @@
66
66
  background-color: var(--color-background-disabled);
67
67
  color: var(--color-text-muted);
68
68
  }
69
+
70
+ .hideScrollbars {
71
+ /* Firefox */
72
+ scrollbar-width: none;
73
+ /* IE 10+ */
74
+ -ms-overflow-style: none;
75
+ /* Chrome, Safari and Opera */
76
+ &::-webkit-scrollbar {
77
+ display: none;
78
+ }
79
+ }