@storybook/angular 6.4.0-rc.8 → 6.4.2

package/dist/ts3.4/builders/build-storybook/index.d.ts

@@ -1,11 +1,14 @@
 import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
+import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 export declare type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
+    styles?: ExtraEntryPoint[];
+    stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs'>;
 export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
 declare const _default: import("@angular-devkit/architect/src/internal").Builder<StorybookBuilderOptions>;

package/dist/ts3.4/builders/start-storybook/index.d.ts

@@ -1,11 +1,14 @@
 import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
+import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
+    styles?: ExtraEntryPoint[];
+    stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'port' | 'host' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'docs'>;
 export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
 declare const _default: import("@angular-devkit/architect/src/internal").Builder<StorybookBuilderOptions>;

package/dist/ts3.4/server/options.d.ts

@@ -1,9 +1,12 @@
 import { LoadOptions, Options as CoreOptions } from '@storybook/core-common';
 import { BuilderContext } from '@angular-devkit/architect';
-import { JsonObject } from '@angular-devkit/core';
+import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 export declare type PresetOptions = CoreOptions & {
     angularBrowserTarget?: string | null;
-    angularBuilderOptions?: JsonObject | null;
+    angularBuilderOptions?: {
+        styles?: ExtraEntryPoint[];
+        stylePreprocessorOptions?: StylePreprocessorOptions;
+    };
     angularBuilderContext?: BuilderContext | null;
     tsConfig?: string;
 };

package/dist/ts3.9/builders/build-storybook/index.d.ts

@@ -1,11 +1,14 @@
 import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
+import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 export declare type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
+    styles?: ExtraEntryPoint[];
+    stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs'>;
 export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
 declare const _default: import("@angular-devkit/architect/src/internal").Builder<StorybookBuilderOptions>;

package/dist/ts3.9/builders/build-storybook/index.js

@@ -46,17 +46,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -64,6 +53,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var architect_1 = require("@angular-devkit/architect");
 var rxjs_1 = require("rxjs");
 var operators_1 = require("rxjs/operators");
+var find_up_1 = require("find-up");
 // eslint-disable-next-line import/no-extraneous-dependencies
 var standalone_1 = __importDefault(require("@storybook/angular/standalone"));
 var run_compodoc_1 = require("../utils/run-compodoc");
@@ -78,8 +68,18 @@ function commandBuilder(options, context) {
         return runCompodoc$.pipe(operators_1.mapTo({ tsConfig: tsConfig }));
     }), operators_1.map(function (_a) {
         var tsConfig = _a.tsConfig;
-        var browserTarget = options.browserTarget, otherOptions = __rest(options, ["browserTarget"]);
-        var standaloneOptions = __assign(__assign({}, otherOptions), { angularBrowserTarget: browserTarget, angularBuilderContext: context, tsConfig: tsConfig });
+        var browserTarget = options.browserTarget, stylePreprocessorOptions = options.stylePreprocessorOptions, styles = options.styles, configDir = options.configDir, docs = options.docs, loglevel = options.loglevel, outputDir = options.outputDir, quiet = options.quiet;
+        var standaloneOptions = {
+            configDir: configDir,
+            docs: docs,
+            loglevel: loglevel,
+            outputDir: outputDir,
+            quiet: quiet,
+            angularBrowserTarget: browserTarget,
+            angularBuilderContext: context,
+            angularBuilderOptions: __assign(__assign({}, (stylePreprocessorOptions ? { stylePreprocessorOptions: stylePreprocessorOptions } : {})), (styles ? { styles: styles } : {})),
+            tsConfig: tsConfig,
+        };
         return standaloneOptions;
     }), operators_1.switchMap(function (standaloneOptions) { return runInstance(__assign(__assign({}, standaloneOptions), { mode: 'static' })); }), operators_1.map(function () {
         return { success: true };
@@ -104,7 +104,7 @@ function setup(options, context) {
                     browserOptions = _f.sent();
                     _f.label = 4;
                 case 4: return [2 /*return*/, {
-                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : browserOptions.tsConfig) !== null && _b !== void 0 ? _b : undefined,
+                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : find_up_1.sync('tsconfig.json', { cwd: options.configDir })) !== null && _b !== void 0 ? _b : browserOptions.tsConfig,
                     }];
             }
         });

