@twreporter/react-components 8.17.0-rc.1 → 8.17.0-rc.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.17.0-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.17.0-rc.1...@twreporter/react-components@8.17.0-rc.2) (2023-04-12)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
 # [8.17.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.17.0-rc.0...@twreporter/react-components@8.17.0-rc.1) (2023-03-09)
 
 **Note:** Version bump only for package @twreporter/react-components

package/lib/button/utils/theme.js

@@ -410,19 +410,19 @@ var getActiveTextButtonTheme = function getActiveTextButtonTheme(theme) {
 
     case _constants.TEXT_BUTTON_THEME.brand:
       return {
-        color: _color.colorBrand.heavy,
+        color: _color.colorBrand.dark,
         hoverColor: _color.colorBrand.dark
       };
 
     case _constants.TEXT_BUTTON_THEME.dark:
       return {
-        color: _color.colorGrayscale.gray800,
+        color: _color.colorBrand.heavy,
         hoverColor: _color.colorBrand.heavy
       };
 
     case _constants.TEXT_BUTTON_THEME.light:
       return {
-        color: _color.colorGrayscale.gray600,
+        color: _color.colorGrayscale.gray800,
         hoverColor: _color.colorGrayscale.gray800
       };
 

package/lib/checkbox/checkbox.stories.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkbox = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  title: 'Checkbox',
+  component: _["default"],
+  argTypes: {
+    value: {
+      defaultValue: false,
+      options: [true, false]
+    }
+  }
+};
+exports["default"] = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], args);
+};
+
+var checkbox = Template.bind({});
+exports.checkbox = checkbox;
+checkbox.args = {
+  label: '藝術',
+  value: false,
+  disabled: false,
+  onChange: function onChange(e) {
+    console.log('callback', e.target.checked);
+  }
+};

package/lib/checkbox/index.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Checkbox = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _paragraph = require("../text/paragraph");
+
+var _color = require("@twreporter/core/lib/constants/color");
+
+var _excluded = ["value", "label", "disabled", "onChange"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "checkbox__Container",
+  componentId: "vzoxib-0"
+})(["display:flex;flex-direction:'row';"]);
+
+var Input = /*#__PURE__*/_styledComponents["default"].input.withConfig({
+  displayName: "checkbox__Input",
+  componentId: "vzoxib-1"
+})(["width:16px;height:16px;border:solid 1px;border-radius:2px;accent-color:", ";margin-left:0px;margin-right:8px;&:enabled:not(:checked){border-color:", ";background:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;}"], _color.colorGrayscale.gray800, _color.colorGrayscale.gray800);
+
+var ColorP1 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P1).withConfig({
+  displayName: "checkbox__ColorP1",
+  componentId: "vzoxib-2"
+})(["color:", ";"], function (props) {
+  return props.disabled ? _color.colorGrayscale.gray400 : _color.colorGrayscale.gray800;
+});
+
+var Checkbox = function Checkbox(_ref) {
+  var _ref$value = _ref.value,
+      value = _ref$value === void 0 ? false : _ref$value,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var handleChange = function handleChange(e) {
+    onChange && onChange(e);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(Container, props, /*#__PURE__*/_react["default"].createElement(Input, {
+    type: "checkbox",
+    checked: value,
+    disabled: disabled,
+    onChange: handleChange
+  }), label && /*#__PURE__*/_react["default"].createElement(ColorP1, {
+    text: label,
+    disabled: disabled
+  }));
+};
+
+exports.Checkbox = Checkbox;
+Checkbox.propTypes = {
+  value: _propTypes["default"].bool.isRequired,
+  label: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired
+};
+var _default = Checkbox;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.17.0-rc.1",
+  "version": "8.17.0-rc.2",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -44,5 +44,5 @@
     "babel-loader": "^8.2.4",
     "chromatic": "^6.5.4"
   },
-  "gitHead": "8b5caea308bf4471059644072ca9edb78c4b6fde"
+  "gitHead": "498b86cff656356a619bc03ba371fde8399a2f99"
 }