@spectrum-web-components/theme 0.10.3-express.0 → 0.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -6
- package/core.d.ts +1 -0
- package/core.js +15 -0
- package/core.js.map +1 -0
- package/custom-elements.json +29 -11
- package/express/scale-large.d.ts +1 -1
- package/express/scale-large.js +1 -0
- package/express/scale-large.js.map +1 -1
- package/express/scale-medium.d.ts +1 -1
- package/express/scale-medium.js +1 -0
- package/express/scale-medium.js.map +1 -1
- package/express/theme-dark.d.ts +1 -1
- package/express/theme-dark.js +1 -0
- package/express/theme-dark.js.map +1 -1
- package/express/theme-darkest.d.ts +1 -0
- package/express/theme-darkest.js +16 -0
- package/express/theme-darkest.js.map +1 -0
- package/express/theme-light.d.ts +1 -1
- package/express/theme-light.js +1 -0
- package/express/theme-light.js.map +1 -1
- package/express/theme-lightest.d.ts +1 -0
- package/express/theme-lightest.js +16 -0
- package/express/theme-lightest.js.map +1 -0
- package/package.json +7 -5
- package/scale-large.d.ts +1 -1
- package/scale-large.js +1 -0
- package/scale-large.js.map +1 -1
- package/scale-medium.d.ts +1 -1
- package/scale-medium.js +1 -0
- package/scale-medium.js.map +1 -1
- package/src/Theme.js +0 -2
- package/src/Theme.js.map +1 -1
- package/src/express/scale-large.css.js +6 -6
- package/src/express/scale-large.css.js.map +1 -1
- package/src/express/scale-medium.css.js +7 -5
- package/src/express/scale-medium.css.js.map +1 -1
- package/src/express/theme-dark.css.js +3 -3
- package/src/express/theme-dark.css.js.map +1 -1
- package/src/express/theme-light.css.js +4 -4
- package/src/express/theme-light.css.js.map +1 -1
- package/src/express/theme.css.js +92 -36
- package/src/express/theme.css.js.map +1 -1
- package/src/express/themes.d.ts +2 -1
- package/src/express/themes.js +2 -1
- package/src/express/themes.js.map +1 -1
- package/src/scale-large.css.js +1 -1
- package/src/scale-large.css.js.map +1 -1
- package/src/scale-medium.css.js +1 -1
- package/src/scale-medium.css.js.map +1 -1
- package/src/theme-dark.css.js +5 -5
- package/src/theme-dark.css.js.map +1 -1
- package/src/theme-darkest.css.js +5 -5
- package/src/theme-darkest.css.js.map +1 -1
- package/src/theme-light.css.js +6 -6
- package/src/theme-light.css.js.map +1 -1
- package/src/theme-lightest.css.js +5 -5
- package/src/theme-lightest.css.js.map +1 -1
- package/src/theme.css.js +19 -19
- package/src/theme.css.js.map +1 -1
- package/src/typography.css.js +2 -2
- package/src/typography.css.js.map +1 -1
- package/stories/theme.stories.js +27 -6
- package/stories/theme.stories.js.map +1 -1
- package/theme-dark.d.ts +1 -1
- package/theme-dark.js +1 -0
- package/theme-dark.js.map +1 -1
- package/theme-darkest.d.ts +1 -1
- package/theme-darkest.js +1 -0
- package/theme-darkest.js.map +1 -1
- package/theme-light.d.ts +1 -1
- package/theme-light.js +1 -0
- package/theme-light.js.map +1 -1
- package/theme-lightest.d.ts +1 -1
- package/theme-lightest.js +1 -0
- package/theme-lightest.js.map +1 -1
package/README.md
CHANGED
|
@@ -74,14 +74,13 @@ Once you've moved beyond the prototype phases of an application, it is likely th
|
|
|
74
74
|
* Power a site using
|
|
75
75
|
*
|
|
76
76
|
* <sp-theme
|
|
77
|
-
*
|
|
77
|
+
* theme="classic"
|
|
78
78
|
* color="darkest"
|
|
79
79
|
* scale="large"
|
|
80
80
|
* >
|
|
81
81
|
**/
|
|
82
82
|
import '@spectrum-web-components/theme/theme-darkest.js';
|
|
83
83
|
import '@spectrum-web-components/theme/scale-large.js';
|
|
84
|
-
import '@spectrum-web-components/theme/flavor-classic.js';
|
|
85
84
|
|
|
86
85
|
import '@spectrum-web-components/theme/sp-theme.js';
|
|
87
86
|
```
|
|
@@ -93,14 +92,13 @@ import '@spectrum-web-components/theme/sp-theme.js';
|
|
|
93
92
|
* Power a site using
|
|
94
93
|
*
|
|
95
94
|
* <sp-theme
|
|
96
|
-
*
|
|
95
|
+
* theme="express"
|
|
97
96
|
* color="light"
|
|
98
97
|
* scale="medium"
|
|
99
98
|
* >
|
|
100
99
|
**/
|
|
101
100
|
import '@spectrum-web-components/theme/express/theme-light.js';
|
|
102
101
|
import '@spectrum-web-components/theme/express/scale-medium.js';
|
|
103
|
-
import '@spectrum-web-components/theme/express/flavor-express.js';
|
|
104
102
|
|
|
105
103
|
import '@spectrum-web-components/theme/sp-theme.js';
|
|
106
104
|
```
|
|
@@ -144,7 +142,7 @@ The `<sp-theme>` element provides a language context for its descendents in the
|
|
|
144
142
|
margin-top: 2em;
|
|
145
143
|
}
|
|
146
144
|
</style>
|
|
147
|
-
<sp-theme
|
|
145
|
+
<sp-theme theme="express" color="light" scale="medium">
|
|
148
146
|
<hzn-app-stuff></hzn-app-stuff>
|
|
149
147
|
</sp-theme>
|
|
150
148
|
|
|
@@ -168,7 +166,7 @@ The `<sp-theme>` element provides a language context for its descendents in the
|
|
|
168
166
|
margin-top: 2em;
|
|
169
167
|
}
|
|
170
168
|
</style>
|
|
171
|
-
<sp-theme
|
|
169
|
+
<sp-theme theme="express" color="dark" scale="large">
|
|
172
170
|
<hzn-app-stuff></hzn-app-stuff>
|
|
173
171
|
</sp-theme>
|
|
174
172
|
|
package/core.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/core.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright 2020 Adobe. All rights reserved.
|
|
3
|
+
This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
+
of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
+
|
|
7
|
+
Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
+
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
+
OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
+
governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
import { Theme } from './src/Theme.js';
|
|
13
|
+
import coreStyles from './src/theme.css.js';
|
|
14
|
+
Theme.registerThemeFragment('spectrum', 'theme', coreStyles);
|
|
15
|
+
//# sourceMappingURL=core.js.map
|
package/core.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"core.js","sourceRoot":"","sources":["core.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAE5C,KAAK,CAAC,qBAAqB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC","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"]}
|