@spectrum-web-components/theme 0.42.2 → 0.42.4

package/core.dev.js

@@ -1,5 +1,5 @@
 "use strict";
 import { Theme } from "./src/Theme.dev.js";
 import coreStyles from "./src/theme.css.js";
-Theme.registerThemeFragment("spectrum", "theme", coreStyles);
+Theme.registerThemeFragment("spectrum", "system", coreStyles);
 //# sourceMappingURL=core.dev.js.map

package/core.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["core.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Theme } from './src/Theme.dev.js'\n\nimport coreStyles from './src/theme.css.js';\n\nTheme.registerThemeFragment('spectrum', 'theme', coreStyles);\n"],
-  "mappings": ";AAYA,SAAS,aAAa;AAEtB,OAAO,gBAAgB;AAEvB,MAAM,sBAAsB,YAAY,SAAS,UAAU;",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Theme } from './src/Theme.dev.js'\n\nimport coreStyles from './src/theme.css.js';\n\nTheme.registerThemeFragment('spectrum', 'system', coreStyles);\n"],
+  "mappings": ";AAYA,SAAS,aAAa;AAEtB,OAAO,gBAAgB;AAEvB,MAAM,sBAAsB,YAAY,UAAU,UAAU;",
   "names": []
 }

package/core.js

@@ -1,2 +1,2 @@
-"use strict";import{Theme as e}from"./src/Theme.js";import m from"./src/theme.css.js";e.registerThemeFragment("spectrum","theme",m);
+"use strict";import{Theme as e}from"./src/Theme.js";import m from"./src/theme.css.js";e.registerThemeFragment("spectrum","system",m);
 //# sourceMappingURL=core.js.map

package/core.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["core.ts"],
-  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Theme } from './src/Theme.js';\n\nimport coreStyles from './src/theme.css.js';\n\nTheme.registerThemeFragment('spectrum', 'theme', coreStyles);\n"],
-  "mappings": "aAYA,OAAS,SAAAA,MAAa,iBAEtB,OAAOC,MAAgB,qBAEvBD,EAAM,sBAAsB,WAAY,QAASC,CAAU",
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { Theme } from './src/Theme.js';\n\nimport coreStyles from './src/theme.css.js';\n\nTheme.registerThemeFragment('spectrum', 'system', coreStyles);\n"],
+  "mappings": "aAYA,OAAS,SAAAA,MAAa,iBAEtB,OAAOC,MAAgB,qBAEvBD,EAAM,sBAAsB,WAAY,SAAUC,CAAU",
   "names": ["Theme", "coreStyles"]
 }

package/custom-elements.json

@@ -104,21 +104,28 @@
             },
             {
               "kind": "field",
-              "name": "_theme",
+              "name": "_system",
               "type": {
-                "text": "ThemeVariant | ''"
+                "text": "SystemVariant | ''"
               },
               "privacy": "private",
               "default": "'spectrum'"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "system",
               "type": {
-                "text": "\"spectrum\" | \"express\" | \"\""
+                "text": "\"spectrum\" | \"express\""
               },
-              "description": "The Spectrum theme that is applied to the content scoped to this `sp-theme` element.\n\nA value is requried.",
-              "attribute": "theme"
+              "description": "The Spectrum system that is applied to the content scoped to this `sp-theme` element.\n\nA value is requried.",
+              "attribute": "system"
+            },
+            {
+              "kind": "field",
+              "name": "theme",
+              "type": {
+                "text": "SystemVariant | ''"
+              }
             },
             {
               "kind": "field",
@@ -366,14 +373,6 @@
               "description": "The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n\nA value is requried.",
               "fieldName": "scale"
             },
-            {
-              "name": "theme",
-              "type": {
-                "text": "\"spectrum\" | \"express\" | \"\""
-              },
-              "description": "The Spectrum theme that is applied to the content scoped to this `sp-theme` element.\n\nA value is requried.",
-              "fieldName": "theme"
-            },
             {
               "name": "lang",
               "type": {
@@ -389,6 +388,17 @@
               },
               "description": "Reading direction of the content scoped to this `sp-theme` element.",
               "fieldName": "dir"
+            },
+            {
+              "name": "system",
+              "type": {
+                "text": "\"spectrum\" | \"express\""
+              },
+              "description": "The Spectrum system that is applied to the content scoped to this `sp-theme` element.\n\nA value is requried.",
+              "fieldName": "system"
+            },
+            {
+              "name": "theme"
             }
           ],
           "superclass": {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/theme",
-    "version": "0.42.2",
+    "version": "0.42.4",
     "publishConfig": {
         "access": "public"
     },
@@ -104,6 +104,22 @@
             "development": "./express/theme-lightest.dev.js",
             "default": "./express/theme-lightest.js"
         },
