carbon-preprocess-svelte 0.10.0 → 0.11.1

package/dist/plugins/OptimizeCssPlugin.d.ts

@@ -0,0 +1,8 @@
+import type { Compiler } from "webpack";
+import type { OptimizeCssOptions } from "./create-optimized-css";
+declare class OptimizeCssPlugin {
+    private options;
+    constructor(options?: OptimizeCssOptions);
+    apply(compiler: Compiler): void;
+}
+export default OptimizeCssPlugin;

package/dist/plugins/OptimizeCssPlugin.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../utils");
+const compare_diff_1 = require("./compare-diff");
+const create_optimized_css_1 = require("./create-optimized-css");
+// Webpack plugin to optimize CSS for Carbon Svelte components.
+class OptimizeCssPlugin {
+    constructor(options) {
+        this.options = {
+            verbose: (options === null || options === void 0 ? void 0 : options.verbose) !== false,
+            preserveAllIBMFonts: (options === null || options === void 0 ? void 0 : options.preserveAllIBMFonts) === true,
+        };
+    }
+    apply(compiler) {
+        const { webpack: { Compilation, NormalModule, sources: { RawSource }, }, } = compiler;
+        compiler.hooks.thisCompilation.tap(OptimizeCssPlugin.name, (compilation) => {
+            const hooks = NormalModule.getCompilationHooks(compilation);
+            const ids = [];
+            hooks.beforeSnapshot.tap(OptimizeCssPlugin.name, ({ buildInfo }) => {
+                if (buildInfo === null || buildInfo === void 0 ? void 0 : buildInfo.fileDependencies) {
+                    for (const id of buildInfo.fileDependencies) {
+                        if ((0, utils_1.isCarbonSvelteImport)(id)) {
+                            ids.push(id);
+                        }
+                    }
+                }
+            });
+            compilation.hooks.processAssets.tap({
+                name: OptimizeCssPlugin.name,
+                stage: Compilation.PROCESS_ASSETS_STAGE_DERIVED,
+            }, (assets) => {
+                // Skip processing if no Carbon Svelte imports are found.
+                if (ids.length === 0)
+                    return;
+                for (const [id] of Object.entries(assets)) {
+                    if ((0, utils_1.isCssFile)(id)) {
+                        const original_css = assets[id].source();
+                        const optimized_css = (0, create_optimized_css_1.createOptimizedCss)(original_css, ids, this.options);
+                        compilation.updateAsset(id, new RawSource(optimized_css));
+                        if (this.options.verbose) {
+                            (0, compare_diff_1.compareDiff)({ original_css, optimized_css, id });
+                        }
+                    }
+                }
+            });
+        });
+    }
+}
+exports.default = OptimizeCssPlugin;

package/dist/plugins/compare-diff.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="node" />
+export declare function compareDiff(props: {
+    original_css: Uint8Array | Buffer | string;
+    optimized_css: string;
+    id: string;
+}): void;

package/dist/plugins/compare-diff.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.compareDiff = void 0;
+const constants_1 = require("../constants");
+const formatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+function toHumanReadableSize(size_in_kb) {
+    if (size_in_kb >= constants_1.BITS_DENOM) {
+        return formatter.format(size_in_kb / constants_1.BITS_DENOM) + " MB";
+    }
+    return formatter.format(size_in_kb) + " kB";
+}
+function percentageDiff(a, b) {
+    return formatter.format(((a - b) / a) * 100) + "%";
+}
+function stringSizeInKB(str) {
+    const blob = new Blob([str], { type: "text/plain" });
+    return blob.size / constants_1.BITS_DENOM;
+}
+function padIfNeeded(a, b) {
+    return a.length > b.length ? a : a.padStart(b.length, " ");
+}
+function compareDiff(props) {
+    const { original_css, optimized_css, id } = props;
+    const original_size = stringSizeInKB(original_css.toString());
+    const optimized_size = stringSizeInKB(optimized_css);
+    const original = toHumanReadableSize(original_size);
+    const optimized = toHumanReadableSize(optimized_size);
+    const original_display = padIfNeeded(original, optimized);
+    const optimized_display = padIfNeeded(optimized, original);
+    const diff = percentageDiff(original_size, optimized_size);
+    console.log("\n");
+    console.log("Optimized", id);
+    console.log("Before:", original_display);
+    console.log("After: ", optimized_display, `(-${diff})\n`);
+}
+exports.compareDiff = compareDiff;

package/dist/plugins/create-optimized-css.d.ts

@@ -0,0 +1,25 @@
+export type OptimizeCssOptions = {
+    /**
+     * By default, the plugin will print the size
+     * difference between the original and optimized CSS.
+     *
+     * Set to `false` to disable verbose logging.
+     * @default true
+     */
+    verbose?: boolean;
+    /**
+     * By default, pre-compiled Carbon StyleSheets ship `@font-face` rules
+     * for all available IBM Plex fonts, many of which are not actually
+     * used in Carbon Svelte components.
+     *
+     * The default behavior is to preserve the following IBM Plex fonts:
+     * - IBM Plex Sans (300/400/600-weight and normal-font-style rules)
+     * - IBM Plex Mono (400-weight and normal-font-style rules)
+     *
+     * Set to `true` to disable this behavior and
+     * retain *all* IBM Plex `@font-face` rules.
+     * @default false
+     */
+    preserveAllIBMFonts?: boolean;
+};
+export declare function createOptimizedCss(original_css: Uint8Array | string, ids: string[], options?: OptimizeCssOptions): string;

package/dist/plugins/create-optimized-css.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createOptimizedCss = void 0;
+const node_path_1 = __importDefault(require("node:path"));
+const postcss_1 = __importDefault(require("postcss"));
+const postcss_discard_empty_1 = __importDefault(require("postcss-discard-empty"));
+const component_index_1 = require("../component-index");
+const constants_1 = require("../constants");
+function createOptimizedCss(original_css, ids, options) {
+    const preserveAllIBMFonts = (options === null || options === void 0 ? void 0 : options.preserveAllIBMFonts) === true;
+    // List of Carbon classes that must be preserved in the CSS
+    // but that are not referenced in Carbon Svelte components.
+    const css_allowlist = [".bx--body"];
+    for (const id of ids) {
+        const { name } = node_path_1.default.parse(id);
+        if (name in component_index_1.components) {
+            css_allowlist.push(...component_index_1.components[name].classes);
+        }
+    }
+    return (0, postcss_1.default)([
+        {
+            postcssPlugin: "postcss-plugin:carbon:optimize-css",
+            Rule(node) {
+                const selector = node.selector;
+                // Ensure that the selector contains a Carbon prefix.
+                if (constants_1.CARBON_PREFIX.test(selector)) {
+                    // Selectors may contain multiple classes, separated by a comma.
+                    const classes = selector.split(",").filter((selectee) => {
+                        var _a;
+                        const value = (_a = selectee.trim()) !== null && _a !== void 0 ? _a : "";
+                        // Some Carbon classes are prefixed with a tag for higher specificity.
+                        // E.g., a.bx--header
+                        const [, rest] = value.split(".");
+                        return Boolean(rest);
+                    });
+                    let remove_rule = true;
+                    for (const name of classes) {
+                        for (const selector of css_allowlist) {
+                            // If at least one class is in the allowlist, keep the rule.
+                            // This is a simplistic approach and can be further optimized.
+                            if (name.includes(selector)) {
+                                remove_rule = false;
+                                break;
+                            }
+                        }
+                    }
+                    if (remove_rule) {
+                        node.remove();
+                    }
+                }
+            },
+            AtRule(node) {
+                if (!preserveAllIBMFonts && node.name === "font-face") {
+                    const attributes = {
+                        "font-family": "",
+                        "font-style": "",
+                        "font-weight": "",
+                    };
+                    node.walkDecls((decl) => {
+                        switch (decl.prop) {
+                            case "font-family":
+                                attributes["font-family"] = decl.value;
+                                break;
+                            case "font-style":
+                                attributes["font-style"] = decl.value;
+                                break;
+                            case "font-weight":
+                                attributes["font-weight"] = decl.value;
+                                break;
+                        }
+                    });
+                    const is_mono = attributes["font-style"] === "normal" &&
+                        attributes["font-family"] === "IBM Plex Mono" &&
+                        attributes["font-weight"] === "400";
+                    const is_sans = attributes["font-style"] === "normal" &&
+                        attributes["font-family"] === "IBM Plex Sans" &&
+                        ["300", "400", "600"].includes(attributes["font-weight"]);
+                    if (!(is_sans || is_mono)) {
+                        node.remove();
+                    }
+                }
+            },
+        },
+        (0, postcss_discard_empty_1.default)(),
+    ]).process(original_css).css;
+}
+exports.createOptimizedCss = createOptimizedCss;

package/dist/plugins/optimize-css.d.ts

@@ -1,10 +1,3 @@
-import Rollup from "rollup";
-interface OptimizeCssOptions {
-    safelist: {
-        standard?: Array<RegExp | string>;
-        deep?: RegExp[];
-        greedy?: RegExp[];
-    };
-}
-export declare function optimizeCss(options?: Partial<OptimizeCssOptions>): Rollup.Plugin;
-export {};
+import type { Plugin } from "vite";
+import type { OptimizeCssOptions } from "./create-optimized-css";
+export declare const optimizeCss: (options?: OptimizeCssOptions) => Plugin;

package/dist/plugins/optimize-css.js

@@ -0,0 +1,49 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimizeCss = void 0;
+const utils_1 = require("../utils");
+const compare_diff_1 = require("./compare-diff");
+const create_optimized_css_1 = require("./create-optimized-css");
+// Vite plugin (Rollup-compatible) to optimize CSS for Carbon Svelte components.
+const optimizeCss = (options) => {
+    const verbose = (options === null || options === void 0 ? void 0 : options.verbose) !== false;
+    const ids = [];
+    return {
+        name: "vite:carbon:optimize-css",
+        apply: "build",
+        enforce: "post",
+        transform(_, id) {
+            if ((0, utils_1.isCarbonSvelteImport)(id)) {
+                ids.push(id);
+            }
+        },
+        generateBundle(_, bundle) {
+            return __awaiter(this, void 0, void 0, function* () {
+                // Skip processing if no Carbon Svelte imports are found.
+                if (ids.length === 0)
+                    return;
+                for (const id in bundle) {
+                    const file = bundle[id];
+                    if (file.type === "asset" && (0, utils_1.isCssFile)(id)) {
+                        const original_css = file.source;
+                        const optimized_css = (0, create_optimized_css_1.createOptimizedCss)(original_css, ids, options);
+                        file.source = optimized_css;
+                        if (verbose) {
+                            (0, compare_diff_1.compareDiff)({ original_css, optimized_css, id });
+                        }
+                    }
+                }
+            });
+        },
+    };
+};
+exports.optimizeCss = optimizeCss;

package/dist/preprocessors/optimize-imports.d.ts

@@ -1,3 +1,3 @@
-import { PreprocessorGroup } from "svelte/types/compiler/preprocess";
-export declare function optimizeImports(): Pick<PreprocessorGroup, "script">;
-export { optimizeImports as optimizeCarbonImports };
+/// <reference types="svelte" />
+import type { SveltePreprocessor } from "svelte/types/compiler/preprocess";
+export declare const optimizeImports: SveltePreprocessor<"script">;

package/dist/preprocessors/optimize-imports.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimizeImports = void 0;
+const magic_string_1 = __importDefault(require("magic-string"));
+const compiler_1 = require("svelte/compiler");
+const component_index_1 = require("../component-index");
+function rewriteImport(s, node, map) {
+    let content = "";
+    for (const specifier of node.specifiers) {
+        const fragment = map(specifier);
+        if (fragment)
+            content += fragment;
+    }
+    if (content)
+        s.overwrite(node.start, node.end, content);
+}
+const optimizeImports = () => {
+    return {
+        name: "carbon:optimize-imports",
+        script({ filename, content: raw }) {
+            // Skip files in node_modules to minimize unnecessary preprocessing
+            if (!filename)
+                return;
+            if (/node_modules/.test(filename))
+                return;
+            // Wrap the content in a `<script>` tag to parse it with the Svelte parser.
+            const content = `<script>${raw}</script>`;
+            const s = new magic_string_1.default(content);
+            (0, compiler_1.walk)((0, compiler_1.parse)(content), {
+                enter(node) {
+                    if (node.type === "ImportDeclaration") {
+                        const import_name = node.source.value;
+                        switch (import_name) {
+                            case "carbon-components-svelte" /* CarbonSvelte.Components */:
+                                rewriteImport(s, node, ({ imported, local }) => {
+                                    var _a;
+                                    const import_path = (_a = component_index_1.components[imported.name]) === null || _a === void 0 ? void 0 : _a.path;
+                                    return import_path
+                                        ? `import ${local.name} from "${import_path}";`
+                                        : "";
+                                });
+                                break;
+                            case "carbon-icons-svelte" /* CarbonSvelte.Icons */:
+                            case "carbon-pictograms-svelte" /* CarbonSvelte.Pictograms */:
+                                rewriteImport(s, node, ({ imported, local }) => {
+                                    return `import ${local.name} from "${import_name}/lib/${imported.name}.svelte";`;
+                                });
+                                break;
+                        }
+                    }
+                },
+            });
+            s.replace(/^<script>/, "");
+            s.replace(/<\/script>$/, "");
+            return {
+                code: s.toString(),
+                map: s.generateMap({ source: filename, hires: true }),
+            };
+        },
+    };
+};
+exports.optimizeImports = optimizeImports;

package/dist/utils.d.ts

@@ -1,11 +1,3 @@
-/// <reference types="node" />
-import fs from "fs";
-export declare const writeFile: typeof fs.writeFile.__promisify__;
-export declare const readFile: typeof fs.readFile.__promisify__;
-export declare function getPackageJson(subpath?: string): {
-    name?: string;
-    version?: string;
-    devDependencies?: Record<string, string>;
-    dependencies?: Record<string, string>;
-};
-export declare function getCarbonVersions(): {};
+export declare function isSvelteFile(id: string): id is `${string}.svelte`;
+export declare function isCssFile(id: string): id is `${string}.css`;
+export declare function isCarbonSvelteImport(id: string): boolean;

package/dist/utils.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCarbonSvelteImport = exports.isCssFile = exports.isSvelteFile = void 0;
+const constants_1 = require("./constants");
+function isSvelteFile(id) {
+    return constants_1.RE_EXT_SVELTE.test(id);
+}
+exports.isSvelteFile = isSvelteFile;
+function isCssFile(id) {
+    return constants_1.RE_EXT_CSS.test(id);
+}
+exports.isCssFile = isCssFile;
+function isCarbonSvelteImport(id) {
+    return isSvelteFile(id) && id.includes("carbon-components-svelte" /* CarbonSvelte.Components */);
+}
+exports.isCarbonSvelteImport = isCarbonSvelteImport;

package/package.json

@@ -1,59 +1,33 @@
 {
   "name": "carbon-preprocess-svelte",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "license": "Apache-2.0",
-  "description": "Collection of Svelte preprocessors for the Carbon Design System",
-  "module": "./dist/index.mjs",
+  "description": "Svelte preprocessors for the Carbon Design System",
+  "author": "Eric Liu (https://github.com/metonym)",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
-  },
   "scripts": {
-    "build:api": "run-p build:api:*",
-    "build:api:components": "ts-node src/build/build-components",
-    "build:api:elements": "ts-node src/build/build-elements",
-    "build:api:icons": "ts-node src/build/build-icons",
-    "build:api:pictograms": "ts-node src/build/build-pictograms",
-    "build:lib": "run-p build:lib:*",
-    "build:lib:cjs": "esbuild src/index.cjs.ts --bundle --platform=node --target=node10.4 --external:purgecss --external:svelte-preprocess --external:typescript --outfile=dist/index.js",
-    "build:lib:esm": "esbuild src/index.ts --bundle --platform=node --target=es6 --format=esm --external:purgecss --external:svelte-preprocess --external:typescript --outfile=dist/index.mjs",
-    "build:lib:types": "tsc",
-    "prepack": "run-s build:api build:lib",
-    "test": "run-p test:*",
-    "test:unit": "ts-node tests/unit",
-    "test:integration": "ts-node tests/integration",
-    "format": "prettier --write '.'"
+    "index:components": "bun scripts/index-components.ts",
+    "prepack": "tsc -p tsconfig.build.json",
+    "format": "bunx --bun prettier --write ."
   },
   "dependencies": {
-    "purgecss": "^4.1.3",
-    "svelte-preprocess": "^5.0.3",
-    "typescript": "^4.7.4"
+    "magic-string": "^0.30.8",
+    "postcss": "^8.4.36",
+    "postcss-discard-empty": "^6.0.3"
   },
   "devDependencies": {
-    "@carbon/elements": "10.31.0",
-    "@carbon/icon-helpers": "^10.16.0",
-    "@carbon/icons": "^11.0.1",
-    "@carbon/pictograms": "^12.0.2",
-    "@types/carbon__elements": "10.31.0",
-    "@types/carbon__icon-helpers": "^10.7.1",
-    "@types/node": "^15.0.2",
-    "carbon-components-svelte": "^0.75.1",
-    "esbuild": "^0.11.19",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.6.2",
-    "prettier-plugin-svelte": "^2.7.0",
-    "rollup": "^2.70.2",
-    "svelte": "^3.47.0",
-    "totalist": "^3.0.0",
-    "ts-node": "^10.7.0"
+    "@types/bun": "latest",
+    "carbon-components-svelte": "0.85.0",
+    "prettier": "latest",
+    "svelte": "latest",
+    "typescript": "latest",
+    "vite": "latest",
+    "webpack": "latest"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/carbon-design-system/carbon-preprocess-svelte.git"
+    "url": "git+https://github.com/carbon-design-system/carbon-preprocess-svelte.git"
   },
   "homepage": "https://github.com/carbon-design-system/carbon-preprocess-svelte",
   "bugs": "https://github.com/carbon-design-system/carbon-preprocess-svelte/issues",
