@twreporter/react-components 8.21.0-rc.0 → 8.21.0-rc.1

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 (4) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/lib/button/utils/theme.js +16 -16
  3. package/lib/input/utils/theme.js +1 -1
  4. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.21.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.21.0-rc.0...@twreporter/react-components@8.21.0-rc.1) (2023-11-13)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * use design guideline color in article page ([5d38172](https://github.com/twreporter/twreporter-npm-packages/commit/5d381721915792919d827d5b3a39785aac3b70bf))
12
+
13
+
14
+
15
+
16
+
6
17
  # [8.21.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.20.1...@twreporter/react-components@8.21.0-rc.0) (2023-11-13)
7
18
 
8
19
 
package/lib/button/utils/theme.js CHANGED
@@ -37,7 +37,7 @@ var getFilledPillButtonTheme = function getFilledPillButtonTheme(theme, disabled
37
37
  case _theme.THEME.photography:
38
38
  return {
39
39
  color: _color.colorPhoto.dark,
40
- bgColor: _color.colorSupportive.main,
40
+ bgColor: _color.colorSupportive.pastel,
41
41
  hoverColor: _color.colorGrayscale.white,
42
42
  hoverBgColor: _color.colorSupportive.heavy
43
43
  };
@@ -117,8 +117,8 @@ var getOutlinePillButtonTheme = function getOutlinePillButtonTheme(theme, disabl
117
117
  switch (theme) {
118
118
  case _theme.THEME.photography:
119
119
  return {
120
- color: _color.colorSupportive.main,
121
- bgColor: _color.colorSupportive.main,
120
+ color: _color.colorSupportive.pastel,
121
+ bgColor: _color.colorSupportive.pastel,
122
122
  hoverColor: _color.colorSupportive.heavy,
123
123
  hoverBgColor: _color.colorSupportive.heavy
124
124
  };
@@ -180,13 +180,13 @@ var getPrimaryIconButtonTheme = function getPrimaryIconButtonTheme(theme, isActi
180
180
  case _theme.THEME.photography:
181
181
  return {
182
182
  color: _color.colorGrayscale.white,
183
- hoverColor: _color.colorSupportive.main
183
+ hoverColor: _color.colorSupportive.pastel
184
184
  };
185
185
 
186
186
  case "".concat(_theme.THEME.photography, "-active"):
187
187
  return {
188
- color: _color.colorSupportive.main,
189
- hoverColor: _color.colorSupportive.main
188
+ color: _color.colorSupportive.pastel,
189
+ hoverColor: _color.colorSupportive.pastel
190
190
  };
191
191
 
192
192
  case _theme.THEME.transparent:
@@ -232,13 +232,13 @@ var getSecondaryIconButtonTheme = function getSecondaryIconButtonTheme(theme, is
232
232
  case _theme.THEME.photography:
233
233
  return {
234
234
  color: _color.colorGrayscale.gray400,
235
- hoverColor: _color.colorSupportive.main
235
+ hoverColor: _color.colorSupportive.pastel
236
236
  };
237
237
 
238
238
  case "".concat(_theme.THEME.photography, "-active"):
239
239
  return {
240
- color: _color.colorSupportive.main,
241
- hoverColor: _color.colorSupportive.main
240
+ color: _color.colorSupportive.pastel,
241
+ hoverColor: _color.colorSupportive.pastel
242
242
  };
243
243
 
244
244
  case _theme.THEME.transparent:
@@ -284,13 +284,13 @@ var getIconWithTextButtonTheme = function getIconWithTextButtonTheme(theme, isAc
284
284
  case _theme.THEME.photography:
285
285
  return {
286
286
  color: _color.colorGrayscale.gray200,
287
- hoverColor: _color.colorSupportive.main
287
+ hoverColor: _color.colorSupportive.pastel
288
288
  };
289
289
 
290
290
  case "".concat(_theme.THEME.photography, "-active"):
291
291
  return {
292
- color: _color.colorSupportive.main,
293
- hoverColor: _color.colorSupportive.main
292
+ color: _color.colorSupportive.pastel,
293
+ hoverColor: _color.colorSupportive.pastel
294
294
  };
295
295
 
296
296
  case _theme.THEME.transparent:
@@ -327,7 +327,7 @@ var getPrimaryTextButtonTheme = function getPrimaryTextButtonTheme(theme, style)
327
327
  case _theme.THEME.photography:
328
328
  return {
329
329
  color: _color.colorGrayscale.white,
330
- hoverColor: _color.colorSupportive.main
330
+ hoverColor: _color.colorSupportive.pastel
331
331
  };
332
332
 
333
333
  case _theme.THEME.transparent:
@@ -369,7 +369,7 @@ var getSecondaryTextButtonTheme = function getSecondaryTextButtonTheme(theme, st
369
369
  case _theme.THEME.photography:
370
370
  return {
371
371
  color: _color.colorGrayscale.gray400,
372
- hoverColor: _color.colorSupportive.main
372
+ hoverColor: _color.colorSupportive.pastel
373
373
  };
374
374
 
375
375
  case _theme.THEME.transparent:
@@ -435,8 +435,8 @@ var getActiveTextButtonTheme = function getActiveTextButtonTheme(theme, style) {
435
435
  switch (theme) {
436
436
  case _theme.THEME.photography:
437
437
  return {
438
- color: _color.colorSupportive.main,
439
- hoverColor: _color.colorSupportive.main
438
+ color: _color.colorSupportive.pastel,
439
+ hoverColor: _color.colorSupportive.pastel
440
440
  };
441
441
 
442
442
  case _theme.THEME.transparent:
package/lib/input/utils/theme.js CHANGED
@@ -16,7 +16,7 @@ var selectThemeStyle = function selectThemeStyle(theme) {
16
16
  bgColor: _color.colorOpacity['white_0.8'],
17
17
  focusBgColor: _color.colorGrayscale.gray100,
18
18
  desktopBgColor: _color.colorGrayscale.gray100,
19
- borderColor: _color.colorSupportive.main,
19
+ borderColor: _color.colorSupportive.pastel,
20
20
  color: _color.colorGrayscale.gray800,
21
21
  focusColor: _color.colorGrayscale.gray500,
22
22
  placeholderColor: _color.colorGrayscale.gray800
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/react-components",
3
- "version": "8.21.0-rc.0",
3
+ "version": "8.21.0-rc.1",
4
4
  "main": "lib/index.js",
5
5
  "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
6
6
  "author": "twreporter <developer@twreporter.org>",
@@ -15,8 +15,8 @@
15
15
  "chromatic": "npx chromatic --exit-zero-on-changes"
16
16
  },
17
17
  "dependencies": {
18
- "@twreporter/core": "^1.13.0",
19
- "@twreporter/redux": "^7.8.0",
18
+ "@twreporter/core": "^1.13.1-rc.0",
19
+ "@twreporter/redux": "^7.8.1-rc.0",
20
20
  "fontfaceobserver-es": "^3.3.3",
21
21
  "hoist-non-react-statics": "^2.3.1",
22
22
  "lodash": "^4.0.0",
@@ -44,5 +44,5 @@
44
44
  "babel-loader": "^8.2.4",
45
45
  "chromatic": "^6.5.4"
46
46
  },
47
- "gitHead": "a7d72ecffd859bfa778c70cb8b5b4b3419838fd4"
47
+ "gitHead": "aa00452ea5c3557c71865aa121dfa630f84e6a04"
48
48
  }