@spectrum-web-components/theme 0.50.0-beta.4 → 1.0.0-rc.1

package/src/theme-interfaces.d.ts

@@ -2,8 +2,8 @@ import { CSSResultGroup } from '@spectrum-web-components/base';
 export type ShadowRootWithAdoptedStyleSheets = HTMLElement['shadowRoot'] & {
     adoptedStyleSheets?: CSSStyleSheet[];
 };
-export type FragmentType = 'color' | 'scale' | 'system' | 'theme' | 'core' | 'app';
-export type SettableFragmentTypes = 'color' | 'scale' | 'system' | 'theme';
+export type FragmentType = 'color' | 'scale' | 'system' | 'core' | 'app';
+export type SettableFragmentTypes = 'color' | 'scale' | 'system';
 export type FragmentMap = Map<string, {
     name: string;
     styles: CSSResultGroup;
@@ -11,12 +11,19 @@ export type FragmentMap = Map<string, {
 export type ThemeFragmentMap = Map<FragmentType, FragmentMap>;
 export declare const SYSTEM_VARIANT_VALUES: readonly ["spectrum", "express", "spectrum-two"];
 export declare const SCALE_VALUES: readonly ["medium", "large", "medium-express", "large-express", "medium-spectrum-two", "large-spectrum-two"];
-export declare const COLOR_VALUES: readonly ["light", "lightest", "dark", "darkest", "light-express", "lightest-express", "dark-express", "darkest-express", "light-spectrum-two", "dark-spectrum-two"];
+export declare const COLOR_VALUES: readonly ["light", "lightest", "dark", "darkest", "light-express", "lightest-express", "dark-express", "darkest-express", "light-spectrum-two", "lightest-spectrum-two", "dark-spectrum-two", "darkest-spectrum-two"];
 export type SystemVariant = (typeof SYSTEM_VARIANT_VALUES)[number];
 export type Scale = (typeof SCALE_VALUES)[number];
 export type Color = (typeof COLOR_VALUES)[number];
 export type SystemContextCallback = (system: SystemVariant | '', unsubscribe: () => void) => void;
 export type FragmentName = Color | Scale | SystemVariant | 'core' | 'app';
+export interface ThemeData {
+    color?: Color;
+    scale?: Scale;
+    lang?: string;
+    theme?: SystemVariant;
+    system?: SystemVariant;
+}
 export type ThemeKindProvider = {
     [P in SettableFragmentTypes]: SystemVariant | Color | Scale | '';
 };

package/src/theme-interfaces.dev.js

@@ -22,6 +22,8 @@ export const COLOR_VALUES = [
   "dark-express",
   "darkest-express",
   "light-spectrum-two",
-  "dark-spectrum-two"
+  "lightest-spectrum-two",
+  "dark-spectrum-two",
+  "darkest-spectrum-two"
 ];
 //# sourceMappingURL=theme-interfaces.dev.js.map

package/src/theme-interfaces.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["theme-interfaces.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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*/\nimport { CSSResultGroup } from '@spectrum-web-components/base';\n\nexport type ShadowRootWithAdoptedStyleSheets = HTMLElement['shadowRoot'] & {\n    adoptedStyleSheets?: CSSStyleSheet[];\n};\n\nexport type FragmentType =\n    | 'color'\n    | 'scale'\n    | 'system'\n    | 'theme'\n    | 'core'\n    | 'app';\nexport type SettableFragmentTypes = 'color' | 'scale' | 'system' | 'theme';\nexport type FragmentMap = Map<string, { name: string; styles: CSSResultGroup }>;\nexport type ThemeFragmentMap = Map<FragmentType, FragmentMap>;\n\nexport const SYSTEM_VARIANT_VALUES = [\n    'spectrum',\n    'express',\n    'spectrum-two',\n] as const;\n\nexport const SCALE_VALUES = [\n    'medium',\n    'large',\n    'medium-express',\n    'large-express',\n    'medium-spectrum-two',\n    'large-spectrum-two',\n] as const;\n\nexport const COLOR_VALUES = [\n    'light',\n    'lightest',\n    'dark',\n    'darkest',\n    'light-express',\n    'lightest-express',\n    'dark-express',\n    'darkest-express',\n    'light-spectrum-two',\n    'dark-spectrum-two',\n] as const;\n\nexport type SystemVariant = (typeof SYSTEM_VARIANT_VALUES)[number];\nexport type Scale = (typeof SCALE_VALUES)[number];\nexport type Color = (typeof COLOR_VALUES)[number];\n\nexport type SystemContextCallback = (\n    system: SystemVariant | '',\n    unsubscribe: () => void\n) => void;\n\nexport type FragmentName = Color | Scale | SystemVariant | 'core' | 'app';\n\nexport type ThemeKindProvider = {\n    [P in SettableFragmentTypes]: SystemVariant | Color | Scale | '';\n};\n\nexport interface ProvideLang {\n    callback: (lang: string, unsubscribe: () => void) => void;\n}\n"],
-  "mappings": ";AA4BO,aAAM,wBAAwB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACJ;AAEO,aAAM,eAAe;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,aAAM,eAAe;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;",
+  "sourcesContent": ["/*\nCopyright 2024 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*/\nimport { CSSResultGroup } from '@spectrum-web-components/base';\n\nexport type ShadowRootWithAdoptedStyleSheets = HTMLElement['shadowRoot'] & {\n    adoptedStyleSheets?: CSSStyleSheet[];\n};\n\nexport type FragmentType = 'color' | 'scale' | 'system' | 'core' | 'app';\nexport type SettableFragmentTypes = 'color' | 'scale' | 'system';\nexport type FragmentMap = Map<string, { name: string; styles: CSSResultGroup }>;\nexport type ThemeFragmentMap = Map<FragmentType, FragmentMap>;\n\nexport const SYSTEM_VARIANT_VALUES = [\n    'spectrum',\n    'express',\n    'spectrum-two',\n] as const;\n\nexport const SCALE_VALUES = [\n    'medium',\n    'large',\n    'medium-express',\n    'large-express',\n    'medium-spectrum-two',\n    'large-spectrum-two',\n] as const;\n\nexport const COLOR_VALUES = [\n    'light',\n    'lightest',\n    'dark',\n    'darkest',\n    'light-express',\n    'lightest-express',\n    'dark-express',\n    'darkest-express',\n    'light-spectrum-two',\n    'lightest-spectrum-two',\n    'dark-spectrum-two',\n    'darkest-spectrum-two',\n] as const;\n\nexport type SystemVariant = (typeof SYSTEM_VARIANT_VALUES)[number];\nexport type Scale = (typeof SCALE_VALUES)[number];\nexport type Color = (typeof COLOR_VALUES)[number];\n\nexport type SystemContextCallback = (\n    system: SystemVariant | '',\n    unsubscribe: () => void\n) => void;\n\nexport type FragmentName = Color | Scale | SystemVariant | 'core' | 'app';\n\nexport interface ThemeData {\n    color?: Color;\n    scale?: Scale;\n    lang?: string;\n    theme?: SystemVariant;\n    system?: SystemVariant;\n}\n\nexport type ThemeKindProvider = {\n    [P in SettableFragmentTypes]: SystemVariant | Color | Scale | '';\n};\n\nexport interface ProvideLang {\n    callback: (lang: string, unsubscribe: () => void) => void;\n}\n"],
+  "mappings": ";AAsBO,aAAM,wBAAwB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACJ;AAEO,aAAM,eAAe;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,aAAM,eAAe;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;",
   "names": []
 }

package/src/theme-interfaces.js

@@ -1,2 +1,2 @@
-"use strict";export const SYSTEM_VARIANT_VALUES=["spectrum","express","spectrum-two"],SCALE_VALUES=["medium","large","medium-express","large-express","medium-spectrum-two","large-spectrum-two"],COLOR_VALUES=["light","lightest","dark","darkest","light-express","lightest-express","dark-express","darkest-express","light-spectrum-two","dark-spectrum-two"];
+"use strict";export const SYSTEM_VARIANT_VALUES=["spectrum","express","spectrum-two"],SCALE_VALUES=["medium","large","medium-express","large-express","medium-spectrum-two","large-spectrum-two"],COLOR_VALUES=["light","lightest","dark","darkest","light-express","lightest-express","dark-express","darkest-express","light-spectrum-two","lightest-spectrum-two","dark-spectrum-two","darkest-spectrum-two"];
 //# sourceMappingURL=theme-interfaces.js.map

package/src/theme-interfaces.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["theme-interfaces.ts"],
-  "sourcesContent": ["/*\nCopyright 2024 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*/\nimport { CSSResultGroup } from '@spectrum-web-components/base';\n\nexport type ShadowRootWithAdoptedStyleSheets = HTMLElement['shadowRoot'] & {\n    adoptedStyleSheets?: CSSStyleSheet[];\n};\n\nexport type FragmentType =\n    | 'color'\n    | 'scale'\n    | 'system'\n    | 'theme'\n    | 'core'\n    | 'app';\nexport type SettableFragmentTypes = 'color' | 'scale' | 'system' | 'theme';\nexport type FragmentMap = Map<string, { name: string; styles: CSSResultGroup }>;\nexport type ThemeFragmentMap = Map<FragmentType, FragmentMap>;\n\nexport const SYSTEM_VARIANT_VALUES = [\n    'spectrum',\n    'express',\n    'spectrum-two',\n] as const;\n\nexport const SCALE_VALUES = [\n    'medium',\n    'large',\n    'medium-express',\n    'large-express',\n    'medium-spectrum-two',\n    'large-spectrum-two',\n] as const;\n\nexport const COLOR_VALUES = [\n    'light',\n    'lightest',\n    'dark',\n    'darkest',\n    'light-express',\n    'lightest-express',\n    'dark-express',\n    'darkest-express',\n    'light-spectrum-two',\n    'dark-spectrum-two',\n] as const;\n\nexport type SystemVariant = (typeof SYSTEM_VARIANT_VALUES)[number];\nexport type Scale = (typeof SCALE_VALUES)[number];\nexport type Color = (typeof COLOR_VALUES)[number];\n\nexport type SystemContextCallback = (\n    system: SystemVariant | '',\n    unsubscribe: () => void\n) => void;\n\nexport type FragmentName = Color | Scale | SystemVariant | 'core' | 'app';\n\nexport type ThemeKindProvider = {\n    [P in SettableFragmentTypes]: SystemVariant | Color | Scale | '';\n};\n\nexport interface ProvideLang {\n    callback: (lang: string, unsubscribe: () => void) => void;\n}\n"],
-  "mappings": "aA4BO,aAAM,sBAAwB,CACjC,WACA,UACA,cACJ,EAEa,aAAe,CACxB,SACA,QACA,iBACA,gBACA,sBACA,oBACJ,EAEa,aAAe,CACxB,QACA,WACA,OACA,UACA,gBACA,mBACA,eACA,kBACA,qBACA,mBACJ",
+  "sourcesContent": ["/*\nCopyright 2024 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*/\nimport { CSSResultGroup } from '@spectrum-web-components/base';\n\nexport type ShadowRootWithAdoptedStyleSheets = HTMLElement['shadowRoot'] & {\n    adoptedStyleSheets?: CSSStyleSheet[];\n};\n\nexport type FragmentType = 'color' | 'scale' | 'system' | 'core' | 'app';\nexport type SettableFragmentTypes = 'color' | 'scale' | 'system';\nexport type FragmentMap = Map<string, { name: string; styles: CSSResultGroup }>;\nexport type ThemeFragmentMap = Map<FragmentType, FragmentMap>;\n\nexport const SYSTEM_VARIANT_VALUES = [\n    'spectrum',\n    'express',\n    'spectrum-two',\n] as const;\n\nexport const SCALE_VALUES = [\n    'medium',\n    'large',\n    'medium-express',\n    'large-express',\n    'medium-spectrum-two',\n    'large-spectrum-two',\n] as const;\n\nexport const COLOR_VALUES = [\n    'light',\n    'lightest',\n    'dark',\n    'darkest',\n    'light-express',\n    'lightest-express',\n    'dark-express',\n    'darkest-express',\n    'light-spectrum-two',\n    'lightest-spectrum-two',\n    'dark-spectrum-two',\n    'darkest-spectrum-two',\n] as const;\n\nexport type SystemVariant = (typeof SYSTEM_VARIANT_VALUES)[number];\nexport type Scale = (typeof SCALE_VALUES)[number];\nexport type Color = (typeof COLOR_VALUES)[number];\n\nexport type SystemContextCallback = (\n    system: SystemVariant | '',\n    unsubscribe: () => void\n) => void;\n\nexport type FragmentName = Color | Scale | SystemVariant | 'core' | 'app';\n\nexport interface ThemeData {\n    color?: Color;\n    scale?: Scale;\n    lang?: string;\n    theme?: SystemVariant;\n    system?: SystemVariant;\n}\n\nexport type ThemeKindProvider = {\n    [P in SettableFragmentTypes]: SystemVariant | Color | Scale | '';\n};\n\nexport interface ProvideLang {\n    callback: (lang: string, unsubscribe: () => void) => void;\n}\n"],
+  "mappings": "aAsBO,aAAM,sBAAwB,CACjC,WACA,UACA,cACJ,EAEa,aAAe,CACxB,SACA,QACA,iBACA,gBACA,sBACA,oBACJ,EAEa,aAAe,CACxB,QACA,WACA,OACA,UACA,gBACA,mBACA,eACA,kBACA,qBACA,wBACA,oBACA,sBACJ",
   "names": []
 }