package/dist/ts3.9/builders/build-storybook/schema.json

@@ -51,15 +51,62 @@
             "items": {
                 "type": "string"
             }
+        },
+        "styles": {
+            "type": "array",
+            "description": "Global styles to be included in the build.",
+            "items": {
+                "$ref": "#/definitions/extraEntryPoint"
+            },
+            "default": ""
+        },
+        "stylePreprocessorOptions": {
+            "description": "Options to pass to style preprocessors.",
+            "type": "object",
+            "properties": {
+                "includePaths": {
+                    "description": "Paths to include. Paths will be resolved to workspace root.",
+                    "type": "array",
+                    "items": {
+                        "type": "string"
+                    },
+                    "default": []
+                }
+            },
+            "additionalProperties": false,
+            "default": ""
         }
     },
     "additionalProperties": false,
-    "oneOf": [
-        {
-            "required": ["browserTarget"]
-        },
-        {
-            "required": ["tsConfig"]
+    "definitions": {
+        "extraEntryPoint": {
+            "oneOf": [
+                {
+                    "type": "object",
+                    "properties": {
+                        "input": {
+                            "type": "string",
+                            "description": "The file to include."
+                        },
+                        "bundleName": {
+                            "type": "string",
+                            "pattern": "^[\\w\\-.]*$",
+                            "description": "The bundle name for this extra entry point."
+                        },
+                        "inject": {
+                            "type": "boolean",
+                            "description": "If the bundle will be referenced in the HTML file.",
+                            "default": true
+                        }
+                    },
+                    "additionalProperties": false,
+                    "required": ["input"]
+                },
+                {
+                    "type": "string",
+                    "description": "The file to include."
+                }
+            ]
         }
-    ]
+    }
 }

package/dist/ts3.9/builders/start-storybook/index.d.ts

@@ -1,11 +1,14 @@
 import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
+import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
+    styles?: ExtraEntryPoint[];
+    stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'port' | 'host' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'docs'>;
 export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
 declare const _default: import("@angular-devkit/architect/src/internal").Builder<StorybookBuilderOptions>;

package/dist/ts3.9/builders/start-storybook/index.js

@@ -46,17 +46,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -64,6 +53,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var architect_1 = require("@angular-devkit/architect");
 var rxjs_1 = require("rxjs");
 var operators_1 = require("rxjs/operators");
+var find_up_1 = require("find-up");
 // eslint-disable-next-line import/no-extraneous-dependencies
 var standalone_1 = __importDefault(require("@storybook/angular/standalone"));
 var run_compodoc_1 = require("../utils/run-compodoc");
@@ -78,8 +68,24 @@ function commandBuilder(options, context) {
         return runCompodoc$.pipe(operators_1.mapTo({ tsConfig: tsConfig }));
     }), operators_1.map(function (_a) {
         var tsConfig = _a.tsConfig;
-        var browserTarget = options.browserTarget, otherOptions = __rest(options, ["browserTarget"]);
-        var standaloneOptions = __assign(__assign({}, otherOptions), { angularBrowserTarget: browserTarget, angularBuilderContext: context, tsConfig: tsConfig });
+        var browserTarget = options.browserTarget, stylePreprocessorOptions = options.stylePreprocessorOptions, styles = options.styles, ci = options.ci, configDir = options.configDir, docs = options.docs, host = options.host, https = options.https, port = options.port, quiet = options.quiet, smokeTest = options.smokeTest, sslCa = options.sslCa, sslCert = options.sslCert, sslKey = options.sslKey;
+        var standaloneOptions = {
+            ci: ci,
+            configDir: configDir,
+            docs: docs,
+            host: host,
+            https: https,
+            port: port,
+            quiet: quiet,
+            smokeTest: smokeTest,
+            sslCa: sslCa,
+            sslCert: sslCert,
+            sslKey: sslKey,
+            angularBrowserTarget: browserTarget,
+            angularBuilderContext: context,
+            angularBuilderOptions: __assign(__assign({}, (stylePreprocessorOptions ? { stylePreprocessorOptions: stylePreprocessorOptions } : {})), (styles ? { styles: styles } : {})),
+            tsConfig: tsConfig,
+        };
         return standaloneOptions;
     }), operators_1.switchMap(function (standaloneOptions) { return runInstance(standaloneOptions); }), operators_1.map(function () {
         return { success: true };
@@ -104,7 +110,7 @@ function setup(options, context) {
                     browserOptions = _f.sent();
                     _f.label = 4;
                 case 4: return [2 /*return*/, {
-                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : browserOptions.tsConfig) !== null && _b !== void 0 ? _b : undefined,
+                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : find_up_1.sync('tsconfig.json', { cwd: options.configDir })) !== null && _b !== void 0 ? _b : browserOptions.tsConfig,
                     }];
             }
         });

package/dist/ts3.9/builders/start-storybook/schema.json

@@ -78,7 +78,62 @@
             "items": {
                 "type": "string"
             }
+        },
+        "styles": {
+            "type": "array",
+            "description": "Global styles to be included in the build.",
+            "items": {
+                "$ref": "#/definitions/extraEntryPoint"
+            },
+            "default": ""
+        },
+        "stylePreprocessorOptions": {
+            "description": "Options to pass to style preprocessors.",
+            "type": "object",
+            "properties": {
+                "includePaths": {
+                    "description": "Paths to include. Paths will be resolved to workspace root.",
+                    "type": "array",
+                    "items": {
+                        "type": "string"
+                    },
+                    "default": []
+                }
+            },
+            "additionalProperties": false,
+            "default": ""
         }
     },
-    "additionalProperties": false
+    "additionalProperties": false,
+    "definitions": {
+        "extraEntryPoint": {
+            "oneOf": [
+                {
+                    "type": "object",
+                    "properties": {
+                        "input": {
+                            "type": "string",
+                            "description": "The file to include."
+                        },
+                        "bundleName": {
+                            "type": "string",
+                            "pattern": "^[\\w\\-.]*$",
+                            "description": "The bundle name for this extra entry point."
+                        },
+                        "inject": {
+                            "type": "boolean",
+                            "description": "If the bundle will be referenced in the HTML file.",
+                            "default": true
+                        }
+                    },
+                    "additionalProperties": false,
+                    "required": ["input"]
+                },
+                {
+                    "type": "string",
+                    "description": "The file to include."
+                }
+            ]
+        }
+    }
 }

package/dist/ts3.9/server/framework-preset-angular-cli.js

@@ -79,6 +79,7 @@ var module_is_available_1 = require("./utils/module-is-available");
 var angular_cli_webpack_12_2_x_1 = require("./angular-cli-webpack-12.2.x");
 var angular_cli_webpack_13_x_x_1 = require("./angular-cli-webpack-13.x.x");
 var angular_cli_webpack_older_1 = require("./angular-cli-webpack-older");
