@twreporter/react-components 8.9.0-rc.0 → 8.9.0-rc.3

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 (6) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/lib/bookmark-list/bookmark.js +1 -1
  3. package/lib/bookmark-list/bookmarks.js +7 -5
  4. package/lib/bookmark-list/empty-guide.js +2 -2
  5. package/lib/button/utils/theme.js +37 -15
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,40 @@
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
+ # [8.9.0-rc.3](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.9.0-rc.2...@twreporter/react-components@8.9.0-rc.3) (2022-05-25)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * vercel build fail problem & missing bookmark-add icon ([e1f0668](https://github.com/twreporter/twreporter-npm-packages/commit/e1f0668c7d96a61444100fe0cccc0108e0334ea2))
12
+
13
+
14
+
15
+
16
+
17
+ # [8.9.0-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.9.0-rc.1...@twreporter/react-components@8.9.0-rc.2) (2022-05-25)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * fix missing bookmark-add.svg file ([3949a63](https://github.com/twreporter/twreporter-npm-packages/commit/3949a633084146ae7952cf0f349e0223ea3d0d0e))
23
+
24
+
25
+
26
+
27
+
28
+ # [8.9.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.9.0-rc.0...@twreporter/react-components@8.9.0-rc.1) (2022-05-25)
29
+
30
+
31
+ ### Bug Fixes
32
+
33
+ * fix defect & pill button style ([7148d42](https://github.com/twreporter/twreporter-npm-packages/commit/7148d4295aaf4b76098c5130a80d29d742b46906))
34
+ * fix problems ([0ab61ad](https://github.com/twreporter/twreporter-npm-packages/commit/0ab61ad04f5a147c2628b8d2735b56841ecf53d4))
35
+
36
+
37
+
38
+
39
+
6
40
  # [8.9.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.8.0...@twreporter/react-components@8.9.0-rc.0) (2022-05-12)
7
41
 
8
42
 
package/lib/bookmark-list/bookmark.js CHANGED
@@ -140,7 +140,7 @@ var ImageFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
140
140
  var TextBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
141
141
  displayName: "bookmark__TextBox",
142
142
  componentId: "sc-1y8p1w5-5"
143
- })(["padding:", ";min-height:", "px;", " ", " position:relative;flex-basis:auto;flex-grow:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;"], styles.desktop.textBoxPadding.map(function (value) {
143
+ })(["padding:", ";min-height:", "px;", " ", " position:relative;flex-basis:auto;flex-grow:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;a{width:100%;}"], styles.desktop.textBoxPadding.map(function (value) {
144
144
  return "".concat(value, "px");
145
145
  }).join(' '), styles.desktop.imageHeight + styles.desktop.imageBoxPadding[0] + styles.desktop.imageBoxPadding[2], _mediaQuery["default"].tabletOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n padding: ", ";\n min-height: ", "px;\n "])), styles.tablet.textBoxPadding.map(function (value) {
146
146
  return "".concat(value, "px");
package/lib/bookmark-list/bookmarks.js CHANGED
@@ -27,11 +27,13 @@ var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants
27
27
 
28
28
  var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
29
29
 
30
+ var _color = require("@twreporter/core/lib/constants/color");
31
+
30
32
  var _get = _interopRequireDefault(require("lodash/get"));
31
33
 
32
34
  var _map = _interopRequireDefault(require("lodash/map"));
33
35
 
34
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
36
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
35
37
 
36
38
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
37
39
 
@@ -45,22 +47,22 @@ var _ = {
45
47
  var PageContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
46
48
  displayName: "bookmarks__PageContainer",
47
49
  componentId: "sc-1m95x6z-0"
48
- })(["padding:50px 0;margin:0;", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 25px 0;\n "]))));
50
+ })(["padding:64px 0 120px 0;margin:0;", " ", ""], _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 32px 0 120px 0;\n "]))), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 24px 0 120px 0;\n "]))));
49
51
 
50
52
  var Column = /*#__PURE__*/_styledComponents["default"].div.withConfig({
51
53
  displayName: "bookmarks__Column",
52
54
  componentId: "sc-1m95x6z-1"
53
- })(["margin:0 auto;width:97%;max-width:834px;", " ", ""], _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n max-width: 707px;\n "]))), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n "]))));
55
+ })(["margin:0 auto;width:97%;max-width:834px;", " ", ""], _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n max-width: 707px;\n "]))), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n "]))));
54
56
 
55
57
  var StatusBar = /*#__PURE__*/_styledComponents["default"].div.withConfig({
56
58
  displayName: "bookmarks__StatusBar",
57
59
  componentId: "sc-1m95x6z-2"
58
- })(["", " padding-bottom:64px;width:stretch;"], _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-left: 1em;\n padding-right: 1em;\n "]))));
60
+ })(["", " padding-bottom:64px;width:stretch;"], _mediaQuery["default"].mobileOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding-left: 1em;\n padding-right: 1em;\n "]))));
59
61
 
60
62
  var TitleContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
61
63
  displayName: "bookmarks__TitleContainer",
62
64
  componentId: "sc-1m95x6z-3"
63
- })(["margin-bottom:16px;"]);
65
+ })(["margin-bottom:16px;color:", ";"], _color.colorGrayscale.gray800);
64
66
 
65
67
  var CountContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
66
68
  displayName: "bookmarks__CountContainer",
