@momentum-design/components 0.28.1 → 0.28.2
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/dist/browser/index.js +12 -0
- package/dist/browser/index.js.map +2 -2
- package/dist/components/themeprovider/themeprovider.component.d.ts +8 -0
- package/dist/components/themeprovider/themeprovider.component.js +8 -0
- package/dist/components/themeprovider/themeprovider.styles.js +12 -0
- package/dist/custom-elements.json +21 -1
- package/dist/react/themeprovider/index.d.ts +8 -0
- package/dist/react/themeprovider/index.js +8 -0
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -24,6 +24,12 @@
|
|
|
24
24
|
/* Adjusting font feature settings for accessibility reasons */
|
|
25
25
|
--mdc-themeprovider-font-feature-settings: "ss02" on;
|
|
26
26
|
|
|
27
|
+
/* Custom scrollbar variables */
|
|
28
|
+
--mdc-themeprovider-scrollbar-track-color: var(--mds-color-theme-background-secondary-normal);
|
|
29
|
+
--mdc-themeprovider-scrollbar-thumb-color: var(--mds-color-theme-scrollbar-button-normal);
|
|
30
|
+
--mdc-themeprovider-scrollbar-thumb-hover-color: var(--mds-color-theme-scrollbar-button-hover);
|
|
31
|
+
--mdc-themeprovider-scrollbar-thumb-active-color: var(--mds-color-theme-scrollbar-button-pressed);
|
|
32
|
+
|
|
27
33
|
color: var(--mdc-themeprovider-color-default);
|
|
28
34
|
font-family: var(--mdc-themeprovider-font-family);
|
|
29
35
|
font-weight: var(--mdc-themeprovider-font-weight);
|
|
@@ -31,6 +37,12 @@
|
|
|
31
37
|
|
|
32
38
|
font-feature-settings: var(--mdc-themeprovider-font-feature-settings);
|
|
33
39
|
}
|
|
40
|
+
|
|
41
|
+
/** Scrollbar Theme for Chrome, Edge, and Firefox. This has limited support on other browsers.
|
|
42
|
+
https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color for more details */
|
|
43
|
+
* {
|
|
44
|
+
scrollbar-color: var(--mdc-themeprovider-scrollbar-thumb-color) var(--mdc-themeprovider-scrollbar-track-color);
|
|
45
|
+
}
|
|
34
46
|
`,Hi=[na];var xt=class extends yt{constructor(){super({context:Ar.context,initialValue:new Ar(co.THEMECLASS)});this.themeclass=co.THEMECLASS}static get Context(){return Ar.context}updated(e){super.updated(e),e.has("themeclass")&&(this.setThemeInClassList(),this.currentThemeClass=this.themeclass)}updateContext(){this.context.value.themeclass!==this.themeclass&&(this.context.value.themeclass=this.themeclass,this.context.updateObservers())}setThemeInClassList(){this.currentThemeClass&&this.classList.remove(...this.currentThemeClass.split(" ")),this.themeclass&&this.classList.add(...this.themeclass.split(" "))}};xt.styles=[...yt.styles,...Hi],c([Y()],xt.prototype,"currentThemeClass",2),c([d({type:String})],xt.prototype,"themeclass",2);var yo=xt;yo.register(pr);var sa=yo;var C=g`
|
|
35
47
|
:host {
|
|
36
48
|
align-items: center;
|