@atlaskit/storybook-addon-design-system 1.0.0 → 1.1.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/storybook-addon-design-system
 
+## 1.1.1
+
+### Patch Changes
+
+- [#121959](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121959)
+  [`44763b631bec5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/44763b631bec5) -
+  Renamed `typography-minor3` theme to `typography-modernized`. There are no visual changes, purely
+  just a rename.
+
+## 1.1.0
+
+### Minor Changes
+
+- [#121858](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121858)
+  [`a1c4a37a57a0c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a1c4a37a57a0c) -
+  Fixed the build issue in the previous version.
+
 ## 1.0.0
 
 ### Major Changes

package/dist/cjs/decorator.js

@@ -54,7 +54,7 @@ var withDesignTokens = function withDesignTokens(StoryFn, context) {
               colorMode: theme,
               spacing: 'spacing',
               shape: 'shape',
-              typography: 'typography-minor3'
+              typography: 'typography-modernized'
             });
           case 5:
             return _context.abrupt("break", 15);
@@ -64,7 +64,7 @@ var withDesignTokens = function withDesignTokens(StoryFn, context) {
               colorMode: 'light',
               spacing: 'spacing',
               shape: 'shape',
-              typography: 'typography-minor3'
+              typography: 'typography-modernized'
             });
           case 8:
             document.documentElement.querySelectorAll('style[data-theme]').forEach(function (el) {

package/dist/es2019/decorator.js

@@ -35,7 +35,7 @@ const withDesignTokens = (StoryFn, context) => {
             colorMode: theme,
             spacing: 'spacing',
             shape: 'shape',
-            typography: 'typography-minor3'
+            typography: 'typography-modernized'
           });
           break;
         case 'split':
@@ -44,7 +44,7 @@ const withDesignTokens = (StoryFn, context) => {
             colorMode: 'light',
             spacing: 'spacing',
             shape: 'shape',
-            typography: 'typography-minor3'
+            typography: 'typography-modernized'
           });
           document.documentElement.querySelectorAll('style[data-theme]').forEach(el => {
             const clone = el.cloneNode(true);

package/dist/esm/decorator.js

@@ -44,7 +44,7 @@ var withDesignTokens = function withDesignTokens(StoryFn, context) {
               colorMode: theme,
               spacing: 'spacing',
               shape: 'shape',
-              typography: 'typography-minor3'
+              typography: 'typography-modernized'
             });
           case 5:
             return _context.abrupt("break", 15);
@@ -54,7 +54,7 @@ var withDesignTokens = function withDesignTokens(StoryFn, context) {
               colorMode: 'light',
               spacing: 'spacing',
               shape: 'shape',
-              typography: 'typography-minor3'
+              typography: 'typography-modernized'
             });
           case 8:
             document.documentElement.querySelectorAll('style[data-theme]').forEach(function (el) {

package/manager.js

@@ -1,2 +1,2 @@
 /* eslint-disable */
-import './dist/manager';
+import './dist/esm/manager';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/storybook-addon-design-system",
-	"version": "1.0.0",
+	"version": "1.1.1",
 	"description": "Design token storybook addon",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -15,9 +15,6 @@
 			"category": "Tooling"
 		}
 	},
-	"scripts": {
-		"build": "tsup"
-	},
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"type": "module",
 	"main": "src/index.tsx",
@@ -41,8 +38,7 @@
 		"@storybook/icons": "^1.2.9",
 		"@storybook/manager-api": "^8.1.10",
 		"@storybook/preview-api": "^8.1.10",
-		"@storybook/types": "8.0.0",
-		"tsup": "^8.0.2"
+		"@storybook/types": "8.0.0"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"

package/preset.js

@@ -1,2 +1,2 @@
 /* eslint-disable */
-module.exports = require('./dist/preset.cjs');
+module.exports = require('./dist/esm/preset.js');

package/preview.js

@@ -1,2 +1,2 @@
 /* eslint-disable */
-export { default } from './dist/preview';
+export { default } from './dist/esm/preview';

package/src/decorator.tsx

