@atlaskit/popup 1.3.1 → 1.3.4

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/popup
 
+## 1.3.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.3.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.3.2
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
+- Updated dependencies
+
 ## 1.3.1
 
 ### Patch Changes

package/README.md

@@ -1,6 +1,6 @@
 # popup
 
-Creates a simple and lightweight inline Popup.
+A popup displays brief content in an overlay.
 
 ## Installation
 
@@ -10,4 +10,4 @@ yarn add @atlaskit/popup
 
 ## Usage
 
-Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/core/popup).
+Detailed docs and example usage can be found [here](https://atlassian.design/components/popup/).

package/dist/cjs/PopperWrapper.js

@@ -33,9 +33,9 @@ var popupStyles = (0, _core.css)({
   boxSizing: 'border-box',
   zIndex: _constants.layers.layer(),
   flex: '1 1 auto',
-  backgroundColor: "var(--ds-background-overlay, ".concat(_colors.N0, ")"),
+  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
   borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
-  boxShadow: "var(--ds-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
+  boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
   overflow: 'auto',
   ':focus': {
     outline: 'none'

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.3.1",
+	"version": "1.3.4",
 	"sideEffects": false
 }

package/dist/es2019/PopperWrapper.js

@@ -14,9 +14,9 @@ const popupStyles = css({
   boxSizing: 'border-box',
   zIndex: layers.layer(),
   flex: '1 1 auto',
-  backgroundColor: `var(--ds-background-overlay, ${N0})`,
+  backgroundColor: `var(--ds-surface-overlay, ${N0})`,
   borderRadius: `${borderRadius()}px`,
-  boxShadow: `var(--ds-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
+  boxShadow: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
   overflow: 'auto',
   ':focus': {
     outline: 'none'

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.3.1",
+	"version": "1.3.4",
 	"sideEffects": false
 }

package/dist/esm/PopperWrapper.js

@@ -15,9 +15,9 @@ var popupStyles = css({
   boxSizing: 'border-box',
   zIndex: layers.layer(),
   flex: '1 1 auto',
-  backgroundColor: "var(--ds-background-overlay, ".concat(N0, ")"),
+  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
   borderRadius: "".concat(borderRadius(), "px"),
-  boxShadow: "var(--ds-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
+  boxShadow: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
   overflow: 'auto',
   ':focus': {
     outline: 'none'

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.3.1",
+	"version": "1.3.4",
 	"sideEffects": false
 }

package/dist/types/types.d.ts

@@ -130,7 +130,7 @@ interface BaseProps {
     autoFocus?: boolean;
     /**
      * Controls if the event which handles clicks outside the popup is be bound with
-     *  `capture: true`
+     *  `capture: true`.
      */
     shouldUseCaptureOnOutsideClick?: boolean;
 }
@@ -138,7 +138,7 @@ export interface PopupProps extends BaseProps {
     /**
      * Render props used to anchor the popup to your content.
      * Make this an interactive element,
-     * such as an @atlaskit/button component.
+     * such as an `@atlaskit/button` component.
      */
     trigger: (props: TriggerProps) => React.ReactNode;
     /**

package/extract-react-types/popup-attributes.tsx

@@ -0,0 +1,5 @@
+import { PopupProps } from '../src/types';
+
+export default function PopupAttributesFunction(props: PopupProps) {
+  return null;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/popup",
-  "version": "1.3.1",
-  "description": "A portalled popup primitive that is tied to a trigger element.",
+  "version": "1.3.4",
+  "description": "A popup displays brief content in an overlay.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -29,7 +29,7 @@
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/portal": "^4.0.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.5.0",
+    "@atlaskit/tokens": "^0.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "bind-event-listener": "^1.0.2",
@@ -40,14 +40,16 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/menu": "^1.2.0",
+    "@atlaskit/menu": "^1.3.0",
     "@atlaskit/radio": "^5.3.0",
+    "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/select": "^15.0.0",
-    "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/ssr": "*",
+    "@atlaskit/textfield": "^5.1.7",
+    "@atlaskit/toggle": "^12.4.4",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/dom": "^7.7.3",
@@ -81,5 +83,6 @@
       ]
     }
   },
+  "homepage": "https://atlassian.design/components/popup/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }