@atlaskit/icon 21.12.4 → 21.12.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/icon
 
+## 21.12.5
+
+### Patch Changes
+
+- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+
 ## 21.12.4
 
 ### Patch Changes

package/dist/cjs/components/icon.js

@@ -119,7 +119,7 @@ var Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
     // We could then simplify how common styles are dealt with simply by encapsualting them
     // at their appropriate level and/or having a singular approach to css variables in the package
     dimensions &&
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     (0, _react2.css)({
       width: dimensions.width,
       height: dimensions.height,

package/dist/cjs/components/skeleton.js

@@ -11,7 +11,7 @@ var _styles = require("./styles");
 
 var skeletonStyles = (0, _react.css)({
   display: 'inline-block',
-  borderRadius: '50%'
+  borderRadius: "var(--ds-border-radius-circle, 50%)"
 });
 var subtleOpacityStyles = (0, _react.css)({
   opacity: 0.15

package/dist/cjs/components/svg.js

@@ -11,7 +11,7 @@ var _utils = require("./utils");
 var _styles = require("./styles");
 /** @jsx jsx */
 
-// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var svgStyles = (0, _react2.css)(_styles.commonSVGStyles);
 
 /**

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "21.12.4",
+	"version": "21.12.5",
 	"sideEffects": false
 }

package/dist/es2019/components/icon.js

@@ -113,7 +113,7 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
     // We could then simplify how common styles are dealt with simply by encapsualting them
     // at their appropriate level and/or having a singular approach to css variables in the package
     dimensions &&
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css({
       width: dimensions.width,
       height: dimensions.height,

package/dist/es2019/components/skeleton.js

@@ -4,7 +4,7 @@ import { memo } from 'react';
 import { sizeStyleMap } from './styles';
 const skeletonStyles = css({
   display: 'inline-block',
-  borderRadius: '50%'
+  borderRadius: "var(--ds-border-radius-circle, 50%)"
 });
 const subtleOpacityStyles = css({
   opacity: 0.15

package/dist/es2019/components/svg.js

@@ -5,7 +5,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import { getBackground } from './utils';
 import { commonSVGStyles, sizeStyleMap } from './styles';
 
-// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 const svgStyles = css(commonSVGStyles);
 
 /**

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "21.12.4",
+	"version": "21.12.5",
 	"sideEffects": false
 }

package/dist/esm/components/icon.js

@@ -114,7 +114,7 @@ export var Icon = /*#__PURE__*/memo(function Icon(props) {
     // We could then simplify how common styles are dealt with simply by encapsualting them
     // at their appropriate level and/or having a singular approach to css variables in the package
     dimensions &&
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     css({
       width: dimensions.width,
       height: dimensions.height,

package/dist/esm/components/skeleton.js

@@ -4,7 +4,7 @@ import { memo } from 'react';
 import { sizeStyleMap } from './styles';
 var skeletonStyles = css({
   display: 'inline-block',
-  borderRadius: '50%'
+  borderRadius: "var(--ds-border-radius-circle, 50%)"
 });
 var subtleOpacityStyles = css({
   opacity: 0.15

package/dist/esm/components/svg.js

@@ -5,7 +5,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import { getBackground } from './utils';
 import { commonSVGStyles, sizeStyleMap } from './styles';
 
-// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var svgStyles = css(commonSVGStyles);
 
 /**

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "21.12.4",
+	"version": "21.12.5",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/icon",
-  "version": "21.12.4",
+  "version": "21.12.5",
   "description": "An icon is a visual representation of a command, device, directory, or common action.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
   "homepage": "https://atlassian.design/components/icon/",
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Icon",
       "category": "Components"
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.5.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -54,14 +54,13 @@
   },
   "devDependencies": {
     "@af/icon-build-process": "^0.3.0",
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.8.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/dynamic-table": "^14.9.0",
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/logo": "^13.14.0",
-    "@atlaskit/modal-dialog": "^12.5.0",
+    "@atlaskit/modal-dialog": "^12.6.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^5.5.0",

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -97,3 +98,15 @@ export interface SVGProps extends GlyphProps {
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,86 @@
+## API Report File for "@atlaskit/icon"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import type { ComponentType } from 'react';
+import { NamedExoticComponent } from 'react';
+import type { ReactNode } from 'react';
+import type { SVGProps as SVGProps_2 } from 'react';
+
+// @public (undocumented)
+export interface CustomGlyphProps extends SVGProps_2<SVGSVGElement> {
+    'aria-label'?: string;
+    'data-testid'?: string;
+    className?: string;
+}
+
+// @public (undocumented)
+interface GlyphColorProps {
+    primaryColor?: string;
+    secondaryColor?: string;
+}
+
+// @public (undocumented)
+export interface GlyphProps extends OtherGlyphProps, GlyphSizeProps, GlyphColorProps {
+}
+
+// @public (undocumented)
+interface GlyphSizeProps {
+    size?: Size;
+}
+
+// @public
+const Icon: NamedExoticComponent<IconProps>;
+export default Icon;
+
+// @public (undocumented)
+export interface IconProps extends GlyphProps {
+    // @deprecated (undocumented)
+    dangerouslySetGlyph?: string;
+    glyph?: ComponentType<CustomGlyphProps>;
+}
+
+// @public (undocumented)
+interface OtherGlyphProps {
+    label: string;
+    testId?: string;
+}
+
+// @public (undocumented)
+export type Size = 'large' | 'medium' | 'small' | 'xlarge';
+
+// @public (undocumented)
+export const size: Record<Size, Size>;
+
+// @public (undocumented)
+export const sizes: Record<Size, string>;
+
+// @public
+export const Skeleton: NamedExoticComponent<SkeletonProps>;
+
+// @public (undocumented)
+export interface SkeletonProps {
+    // (undocumented)
+    color?: string;
+    // (undocumented)
+    size?: Size;
+    testId?: string;
+    // (undocumented)
+    weight?: 'normal' | 'strong';
+}
+
+// @public
+export const SVG: NamedExoticComponent<SVGProps>;
+
+// @public (undocumented)
+export interface SVGProps extends GlyphProps {
+    children?: ReactNode;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```