@twreporter/react-components 8.24.1-rc.0 → 8.25.0-rc.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.25.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.24.1-rc.1...@twreporter/react-components@8.25.0-rc.0) (2024-02-07)
+
+
+### Features
+
+* add `my reading` related entry on universal navigator ([79cadc2](https://github.com/twreporter/twreporter-npm-packages/commit/79cadc293493bc517fcf95139ff208633acd699b))
+
+
+
+
+
+## [8.24.1-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.24.1-rc.0...@twreporter/react-components@8.24.1-rc.1) (2024-01-25)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
 ## [8.24.1-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.24.0...@twreporter/react-components@8.24.1-rc.0) (2024-01-24)
 
 **Note:** Version bump only for package @twreporter/react-components

package/lib/button/components/iconButton.js

@@ -36,11 +36,15 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var ButtonContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "iconButton__ButtonContainer",
   componentId: "sc-1v7s35n-0"
-})(["cursor:", ";display:flex;svg{width:24px;height:24px;background-color:", ";}", ""], function (props) {
+})(["cursor:", ";display:flex;color:", ";svg{width:24px;height:24px;background-color:", ";}", ""], function (props) {
   return props.disabled ? 'default' : 'pointer';
 }, function (props) {
   return props.color;
-}, _mediaQuery["default"].desktopAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &:hover svg {\n      background-color: ", ";\n    }\n  "])), function (props) {
+}, function (props) {
+  return props.color;
+}, _mediaQuery["default"].desktopAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &:hover {\n      color: ", ";\n      svg {\n        background-color: ", ";\n      }\n  "])), function (props) {
+  return props.hoverColor;
+}, function (props) {
   return props.hoverColor;
 }));
 

package/lib/footer/constants/icons.js

@@ -18,7 +18,7 @@ var iconList = [{
   link: _externalLinks["default"].instagram,
   target: '_blank'
 }, {
-  slug: 'twitter',
+  slug: 'X',
   link: _externalLinks["default"].twitter,
   target: '_blank'
 }, {

package/lib/icon/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Youtube = exports.Twitter = exports.Topic = exports.Text = exports.SocialMedia = exports.Share = exports.Search = exports.Printer = exports.Member = exports.Medium = exports.Loading = exports.Line = exports.Letter = exports.Instagram = exports.Icon = exports.Home = exports.Hamburger = exports.Google = exports.Facebook = exports.Cross = exports.Copy = exports.Clock = exports.Bookmark = exports.Article = exports.Arrow = void 0;
+exports["default"] = exports.Youtube = exports.Twitter = exports.Topic = exports.Text = exports.SocialMedia = exports.Share = exports.Search = exports.Printer = exports.Member = exports.Medium = exports.Loading = exports.Line = exports.Letter = exports.KidStar = exports.Instagram = exports.Icon = exports.Home = exports.History = exports.Hamburger = exports.Google = exports.Facebook = exports.Cross = exports.Copy = exports.Clock = exports.Bookmark = exports.Article = exports.Arrow = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -131,6 +131,10 @@ var Line = getIcon('line');
 exports.Line = Line;
 var Google = getIcon('google');
 exports.Google = Google;
+var History = getIcon('history');
+exports.History = History;
+var KidStar = getIcon('kid_star');
+exports.KidStar = KidStar;
 
 var Arrow = function Arrow(_ref3) {
   var _ref3$direction = _ref3.direction,
@@ -212,6 +216,8 @@ var _default = {
   Twitter: Twitter,
   Youtube: Youtube,
   Google: Google,
-  SocialMedia: SocialMedia
+  SocialMedia: SocialMedia,
+  History: History,
+  KidStar: KidStar
 };
 exports["default"] = _default;

package/lib/material-icon.js

@@ -16,10 +16,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var StyledSymbol = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "material-icon__StyledSymbol",
   componentId: "sc-1mjrid5-0"
-})(["font-variation-settings:", ";font-size:", "px;"], function (props) {
+})(["font-variation-settings:", ";font-size:", "px;font-weight:", ";"], function (props) {
   return "\n    'FILL': ".concat(props.fill, ",\n    'wght': ").concat(props.weight, ",\n    'GRAD': ").concat(props.grade, ",\n    'opsz': ").concat(props.size, "\n  ");
 }, function (props) {
   return props.size;
+}, function (props) {
+  return props.weight;
 });
 
 var MeterialSymbol = function MeterialSymbol(_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.24.1-rc.0",
+  "version": "8.25.0-rc.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -15,8 +15,8 @@
     "chromatic": "npx chromatic --exit-zero-on-changes"
   },
   "dependencies": {
-    "@twreporter/core": "^1.17.0",
-    "@twreporter/redux": "^7.10.1-rc.0",
+    "@twreporter/core": "^1.17.1-rc.0",
+    "@twreporter/redux": "^7.10.1-rc.2",
     "fontfaceobserver-es": "^3.3.3",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
@@ -51,5 +51,5 @@
     "react-dom": "^16.0.0",
     "storybook": "^7.5.2"
   },
-  "gitHead": "65b5c4b0cc082b28a18f383461aac1cdfa19a847"
+  "gitHead": "42b025c9e74ea6697305ccabfa5dada913efc099"
 }