+        "./spectrum-two/scale-large-core-tokens.js": {
+            "development": "./spectrum-two/scale-large-core-tokens.dev.js",
+            "default": "./spectrum-two/scale-large-core-tokens.js"
+        },
+        "./spectrum-two/scale-medium-core-tokens.js": {
+            "development": "./spectrum-two/scale-medium-core-tokens.dev.js",
+            "default": "./spectrum-two/scale-medium-core-tokens.js"
+        },
+        "./spectrum-two/theme-dark-core-tokens.js": {
+            "development": "./spectrum-two/theme-dark-core-tokens.dev.js",
+            "default": "./spectrum-two/theme-dark-core-tokens.js"
+        },
+        "./spectrum-two/theme-light-core-tokens.js": {
+            "development": "./spectrum-two/theme-light-core-tokens.dev.js",
+            "default": "./spectrum-two/theme-light-core-tokens.js"
+        },
         "./src/express/core-tokens.js": {
             "development": "./src/express/core-tokens.dev.js",
             "default": "./src/express/core-tokens.js"
@@ -130,6 +146,18 @@
             "development": "./src/express/themes.dev.js",
             "default": "./src/express/themes.js"
         },
+        "./src/spectrum-two/core-tokens.js": {
+            "development": "./src/spectrum-two/core-tokens.dev.js",
+            "default": "./src/spectrum-two/core-tokens.js"
+        },
+        "./src/spectrum-two/core.js": {
+            "development": "./src/spectrum-two/core.dev.js",
+            "default": "./src/spectrum-two/core.js"
+        },
+        "./src/spectrum-two/themes-core-tokens.js": {
+            "development": "./src/spectrum-two/themes-core-tokens.dev.js",
+            "default": "./src/spectrum-two/themes-core-tokens.js"
+        },
         "./core.js": {
             "development": "./core.dev.js",
             "default": "./core.js"
@@ -205,8 +233,8 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.42.2",
-        "@spectrum-web-components/styles": "^0.42.2"
+        "@spectrum-web-components/base": "^0.42.4",
+        "@spectrum-web-components/styles": "^0.42.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",
@@ -218,6 +246,8 @@
         "./core-*.js",
         "./theme-*.js",
         "./scale-*.js",
+        "./spectrum-two/theme-*.js",
+        "./spectrum-two/scale-*.js",
         "./express/theme-*.js",
         "./express/scale-*.js",
         "./src/themes.js",
@@ -225,7 +255,11 @@
         "./src/express/core.js",
         "./src/express/core-*.js",
         "./src/express/themes.js",
-        "./src/express/themes-*.js"
+        "./src/express/themes-*.js",
+        "./src/spectrum-two/core.js",
+        "./src/spectrum-two/core-*.js",
+        "./src/spectrum-two/themes.js",
+        "./src/spectrum-two/themes-*.js"
     ],
-    "gitHead": "e19af30387032608baaa88c6a17c2ee50103a7c5"
+    "gitHead": "4924ffd06681ced537edaed873a9ce8b42cf155c"
 }

package/spectrum-two/scale-large-core-tokens.d.ts

@@ -0,0 +1 @@
+import '../src/spectrum-two/core-tokens.js';

package/spectrum-two/scale-large-core-tokens.dev.js

@@ -0,0 +1,6 @@
+"use strict";
+import largeStyles from "../src/spectrum-two/scale-large-core-tokens.css.js";
+import { Theme } from "../src/Theme.dev.js";
+import "../src/spectrum-two/core-tokens.dev.js";
+Theme.registerThemeFragment("large-spectrum-two", "scale", largeStyles);
+//# sourceMappingURL=scale-large-core-tokens.dev.js.map

