@fluentui/react-theme 9.0.0-alpha.23

package/lib-commonjs/utils/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/shadows.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,uBAAhB,CAAwC,YAAxC,EAA8D,QAA9D,EAA8E;AAC5E,SAAO;AACL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAD1C;AAEL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAF1C;AAGL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAH1C;AAIL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,eAAvB,GAAuC,QAJ5C;AAKL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC,QAL7C;AAML,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC;AAN7C,GAAP;AAQD;;AATD,OAAA,CAAA,uBAAA,GAAA,uBAAA","sourcesContent":["import type { ShadowLevelTokens } from '../types';\n\nexport function createShadowLevelTokens(ambientColor: string, keyColor: string): ShadowLevelTokens {\n  return {\n    shadow2: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n    shadow4: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n    shadow8: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n    shadow16: `0 0 2px ${ambientColor}, 0 6px 16px ${keyColor}`,\n    shadow28: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n    shadow64: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n  };\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/themeToCSSVariables.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../types';
+export declare function themeToCSSVariables(theme: Theme): Record<string, string>;

package/lib-commonjs/utils/themeToCSSVariables.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.themeToCSSVariables = void 0;
+
+function flattenThemeToCSSVariables( // eslint-disable-next-line @typescript-eslint/no-explicit-any
+themePart, parentKey, result) {
+  if (parentKey === void 0) {
+    parentKey = '';
+  }
+
+  if (result === void 0) {
+    result = {};
+  }
+
+  for (var propertyName in themePart) {
+    if (Object.prototype.hasOwnProperty.call(themePart, propertyName)) {
+      var variableName = parentKey ? parentKey + '-' + propertyName : "--" + propertyName;
+
+      if (typeof themePart[propertyName] === 'object') {
+        flattenThemeToCSSVariables(themePart[propertyName], variableName, result);
+      } else {
+        result[variableName] = themePart[propertyName];
+      }
+    }
+  }
+
+  return result;
+}
+
+function themeToCSSVariables(theme) {
+  return flattenThemeToCSSVariables(theme);
+}
+
+exports.themeToCSSVariables = themeToCSSVariables;
+//# sourceMappingURL=themeToCSSVariables.js.map

package/lib-commonjs/utils/themeToCSSVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils/themeToCSSVariables.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAS,0BAAT,EACE;AACA,SAFF,EAGE,SAHF,EAIE,MAJF,EAIqC;AADnC,MAAA,SAAA,KAAA,KAAA,CAAA,EAAA;AAAA,IAAA,SAAA,GAAA,EAAA;AAAsB;;AACtB,MAAA,MAAA,KAAA,KAAA,CAAA,EAAA;AAAA,IAAA,MAAA,GAAA,EAAA;AAAmC;;AAEnC,OAAK,IAAM,YAAX,IAA2B,SAA3B,EAAsC;AACpC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,SAArC,EAAgD,YAAhD,CAAJ,EAAmE;AACjE,UAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,GAAZ,GAAkB,YAArB,GAAoC,OAAK,YAAvE;;AAEA,UAAI,OAAO,SAAS,CAAC,YAAD,CAAhB,KAAmC,QAAvC,EAAiD;AAC/C,QAAA,0BAA0B,CAAC,SAAS,CAAC,YAAD,CAAV,EAA0B,YAA1B,EAAwC,MAAxC,CAA1B;AACD,OAFD,MAEO;AACL,QAAA,MAAM,CAAC,YAAD,CAAN,GAAuB,SAAS,CAAC,YAAD,CAAhC;AACD;AACF;AACF;;AACD,SAAO,MAAP;AACD;;AAED,SAAgB,mBAAhB,CAAoC,KAApC,EAAgD;AAC9C,SAAO,0BAA0B,CAAC,KAAD,CAAjC;AACD;;AAFD,OAAA,CAAA,mBAAA,GAAA,mBAAA","sourcesContent":["import type { Theme } from '../types';\n\nfunction flattenThemeToCSSVariables(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  themePart: Record<string, any>,\n  parentKey: string = '',\n  result: Record<string, string> = {},\n) {\n  for (const propertyName in themePart) {\n    if (Object.prototype.hasOwnProperty.call(themePart, propertyName)) {\n      const variableName = parentKey ? parentKey + '-' + propertyName : `--${propertyName}`;\n\n      if (typeof themePart[propertyName] === 'object') {\n        flattenThemeToCSSVariables(themePart[propertyName], variableName, result);\n      } else {\n        result[variableName] = themePart[propertyName];\n      }\n    }\n  }\n  return result;\n}\n\nexport function themeToCSSVariables(theme: Theme): Record<string, string> {\n  return flattenThemeToCSSVariables(theme);\n}\n"],"sourceRoot":"../src/"}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@fluentui/react-theme",
+  "version": "9.0.0-alpha.23",
+  "description": "Fluent UI themes",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "bundle-size": "bundle-size measure",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "start": "storybook",
+    "storybook": "start-storybook",
+    "test": "jest",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-theme/src && yarn docs"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/scripts": "^1.0.0",
+    "@types/react": "16.9.42",
+    "@types/react-dom": "16.9.10",
+    "react": "16.8.6",
+    "react-dom": "16.8.6"
+  },
+  "dependencies": {
+    "tslib": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0 <18.0.0",
+    "@types/react-dom": ">=16.8.0 <18.0.0",
+    "react": ">=16.8.0 <18.0.0",
+    "react-dom": ">=16.8.0 <18.0.0"
+  },
+  "beachball": {
+    "tag": "alpha",
+    "disallowedChangeTypes": [
+      "major",
+      "minor",
+      "patch"
+    ]
+  }
+}