+var angular_read_workspace_1 = require("./angular-read-workspace");
 function webpackFinal(baseConfig, options) {
     return __awaiter(this, void 0, void 0, function () {
         var angularCliVersion, webpackGetterByVersions, webpackGetter;
@@ -98,7 +99,7 @@ function webpackFinal(baseConfig, options) {
                             info: '=> Loading angular-cli config for angular >= 13.0.0',
                             condition: semver_1.default.satisfies(angularCliVersion, '>=13.0.0'),
                             getWebpackConfig: function (_baseConfig, _options) { return __awaiter(_this, void 0, void 0, function () {
-                                var builderContext, builderOptions;
+                                var builderContext, builderOptions, legacyDefaultOptions;
                                 return __generator(this, function (_a) {
                                     switch (_a.label) {
                                         case 0:
@@ -106,8 +107,11 @@ function webpackFinal(baseConfig, options) {
                                             return [4 /*yield*/, getBuilderOptions(_options, builderContext)];
                                         case 1:
                                             builderOptions = _a.sent();
+                                            return [4 /*yield*/, getLegacyDefaultBuildOptions(_options)];
+                                        case 2:
+                                            legacyDefaultOptions = _a.sent();
                                             return [2 /*return*/, angular_cli_webpack_13_x_x_1.getWebpackConfig(_baseConfig, {
-                                                    builderOptions: builderOptions,
+                                                    builderOptions: __assign(__assign({}, builderOptions), legacyDefaultOptions),
                                                     builderContext: builderContext,
                                                 })];
                                     }
@@ -167,11 +171,11 @@ function getBuilderContext(options) {
  * Merge target options from browser target and from storybook options
  */
 function getBuilderOptions(options, builderContext) {
-    var _a, _b, _c, _d;
+    var _a, _b;
     return __awaiter(this, void 0, void 0, function () {
         var browserTargetOptions, browserTarget, builderOptions;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     browserTargetOptions = {};
                     if (!options.angularBrowserTarget) return [3 /*break*/, 2];
@@ -179,13 +183,63 @@ function getBuilderOptions(options, builderContext) {
                     node_logger_1.logger.info("=> Using angular browser target options from \"" + browserTarget.project + ":" + browserTarget.target + (browserTarget.configuration ? ":" + browserTarget.configuration : '') + "\"");
                     return [4 /*yield*/, builderContext.getTargetOptions(browserTarget)];
                 case 1:
-                    browserTargetOptions = _e.sent();
-                    _e.label = 2;
+                    browserTargetOptions = _c.sent();
+                    _c.label = 2;
                 case 2:
-                    builderOptions = __assign(__assign(__assign({}, browserTargetOptions), options.angularBuilderOptions), { tsConfig: (_d = (_c = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : (_b = options.angularBuilderOptions) === null || _b === void 0 ? void 0 : _b.tsConfig) !== null && _c !== void 0 ? _c : browserTargetOptions.tsConfig) !== null && _d !== void 0 ? _d : find_up_1.sync('tsconfig.json', { cwd: options.configDir }) });
+                    builderOptions = __assign(__assign(__assign({}, browserTargetOptions), options.angularBuilderOptions), { tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : find_up_1.sync('tsconfig.json', { cwd: options.configDir })) !== null && _b !== void 0 ? _b : browserTargetOptions.tsConfig });
                     node_logger_1.logger.info("=> Using angular project with \"tsConfig:" + builderOptions.tsConfig + "\"");
                     return [2 /*return*/, builderOptions];
             }
         });
     });
 }
+/**
+ * Get options from legacy way
+ * /!\ This is only for backward compatibility and would be removed on Storybook 7.0
+ * only work for angular.json with [defaultProject].build or "storybook.build" config
+ */
+function getLegacyDefaultBuildOptions(options) {
+    return __awaiter(this, void 0, void 0, function () {
+        var dirToSearch, workspaceConfig, error_1, browserTarget, _a, target, project;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (options.angularBrowserTarget !== undefined) {
+                        // Not use legacy way with builder (`angularBrowserTarget` is defined or null with builder and undefined without)
+                        return [2 /*return*/, {}];
+                    }
+                    dirToSearch = process.cwd();
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, angular_read_workspace_1.readAngularWorkspaceConfig(dirToSearch)];
+                case 2:
+                    workspaceConfig = _b.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    node_logger_1.logger.error("=> Could not find angular workspace config (angular.json) on this path \"" + dirToSearch + "\"");
+                    node_logger_1.logger.info("=> Fail to load angular-cli config. Using base config");
+                    return [2 /*return*/, {}];
+                case 4:
+                    // Find angular project target
+                    try {
+                        browserTarget = {
+                            configuration: undefined,
+                            project: angular_read_workspace_1.getDefaultProjectName(workspaceConfig),
+                            target: 'build',
+                        };
+                        _a = angular_read_workspace_1.findAngularProjectTarget(workspaceConfig, browserTarget.project, browserTarget.target), target = _a.target, project = _a.project;
+                        node_logger_1.logger.info("=> Using angular project \"" + project + ":" + target + "\" for configuring Storybook");
+                        return [2 /*return*/, __assign({}, target.options)];
+                    }
+                    catch (error) {
+                        node_logger_1.logger.error("=> Could not find angular project: " + error.message);
+                        node_logger_1.logger.info("=> Fail to load angular-cli config. Using base config");
+                        return [2 /*return*/, {}];
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    });
+}

package/dist/ts3.9/server/options.d.ts

@@ -1,9 +1,12 @@
 import { LoadOptions, Options as CoreOptions } from '@storybook/core-common';
 import { BuilderContext } from '@angular-devkit/architect';
-import { JsonObject } from '@angular-devkit/core';
+import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 export declare type PresetOptions = CoreOptions & {
     angularBrowserTarget?: string | null;
-    angularBuilderOptions?: JsonObject | null;
+    angularBuilderOptions?: {
+        styles?: ExtraEntryPoint[];
+        stylePreprocessorOptions?: StylePreprocessorOptions;
+    };
     angularBuilderContext?: BuilderContext | null;
     tsConfig?: string;
 };

package/dist/ts3.9/server/utils/filter-out-styling-rules.d.ts

@@ -1,2 +1,2 @@
-import { Configuration, RuleSetRule } from 'webpack';
+import type { Configuration, RuleSetRule } from 'webpack';
 export declare const filterOutStylingRules: (config: Configuration) => RuleSetRule[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "6.4.0-rc.8",
+  "version": "6.4.2",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,15 +45,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-rc.8",
-    "@storybook/api": "6.4.0-rc.8",
-    "@storybook/core": "6.4.0-rc.8",
-    "@storybook/core-common": "6.4.0-rc.8",
-    "@storybook/core-events": "6.4.0-rc.8",
+    "@storybook/addons": "6.4.2",
+    "@storybook/api": "6.4.2",
+    "@storybook/core": "6.4.2",
+    "@storybook/core-common": "6.4.2",
+    "@storybook/core-events": "6.4.2",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/node-logger": "6.4.0-rc.8",
+    "@storybook/node-logger": "6.4.2",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.4.0-rc.8",
+    "@storybook/store": "6.4.2",
     "@types/webpack-env": "^1.16.0",
     "autoprefixer": "^9.8.6",
     "core-js": "^3.8.2",
@@ -138,5 +138,5 @@
     "access": "public"
   },
   "builders": "dist/ts3.9/builders/builders.json",
-  "gitHead": "0be6dde43b848e310e705a4354c6c8abe0431448"
+  "gitHead": "6e5ec774cf8e7fd8a1870fc2469c2dfa9ec112b7"
 }

package/standalone.d.ts

@@ -1,6 +1,7 @@
 import { CLIOptions, LoadOptions, BuilderOptions } from '@storybook/core-common';
 import { BuilderContext } from '@angular-devkit/architect';
-import { JsonObject } from '@angular-devkit/core';
+import { JsonValue } from '@angular-devkit/core';
+import { JsonSchema } from '@angular-devkit/core/src/json/schema';
 
 export type StandaloneOptions = Partial<
   CLIOptions &
@@ -8,7 +9,10 @@ export type StandaloneOptions = Partial<
     BuilderOptions & {
       mode?: 'static' | 'dev';
       angularBrowserTarget?: string | null;
-      angularBuilderOptions?: JsonObject;
+      angularBuilderOptions?: JsonObject & {
+        styles?: ExtraEntryPoint[];
+        stylePreprocessorOptions?: StylePreprocessorOptions;
+      };
       angularBuilderContext?: BuilderContext | null;
       tsConfig?: string;
     }