package/spectrum-two/scale-large-core-tokens.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["scale-large-core-tokens.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport largeStyles from '../src/spectrum-two/scale-large-core-tokens.css.js';\nimport { Theme } from '../src/Theme.dev.js'\nimport '../src/spectrum-two/core-tokens.dev.js'\n\nTheme.registerThemeFragment('large-spectrum-two', 'scale', largeStyles);\n"],
+  "mappings": ";AAYA,OAAO,iBAAiB;AACxB,SAAS,aAAa;AACtB,OAAO;AAEP,MAAM,sBAAsB,sBAAsB,SAAS,WAAW;",
+  "names": []
+}

package/spectrum-two/scale-large-core-tokens.js

@@ -0,0 +1,2 @@
+"use strict";import e from"../src/spectrum-two/scale-large-core-tokens.css.js";import{Theme as r}from"../src/Theme.js";import"../src/spectrum-two/core-tokens.js";r.registerThemeFragment("large-spectrum-two","scale",e);
+//# sourceMappingURL=scale-large-core-tokens.js.map

package/spectrum-two/scale-large-core-tokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["scale-large-core-tokens.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport largeStyles from '../src/spectrum-two/scale-large-core-tokens.css.js';\nimport { Theme } from '../src/Theme.js';\nimport '../src/spectrum-two/core-tokens.js';\n\nTheme.registerThemeFragment('large-spectrum-two', 'scale', largeStyles);\n"],
+  "mappings": "aAYA,OAAOA,MAAiB,qDACxB,OAAS,SAAAC,MAAa,kBACtB,MAAO,qCAEPA,EAAM,sBAAsB,qBAAsB,QAASD,CAAW",
+  "names": ["largeStyles", "Theme"]
+}

package/spectrum-two/scale-medium-core-tokens.d.ts

@@ -0,0 +1 @@
+import '../src/spectrum-two/core-tokens.js';

package/spectrum-two/scale-medium-core-tokens.dev.js

@@ -0,0 +1,6 @@
+"use strict";
+import mediumStyles from "../src/spectrum-two/scale-medium-core-tokens.css.js";
+import { Theme } from "../src/Theme.dev.js";
+import "../src/spectrum-two/core-tokens.dev.js";
+Theme.registerThemeFragment("medium-spectrum-two", "scale", mediumStyles);
+//# sourceMappingURL=scale-medium-core-tokens.dev.js.map

package/spectrum-two/scale-medium-core-tokens.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["scale-medium-core-tokens.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport mediumStyles from '../src/spectrum-two/scale-medium-core-tokens.css.js';\nimport { Theme } from '../src/Theme.dev.js'\nimport '../src/spectrum-two/core-tokens.dev.js'\n\nTheme.registerThemeFragment('medium-spectrum-two', 'scale', mediumStyles);\n"],
+  "mappings": ";AAYA,OAAO,kBAAkB;AACzB,SAAS,aAAa;AACtB,OAAO;AAEP,MAAM,sBAAsB,uBAAuB,SAAS,YAAY;",
+  "names": []
+}

package/spectrum-two/scale-medium-core-tokens.js

@@ -0,0 +1,2 @@
+"use strict";import m from"../src/spectrum-two/scale-medium-core-tokens.css.js";import{Theme as e}from"../src/Theme.js";import"../src/spectrum-two/core-tokens.js";e.registerThemeFragment("medium-spectrum-two","scale",m);
+//# sourceMappingURL=scale-medium-core-tokens.js.map

package/spectrum-two/scale-medium-core-tokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["scale-medium-core-tokens.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport mediumStyles from '../src/spectrum-two/scale-medium-core-tokens.css.js';\nimport { Theme } from '../src/Theme.js';\nimport '../src/spectrum-two/core-tokens.js';\n\nTheme.registerThemeFragment('medium-spectrum-two', 'scale', mediumStyles);\n"],
+  "mappings": "aAYA,OAAOA,MAAkB,sDACzB,OAAS,SAAAC,MAAa,kBACtB,MAAO,qCAEPA,EAAM,sBAAsB,sBAAuB,QAASD,CAAY",
+  "names": ["mediumStyles", "Theme"]
+}

package/spectrum-two/theme-dark-core-tokens.d.ts

