@atlaskit/icon-object 6.2.5 → 6.2.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/icon-object
 
+## 6.2.6
+
+### Patch Changes
+
+- [`b3e5a62a9e3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3e5a62a9e3) - Adds `static` techstack to package, enforcing stricter style linting. In this case the package already satisfied this requirement so there have been no changes to styles.
+
 ## 6.2.5
 
 ### Patch Changes

package/__tests__/visual-regression/__image_snapshots__/icon-object-snapshots-test-ts-icon-priority-snapshots-should-match-dark-mode-icons-1-snap.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ee1d20a907fb171f742ef62fa8f4624c01316db5a5458620e46e067401d978ec
-size 8775
+oid sha256:3976e9ac0796692096e936eb75935eca70183e1ed08df632563163b8c9997716
+size 8774

package/constellation/index/examples.mdx

@@ -0,0 +1,26 @@
+---
+order: 1
+---
+
+import IconObject16 from '../../examples/constellation/icon-object-16.tsx'
+import IconObject24 from '../../examples/constellation/icon-object-24.tsx'
+
+## Sizing
+
+### Small
+
+Use the small size when space is at a premium.
+
+Elements in this icon are simplified, rearranged or filled in because there is significantly less space. 
+
+This icon is designed on a 16px grid and uses 1px strokes.
+
+<Example Component={IconObject16} packageName='@atlaskit/icon-object'/>
+
+### Medium
+
+The medium size (24px) is used in common interfaces.
+
+This icon is designed on a 20px grid (on 24px artboard) and uses 2px strokes.
+
+<Example Component={IconObject24} packageName='@atlaskit/icon-object'/>

package/constellation/index/icon-explorer.mdx

@@ -0,0 +1,11 @@
+---
+order: 0
+---
+
+import IconExplorer from '@af/icon-explorer'
+
+## Icon explorer
+
+Search and copy icon import paths from the `@atlaskit/icon-object` package. Select an icon to copy import to clipboard.
+
+<IconExplorer iconType="object" />

package/constellation/index/props.mdx

@@ -0,0 +1,3 @@
+import IconObjectProps from '!!extract-react-types-loader!../../../icon/src/extract-react-types/glyph-no-color-size.tsx';
+
+<PropsTable heading="" props={IconObjectProps} />

package/constellation/index/usage.mdx

@@ -0,0 +1,39 @@
+---
+order: 3
+---
+
+## Usage
+
+Object icons represent an Atlassian-specific content type. They can trigger actions such as opening a page in Confluence, an issue in Jira, or a pull request in Bitbucket.
+
+Unlike a standard icon, object icons help people identify the content type fast. This reduces cognitive load for people across products and platforms.
+
+Object icons can be in:
+- Search
+- Media cards
+- Smart cards
+- Attachment uploads
+- Activity feeds
+- Inline links
+
+## Anatomy
+
+![Icon Object Anatomy](images/icon-object-anatomy.png)
+
+## Best practices
+
+### Color
+
+Object icons are assigned specific colors. For cross-product and platform consistency, don’t change the color of the object icon.
+
+## Accessibility
+
+![Icon Object with tooltip](images/icon-object-tooltip.png)
+
+- Use object icons in combination with a title and meta-information, such as author, creation date, or sub-heading.
+- Pair object icons with [tooltips](/components/tooltip). On hover, the tooltip reveals the specific content type of the icon.
+
+## Related
+
+- [Icon](/components/icon)
+

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon-object",
-	"version": "6.2.5",
+	"version": "6.2.6",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon-object",
-	"version": "6.2.5",
+	"version": "6.2.6",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon-object",
-	"version": "6.2.5",
+	"version": "6.2.6",
 	"sideEffects": false
 }

package/docs/0-intro.tsx

@@ -1,22 +1,15 @@
 import React from 'react';
-import { md, Props } from '@atlaskit/docs';
-import IconExplorer from '../examples/icon-explorer';
 
-export default md`
-  ## Icon explorer
-
-  ${(
-    <p>
-      <IconExplorer />
-    </p>
-  )}
+import { md } from '@atlaskit/docs';
+import SectionMessage from '@atlaskit/section-message';
 
-  ### Props
-
-  ${(
-    <Props
-      heading=""
-      props={require('!!extract-react-types-loader!../../icon/src/extract-react-types/glyph-no-color-size.tsx')}
-    />
-  )}
+export default md`
+${(
+  <SectionMessage appearance="information">
+    This component is now documented on{' '}
+    <a href="https://atlassian.design/components/icon-object">
+      atlassian.design
+    </a>
+  </SectionMessage>
+)}
 `;

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@atlaskit/icon-object",
-  "version": "6.2.5",
-  "description": "An object icon is used to represent an entity specific to a product, such as a pull request for Bitbucket.",
+  "version": "6.2.6",
+  "description": "An object icon is used to represent an Atlassian-specific content type.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "homepage": "https://atlassian.design/components/icon-object/",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "atlaskit:src": "src/index.ts",
@@ -16,10 +17,9 @@
   "sideEffects": false,
   "atlassian": {
     "team": "Design System Team",
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
-      "name": "Icon Object"
+      "name": "Icon object"
     }
   },
   "af:exports": {
@@ -31,7 +31,7 @@
     "build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.ts"
   },
   "dependencies": {
-    "@atlaskit/icon": "^21.5.0",
+    "@atlaskit/icon": "^21.10.0",
     "@babel/runtime": "^7.0.0"
   },
   "peerDependencies": {
@@ -39,14 +39,15 @@
   },
   "devDependencies": {
     "@af/icon-build-process": "^0.3.0",
-    "@atlaskit/build-utils": "*",
-    "@atlaskit/button": "^15.1.0",
+    "@af/icon-explorer": "^0.0.2",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/modal-dialog": "^11.7.0",
+    "@atlaskit/modal-dialog": "^12.2.0",
+    "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^5.0.0",
-    "@atlaskit/theme": "^11.3.0",
-    "@atlaskit/tooltip": "^17.2.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/styled": "^10.0.7",
@@ -60,5 +61,13 @@
     "atlaskit",
     "ui"
   ],
+  "techstack": {
+    "@repo/internal": {
+      "theming": "tokens",
+      "styling": [
+        "static"
+      ]
+    }
+  },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }