@o3r/design 10.0.0-alpha.1

package/LICENSE

@@ -0,0 +1,26 @@
+Copyright Amadeus SAS
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+this list of conditions and the following disclaimer in the documentation and/or
+other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its contributors
+may be used to endorse or promote products derived from this software without
+specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1,51 @@
+<h1 align="center">Otter Design</h1>
+<p align="center">
+  <img src="https://raw.githubusercontent.com/AmadeusITGroup/otter/main/assets/logo/otter.png" alt="Super cute Otter!" width="40%"/>
+</p>
+
+This package is an [Otter Framework Module](https://github.com/AmadeusITGroup/otter/tree/main/docs/core/MODULE.md).
+<br />
+<br />
+
+## Description
+
+Set of tools to generate CSS themes and [Metadata](https://github.com/AmadeusITGroup/otter/tree/main/docs/cms-adapters/CMS_ADAPTERS.md) based on the [Design Token Specifications](https://design-tokens.github.io/community-group/format/).
+
+## How to install
+
+```shell
+ng add @o3r/design
+```
+
+## Generators
+
+Otter Design module provides a set of code generators based on [angular schematics](https://angular.io/guide/schematics).
+
+| Schematics   | Description                                             | How to use           |
+| ------------ | ------------------------------------------------------- | -------------------- |
+| add          | Include Otter design module in a library / application. | `ng add @o3r/design` |
+| generate-css | Generate CSS Theme based on Design Token Files          | `ng g generate-css`  |
+
+## Builders
+
+Otter Design module provides a set of builders based on [angular builders](https://angular.io/guide/cli-builder).
+
+### generate-css
+
+The `generate-css` builder can generate CSS and CMS Metadata based on given Design Token Json files.
+The following configurations are available:
+
+| Options                     | Default Value  | Description                                                                                                                          |
+| --------------------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
+| **designTokenFilePatterns** | [] *Require*   | Path patterns to the Design Token JSON files. <br /> Files in dependencies are supported and resolved with Node Resolver.            |
+| **output**                  | *null*         | Output file where the CSS will be generated. <br /> The path specified in `o3rTargetFile` will be ignore if this option is specified |
+| **defaultStyleFile**        | src/theme.scss | File path to generate the variable if not determined by the specifications                                                           |
+| **metadataOutput**          | *null*         | Path to generate the metadata for the CMS. <br /> The metadata will be generated only if the file path is specified.                 |
+| **rootPath**                | *null*         | Root path of files where the CSS will be generated.                                                                                  |
+| **failOnDuplicate**         | false          | Determine if the process should stop in case of Token duplication.                                                                   |
+| **prefix**                  | *null*         | Prefix to append to generated variables.                                                                                             |
+| **watch**                   | false          | Enable Watch mode.                                                                                                                   |
+
+## Technical documentation
+
+Documentation providing explanations on the use and customization of the `Design Token` parser and renderers is available in the [technical documentation](https://github.com/AmadeusITGroup/otter/blob/main/docs/design/TECHNICAL_DOCUMENTATION.md).

package/builders/generate-css/index.d.ts

@@ -0,0 +1,8 @@
+import type { GenerateCssSchematicsSchema } from './schema';
+/**
+ * Generate CSS from Design Token files
+ * @param options
+ */
+declare const _default: import("@angular-devkit/architect/src/internal").Builder<GenerateCssSchematicsSchema & import("@angular-devkit/core").JsonObject>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/builders/generate-css/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../builders/generate-css/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAe5D;;;GAGG;;AACH,wBA4GG"}

package/builders/generate-css/index.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const architect_1 = require("@angular-devkit/architect");
+const public_api_1 = require("../../src/public_api");
+const node_path_1 = require("node:path");
+const globby = require("globby");
+/**
+ * Generate CSS from Design Token files
+ * @param options
+ */
+exports.default = (0, architect_1.createBuilder)(async (options, context) => {
+    const designTokenFilePatterns = Array.isArray(options.designTokenFilePatterns) ? options.designTokenFilePatterns : [options.designTokenFilePatterns];
+    const determineCssFileToUpdate = options.output ? () => (0, node_path_1.resolve)(context.workspaceRoot, options.output) :
+        (token) => {
+            if (token.extensions.o3rTargetFile) {
+                return token.context?.basePath && !options.rootPath ?
+                    (0, node_path_1.resolve)(token.context.basePath, token.extensions.o3rTargetFile) :
+                    (0, node_path_1.resolve)(context.workspaceRoot, options.rootPath || '', token.extensions.o3rTargetFile);
+            }
+            return (0, node_path_1.resolve)(context.workspaceRoot, options.defaultStyleFile);
+        };
+    const tokenVariableNameRenderer = options.prefix ? (variable) => options.prefix + variable.getKey() : undefined;
+    const sassRenderer = (0, public_api_1.getSassTokenDefinitionRenderer)({ tokenVariableNameRenderer: (v) => (options?.prefixPrivate || '') + (0, public_api_1.tokenVariableNameSassRenderer)(v) });
+    const renderDesignTokenOptionsCss = {
+        determineFileToUpdate: determineCssFileToUpdate,
+        tokenDefinitionRenderer: (0, public_api_1.getCssTokenDefinitionRenderer)({
+            tokenVariableNameRenderer: options.prefix ? (variable) => options.prefix + variable.getKey() : undefined,
+            privateDefinitionRenderer: options.renderPrivateVariableTo === 'sass' ? sassRenderer : undefined
+        }),
+        logger: context.logger
+    };
+    const renderDesignTokenOptionsMetadata = {
+        determineFileToUpdate: () => (0, node_path_1.resolve)(context.workspaceRoot, options.metadataOutput),
+        styleContentUpdater: (0, public_api_1.getMetadataStyleContentUpdater)(),
+        tokenDefinitionRenderer: (0, public_api_1.getMetadataTokenDefinitionRenderer)({ tokenVariableNameRenderer }),
+        logger: context.logger
+    };
+    const execute = async (renderDesignTokenOptions) => {
+        const files = (await globby(designTokenFilePatterns, { cwd: context.workspaceRoot, absolute: true }));
+        const inDependencies = designTokenFilePatterns
+            .filter((pathName) => !pathName.startsWith('.') && !pathName.startsWith('*') && !pathName.startsWith('/'))
+            .map((pathName) => {
+            try {
+                return require.resolve(pathName);
+            }
+            catch {
+                return undefined;
+            }
+        })
+            .filter((pathName) => !!pathName);
+        files.push(...inDependencies);
+        try {
+            const duplicatedToken = [];
+            const tokens = (await Promise.all(files.map(async (file) => ({ file, parsed: await (0, public_api_1.parseDesignTokenFile)(file) }))))
+                .reduce((acc, { file, parsed }) => {
+                parsed.forEach((variable, key) => {
+                    if (acc.has(key)) {
+                        context.logger[options.failOnDuplicate ? 'error' : 'warn'](`A duplication of the variable ${key} is found in ${file}`);
+                        duplicatedToken.push(variable);
+                    }
+                    acc.set(key, variable);
+                });
+                return acc;
+            }, new Map());
+            if (options.failOnDuplicate && duplicatedToken.length > 0) {
+                throw new Error(`Found ${duplicatedToken.length} duplicated Design Token keys`);
+            }
+            await (0, public_api_1.renderDesignTokens)(tokens, renderDesignTokenOptions);
+            return { success: true };
+        }
+        catch (err) {
+            return { success: false, error: `${err}` };
+        }
+    };
+    const executeMultiRenderer = async () => {
+        return (await Promise.allSettled([
+            execute(renderDesignTokenOptionsCss),
+            ...(options.metadataOutput ? [execute(renderDesignTokenOptionsMetadata)] : [])
+        ])).reduce((acc, res) => {
+            if (res.status === 'fulfilled') {
+                acc.success &&= res.value.success;
+                if (!res.value.error) {
+                    acc.error ||= '';
+                    acc.error += '\n' + res.value.error;
+                }
+            }
+            else {
+                acc.success = false;
+                if (res.reason) {
+                    acc.error ||= '';
+                    acc.error += '\n' + res.reason;
+                }
+            }
+            return acc;
+        }, { success: true });
+    };
+    if (!options.watch) {
+        return await executeMultiRenderer();
+    }
+    else {
+        try {
+            await Promise.resolve().then(() => require('chokidar')).then((chokidar) => chokidar.watch(designTokenFilePatterns.map((p) => (0, node_path_1.resolve)(context.workspaceRoot, p))))
+                .then((watcher) => watcher.on('all', async () => {
+                const res = await executeMultiRenderer();
+                if (res.error) {
+                    context.logger.error(res.error);
+                }
+            }));
+            return { success: true };
+        }
+        catch (err) {
+            return { success: false, error: `${err}` };
+        }
+    }
+});
+//# sourceMappingURL=index.js.map

package/builders/generate-css/schema.d.ts

@@ -0,0 +1,32 @@
+import type { SchematicOptionObject } from '@o3r/schematics';
+export interface GenerateCssSchematicsSchema extends SchematicOptionObject {
+    /** Path patterns to the Design Token JSON files */
+    designTokenFilePatterns: string | string[];
+    /**
+     * Path to generate the metadata for CMS
+     * The Metadata will be generated only if the file path is specified
+     */
+    metadataOutput?: string;
+    /**
+     * Output file where generate the CSS
+     *
+     * If specified, all the generated CSS variable will be generated in the given file.
+     * Otherwise, the output file will be determined based on the Variable parameters
+     */
+    output?: string;
+    /** File path to generate the variable if not determined by the specification */
+    defaultStyleFile: string;
+    /** Enable Watch mode */
+    watch?: boolean;
+    /** Root path of files where the CSS will be generated */
+    rootPath?: string;
+    /** Determine if the process should stop in case of Token duplication */
+    failOnDuplicate?: boolean;
+    /** Prefix to happen to generated variables */
+    prefix?: string;
+    /** Generate the Private Variable to the given language */
+    renderPrivateVariableTo?: 'sass';
+    /** Prefix to happen to generated Sass variables if generated */
+    prefixPrivate?: string;
+}
+//# sourceMappingURL=schema.d.ts.map

package/builders/generate-css/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../builders/generate-css/schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,WAAW,2BAA4B,SAAQ,qBAAqB;IACxE,mDAAmD;IACnD,uBAAuB,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,gFAAgF;IAChF,gBAAgB,EAAE,MAAM,CAAC;IAEzB,wBAAwB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,0DAA0D;IAC1D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/builders/generate-css/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/builders/generate-css/schema.json

@@ -0,0 +1,68 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema",
+  "$id": "ngAddSchematicsSchema",
+  "title": "Add Otter Design",
+  "description": "ngAdd Otter Design",
+  "properties": {
+    "designTokenFilePatterns": {
+      "description": "Path patterns to the Design Token JSON files (it supports Node dependency paths).",
+      "oneOf": [
+        {
+          "type": "string"
+        },
+        {
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        }
+      ]
+    },
+    "output": {
+      "type": "string",
+      "description": "Path to generate the metadata for CMS. The Metadata will be generated only if the file path is specified"
+    },
+    "defaultStyleFile": {
+      "type": "string",
+      "default": "src/theme.scss",
+      "description": "File path to generate the variable if not determined by the specification"
+    },
+    "metadataOutput": {
+      "type": "string",
+      "description": "If specified, all the generated CSS variable will be generated in the given file. Otherwise, the output file will be determined based on the Variable parameters."
+    },
+    "rootPath": {
+      "type": "string",
+      "description": "Root path used to determine the CSS file to edit if specified by the o3rTargetFile token extension. It will default to the Design Token file folder."
+    },
+    "watch": {
+      "type": "boolean",
+      "default": false,
+      "description": "Enable Watch mode"
+    },
+    "failOnDuplicate": {
+      "type": "boolean",
+      "default": false,
+      "description": "Determine if the process should stop in case of Token duplication"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "Prefix to happen to generated variables"
+    },
+    "prefixPrivate": {
+      "type": "string",
+      "description": "Prefix to happen to generated Sass variables if generated"
+    },
+    "renderPrivateVariableTo": {
+      "type": "string",
+      "enum": [
+        "sass"
+      ],
+      "description": "Generate the Private Variable to the given language (the variable is not generated if not specified)"
+    }
+  },
+  "additionalProperties": true,
+  "required": [
+    "designTokenFilePatterns"
+  ]
+}

package/builders/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/builders.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://raw.githubusercontent.com/angular/angular-cli/master/packages/angular_devkit/architect/src/builders-schema.json",
+  "builders": {
+    "generate-css": {
+      "implementation": "./builders/generate-css/",
+      "schema": "./builders/generate-css/schema.json",
+      "description": "Generate CSS from Design Token files"
+    }
+  }
+}

package/cli/generate-css-from-design-token.cli.cjs

@@ -0,0 +1,33 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const node_path_1 = require("node:path");
+const node_fs_1 = require("node:fs");
+const design_1 = require("@o3r/design");
+const minimist = require("minimist");
+const args = minimist(process.argv.splice(2));
+void (async () => {
+    const renderDesignTokenOptions = {};
+    const output = args.o || args.output;
+    if (output) {
+        renderDesignTokenOptions.determineFileToUpdate = () => (0, node_path_1.resolve)(process.cwd(), output);
+    }
+    const tokens = (await Promise.all(args._
+        .map((file) => (0, node_path_1.isAbsolute)(file) ? (0, node_path_1.normalize)(file) : (0, node_path_1.resolve)(process.cwd(), file))
+        .filter((file) => {
+        const res = (0, node_fs_1.existsSync)(file);
+        if (!res) {
+            throw new Error(`The file ${file} does not exist, the process will stop`);
+        }
+        return res;
+    })
+        .map(async (file) => ({ file, parsed: await (0, design_1.parseDesignTokenFile)(file) })))).reduce((acc, { file, parsed }) => {
+        parsed.forEach((variable, key) => {
+            acc.set(key, variable);
+            console.warn(`A duplication of the variable ${key} is found in ${file}`);
+        });
+        return acc;
+    }, new Map());
+    await (0, design_1.renderDesignTokens)(tokens, renderDesignTokenOptions);
+})();
+//# sourceMappingURL=generate-css-from-design-token.cli.cjs.map

package/cli/generate-css-from-design-token.cli.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-css-from-design-token.cli.cjs","sourceRoot":"","sources":["../../cli/generate-css-from-design-token.cli.cts"],"names":[],"mappings":";;;AAEA,yCAA2D;AAC3D,qCAAqC;AACrC,wCAAuE;AAEvE,qCAAqC;AAErC,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9C,KAAK,CAAC,KAAK,IAAI,EAAE;IACf,MAAM,wBAAwB,GAA+B,EAAE,CAAC;IAEhE,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC;IACrC,IAAI,MAAM,EAAE;QACV,wBAAwB,CAAC,qBAAqB,GAAG,GAAG,EAAE,CAAC,IAAA,mBAAO,EAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,CAAC,CAAC;KACvF;IAED,MAAM,MAAM,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,CAC/B,IAAI,CAAC,CAAC;SACH,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,sBAAU,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAA,qBAAS,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAA,mBAAO,EAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC;SAChF,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,EAAE;YACR,MAAM,IAAI,KAAK,CAAC,YAAY,IAAI,wCAAwC,CAAC,CAAC;SAC3E;QACD,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;SACD,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,IAAA,6BAAoB,EAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC7E,CAAC,CAAC,MAAM,CAAyB,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;QAC1D,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE;YAC/B,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,iCAAiC,GAAG,gBAAgB,IAAI,EAAE,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;IAEd,MAAM,IAAA,2BAAkB,EAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;AAC7D,CAAC,CAAC,EAAE,CAAC"}

package/cli/generate-css-from-design-token.cli.d.cts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=generate-css-from-design-token.cli.d.cts.map

package/cli/generate-css-from-design-token.cli.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-css-from-design-token.cli.d.cts","sourceRoot":"","sources":["../../cli/generate-css-from-design-token.cli.cts"],"names":[],"mappings":""}

package/collection.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://raw.githubusercontent.com/angular/angular-cli/master/packages/angular_devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Add Otter Design to the project.",
+      "factory": "./schematics/ng-add/index#ngAdd",
+      "schema": "./schematics/ng-add/schema.json",
+      "aliases": [
+        "install",
+        "i"
+      ]
+    },
+    "generate-css": {
+      "description": "Generate CSS from Design Token files",
+      "factory": "./schematics/generate-css/index#generateCss",
+      "schema": "./schematics/generate-css/schema.json"
+    },
+    "extract-token": {
+      "description": "Extract the Design Token specification from SCSS",
+      "factory": "./schematics/extract-token/index#extractToken",
+      "schema": "./schematics/extract-token/schema.json"
+    }
+  }
+}