@@ -0,0 +1 @@
+import '../src/spectrum-two/core-tokens.js';

package/spectrum-two/theme-dark-core-tokens.dev.js

@@ -0,0 +1,6 @@
+"use strict";
+import darkStyles from "../src/spectrum-two/theme-dark-core-tokens.css.js";
+import { Theme } from "../src/Theme.dev.js";
+import "../src/spectrum-two/core-tokens.dev.js";
+Theme.registerThemeFragment("dark-spectrum-two", "color", darkStyles);
+//# sourceMappingURL=theme-dark-core-tokens.dev.js.map

package/spectrum-two/theme-dark-core-tokens.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["theme-dark-core-tokens.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport darkStyles from '../src/spectrum-two/theme-dark-core-tokens.css.js';\nimport { Theme } from '../src/Theme.dev.js'\nimport '../src/spectrum-two/core-tokens.dev.js'\n\nTheme.registerThemeFragment('dark-spectrum-two', 'color', darkStyles);\n"],
+  "mappings": ";AAYA,OAAO,gBAAgB;AACvB,SAAS,aAAa;AACtB,OAAO;AAEP,MAAM,sBAAsB,qBAAqB,SAAS,UAAU;",
+  "names": []
+}

package/spectrum-two/theme-dark-core-tokens.js

@@ -0,0 +1,2 @@
+"use strict";import r from"../src/spectrum-two/theme-dark-core-tokens.css.js";import{Theme as e}from"../src/Theme.js";import"../src/spectrum-two/core-tokens.js";e.registerThemeFragment("dark-spectrum-two","color",r);
+//# sourceMappingURL=theme-dark-core-tokens.js.map

package/spectrum-two/theme-dark-core-tokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["theme-dark-core-tokens.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport darkStyles from '../src/spectrum-two/theme-dark-core-tokens.css.js';\nimport { Theme } from '../src/Theme.js';\nimport '../src/spectrum-two/core-tokens.js';\n\nTheme.registerThemeFragment('dark-spectrum-two', 'color', darkStyles);\n"],
+  "mappings": "aAYA,OAAOA,MAAgB,oDACvB,OAAS,SAAAC,MAAa,kBACtB,MAAO,qCAEPA,EAAM,sBAAsB,oBAAqB,QAASD,CAAU",
+  "names": ["darkStyles", "Theme"]
+}

package/spectrum-two/theme-light-core-tokens.d.ts

@@ -0,0 +1 @@
+import '../src/spectrum-two/core-tokens.js';

package/spectrum-two/theme-light-core-tokens.dev.js

@@ -0,0 +1,6 @@
+"use strict";
+import lightStyles from "../src/spectrum-two/theme-light-core-tokens.css.js";
+import { Theme } from "../src/Theme.dev.js";
+import "../src/spectrum-two/core-tokens.dev.js";
+Theme.registerThemeFragment("light-spectrum-two", "color", lightStyles);
+//# sourceMappingURL=theme-light-core-tokens.dev.js.map

package/spectrum-two/theme-light-core-tokens.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["theme-light-core-tokens.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport lightStyles from '../src/spectrum-two/theme-light-core-tokens.css.js';\nimport { Theme } from '../src/Theme.dev.js'\nimport '../src/spectrum-two/core-tokens.dev.js'\n\nTheme.registerThemeFragment('light-spectrum-two', 'color', lightStyles);\n"],
+  "mappings": ";AAYA,OAAO,iBAAiB;AACxB,SAAS,aAAa;AACtB,OAAO;AAEP,MAAM,sBAAsB,sBAAsB,SAAS,WAAW;",
+  "names": []
+}

package/spectrum-two/theme-light-core-tokens.js

@@ -0,0 +1,2 @@
+"use strict";import r from"../src/spectrum-two/theme-light-core-tokens.css.js";import{Theme as t}from"../src/Theme.js";import"../src/spectrum-two/core-tokens.js";t.registerThemeFragment("light-spectrum-two","color",r);
+//# sourceMappingURL=theme-light-core-tokens.js.map

