@atlaskit/storybook-addon-design-system 1.2.0 → 1.2.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/storybook-addon-design-system
 
+## 1.2.2
+
+### Patch Changes
+
+- [#165531](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165531)
+  [`57f451bda8919`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57f451bda8919) -
+  Adds side-effect config to support Compiled css extraction in third-party apps
+
+## 1.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.2.0
 
 ### Minor Changes

package/dist/cjs/decorator.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _previewApi = require("@storybook/preview-api");
 var _tokens = require("@atlaskit/tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var splitColumnStyles = {
@@ -23,8 +23,8 @@ var splitColumnStyles = {
   height: '100vh',
   overflow: 'auto',
   padding: '10px',
-  background: (0, _tokens.token)('elevation.surface'),
-  color: (0, _tokens.token)('color.text')
+  background: "var(--ds-surface, #FFFFFF)",
+  color: "var(--ds-text, #172B4D)"
 };
 var stackColumnStyles = {
   position: 'absolute',
@@ -33,8 +33,8 @@ var stackColumnStyles = {
   height: '50%',
   overflow: 'auto',
   padding: '10px',
-  background: (0, _tokens.token)('elevation.surface'),
-  color: (0, _tokens.token)('color.text')
+  background: "var(--ds-surface, #FFFFFF)",
+  color: "var(--ds-text, #172B4D)"
 };
 var withDesignTokens = function withDesignTokens(StoryFn, context) {
   var theme = context.globals.adsTheme || 'auto';

package/dist/cjs/tool.js

@@ -13,7 +13,7 @@ var _icons = require("@storybook/icons");
 var _managerApi = require("@storybook/manager-api");
 var _constants = require("./constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var themeOptions = [{
   id: 'auto',
   title: 'Same as system',

package/dist/es2019/decorator.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { useEffect } from '@storybook/preview-api';
-import { setGlobalTheme, token } from '@atlaskit/tokens';
+import { setGlobalTheme } from '@atlaskit/tokens';
 const splitColumnStyles = {
   position: 'absolute',
   boxSizing: 'border-box',
@@ -8,8 +8,8 @@ const splitColumnStyles = {
   height: '100vh',
   overflow: 'auto',
   padding: '10px',
-  background: token('elevation.surface'),
-  color: token('color.text')
+  background: "var(--ds-surface, #FFFFFF)",
+  color: "var(--ds-text, #172B4D)"
 };
 const stackColumnStyles = {
   position: 'absolute',
@@ -18,8 +18,8 @@ const stackColumnStyles = {
   height: '50%',
   overflow: 'auto',
   padding: '10px',
-  background: token('elevation.surface'),
-  color: token('color.text')
+  background: "var(--ds-surface, #FFFFFF)",
+  color: "var(--ds-text, #172B4D)"
 };
 const withDesignTokens = (StoryFn, context) => {
   const theme = context.globals.adsTheme || 'auto';

package/dist/esm/decorator.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { Fragment } from 'react';
 import { useEffect } from '@storybook/preview-api';
-import { setGlobalTheme, token } from '@atlaskit/tokens';
+import { setGlobalTheme } from '@atlaskit/tokens';
 var splitColumnStyles = {
   position: 'absolute',
   boxSizing: 'border-box',
@@ -13,8 +13,8 @@ var splitColumnStyles = {
   height: '100vh',
   overflow: 'auto',
   padding: '10px',
-  background: token('elevation.surface'),
-  color: token('color.text')
+  background: "var(--ds-surface, #FFFFFF)",
+  color: "var(--ds-text, #172B4D)"
 };
 var stackColumnStyles = {
   position: 'absolute',
@@ -23,8 +23,8 @@ var stackColumnStyles = {
   height: '50%',
   overflow: 'auto',
   padding: '10px',
-  background: token('elevation.surface'),
-  color: token('color.text')
+  background: "var(--ds-surface, #FFFFFF)",
+  color: "var(--ds-text, #172B4D)"
 };
 var withDesignTokens = function withDesignTokens(StoryFn, context) {
   var theme = context.globals.adsTheme || 'auto';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/storybook-addon-design-system",
-	"version": "1.2.0",
+	"version": "1.2.2",
 	"description": "Design token storybook addon",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -8,7 +8,6 @@
 	},
 	"atlassian": {
 		"team": "Design System Team",
-		"releaseModel": "continuous",
 		"runReact18": true,
 		"website": {
 			"name": "Storybook addon",
@@ -26,13 +25,15 @@
 			]
 		}
 	},
-	"sideEffects": false,
+	"sideEffects": [
+		"**/*.compiled.css"
+	],
 	"atlaskit:src": "src/index.tsx",
 	"af:exports": {
 		".": "./src/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@storybook/components": "^8.1.0",
 		"@storybook/icons": "^1.2.9",