@@ -63,15 +37,13 @@
     "carbon preprocess",
     "svelte",
     "preprocessor",
-    "optimize imports"
+    "optimize imports",
+    "optimize CSS"
   ],
   "files": [
     "dist"
   ],
-  "contributors": [
+  "maintainers": [
     "Eric Liu (https://github.com/metonym)"
-  ],
-  "resolutions": {
-    "path-parse": ">=1.0.7"
-  }
+  ]
 }

package/CHANGELOG.md

@@ -1,136 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
-and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-
-## [0.10.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.10.0) - 2023-07-23
-
-**Breaking Changes**
-
-- upgrade `svelte-preprocess` from v4.10.7 to v5.0.3 to support TypeScript 5
-
-**Fixes**
-
-- support `carbon-icons-svelte@12`
-
-## [0.9.1](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.9.1) - 2022-06-19
-
-- bump `svelte-preprocess` from v4.10.5 to v4.10.7
-
-## [0.9.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.9.0) - 2022-04-17
-
-- upgrade `carbon-components-svelte` to v0.63.0 and rebuild components API used by `optimizeImports`
-- set latest major version of `carbon-pictograms-svelte` to `12`
-
-## [0.8.2](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.8.2) - 2022-04-10
-
-- set latest major version of `carbon-icons-svelte` to `11`
-
-## [0.8.1](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.8.1) - 2022-04-10
-
-- hot fix to re-build components imports map using a non-linked version of `carbon-components-svelte`
-
-## [0.8.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.8.0) - 2022-04-10
-
-- upgrade `@carbon/icons` to v11.0.1
-- update `optimizeImports` to support `carbon-icons-svelte@11` component imports
-
-## [0.7.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.7.0) - 2022-03-19
-
-- upgrade `carbon-components-svelte` to v0.62.0 to account for the removed `Copy` component and inlined icon components
-
-## [0.6.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.6.0) - 2021-07-11
-
-- upgrade `carbon-components-svelte` to v0.40.0 to include `Breakpoint`, `Theme` components for `optimizeImports`
-
-## [0.5.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.5.0) - 2021-07-05
-
-- upgrade `carbon-components-svelte` to v0.39.0 to include `RecursiveList`, `TreeView` components for `optimizeImports`
-
-## [0.4.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.4.0) - 2021-06-28
-
-**Features**
-
-- upgrade `carbon-components-svelte` to v0.38.0 to include `ProgressBar` component for `optimizeImports`
-
-**Fixes**
-
-- default `include` preprocessor entry test regex to high-level test option
-
-## [0.3.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.3.0) - 2021-05-21
-
-**Features**
-
-- add `test` option to `include` preprocessor to filter filenames
-
-**Fixes**
-
-- support custom `test` regex per script/markup object in `include` preprocessor
-
-## [0.2.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.2.0) - 2021-05-21
-
-**Features**
-
-- add `include` preprocessor that prepends or appends arbitrary content to the script and markup blocks
-
-**Documentation**
-
-- enrich preprocessor descriptions
-- simplify sample SvelteKit set-up
-
-## [0.1.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.1.0) - 2021-05-11
-
-**Documentation**
-
-- improve preprocessor descriptions, add sample SvelteKit set-up
-
-## [0.1.0-rc.5](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.1.0-rc.5) - 2021-05-11
-
-**Fixes**
-
-- add separate entry point for CJS bundle
-
-## [0.1.0-rc.4](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.1.0-rc.4) - 2021-05-10
-
-**Fixes**
-
-- add TypeScript as a direct dependency
-
-## [0.1.0-rc.3](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.1.0-rc.3) - 2021-05-10
-
-**Features**
-
-- use `svelte-preprocess` in the `optimizeCss` plugin to parse TypeScript syntax in Svelte components
-
-**Documentation**
-
-- list available theme options for the `elements` preprocessor
-
-## [0.1.0-rc.2](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.1.0-rc.2) - 2021-05-08
-
-**Fixes**
-
-- add `purgecss` as a dependency and exclude from bundle
-
-**Documentation**
-
-- add `optimizeCss` API to README
-
-## [0.1.0-rc.1](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.1.0-rc.1) - 2021-05-08
-
-**Fixes**
-
-- elements: only replace token in property instead of the entire property
-- elements: do not emit warning if token is falsy
-- add exports map to `package.json` so `svelte.config.js` works properly
-- temporarily omit `optimizeCss` plugin from library
-
-**Documentation**
-
-- use ESM instead of CJS syntax in `svelte.config.js` usage examples
-
-## [0.1.0-rc.0](https://github.com/carbon-design-system/carbon-preprocess-svelte/releases/tag/v0.1.0-rc.0) - 2021-05-07
-
-- initial release