@@ -43,7 +43,7 @@ const withDesignTokens = (StoryFn: StoryFunction<Renderer>, context: StoryContex
 						colorMode: theme,
 						spacing: 'spacing',
 						shape: 'shape',
-						typography: 'typography-minor3',
+						typography: 'typography-modernized',
 					});
 					break;
 				case 'split':
@@ -52,7 +52,7 @@ const withDesignTokens = (StoryFn: StoryFunction<Renderer>, context: StoryContex
 						colorMode: 'light',
 						spacing: 'spacing',
 						shape: 'shape',
-						typography: 'typography-minor3',
+						typography: 'typography-modernized',
 					});
 
 					document.documentElement.querySelectorAll('style[data-theme]').forEach((el) => {

package/tsup.config.ts

@@ -1,110 +0,0 @@
-/* eslint-disable @repo/internal/fs/filename-pattern-match */
-import { readFile } from 'fs/promises';
-
-import { defineConfig, type Options } from 'tsup';
-
-// The current browsers supported by Storybook v7
-const BROWSER_TARGET: Options['target'] = ['chrome100', 'safari15', 'firefox91'];
-const NODE_TARGET: Options['target'] = ['node18'];
-
-type BundlerConfig = {
-	bundler?: {
-		exportEntries?: string[];
-		nodeEntries?: string[];
-		managerEntries?: string[];
-		previewEntries?: string[];
-	};
-};
-
-// eslint-disable-next-line import/no-anonymous-default-export
-export default defineConfig(async (options) => {
-	// reading the three types of entries from package.json, which has the following structure:
-	// {
-	//  ...
-	//   "bundler": {
-	//     "exportEntries": ["./src/index.ts"],
-	//     "managerEntries": ["./src/manager.ts"],
-	//     "previewEntries": ["./src/preview.ts"]
-	//     "nodeEntries": ["./src/preset.ts"]
-	//   }
-	// }
-	const packageJson = (await readFile('./package.json', 'utf8').then(JSON.parse)) as BundlerConfig;
-	const {
-		bundler: {
-			exportEntries = [],
-			managerEntries = [],
-			previewEntries = [],
-			nodeEntries = [],
-		} = {},
-	} = packageJson;
-
-	const commonConfig: Options = {
-		splitting: false,
-		minify: !options.watch,
-		treeshake: true,
-		sourcemap: true,
-		clean: true,
-	};
-
-	const configs: Options[] = [];
-
-	// export entries are entries meant to be manually imported by the user
-	// they are not meant to be loaded by the manager or preview
-	// they'll be usable in both node and browser environments, depending on which features and modules they depend on
-	if (exportEntries.length) {
-		configs.push({
-			...commonConfig,
-			entry: exportEntries,
-			dts: {
-				resolve: true,
-			},
-			format: ['esm', 'cjs'],
-			target: [...BROWSER_TARGET, ...NODE_TARGET],
-			platform: 'neutral',
-		});
-	}
-
-	// manager entries are entries meant to be loaded into the manager UI
-	// they'll have manager-specific packages externalized and they won't be usable in node
-	// they won't have types generated for them as they're usually loaded automatically by Storybook
-	if (managerEntries.length) {
-		configs.push({
-			...commonConfig,
-			entry: managerEntries,
-			format: ['esm'],
-			target: BROWSER_TARGET,
-			platform: 'browser',
-		});
-	}
-
-	// preview entries are entries meant to be loaded into the preview iframe
-	// they'll have preview-specific packages externalized and they won't be usable in node
-	// they'll have types generated for them so they can be imported when setting up Portable Stories
-	if (previewEntries.length) {
-		configs.push({
-			...commonConfig,
-			entry: previewEntries,
-			dts: {
-				resolve: true,
-			},
-			format: ['esm', 'cjs'],
-			target: BROWSER_TARGET,
-			platform: 'browser',
-		});
-	}
-
-	// node entries are entries meant to be used in node-only
-	// this is useful for presets, which are loaded by Storybook when setting up configurations
-	// they won't have types generated for them as they're usually loaded automatically by Storybook
-	if (nodeEntries.length) {
-		configs.push({
-			...commonConfig,
-			entry: nodeEntries,
-			format: ['cjs'],
-			target: NODE_TARGET,
-			platform: 'node',
-		});
-	}
-
-	return configs;
-});