@cloudscape-design/components-themeable 3.0.1359 → 3.0.1360

package/lib/__tests__/theming.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theming.test.d.ts.map

package/lib/__tests__/theming.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theming.test.d.ts","sourceRoot":"","sources":["../../../src-themeable/__tests__/theming.test.ts"],"names":[],"mappings":""}

package/lib/__tests__/theming.test.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const mapValues_js_1 = __importDefault(require("lodash/mapValues.js"));
+const preset = {
+    propertiesMap: {
+        borderRadiusButton: '--border-radius-button-aaaaaa',
+        colorBorderButtonNormalDefault: '--color-border-button-normal-default-bbbbbb',
+    },
+};
+jest.mock('@cloudscape-design/theming-build', () => ({
+    buildThemedComponents: jest.fn().mockResolvedValue(undefined),
+}));
+jest.mock('../internal/template/internal/generated/theming/index.cjs', () => ({
+    preset,
+}));
+const theming_build_1 = require("@cloudscape-design/theming-build");
+const theming_1 = require("../theming");
+describe('buildThemedComponents', () => {
+    test('does not pass website token versions by default', async () => {
+        const theme = {};
+        await (0, theming_1.buildThemedComponents)({ theme, outputDir: '/tmp/output', baseThemeId: 'visual-refresh' });
+        expect(theming_build_1.buildThemedComponents).toHaveBeenCalledWith(expect.objectContaining({
+            preset,
+        }));
+    });
+    test('passes stable website token versions when the feature flag is enabled', async () => {
+        const theme = {};
+        await (0, theming_1.buildThemedComponents)({
+            theme,
+            outputDir: '/tmp/output',
+            baseThemeId: 'visual-refresh',
+            ...{ __tokenHashSeed: 'website' },
+        });
+        expect(theming_build_1.buildThemedComponents).toHaveBeenCalledWith(expect.objectContaining({
+            preset: {
+                ...preset,
+                tokenVersions: (0, mapValues_js_1.default)(preset.propertiesMap, () => 'website'),
+            },
+        }));
+    });
+});
+//# sourceMappingURL=theming.test.js.map

package/lib/__tests__/theming.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theming.test.js","sourceRoot":"","sources":["../../../src-themeable/__tests__/theming.test.ts"],"names":[],"mappings":";;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,uEAA4C;AAE5C,MAAM,MAAM,GAAG;IACb,aAAa,EAAE;QACb,kBAAkB,EAAE,+BAA+B;QACnD,8BAA8B,EAAE,6CAA6C;KAC9E;CACF,CAAC;AAEF,IAAI,CAAC,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE,CAAC,CAAC;IACnD,qBAAqB,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC;CAC9D,CAAC,CAAC,CAAC;AAEJ,IAAI,CAAC,IAAI,CAAC,2DAA2D,EAAE,GAAG,EAAE,CAAC,CAAC;IAC5E,MAAM;CACP,CAAC,CAAC,CAAC;AAEJ,oEAA6F;AAE7F,wCAAmD;AAEnD,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,IAAI,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,KAAK,GAAG,EAAS,CAAC;QAExB,MAAM,IAAA,+BAAqB,EAAC,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,CAAC;QAEhG,MAAM,CAAC,qCAAgB,CAAC,CAAC,oBAAoB,CAC3C,MAAM,CAAC,gBAAgB,CAAC;YACtB,MAAM;SACP,CAAC,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;QACvF,MAAM,KAAK,GAAG,EAAS,CAAC;QAExB,MAAM,IAAA,+BAAqB,EAAC;YAC1B,KAAK;YACL,SAAS,EAAE,aAAa;YACxB,WAAW,EAAE,gBAAgB;YAC7B,GAAG,EAAE,eAAe,EAAE,SAAS,EAAE;SAClC,CAAC,CAAC;QAEH,MAAM,CAAC,qCAAgB,CAAC,CAAC,oBAAoB,CAC3C,MAAM,CAAC,gBAAgB,CAAC;YACtB,MAAM,EAAE;gBACN,GAAG,MAAM;gBACT,aAAa,EAAE,IAAA,sBAAS,EAAC,MAAM,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC;aAChE;SACF,CAAC,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport mapValues from 'lodash/mapValues.js';\n\nconst preset = {\n  propertiesMap: {\n    borderRadiusButton: '--border-radius-button-aaaaaa',\n    colorBorderButtonNormalDefault: '--color-border-button-normal-default-bbbbbb',\n  },\n};\n\njest.mock('@cloudscape-design/theming-build', () => ({\n  buildThemedComponents: jest.fn().mockResolvedValue(undefined),\n}));\n\njest.mock('../internal/template/internal/generated/theming/index.cjs', () => ({\n  preset,\n}));\n\nimport { buildThemedComponents as themingCoreBuild } from '@cloudscape-design/theming-build';\n\nimport { buildThemedComponents } from '../theming';\n\ndescribe('buildThemedComponents', () => {\n  test('does not pass website token versions by default', async () => {\n    const theme = {} as any;\n\n    await buildThemedComponents({ theme, outputDir: '/tmp/output', baseThemeId: 'visual-refresh' });\n\n    expect(themingCoreBuild).toHaveBeenCalledWith(\n      expect.objectContaining({\n        preset,\n      })\n    );\n  });\n\n  test('passes stable website token versions when the feature flag is enabled', async () => {\n    const theme = {} as any;\n\n    await buildThemedComponents({\n      theme,\n      outputDir: '/tmp/output',\n      baseThemeId: 'visual-refresh',\n      ...{ __tokenHashSeed: 'website' },\n    });\n\n    expect(themingCoreBuild).toHaveBeenCalledWith(\n      expect.objectContaining({\n        preset: {\n          ...preset,\n          tokenVersions: mapValues(preset.propertiesMap, () => 'website'),\n        },\n      })\n    );\n  });\n});\n"]}

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "85f92b8bf579bc3df4c6ef264694dfcc765637aa"
+  "commit": "0c1c9fd2e4302cc7d8b08b5db18cbe1b7ee4c5bc"
 }

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "85f92b8b";
+    $awsui-commit-hash: "0c1c9fd2";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-esndbs;
 $minContentWidth: --awsui-min-content-width-esndbs;

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -56,5 +56,5 @@
   }
 }
 :root {
-  --awsui-version-info-85f92b8b: true;
+  --awsui-version-info-0c1c9fd2: true;
 }

