@megafon/ui-core 4.0.2 → 4.2.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 (14) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/es/colors/colorsData.js +5 -2
  3. package/dist/es/components/Button/Button.css +3 -3
  4. package/dist/es/components/Counter/Counter.css +1 -2
  5. package/dist/es/components/Select/Select.d.ts +2 -0
  6. package/dist/es/components/Select/Select.js +2 -1
  7. package/dist/lib/colors/colorsData.js +5 -2
  8. package/dist/lib/components/Button/Button.css +3 -3
  9. package/dist/lib/components/Counter/Counter.css +1 -2
  10. package/dist/lib/components/Select/Select.d.ts +2 -0
  11. package/dist/lib/components/Select/Select.js +2 -1
  12. package/package.json +4 -4
  13. package/styles/colors.css +1 -0
  14. package/styles/colorsDark.css +1 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,34 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [4.2.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.1.0...@megafon/ui-core@4.2.0) (2022-10-04)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **counter:** fixes background color that falls outside the element ([7359504](https://github.com/MegafonWebLab/megafon-ui/commit/73595047533cd7bddf75220624e7afcebb2fc94f))
12
+
13
+
14
+ ### Features
15
+
16
+ * **select:** add class to list-inner element ([3e16e59](https://github.com/MegafonWebLab/megafon-ui/commit/3e16e590687043b8582f33271d2b7dcc7cd7a2c3))
17
+
18
+
19
+
20
+
21
+
22
+ # [4.1.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.0.2...@megafon/ui-core@4.1.0) (2022-09-16)
23
+
24
+
25
+ ### Features
26
+
27
+ * **button:** changed white themed primary typed button hover color ([a6e6c98](https://github.com/MegafonWebLab/megafon-ui/commit/a6e6c98eb9716f3ba33d651f71dcb9e4298ad0a0))
28
+ * **color:** added grey button hover color ([b291e83](https://github.com/MegafonWebLab/megafon-ui/commit/b291e831bb9e35144cdf83895b43df4856a364cf))
29
+
30
+
31
+
32
+
33
+
6
34
  ## [4.0.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.0.1...@megafon/ui-core@4.0.2) (2022-09-14)
7
35
 
8
36
 
package/dist/es/colors/colorsData.js CHANGED
@@ -71,11 +71,14 @@ var colors = {
71
71
  code: 'background',
72
72
  border: '1px solid var(--spbSky2)'
73
73
  }, {
74
- name: 'Button Hov. G.',
74
+ name: 'Button Hov. Green',
75
75
  code: 'buttonHoverGreen'
76
76
  }, {
77
- name: 'Button Hov. P.',
77
+ name: 'Button Hov. Purple',
78
78
  code: 'buttonHoverPurple'
79
+ }, {
80
+ name: 'Button Hov. Grey',
81
+ code: 'buttonHoverGrey'
79
82
  }, {
80
83
  name: 'Button Down',
81
84
  code: 'buttonDown'
package/dist/es/components/Button/Button.css CHANGED
@@ -319,9 +319,9 @@
319
319
  }
320
320
  .mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_white:not(.mfui-button_loading):hover {
321
321
  color: var(--stcBlack);
322
- background-color: var(--buttonHoverGreen);
323
- -webkit-box-shadow: inset 0 0 0 1px var(--buttonHoverGreen);
324
- box-shadow: inset 0 0 0 1px var(--buttonHoverGreen);
322
+ background-color: var(--buttonHoverGrey);
323
+ -webkit-box-shadow: inset 0 0 0 1px var(--buttonHoverGrey);
324
+ box-shadow: inset 0 0 0 1px var(--buttonHoverGrey);
325
325
  }
326
326
  .mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_white:not(.mfui-button_loading):hover svg {
327
327
  fill: var(--stcBlack);
package/dist/es/components/Counter/Counter.css CHANGED
@@ -16,7 +16,6 @@ h5 {
16
16
  box-sizing: border-box;
17
17
  width: 120px;
18
18
  height: 32px;
19
- background-color: var(--base);
20
19
  }
21
20
  .mfui-counter__btn {
22
21
  display: -webkit-box;
@@ -43,7 +42,7 @@ h5 {
43
42
  border: 1px solid var(--spbSky2);
44
43
  font-size: 20px;
45
44
  text-decoration: none;
46
- background-color: transparent;
45
+ background-color: var(--base);
47
46
  outline: none;
48
47
  cursor: pointer;
49
48
  -webkit-appearance: none;
package/dist/es/components/Select/Select.d.ts CHANGED
@@ -65,6 +65,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
65
65
  title?: string;
66
66
  titleInner?: string;
67
67
  list?: string;
68
+ listInner?: string;
68
69
  listItem?: string;
69
70
  listItemTitle?: string;
70
71
  };
@@ -106,6 +107,7 @@ declare const Select: {
106
107
  title: PropTypes.Requireable<string>;
107
108
  titleInner: PropTypes.Requireable<string>;
108
109
  list: PropTypes.Requireable<string>;
110
+ listInner: PropTypes.Requireable<string>;
109
111
  listItem: PropTypes.Requireable<string>;
110
112
  listItemTitle: PropTypes.Requireable<string>;
111
113
  }>>;
package/dist/es/components/Select/Select.js CHANGED
@@ -380,7 +380,7 @@ var Select = function Select(_ref) {
380
380
  return /*#__PURE__*/React.createElement("div", {
381
381
  className: cn('list', [classes.list])
382
382
  }, /*#__PURE__*/React.createElement("div", {
383
- className: cn('list-inner'),
383
+ className: cn('list-inner', [classes.listInner]),
384
384
  ref: itemWrapperNode
385
385
  }, currentItems.map(function (_ref3, i) {
386
386
  var title = _ref3.title,
@@ -450,6 +450,7 @@ Select.propTypes = {
450
450
  title: PropTypes.string,
451
451
  titleInner: PropTypes.string,
452
452
  list: PropTypes.string,
453
+ listInner: PropTypes.string,
453
454
  listItem: PropTypes.string,
454
455
  listItemTitle: PropTypes.string
455
456
  }),
package/dist/lib/colors/colorsData.js CHANGED
@@ -77,11 +77,14 @@ var colors = {
77
77
  code: 'background',
78
78
  border: '1px solid var(--spbSky2)'
79
79
  }, {
80
- name: 'Button Hov. G.',
80
+ name: 'Button Hov. Green',
81
81
  code: 'buttonHoverGreen'
82
82
  }, {
83
- name: 'Button Hov. P.',
83
+ name: 'Button Hov. Purple',
84
84
  code: 'buttonHoverPurple'
85
+ }, {
86
+ name: 'Button Hov. Grey',
87
+ code: 'buttonHoverGrey'
85
88
  }, {
86
89
  name: 'Button Down',
87
90
  code: 'buttonDown'
package/dist/lib/components/Button/Button.css CHANGED
@@ -319,9 +319,9 @@
319
319
  }
320
320
  .mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_white:not(.mfui-button_loading):hover {
321
321
  color: var(--stcBlack);
322
- background-color: var(--buttonHoverGreen);
323
- -webkit-box-shadow: inset 0 0 0 1px var(--buttonHoverGreen);
324
- box-shadow: inset 0 0 0 1px var(--buttonHoverGreen);
322
+ background-color: var(--buttonHoverGrey);
323
+ -webkit-box-shadow: inset 0 0 0 1px var(--buttonHoverGrey);
324
+ box-shadow: inset 0 0 0 1px var(--buttonHoverGrey);
325
325
  }
326
326
  .mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_white:not(.mfui-button_loading):hover svg {
327
327
  fill: var(--stcBlack);
package/dist/lib/components/Counter/Counter.css CHANGED
@@ -16,7 +16,6 @@ h5 {
16
16
  box-sizing: border-box;
17
17
  width: 120px;
18
18
  height: 32px;
19
- background-color: var(--base);
20
19
  }
21
20
  .mfui-counter__btn {
22
21
  display: -webkit-box;
@@ -43,7 +42,7 @@ h5 {
43
42
  border: 1px solid var(--spbSky2);
44
43
  font-size: 20px;
45
44
  text-decoration: none;
46
- background-color: transparent;
45
+ background-color: var(--base);
47
46
  outline: none;
48
47
  cursor: pointer;
49
48
  -webkit-appearance: none;
package/dist/lib/components/Select/Select.d.ts CHANGED
@@ -65,6 +65,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
65
65
  title?: string;
66
66
  titleInner?: string;
67
67
  list?: string;
68
+ listInner?: string;
68
69
  listItem?: string;
69
70
  listItemTitle?: string;
70
71
  };
@@ -106,6 +107,7 @@ declare const Select: {
106
107
  title: PropTypes.Requireable<string>;
107
108
  titleInner: PropTypes.Requireable<string>;
108
109
  list: PropTypes.Requireable<string>;
110
+ listInner: PropTypes.Requireable<string>;
109
111
  listItem: PropTypes.Requireable<string>;
110
112
  listItemTitle: PropTypes.Requireable<string>;
111
113
  }>>;
package/dist/lib/components/Select/Select.js CHANGED
@@ -415,7 +415,7 @@ var Select = function Select(_ref) {
415
415
  return /*#__PURE__*/React.createElement("div", {
416
416
  className: cn('list', [classes.list])
417
417
  }, /*#__PURE__*/React.createElement("div", {
418
- className: cn('list-inner'),
418
+ className: cn('list-inner', [classes.listInner]),
419
419
  ref: itemWrapperNode
420
420
  }, currentItems.map(function (_ref3, i) {
421
421
  var title = _ref3.title,
@@ -485,6 +485,7 @@ Select.propTypes = {
485
485
  title: PropTypes.string,
486
486
  titleInner: PropTypes.string,
487
487
  list: PropTypes.string,
488
+ listInner: PropTypes.string,
488
489
  listItem: PropTypes.string,
489
490
  listItemTitle: PropTypes.string
490
491
  }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-core",
3
- "version": "4.0.2",
3
+ "version": "4.2.0",
4
4
  "files": [
5
5
  "dist",
6
6
  "styles"
@@ -54,7 +54,7 @@
54
54
  "@babel/preset-env": "^7.8.6",
55
55
  "@babel/preset-react": "^7.8.3",
56
56
  "@babel/preset-typescript": "^7.8.3",
57
- "@megafon/ui-icons": "^2.0.0",
57
+ "@megafon/ui-icons": "^2.1.0",
58
58
  "@svgr/core": "^2.4.1",
59
59
  "@testing-library/react-hooks": "^7.0.1",
60
60
  "@types/enzyme": "^3.10.5",
@@ -86,7 +86,7 @@
86
86
  "dependencies": {
87
87
  "@babel/runtime": "^7.8.4",
88
88
  "@datepicker-react/hooks": "^2.7.0",
89
- "@megafon/ui-helpers": "^2.1.2",
89
+ "@megafon/ui-helpers": "^2.2.0",
90
90
  "@popperjs/core": "^2.5.3",
91
91
  "core-js": "^3.6.4",
92
92
  "date-fns": "^2.16.1",
@@ -97,5 +97,5 @@
97
97
  "react-popper": "^2.2.3",
98
98
  "swiper": "^6.5.6"
99
99
  },
100
- "gitHead": "0d18806bba057218e596480752dd75eede0555e0"
100
+ "gitHead": "d76f8b81ccbaeff41c2aaebc099a79298ed6deaa"
101
101
  }
package/styles/colors.css CHANGED
@@ -21,6 +21,7 @@
21
21
  --background: #FFFFFF;
22
22
  --buttonHoverGreen: #10E272;
23
23
  --buttonHoverPurple: #A500BF;
24
+ --buttonHoverGrey: #D6D6D6;
24
25
  --buttonDown: #404D46;
25
26
 
26
27
  /* Gradients */
package/styles/colorsDark.css CHANGED
@@ -22,6 +22,7 @@
22
22
  --background: #1F1F1F;
23
23
  --buttonHoverGreen: #10E272;
24
24
  --buttonHoverPurple: #A500BF;
25
+ --buttonHoverGrey: #D6D6D6;
25
26
  --buttonDown: #404D46;
26
27
 
27
28
  /* Gradients */