@momentum-ui/web-components 3.0.0 → 3.0.1

package/dist/managers/thememanager-entry.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("mobx"));else if("function"==typeof define&&define.amd)define(["mobx"],t);else{var a="object"==typeof exports?t(require("mobx")):t(e.mobx);for(var o in a)("object"==typeof exports?exports:e)[o]=a[o]}}(self,e=>(()=>{"use strict";var t={85314:t=>{t.exports=e}},a={};function o(e){var r=a[e];if(void 0!==r)return r.exports;var n=a[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};o.r(r),o.d(r,{ThemeManager:()=>i,registerThemeManagerGlobally:()=>d,themeManager:()=>s});var n=o(85314);class i{get isMomentumV2Enabled(){return"momentumV2"===this.themeName}constructor(e){this.isDarkMode=!1,this.themeName="lumos",this.isVisualRebrandEnabled=!1,this.isMomentumAvatarEnabled=!1,(0,n.makeObservable)(this,{isDarkMode:n.observable,themeName:n.observable,isVisualRebrandEnabled:n.observable,isMomentumAvatarEnabled:n.observable,isMomentumV2Enabled:n.computed,setDarkMode:n.action,setThemeName:n.action,setVisualRebrandEnabled:n.action,setMomentumAvatar:n.action,update:n.action}),e&&this.update(e)}update(e){void 0!==e.isDarkMode&&(this.isDarkMode=e.isDarkMode),void 0!==e.themeName&&(this.themeName=e.themeName),void 0!==e.isVisualRebrandEnabled&&(this.isVisualRebrandEnabled=e.isVisualRebrandEnabled),void 0!==e.isMomentumAvatarEnabled&&(this.isMomentumAvatarEnabled=e.isMomentumAvatarEnabled)}setDarkMode(e){this.isDarkMode=e}setThemeName(e){this.themeName=e}setVisualRebrandEnabled(e){this.isVisualRebrandEnabled=e}setMomentumAvatar(e){this.isMomentumAvatarEnabled=e}}const s=new i;function d(e="MomentumUIThemeManager",t=s){"undefined"!=typeof globalThis&&(globalThis[e]=t),"undefined"!=typeof window&&(window[e]=t),void 0!==o.g&&(o.g[e]=t)}return r})());
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("mobx"));else if("function"==typeof define&&define.amd)define(["mobx"],t);else{var o="object"==typeof exports?t(require("mobx")):t(e.mobx);for(var a in o)("object"==typeof exports?exports:e)[a]=o[a]}}(self,e=>(()=>{"use strict";var t={85314(t){t.exports=e}},o={};function a(e){var r=o[e];if(void 0!==r)return r.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};a.r(r),a.d(r,{ThemeManager:()=>i,registerThemeManagerGlobally:()=>d,themeManager:()=>s});var n=a(85314);class i{get isMomentumV2Enabled(){return"momentumV2"===this.themeName}constructor(e){this.isDarkMode=!1,this.themeName="lumos",this.backgroundMode="DEFAULT",this.isVisualRebrandEnabled=!1,this.isMomentumAvatarEnabled=!1,(0,n.makeObservable)(this,{isDarkMode:n.observable,themeName:n.observable,backgroundMode:n.observable,isVisualRebrandEnabled:n.observable,isMomentumAvatarEnabled:n.observable,isMomentumV2Enabled:n.computed,setDarkMode:n.action,setThemeName:n.action,setBackgroundMode:n.action,setVisualRebrandEnabled:n.action,setMomentumAvatar:n.action,update:n.action}),e&&this.update(e)}update(e){void 0!==e.isDarkMode&&(this.isDarkMode=e.isDarkMode),void 0!==e.themeName&&(this.themeName=e.themeName),void 0!==e.backgroundMode&&(this.backgroundMode=e.backgroundMode),void 0!==e.isVisualRebrandEnabled&&(this.isVisualRebrandEnabled=e.isVisualRebrandEnabled),void 0!==e.isMomentumAvatarEnabled&&(this.isMomentumAvatarEnabled=e.isMomentumAvatarEnabled)}setDarkMode(e){this.isDarkMode=e}setThemeName(e){this.themeName=e}setBackgroundMode(e){this.backgroundMode=e}setVisualRebrandEnabled(e){this.isVisualRebrandEnabled=e}setMomentumAvatar(e){this.isMomentumAvatarEnabled=e}}const s=new i;function d(e="MomentumUIThemeManager",t=s){"undefined"!=typeof globalThis&&(globalThis[e]=t),"undefined"!=typeof window&&(window[e]=t),void 0!==a.g&&(a.g[e]=t)}return r})());

package/dist/types/components/theme/Theme.d.ts

@@ -27,6 +27,8 @@ declare global {
 }
 export type ThemeName = "momentum" | "lumos" | "momentumV2";
 export declare const ThemeNameValues: ThemeName[];
+export declare const BackgroundModeValues: string[];
+export type BackgroundMode = (typeof BackgroundModeValues)[number];
 export declare namespace Theme {
     type Attributes = {
         darkTheme: boolean;

package/dist/types/managers/ThemeManager.d.ts

@@ -1,4 +1,4 @@
-import { ThemeName } from "@/components/theme/Theme";
+import { ThemeName, BackgroundMode } from "@/components/theme/Theme";
 /**
  * ThemeManager is a class that manages the global theme state.
  * It provides observable properties that can be observed by other classes
@@ -14,6 +14,10 @@ declare class ThemeManager {
      * Observable property to store the current theme name
      */
     themeName: ThemeName;
+    /**
+     * Observable property to store the current background mode
+     */
+    backgroundMode: BackgroundMode;
     /**
      * Observable property to indicate if visual rebrand is enabled
      * Will be used to allow users to toggle to updated visuals
@@ -47,6 +51,11 @@ declare class ThemeManager {
      * @param {ThemeName} value - The new theme name.
      */
     setThemeName(value: ThemeName): void;
+    /**
+     * Action to set the theme name.
+     * @param {ThemeName} value - The new theme name.
+     */
+    setBackgroundMode(value: BackgroundMode): void;
     /**
      * Action to enable or disable the visual rebrand.
      * @param {boolean} value - The new value for visual rebrand.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -14,6 +14,7 @@
     "@interactjs/interact": "1.10.3",
     "@interactjs/modifiers": "1.10.3",
     "@interactjs/utils": "1.10.3",
+    "@lit-labs/virtualizer": "2.1.0",
     "@momentum-design/icons": "0.40.0",
     "@popperjs/core": "^2.11.8",
     "country-codes-list": "1.6.8",
@@ -22,7 +23,6 @@
     "highlight.js": "^10.5.0",
     "json": "^11.0.0",
     "libphonenumber-js": "^1.7.57",
-    "@lit-labs/virtualizer": "2.1.0",
     "luxon": "^3.6.1",
     "papaparse": "^5.5.2",
     "sortablejs": "^1.15.6"