package/lib/bookmark-list/empty-guide.js CHANGED
@@ -35,7 +35,7 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
35
35
  var TextContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
36
36
  displayName: "empty-guide__TextContainer",
37
37
  componentId: "sc-1y7u9aq-1"
38
- })(["margin:48px 0 24px 0;display:flex;flex-direction:column;align-items:center;"]);
38
+ })(["margin:48px 0 24px 0;display:flex;flex-direction:column;align-items:center;color:", ";"], _color.colorGrayscale.gray800);
39
39
 
40
40
  var ButtonContainer = /*#__PURE__*/_styledComponents["default"].a.withConfig({
41
41
  displayName: "empty-guide__ButtonContainer",
@@ -45,7 +45,7 @@ var ButtonContainer = /*#__PURE__*/_styledComponents["default"].a.withConfig({
45
45
  var GuideContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
46
46
  displayName: "empty-guide__GuideContainer",
47
47
  componentId: "sc-1y7u9aq-3"
48
- })(["display:flex;color:", ";svg{background-color:", ";width:18px;height:18px;margin:0 4px;}"], _color.colorGrayscale.gray600, _color.colorGrayscale.gray600);
48
+ })(["display:flex;align-items:flex-start;color:", ";svg{background-color:", ";width:14px;height:14px;margin:0 4px;padding-bottom:4px;}"], _color.colorGrayscale.gray600, _color.colorGrayscale.gray600);
49
49
 
50
50
  var EmptyGuide = function EmptyGuide(_ref) {
51
51
  var _ref$releaseBranch = _ref.releaseBranch,
package/lib/button/utils/theme.js CHANGED
@@ -10,12 +10,23 @@ var _color = require("@twreporter/core/lib/constants/color");
10
10
  // @twreporter
11
11
  var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled) {
12
12
  if (disabled) {
13
- return {
14
- color: _color.colorGrayscale.white,
15
- bgColor: _color.colorGrayscale.gray400,
16
- hoverColor: _color.colorGrayscale.white,
17
- hoverBgColor: _color.colorGrayscale.gray400
18
- };
13
+ switch (theme) {
14
+ case 'transparent':
15
+ return {
16
+ color: _color.colorGrayscale.white,
17
+ bgColor: _color.colorGrayscale.gray200,
18
+ hoverColor: _color.colorGrayscale.white,
19
+ hoverBgColor: _color.colorGrayscale.gray200
20
+ };
21
+
22
+ default:
23
+ return {
24
+ color: _color.colorGrayscale.white,
25
+ bgColor: _color.colorGrayscale.gray400,
26
+ hoverColor: _color.colorGrayscale.white,
27
+ hoverBgColor: _color.colorGrayscale.gray400
28
+ };
29
+ }
19
30
  }
20
31
 
21
32
  switch (theme) {
@@ -32,7 +43,7 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
32
43
  color: _color.colorGrayscale.gray600,
33
44
  bgColor: _color.colorGrayscale.white,
34
45
  hoverColor: _color.colorGrayscale.white,
35
- hoverBgColor: _color.colorGrayscale.gray200
46
+ hoverBgColor: _color.colorGrayscale.gray400
36
47
  };
37
48
 
38
49
  case 'normal':
@@ -51,12 +62,23 @@ exports.getFilledPillButtonTheme = getFilledPillButtonTheme;
51
62
 
52
63
  var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabled) {
53
64
  if (disabled) {
54
- return {
55
- color: _color.colorGrayscale.gray400,
56
- bgColor: _color.colorGrayscale.gray400,
57
- hoverColor: _color.colorGrayscale.gray400,
58
- hoverBgColor: _color.colorGrayscale.gray400
59
- };
65
+ switch (theme) {
66
+ case 'transparent':
67
+ return {
68
+ color: _color.colorGrayscale.white,
69
+ bgColor: _color.colorGrayscale.gray200,
70
+ hoverColor: _color.colorGrayscale.white,
71
+ hoverBgColor: _color.colorGrayscale.gray200
72
+ };
73
+
74
+ default:
75
+ return {
76
+ color: _color.colorGrayscale.white,
77
+ bgColor: _color.colorGrayscale.gray400,
78
+ hoverColor: _color.colorGrayscale.white,
79
+ hoverBgColor: _color.colorGrayscale.gray400
80
+ };
81
+ }
60
82
  }
61
83
 
62
84
  switch (theme) {
@@ -72,8 +94,8 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
72
94
  return {
73
95
  color: _color.colorGrayscale.white,
74
96
  bgColor: _color.colorGrayscale.white,
75
- hoverColor: _color.colorGrayscale.white,
76
- hoverBgColor: _color.colorGrayscale.white
97
+ hoverColor: _color.colorGrayscale.gray600,
98
+ hoverBgColor: _color.colorGrayscale.gray600
77
99
  };
78
100
 
79
101
  case 'normal':
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/react-components",
3
- "version": "8.9.0-rc.0",
3
+ "version": "8.9.0-rc.3",
4
4
  "main": "lib/index.js",
5
5
  "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
6
6
  "author": "twreporter <developer@twreporter.org>",
@@ -44,5 +44,5 @@
44
44
  "babel-loader": "^8.2.4",
45
45
  "chromatic": "^6.5.4"
46
46
  },
47
- "gitHead": "6577f65eaba0ba87cf9a4efe2de201931543b409"
47
+ "gitHead": "f28ff3c27805258ded3260f382d88978ad1ab14e"
48
48
  }