package/dist/build/build-components.d.ts

@@ -1,9 +0,0 @@
-import type { BuildApi } from "../build";
-declare type ExportName = string;
-interface BuildComponentsApi {
-    path: string;
-}
-export interface BuildComponents extends BuildApi {
-    components: Record<ExportName, BuildComponentsApi>;
-}
-export {};

package/dist/build/build-elements.d.ts

@@ -1,10 +0,0 @@
-import * as build from "../build";
-export declare type TokenTypeStyles = build.type.TypeStylesComputed | {
-    css: string;
-    breakpoints: Array<{
-        mediaQuery: string;
-        css: string;
-    }>;
-};
-export declare type TokenUI = "interactive-01" | "interactive-02" | "interactive-03" | "interactive-04" | "ui-background" | "ui-01" | "ui-02" | "ui-03" | "ui-04" | "ui-05" | "text-01" | "text-02" | "text-03" | "text-04" | "text-05" | "text-error" | "icon-01" | "icon-02" | "icon-03" | "link-01" | "inverse-link" | "field-01" | "field-02" | "inverse-01" | "inverse-02" | "support-01" | "support-02" | "support-03" | "support-04" | "inverse-support-01" | "inverse-support-02" | "inverse-support-03" | "inverse-support-04" | "overlay-01" | "danger-01" | "danger-02" | "focus" | "inverse-focus-ui" | "hover-primary" | "active-primary" | "hover-primary-text" | "hover-secondary" | "active-secondary" | "hover-tertiary" | "active-tertiary" | "hover-ui" | "hover-light-ui" | "hover-selected-ui" | "active-ui" | "active-light-ui" | "selected-ui" | "selected-light-ui" | "inverse-hover-ui" | "hover-danger" | "active-danger" | "hover-row" | "visited-link" | "disabled-01" | "disabled-02" | "disabled-03" | "highlight" | "decorative-01" | "button-separator" | "skeleton-01" | "skeleton-02" | "brand-01" | "brand-02" | "brand-03" | "active-01" | "hover-field" | "danger";
-export declare type v10_theme = "white" | "g10" | "g90" | "g100";