@atlaskit/rating 0.1.8 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/rating
 
+## 0.2.0
+
+### Minor Changes
+
+- [`36130d571ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/36130d571ed) - [ux] Instrumented rating with the new theming package, `@atlaskit/tokens`.
+
+  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
+  These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.1.10
+
+### Patch Changes
+
+- [`e1901ffa79d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e1901ffa79d) - Internal changes to disable linting rules.
+
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.1.8
 
 ### Patch Changes

package/dist/cjs/components/rating.js

@@ -21,7 +21,7 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
-/** @jsx jsx */
+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,
@@ -31,7 +31,7 @@ var Rating = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       value = _ref.value,
       onChange = _ref.onChange,
       render = _ref.render,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["isChecked", "name", "testId", "label", "id", "value", "onChange", "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

@@ -23,6 +23,8 @@ 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; }
@@ -31,8 +33,8 @@ 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 ? _colors.Y200 : _ref$color,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["size", "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/index.js

@@ -5,22 +5,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "RatingGroup", {
+Object.defineProperty(exports, "Rating", {
   enumerable: true,
   get: function get() {
-    return _ratingGroup.default;
+    return _rating.default;
   }
 });
-Object.defineProperty(exports, "Star", {
+Object.defineProperty(exports, "RatingGroup", {
   enumerable: true,
   get: function get() {
-    return _star.default;
+    return _ratingGroup.default;
   }
 });
-Object.defineProperty(exports, "Rating", {
+Object.defineProperty(exports, "Star", {
   enumerable: true,
   get: function get() {
-    return _rating.default;
+    return _star.default;
   }
 });
 

package/dist/cjs/version.json

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

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

@@ -1,6 +1,10 @@
+/* eslint-disable @atlaskit/design-system/use-visually-hidden */
+
 /** @jsx jsx */
 import { Children, cloneElement, Fragment, useState } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/core'; // 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',

package/dist/es2019/components/rating.js

@@ -1,9 +1,13 @@
 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/core';
-import { easeInOut, smallDurationMs } from '@atlaskit/motion';
+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/components/star.js

@@ -6,7 +6,7 @@ import { Y200 } from '@atlaskit/theme/colors';
 import Rating from './rating';
 const Star = /*#__PURE__*/forwardRef(({
   size = 'large',
-  color = Y200,
+  color = `var(--ds-icon-accent-yellow, ${Y200})`,
   ...props
 }, ref) => {
   const render = useCallback(props => {

package/dist/es2019/version.json

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

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

@@ -3,9 +3,13 @@ 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/core';
+import { css, jsx } from '@emotion/core'; // 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,

package/dist/esm/components/rating.js

@@ -1,10 +1,15 @@
 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/core';
-import { easeInOut, smallDurationMs } from '@atlaskit/motion';
+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) {
@@ -16,7 +21,7 @@ var Rating = /*#__PURE__*/forwardRef(function (_ref, ref) {
       value = _ref.value,
       onChange = _ref.onChange,
       render = _ref.render,
-      props = _objectWithoutProperties(_ref, ["isChecked", "name", "testId", "label", "id", "value", "onChange", "render"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   var onChangeHandler = useCallback(function (e) {
     onChange && onChange(e.target.checked ? value : undefined);

package/dist/esm/components/star.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "color"];
 import React, { forwardRef, useCallback } from 'react';
 import StarIcon from '@atlaskit/icon/glyph/star';
 import StarFilledIcon from '@atlaskit/icon/glyph/star-filled';
@@ -9,8 +10,8 @@ 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 ? Y200 : _ref$color,
-      props = _objectWithoutProperties(_ref, ["size", "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 ?

package/dist/esm/version.json

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

package/dist/types/components/rating-group.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface RatingGroupProps {
     /**
      * Callback that is called everytime the rating changes.

package/dist/types/{components/rating-type.d.ts → extract-react-types/rating.d.ts}

@@ -1,4 +1,4 @@
-import { InternalRatingProps } from './rating';
+import { InternalRatingProps } from '../components/rating';
 /**
  * This gets around extract-react-types not supporting forwardRef.
  */

package/dist/types/{components/star-type.d.ts → extract-react-types/star.d.ts}

@@ -1,4 +1,4 @@
-import { StarProps } from './star';
+import { StarProps } from '../components/star';
 /**
  * This gets around extract-react-types not supporting forwardRef.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/rating",
-  "version": "0.1.8",
+  "version": "0.2.0",
   "description": "An accessible rating component that can be heavily customized.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -17,17 +17,17 @@
   "atlassian": {
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Rating"
     }
   },
   "dependencies": {
-    "@atlaskit/icon": "^21.1.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/motion": "^1.0.0",
-    "@atlaskit/theme": "^11.3.0",
-    "@atlaskit/tooltip": "^17.0.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "0.7.0",
+    "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
   },
@@ -36,7 +36,7 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^15.1.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -47,6 +47,13 @@
   "techstack": {
     "@atlassian/frontend": {
       "import-structure": "atlassian-conventions"
+    },
+    "@repo/internal": {
+      "theming": "tokens",
+      "deprecation": "no-deprecated-imports",
+      "styling": [
+        "emotion"
+      ]
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"