package/lib/internal/template/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (85f92b8b)";
-export var GIT_SHA = "85f92b8b";
+export var PACKAGE_VERSION = "3.0.0 (0c1c9fd2)";
+export var GIT_SHA = "0c1c9fd2";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (85f92b8b)",
-  "GIT_SHA": "85f92b8b",
+  "PACKAGE_VERSION": "3.0.0 (0c1c9fd2)",
+  "GIT_SHA": "0c1c9fd2",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,

package/lib/theming.d.ts

@@ -5,5 +5,5 @@ export interface BuildThemedComponentsParams {
     outputDir: string;
     baseThemeId?: string;
 }
-export declare function buildThemedComponents({ theme, outputDir, baseThemeId }: BuildThemedComponentsParams): Promise<void>;
+export declare function buildThemedComponents({ theme, outputDir, baseThemeId, ...rest }: BuildThemedComponentsParams): Promise<void>;
 //# sourceMappingURL=theming.d.ts.map

package/lib/theming.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theming.d.ts","sourceRoot":"","sources":["../../src-themeable/theming.ts"],"names":[],"mappings":"AAMA,OAAO,EAAU,aAAa,EAAE,MAAM,0DAA0D,CAAC;AAOjG,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC;AAClC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,2BAA2B,GAAG,OAAO,CAAC,IAAI,CAAC,CAWnH"}
+{"version":3,"file":"theming.d.ts","sourceRoot":"","sources":["../../src-themeable/theming.ts"],"names":[],"mappings":"AAMA,OAAO,EAAU,aAAa,EAAE,MAAM,0DAA0D,CAAC;AAOjG,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC;AAClC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,WAAW,EACX,GAAG,IAAI,EACR,EAAE,2BAA2B,GAAG,OAAO,CAAC,IAAI,CAAC,CAoB7C"}

package/lib/theming.js

@@ -10,10 +10,19 @@ const internalDir = (0, path_1.join)(__dirname, './internal');
 const scssDir = (0, path_1.join)(internalDir, './scss');
 const templateDir = (0, path_1.join)(internalDir, './template');
 const designTokensTemplateDir = (0, path_1.join)(internalDir, './template-tokens');
-function buildThemedComponents({ theme, outputDir, baseThemeId }) {
+function buildThemedComponents({ theme, outputDir, baseThemeId, ...rest }) {
+    // Website-only escape hatch to avoid token hash collisions in generated output.
+    const version = rest.__tokenHashSeed;
     return (0, theming_build_1.buildThemedComponents)({
         override: theme,
-        preset: index_cjs_1.preset,
+        preset: {
+            ...index_cjs_1.preset,
+            ...(version
+                ? {
+                    tokenVersions: Object.fromEntries(Object.entries(index_cjs_1.preset.propertiesMap).map(([token]) => [token, version])),
+                }
+                : {}),
+        },
         baseThemeId,
         componentsOutputDir: (0, path_1.join)(outputDir, 'components'),
         designTokensOutputDir: (0, path_1.join)(outputDir, 'design-tokens'),

package/lib/theming.js.map

@@ -1 +1 @@
-{"version":3,"file":"theming.js","sourceRoot":"","sources":["../../src-themeable/theming.ts"],"names":[],"mappings":";;AAoBA,sDAWC;AA/BD,qEAAqE;AACrE,sCAAsC;AACtC,+BAA4B;AAE5B,oEAA6F;AAE7F,wFAAiG;AAEjG,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAClD,MAAM,OAAO,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC5C,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AACpD,MAAM,uBAAuB,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;AASvE,SAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAA+B;IAClG,OAAO,IAAA,qCAAgB,EAAC;QACtB,QAAQ,EAAE,KAAK;QACf,MAAM,EAAN,kBAAM;QACN,WAAW;QACX,mBAAmB,EAAE,IAAA,WAAI,EAAC,SAAS,EAAE,YAAY,CAAC;QAClD,qBAAqB,EAAE,IAAA,WAAI,EAAC,SAAS,EAAE,eAAe,CAAC;QACvD,WAAW;QACX,uBAAuB;QACvB,OAAO;KACR,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { join } from 'path';\n\nimport { buildThemedComponents as themingCoreBuild } from '@cloudscape-design/theming-build';\n\nimport { preset, TypedOverride } from './internal/template/internal/generated/theming/index.cjs';\n\nconst internalDir = join(__dirname, './internal');\nconst scssDir = join(internalDir, './scss');\nconst templateDir = join(internalDir, './template');\nconst designTokensTemplateDir = join(internalDir, './template-tokens');\n\nexport type Theme = TypedOverride;\nexport interface BuildThemedComponentsParams {\n  theme: Theme;\n  outputDir: string;\n  baseThemeId?: string;\n}\n\nexport function buildThemedComponents({ theme, outputDir, baseThemeId }: BuildThemedComponentsParams): Promise<void> {\n  return themingCoreBuild({\n    override: theme,\n    preset,\n    baseThemeId,\n    componentsOutputDir: join(outputDir, 'components'),\n    designTokensOutputDir: join(outputDir, 'design-tokens'),\n    templateDir,\n    designTokensTemplateDir,\n    scssDir,\n  });\n}\n"]}
+{"version":3,"file":"theming.js","sourceRoot":"","sources":["../../src-themeable/theming.ts"],"names":[],"mappings":";;AAoBA,sDAyBC;AA7CD,qEAAqE;AACrE,sCAAsC;AACtC,+BAA4B;AAE5B,oEAA6F;AAE7F,wFAAiG;AAEjG,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAClD,MAAM,OAAO,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC5C,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AACpD,MAAM,uBAAuB,GAAG,IAAA,WAAI,EAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;AASvE,SAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,WAAW,EACX,GAAG,IAAI,EACqB;IAC5B,gFAAgF;IAChF,MAAM,OAAO,GAAI,IAAY,CAAC,eAAe,CAAC;IAC9C,OAAO,IAAA,qCAAgB,EAAC;QACtB,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE;YACN,GAAG,kBAAM;YACT,GAAG,CAAC,OAAO;gBACT,CAAC,CAAC;oBACE,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,kBAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;iBAC3G;gBACH,CAAC,CAAC,EAAE,CAAC;SACR;QACD,WAAW;QACX,mBAAmB,EAAE,IAAA,WAAI,EAAC,SAAS,EAAE,YAAY,CAAC;QAClD,qBAAqB,EAAE,IAAA,WAAI,EAAC,SAAS,EAAE,eAAe,CAAC;QACvD,WAAW;QACX,uBAAuB;QACvB,OAAO;KACR,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { join } from 'path';\n\nimport { buildThemedComponents as themingCoreBuild } from '@cloudscape-design/theming-build';\n\nimport { preset, TypedOverride } from './internal/template/internal/generated/theming/index.cjs';\n\nconst internalDir = join(__dirname, './internal');\nconst scssDir = join(internalDir, './scss');\nconst templateDir = join(internalDir, './template');\nconst designTokensTemplateDir = join(internalDir, './template-tokens');\n\nexport type Theme = TypedOverride;\nexport interface BuildThemedComponentsParams {\n  theme: Theme;\n  outputDir: string;\n  baseThemeId?: string;\n}\n\nexport function buildThemedComponents({\n  theme,\n  outputDir,\n  baseThemeId,\n  ...rest\n}: BuildThemedComponentsParams): Promise<void> {\n  // Website-only escape hatch to avoid token hash collisions in generated output.\n  const version = (rest as any).__tokenHashSeed;\n  return themingCoreBuild({\n    override: theme,\n    preset: {\n      ...preset,\n      ...(version\n        ? {\n            tokenVersions: Object.fromEntries(Object.entries(preset.propertiesMap).map(([token]) => [token, version])),\n          }\n        : {}),\n    },\n    baseThemeId,\n    componentsOutputDir: join(outputDir, 'components'),\n    designTokensOutputDir: join(outputDir, 'design-tokens'),\n    templateDir,\n    designTokensTemplateDir,\n    scssDir,\n  });\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1359",
+  "version": "3.0.1360",
   "files": [
     "lib"
   ],