package/spectrum-two/theme-light-core-tokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["theme-light-core-tokens.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport lightStyles from '../src/spectrum-two/theme-light-core-tokens.css.js';\nimport { Theme } from '../src/Theme.js';\nimport '../src/spectrum-two/core-tokens.js';\n\nTheme.registerThemeFragment('light-spectrum-two', 'color', lightStyles);\n"],
+  "mappings": "aAYA,OAAOA,MAAiB,qDACxB,OAAS,SAAAC,MAAa,kBACtB,MAAO,qCAEPA,EAAM,sBAAsB,qBAAsB,QAASD,CAAW",
+  "names": ["lightStyles", "Theme"]
+}

package/src/Theme.d.ts

@@ -11,28 +11,30 @@ declare global {
         };
     }
 }
-declare type ShadowRootWithAdoptedStyleSheets = HTMLElement['shadowRoot'] & {
+type ShadowRootWithAdoptedStyleSheets = HTMLElement['shadowRoot'] & {
     adoptedStyleSheets?: CSSStyleSheet[];
 };
-declare type FragmentType = 'color' | 'scale' | 'theme' | 'core' | 'app';
-declare type SettableFragmentTypes = 'color' | 'scale' | 'theme';
-declare type FragmentMap = Map<string, {
+type FragmentType = 'color' | 'scale' | 'system' | 'theme' | 'core' | 'app';
+type SettableFragmentTypes = 'color' | 'scale' | 'system' | 'theme';
+type FragmentMap = Map<string, {
     name: string;
     styles: CSSResultGroup;
 }>;
-export declare type ThemeFragmentMap = Map<FragmentType, FragmentMap>;
-export declare type Color = 'light' | 'lightest' | 'dark' | 'darkest' | 'light-express' | 'lightest-express' | 'dark-express' | 'darkest-express';
-export declare type Scale = 'medium' | 'large' | 'medium-express' | 'large-express';
-export declare type ThemeVariant = 'spectrum' | 'express';
-declare type FragmentName = Color | Scale | ThemeVariant | 'core' | 'app';
+export type ThemeFragmentMap = Map<FragmentType, FragmentMap>;
+export type Color = 'light' | 'lightest' | 'dark' | 'darkest' | 'light-express' | 'lightest-express' | 'dark-express' | 'darkest-express' | 'light-spectrum-two' | 'dark-spectrum-two';
+export type ThemeVariant = 'spectrum' | 'express' | 'spectrum-two';
+export type SystemVariant = 'spectrum' | 'express' | 'spectrum-two';
+export type Scale = 'medium' | 'large' | 'medium-express' | 'large-express' | 'medium-spectrum-two' | 'large-spectrum-two';
+type FragmentName = Color | Scale | ThemeVariant | SystemVariant | 'core' | 'app';
 export interface ThemeData {
     color?: Color;
     scale?: Scale;
     lang?: string;
-    theme?: ThemeVariant;
+    theme?: SystemVariant;
+    system?: SystemVariant;
 }
-declare type ThemeKindProvider = {
-    [P in SettableFragmentTypes]: ThemeVariant | Color | Scale | '';
+type ThemeKindProvider = {
+    [P in SettableFragmentTypes]: ThemeVariant | SystemVariant | Color | Scale | '';
 };
 export interface ProvideLang {
     callback: (lang: string, unsubscribe: () => void) => void;
@@ -61,16 +63,18 @@ export declare class Theme extends HTMLElement implements ThemeKindProvider {
     protected attributeChangedCallback(attrName: SettableFragmentTypes | 'lang' | 'dir', old: string | null, value: string | null): void;
     private requestUpdate;
     shadowRoot: ShadowRootWithAdoptedStyleSheets;
-    private _theme;
+    private _system;
     /**
-     * The Spectrum theme that is applied to the content scoped to this `sp-theme` element.
+     * The Spectrum system that is applied to the content scoped to this `sp-theme` element.
      *
      * A value is requried.
-     * @type {"spectrum" | "express" | ""}
+     * @type {"spectrum" | "express" }
      * @attr
      */
-    get theme(): ThemeVariant | '';
-    set theme(newValue: ThemeVariant | '');
+    get system(): SystemVariant | '';
+    set system(newValue: SystemVariant | '');
+    get theme(): SystemVariant | '';
+    set theme(newValue: SystemVariant | '');
     private _color;
     /**
      * The Spectrum color stops to apply to content scoped by this `sp-theme` element.