@atlaskit/rating 0.2.66 → 0.2.68

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/rating
 
+## 0.2.68
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.2.67
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.2.66
 
 ### Patch Changes

package/dist/cjs/components/rating-group.js

@@ -1,59 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RatingGroup;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject;
-
 function RatingGroup(_ref) {
   var _ref$groupName = _ref.groupName,
-      groupName = _ref$groupName === void 0 ? 'ak--rating-group' : _ref$groupName,
-      onChange = _ref.onChange,
-      defaultValue = _ref.defaultValue,
-      value = _ref.value,
-      testId = _ref.testId,
-      children = _ref.children;
-
+    groupName = _ref$groupName === void 0 ? 'ak--rating-group' : _ref$groupName,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    testId = _ref.testId,
+    children = _ref.children;
   var _useState = (0, _react.useState)(value || defaultValue),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      currentValue = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentValue = _useState2[0],
+    setValue = _useState2[1];
   var _useState3 = (0, _react.useState)(!!currentValue),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      firstSelectionMade = _useState4[0],
-      setFirstSelectionMade = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    firstSelectionMade = _useState4[0],
+    setFirstSelectionMade = _useState4[1];
   var actualValue = value || currentValue;
-
   var onChangeHandler = function onChangeHandler(value) {
     onChange && onChange(value);
     setValue(value);
-
     if (!firstSelectionMade) {
       setFirstSelectionMade(true);
     }
   };
-
   if (process.env.NODE_ENV !== 'production' && defaultValue && value) {
     // eslint-disable-next-line no-console
     console.error("@atlaskit/rating\nDon't use \"defaultValue\" with \"value\" you're trying to mix uncontrolled and controlled modes.\nUse \"defaultValue\" or \"value\" happy days :-).\n");
   }
-
   return (0, _react2.jsx)("div", {
     "data-testid": testId && "".concat(testId, "--root"),
     css: (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        display: inline-flex;\n        /* Because some children are inline-block we make the font-size zero to eliminate the implicit space between them. */\n        font-size: 0;\n\n        /* This implementation does some interesting tricks to keep it flowing LTR and ensuring accessibility. */\n        /* Instead of it starting in an empty state - it starts filled - and then uses the CSS sibling select \"~\" */\n        /* to then display the empty state for the star rating. */\n\n        [data-rating-icon-checked] {\n          display: inline-block;\n        }\n\n        [data-rating-icon] {\n          display: none;\n        }\n\n        label:hover\n          ~ label\n          [data-rating-icon-checked][data-rating-icon-checked],\n        input:checked ~ label [data-rating-icon-checked] {\n          display: none;\n        }\n\n        label:hover ~ label [data-rating-icon][data-rating-icon],\n        input:checked ~ label [data-rating-icon] {\n          display: inline-block;\n        }\n\n        /* When hovering reset all elements back to filled state. */\n        &:hover [data-rating-icon-checked][data-rating-icon-checked] {\n          display: inline-block;\n        }\n\n        &:hover [data-rating-icon][data-rating-icon] {\n          display: none;\n        }\n      "])))

package/dist/cjs/components/rating.js

@@ -1,37 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _motion = require("@atlaskit/motion");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _excluded = ["isChecked", "name", "testId", "label", "id", "value", "onChange", "render"];
 var Rating = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var isChecked = _ref.isChecked,
-      name = _ref.name,
-      testId = _ref.testId,
-      label = _ref.label,
-      id = _ref.id,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      render = _ref.render,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    name = _ref.name,
+    testId = _ref.testId,
+    label = _ref.label,
+    id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    render = _ref.render,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var onChangeHandler = (0, _react.useCallback)(function (e) {
     onChange && onChange(e.target.checked ? value : undefined);
   }, [onChange, value]);

package/dist/cjs/components/star.js

@@ -1,40 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _star = _interopRequireDefault(require("@atlaskit/icon/glyph/star"));
-
 var _starFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/star-filled"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _rating = _interopRequireDefault(require("./rating"));
-
 var _excluded = ["size", "color"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var Star = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'large' : _ref$size,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "var(--ds-icon-accent-yellow, ".concat(_colors.Y200, ")") : _ref$color,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    size = _ref$size === void 0 ? 'large' : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "var(--ds-icon-accent-yellow, ".concat(_colors.Y200, ")") : _ref$color,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var render = (0, _react.useCallback)(function (props) {
     return props.isChecked ?
     /*#__PURE__*/

package/dist/cjs/extract-react-types/rating.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = _default;
-
 /**
  * This gets around extract-react-types not supporting forwardRef.
  */

package/dist/cjs/extract-react-types/star.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = _default;
-
 /**
  * This gets around extract-react-types not supporting forwardRef.
  */

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,9 +22,6 @@ Object.defineProperty(exports, "Star", {
     return _star.default;
   }
 });
-
 var _ratingGroup = _interopRequireDefault(require("./components/rating-group"));
-
 var _star = _interopRequireDefault(require("./components/star"));
-
 var _rating = _interopRequireDefault(require("./components/rating"));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/rating",
-	"version": "0.2.66",
+	"version": "0.2.68",
 	"sideEffects": false
 }

package/dist/es2019/components/rating-group.js

@@ -1,10 +1,10 @@
 /* eslint-disable @atlaskit/design-system/use-visually-hidden */
-
 /** @jsx jsx */
 import { Children, cloneElement, Fragment, useState } from 'react';
-import { css, jsx } from '@emotion/react'; // eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+import { css, jsx } from '@emotion/react';
 
+// eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { visuallyHidden } from '@atlaskit/theme/constants';
 export default function RatingGroup({
   groupName = 'ak--rating-group',
@@ -17,16 +17,13 @@ export default function RatingGroup({
   const [currentValue, setValue] = useState(value || defaultValue);
   const [firstSelectionMade, setFirstSelectionMade] = useState(!!currentValue);
   const actualValue = value || currentValue;
-
   const onChangeHandler = value => {
     onChange && onChange(value);
     setValue(value);
-
     if (!firstSelectionMade) {
       setFirstSelectionMade(true);
     }
   };
-
   if (process.env.NODE_ENV !== 'production' && defaultValue && value) {
     // eslint-disable-next-line no-console
     console.error(`@atlaskit/rating
@@ -34,7 +31,6 @@ Don't use "defaultValue" with "value" you're trying to mix uncontrolled and cont
 Use "defaultValue" or "value" happy days :-).
 `);
   }
-
   return jsx("div", {
     "data-testid": testId && `${testId}--root`,
     css: css`

package/dist/es2019/components/rating.js

@@ -1,13 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /* eslint-disable @atlaskit/design-system/use-visually-hidden */
-
 /** @jsx jsx */
 import { forwardRef, Fragment, useCallback } from 'react';
 import { jsx } from '@emotion/react';
-import { easeInOut, smallDurationMs } from '@atlaskit/motion'; // eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
+import { easeInOut, smallDurationMs } from '@atlaskit/motion';
+// eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-
 import { visuallyHidden } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 const Rating = /*#__PURE__*/forwardRef(({

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/rating",
-	"version": "0.2.66",
+	"version": "0.2.68",
 	"sideEffects": false
 }

package/dist/esm/components/rating-group.js

@@ -1,51 +1,42 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _templateObject;
-
 /* eslint-disable @atlaskit/design-system/use-visually-hidden */
-
 /** @jsx jsx */
 import { Children, cloneElement, Fragment, useState } from 'react';
-import { css, jsx } from '@emotion/react'; // eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+import { css, jsx } from '@emotion/react';
 
+// eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { visuallyHidden } from '@atlaskit/theme/constants';
 export default function RatingGroup(_ref) {
   var _ref$groupName = _ref.groupName,
-      groupName = _ref$groupName === void 0 ? 'ak--rating-group' : _ref$groupName,
-      onChange = _ref.onChange,
-      defaultValue = _ref.defaultValue,
-      value = _ref.value,
-      testId = _ref.testId,
-      children = _ref.children;
-
+    groupName = _ref$groupName === void 0 ? 'ak--rating-group' : _ref$groupName,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    testId = _ref.testId,
+    children = _ref.children;
   var _useState = useState(value || defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentValue = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    currentValue = _useState2[0],
+    setValue = _useState2[1];
   var _useState3 = useState(!!currentValue),
-      _useState4 = _slicedToArray(_useState3, 2),
-      firstSelectionMade = _useState4[0],
-      setFirstSelectionMade = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    firstSelectionMade = _useState4[0],
+    setFirstSelectionMade = _useState4[1];
   var actualValue = value || currentValue;
-
   var onChangeHandler = function onChangeHandler(value) {
     onChange && onChange(value);
     setValue(value);
-
     if (!firstSelectionMade) {
       setFirstSelectionMade(true);
     }
   };
-
   if (process.env.NODE_ENV !== 'production' && defaultValue && value) {
     // eslint-disable-next-line no-console
     console.error("@atlaskit/rating\nDon't use \"defaultValue\" with \"value\" you're trying to mix uncontrolled and controlled modes.\nUse \"defaultValue\" or \"value\" happy days :-).\n");
   }
-
   return jsx("div", {
     "data-testid": testId && "".concat(testId, "--root"),
     css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: inline-flex;\n        /* Because some children are inline-block we make the font-size zero to eliminate the implicit space between them. */\n        font-size: 0;\n\n        /* This implementation does some interesting tricks to keep it flowing LTR and ensuring accessibility. */\n        /* Instead of it starting in an empty state - it starts filled - and then uses the CSS sibling select \"~\" */\n        /* to then display the empty state for the star rating. */\n\n        [data-rating-icon-checked] {\n          display: inline-block;\n        }\n\n        [data-rating-icon] {\n          display: none;\n        }\n\n        label:hover\n          ~ label\n          [data-rating-icon-checked][data-rating-icon-checked],\n        input:checked ~ label [data-rating-icon-checked] {\n          display: none;\n        }\n\n        label:hover ~ label [data-rating-icon][data-rating-icon],\n        input:checked ~ label [data-rating-icon] {\n          display: inline-block;\n        }\n\n        /* When hovering reset all elements back to filled state. */\n        &:hover [data-rating-icon-checked][data-rating-icon-checked] {\n          display: inline-block;\n        }\n\n        &:hover [data-rating-icon][data-rating-icon] {\n          display: none;\n        }\n      "])))

package/dist/esm/components/rating.js

@@ -1,28 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isChecked", "name", "testId", "label", "id", "value", "onChange", "render"];
-
 /* eslint-disable @atlaskit/design-system/use-visually-hidden */
-
 /** @jsx jsx */
 import { forwardRef, Fragment, useCallback } from 'react';
 import { jsx } from '@emotion/react';
-import { easeInOut, smallDurationMs } from '@atlaskit/motion'; // eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
+import { easeInOut, smallDurationMs } from '@atlaskit/motion';
+// eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-
 import { visuallyHidden } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 var Rating = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isChecked = _ref.isChecked,
-      name = _ref.name,
-      testId = _ref.testId,
-      label = _ref.label,
-      id = _ref.id,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      render = _ref.render,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    name = _ref.name,
+    testId = _ref.testId,
+    label = _ref.label,
+    id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    render = _ref.render,
+    props = _objectWithoutProperties(_ref, _excluded);
   var onChangeHandler = useCallback(function (e) {
     onChange && onChange(e.target.checked ? value : undefined);
   }, [onChange, value]);

package/dist/esm/components/star.js

@@ -8,11 +8,10 @@ import { Y200 } from '@atlaskit/theme/colors';
 import Rating from './rating';
 var Star = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'large' : _ref$size,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "var(--ds-icon-accent-yellow, ".concat(Y200, ")") : _ref$color,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    size = _ref$size === void 0 ? 'large' : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "var(--ds-icon-accent-yellow, ".concat(Y200, ")") : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded);
   var render = useCallback(function (props) {
     return props.isChecked ?
     /*#__PURE__*/

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/rating",
-	"version": "0.2.66",
+	"version": "0.2.68",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/rating",
-  "version": "0.2.66",
+  "version": "0.2.68",
   "description": "An accessible rating component that can be heavily customized.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/motion": "^1.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "0.13.5",
+    "@atlaskit/tokens": "1.1.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"