package/migration.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://raw.githubusercontent.com/angular/angular-cli/master/packages/angular_devkit/schematics/collection-schema.json",
+  "schematics": {
+  }
+}

package/package.json

@@ -0,0 +1,206 @@
+{
+  "name": "@o3r/design",
+  "version": "10.0.0-alpha.1",
+  "description": "A design framework to generate theme on an Otter application based on Design Tokens.",
+  "keywords": [
+    "design",
+    "otter",
+    "otter-module"
+  ],
+  "scripts": {
+    "nx": "nx",
+    "ng": "yarn nx",
+    "test": "yarn nx test styling",
+    "copy:templates": "yarn cpy 'schematics/**/templates/**/*' dist/schematics",
+    "copy:schemas": "yarn cpy 'schemas/**/*' dist/schemas",
+    "prepare:build:builders": "yarn cpy 'builders/**/*.json' dist/builders && yarn cpy '{builders,collection,migration}.json' dist && yarn cpy 'schematics/**/*.json' dist/schematics && yarn copy:templates",
+    "prepare:publish": "prepare-publish ./dist",
+    "build:source": "tsc -b tsconfig.build.json && yarn cpy package.json dist/",
+    "build:builders": "tsc -b tsconfig.builders.json --pretty && yarn copy:templates && generate-cjs-manifest",
+    "build": "yarn nx build styling",
+    "postbuild": "yarn copy:schemas && patch-package-json-main"
+  },
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    "./schemas/*.json": {
+      "default": "./schemas/*.json"
+    },
+    ".": {
+      "es2020": "./src/public_api.js",
+      "default": "./src/public_api.js",
+      "typings": "./src/public_api.d.ts",
+      "node": "./src/public_api.js",
+      "require": "./src/public_api.js"
+    },
+    "./cli/*": {
+      "default": "./cli/*"
+    }
+  },
+  "bin": {
+    "o3r-css-from-design-token": "cli/generate-css-from-design-token.cli.cjs"
+  },
+  "dependencies": {
+    "minimist": "^1.2.6",
+    "tslib": "^2.5.3"
+  },
+  "peerDependencies": {
+    "@o3r/core": "^10.0.0-alpha.1",
+    "@o3r/schematics": "^10.0.0-alpha.1",
+    "@o3r/styling": "^10.0.0-alpha.1",
+    "chokidar": "^3.5.2",
+    "globby": "^11.1.0",
+    "minimatch": "~9.0.3",
+    "sass": "~1.69.0"
+  },
+  "peerDependenciesMeta": {
+    "@o3r/core": {
+      "optional": true
+    },
+    "@o3r/schematics": {
+      "optional": true
+    },
+    "@o3r/styling": {
+      "optional": true
+    },
+    "chokidar": {
+      "optional": true
+    },
+    "globby": {
+      "optional": true
+    },
+    "sass": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@angular-devkit/architect": "~0.1700.3",
+    "@angular-devkit/build-angular": "~17.0.3",
+    "@angular-devkit/core": "~17.0.3",
+    "@angular-devkit/schematics": "~17.0.3",
+    "@angular-eslint/eslint-plugin": "~17.1.0",
+    "@angular/cli": "~17.0.3",
+    "@angular/common": "~17.0.4",
+    "@angular/compiler": "~17.0.4",
+    "@angular/compiler-cli": "~17.0.4",
+    "@angular/core": "~17.0.4",
+    "@angular/platform-browser": "~17.0.4",
+    "@angular/platform-browser-dynamic": "~17.0.4",
+    "@babel/core": "~7.23.0",
+    "@babel/preset-typescript": "~7.23.0",
+    "@compodoc/compodoc": "^1.1.19",
+    "@nx/eslint": "~17.1.1",
+    "@nx/eslint-plugin": "~17.1.1",
+    "@nx/jest": "~17.1.1",
+    "@nx/js": "~17.1.1",
+    "@o3r/build-helpers": "^10.0.0-alpha.1",
+    "@o3r/core": "^10.0.0-alpha.1",
+    "@o3r/eslint-plugin": "^10.0.0-alpha.1",
+    "@o3r/schematics": "^10.0.0-alpha.1",
+    "@o3r/styling": "^10.0.0-alpha.1",
+    "@o3r/test-helpers": "^10.0.0-alpha.1",
+    "@schematics/angular": "~17.0.3",
+    "@types/jest": "~29.5.2",
+    "@types/minimist": "^1.2.2",
+    "@types/node": "^20.0.0",
+    "@types/semver": "^7.3.13",
+    "@typescript-eslint/eslint-plugin": "6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
+    "chokidar": "^3.5.2",
+    "cpy-cli": "^5.0.0",
+    "eslint": "^8.42.0",
+    "eslint-import-resolver-node": "^0.3.4",
+    "eslint-plugin-jest": "~27.6.0",
+    "eslint-plugin-jsdoc": "~48.0.0",
+    "eslint-plugin-prefer-arrow": "~1.2.3",
+    "eslint-plugin-unicorn": "^50.0.0",
+    "globby": "^11.1.0",
+    "jest": "~29.7.0",
+    "jest-junit": "~16.0.0",
+    "jsonc-eslint-parser": "~2.4.0",
+    "jsonschema": "~1.4.1",
+    "minimatch": "~9.0.3",
+    "nx": "~17.1.1",
+    "rxjs": "^7.8.1",
+    "sass": "~1.69.5",
+    "ts-jest": "~29.1.1",
+    "ts-node": "~10.9.1",
+    "type-fest": "^4.3.1",
+    "typescript": "~5.2.2",
+    "zone.js": "~0.14.2"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "builders": "./builders.json",
+  "schematics": "./collection.json",
+  "ng-update": {
+    "migrations": "./migration.json"
+  },
+  "contributors": [
+    {
+      "name": "Yannick Adam",
+      "url": "https://github.com/yannickadam",
+      "email": "yannickadam@users.noreply.github.com"
+    },
+    {
+      "name": "Kilian Panot",
+      "url": "https://github.com/kpanot",
+      "email": "kpanot@users.noreply.github.com"
+    },
+    {
+      "name": "Jeremy Bourgeois",
+      "url": "https://github.com/jbourgeois-1A",
+      "email": "jbourgeois-1A@users.noreply.github.com"
+    },
+    {
+      "name": "Pierre Henri Ginoux",
+      "url": "https://github.com/pginoux-1A",
+      "email": "pginoux-1A@users.noreply.github.com"
+    },
+    {
+      "name": "Mircea Vasile Rednic",
+      "url": "https://github.com/mrednic-1A",
+      "email": "mrednic-1A@users.noreply.github.com"
+    },
+    {
+      "name": "Stephane Dalle",
+      "email": "sdalle-1A@users.noreply.github.com"
+    },
+    {
+      "name": "Nicolas Hoffmann",
+      "url": "https://github.com/nhoffmann-1A",
+      "email": "nhoffmann-1A@users.noreply.github.com"
+    },
+    {
+      "name": "Victor Scaiceanu",
+      "url": "https://github.com/vscaiceanu-1a",
+      "email": "vscaiceanu-1A@users.noreply.github.com"
+    },
+    {
+      "name": "Florian Paul",
+      "url": "https://github.com/fpaul-1A",
+      "email": "fpaul-1A@users.noreply.github.com"
+    },
+    {
+      "name": "Corinne Paulve",
+      "url": "https://github.com/cpaulve-1A",
+      "email": "cpaulve-1A@users.noreply.github.com"
+    },
+    {
+      "name": "Matthieu Crouzet",
+      "url": "https://github.com/matthieu-crouzet",
+      "email": "matthieu-crouzet@users.noreply.github.com"
+    },
+    {
+      "name": "Salome Do",
+      "url": "https://github.com/sdo-1A",
+      "email": "sdo-1A@users.noreply.github.com"
+    }
+  ],
+  "bugs": "https://github.com/AmadeusITGroup/otter/issues",
+  "repository": "https://github.com/AmadeusITGroup/otter",
+  "license": "BSD-3-Clause",
+  "homepage": "https://amadeusitgroup.github.io/otter/"
+}

package/schematics/ extract-token/index.d.ts

@@ -0,0 +1,8 @@
+import type { Rule } from '@angular-devkit/schematics';
+import type { ExtractTokenSchematicsSchema } from './schema';
+/**
+ * Extract the token from o3r mixin sass file
+ * @param options
+ */
+export declare function extractToken(options: ExtractTokenSchematicsSchema): Rule;
+//# sourceMappingURL=index.d.ts.map

package/schematics/ extract-token/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../schematics/ extract-token/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAM7D;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,4BAA4B,GAAG,IAAI,CA0FxE"}