@skbkontur/react-ui 4.2.1 → 4.3.1

package/internal/ZIndex/ZIndex/ZIndex.js

@@ -9,6 +9,7 @@ import React from 'react';
 import { callChildRef } from "../../../lib/callChildRef/callChildRef";
 import { rootNode } from "../../../lib/rootNode";
 import { isBrowser } from "../../../lib/client";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { incrementZIndex, removeZIndex, upperBorder } from "../ZIndexStorage";
 var ZIndexContext = /*#__PURE__*/React.createContext({
   parentLayerZIndex: 0,
@@ -22,6 +23,7 @@ export var ZIndex = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
     var _this;
 
     _this = _React$Component.call(this, props) || this;
+    _this.getProps = createPropsGetter(ZIndex.defaultProps);
     _this.zIndex = 0;
 
     _this.wrapperRef = function (element) {
@@ -32,7 +34,7 @@ export var ZIndex = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       wrapperRef && callChildRef(wrapperRef, element);
     };
 
-    _this.zIndex = incrementZIndex(props.priority, props.delta);
+    _this.zIndex = incrementZIndex(_this.getProps().priority, _this.getProps().delta);
     return _this;
   }
 
@@ -45,16 +47,16 @@ export var ZIndex = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
   _proto.render = function render() {
     var _this2 = this;
 
-    var _this$props = this.props,
-        style = _this$props.style,
-        children = _this$props.children,
-        delta = _this$props.delta,
-        priority = _this$props.priority,
-        applyZIndex = _this$props.applyZIndex,
-        coverChildren = _this$props.coverChildren,
-        createStackingContext = _this$props.createStackingContext,
-        wrapperRef = _this$props.wrapperRef,
-        props = _objectWithoutPropertiesLoose(_this$props, _excluded);
+    var _this$getProps = this.getProps(),
+        style = _this$getProps.style,
+        children = _this$getProps.children,
+        delta = _this$getProps.delta,
+        priority = _this$getProps.priority,
+        applyZIndex = _this$getProps.applyZIndex,
+        coverChildren = _this$getProps.coverChildren,
+        createStackingContext = _this$getProps.createStackingContext,
+        wrapperRef = _this$getProps.wrapperRef,
+        props = _objectWithoutPropertiesLoose(_this$getProps, _excluded);
 
     var wrapperStyle = {};
     return /*#__PURE__*/React.createElement(ZIndexContext.Consumer, null, function (_ref) {
@@ -114,11 +116,11 @@ export var ZIndex = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
   createStackingContext: false
 }, _class2.propTypes = {
   delta: function delta(props) {
-    if (props.delta <= 0) {
+    if ((props.delta || _class2.defaultProps.delta) <= 0) {
       return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);
     }
 
-    if (Math.trunc(props.delta) !== props.delta) {
+    if (Math.trunc(props.delta || _class2.defaultProps.delta) !== props.delta) {
       return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);
     }
   }

package/internal/ZIndex/ZIndex/ZIndex.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ZIndex.tsx"],"names":["React","callChildRef","rootNode","isBrowser","incrementZIndex","removeZIndex","upperBorder","ZIndexContext","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","zIndex","wrapperRef","element","setRootNode","priority","delta","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","wrapperStyle","zIndexContexValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","allowedValuesIntervalLength","scale","Math","ceil","Component","__KONTUR_REACT_UI__","defaultProps","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isBrowser } from '../../lib/client';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta: number;\n  priority: number | LayerComponentName;\n  style: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n\n  public static defaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n  };\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if (props.delta <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private zIndex = 0;\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.zIndex = incrementZIndex(props.priority, props.delta);\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      ...props\n    } = this.props;\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContexValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContexValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser && 'isolation' in document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          return (\n            <ZIndexContext.Provider value={zIndexContexValue}>\n              <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...props}>\n                {children}\n              </div>\n            </ZIndexContext.Provider>\n          );\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n}\n"]}
+{"version":3,"sources":["ZIndex.tsx"],"names":["React","callChildRef","rootNode","isBrowser","createPropsGetter","incrementZIndex","removeZIndex","upperBorder","ZIndexContext","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","getProps","defaultProps","zIndex","wrapperRef","element","setRootNode","priority","delta","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","wrapperStyle","zIndexContexValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","allowedValuesIntervalLength","scale","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"iYAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,qCAA7B;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,eAAT,EAA0BC,YAA1B,EAAwCC,WAAxC,QAA+E,iBAA/E;;AAEA,IAAMC,aAAa,gBAAGR,KAAK,CAACS,aAAN,CAAoB,EAAEC,iBAAiB,EAAE,CAArB,EAAwBC,SAAS,EAAEC,QAAnC,EAApB,CAAtB;;AAEAJ,aAAa,CAACK,WAAd,GAA4B,eAA5B;;;;;;;;;;;;;;;;;;;;;AAqBA,WAAaC,MAAb,GADCZ,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BE,kBAAYa,KAAZ,EAAgC;AAC9B,wCAAMA,KAAN,UAD8B,MAjBxBC,QAiBwB,GAjBbZ,iBAAiB,CAACU,MAAM,CAACG,YAAR,CAiBJ,OAJxBC,MAIwB,GAJf,CAIe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDxBC,IAAAA,UAxDwB,GAwDX,UAACC,OAAD,EAAoC;AACvD,UAAQD,UAAR,GAAuB,MAAKJ,KAA5B,CAAQI,UAAR;AACA,YAAKE,WAAL,CAAiBD,OAAjB;AACAD,MAAAA,UAAU,IAAIlB,YAAY,CAACkB,UAAD,EAAaC,OAAb,CAA1B;AACD,KA5D+B,CAE9B,MAAKF,MAAL,GAAcb,eAAe,CAAC,MAAKW,QAAL,GAAgBM,QAAjB,EAA2B,MAAKN,QAAL,GAAgBO,KAA3C,CAA7B,CAF8B,aAG/B,CAhCH,qCAkCSC,oBAlCT,GAkCE,gCAA8B,CAC5BlB,YAAY,CAAC,KAAKY,MAAN,CAAZ,CACD,CApCH,QAsCSO,MAtCT,GAsCE,kBAAgB,mBACd,qBAUI,KAAKT,QAAL,EAVJ,CACEU,KADF,kBACEA,KADF,CAEEC,QAFF,kBAEEA,QAFF,CAGEJ,KAHF,kBAGEA,KAHF,CAIED,QAJF,kBAIEA,QAJF,CAKEM,WALF,kBAKEA,WALF,CAMEC,aANF,kBAMEA,aANF,CAOEC,qBAPF,kBAOEA,qBAPF,CAQEX,UARF,kBAQEA,UARF,CASKJ,KATL,4DAYA,IAAMgB,YAAiC,GAAG,EAA1C,CAEA,oBACE,oBAAC,aAAD,CAAe,QAAf,QACG,gBAAsC,KAAnCrB,iBAAmC,QAAnCA,iBAAmC,CAAhBC,SAAgB,QAAhBA,SAAgB,CACrC,IAAIqB,iBAAiB,GAAG,EAAEtB,iBAAiB,EAAjBA,iBAAF,EAAqBC,SAAS,EAATA,SAArB,EAAxB,CAEA,IAAIiB,WAAJ,EAAiB,CACf,IAAMK,SAAS,GAAG,MAAI,CAACC,UAAL,CAAgBxB,iBAAhB,EAAmCC,SAAnC,CAAlB,CACAoB,YAAY,CAACb,MAAb,GAAsBe,SAAtB,CAEAD,iBAAiB,GAAGH,aAAa,GAC7B,EAAEnB,iBAAiB,EAAjBA,iBAAF,EAAqBC,SAAS,EAAEsB,SAAhC,EAD6B,GAE7B,EAAEvB,iBAAiB,EAAEuB,SAArB,EAAgCtB,SAAS,EAAEwB,MAAM,CAACC,QAAP,CAAgBzB,SAAhB,IAA6BsB,SAA7B,GAAyCrB,QAApF,EAFJ,CAIA,IAAIkB,qBAAJ,EAA2B,CACzB3B,SAAS,IAAI,eAAekC,QAAQ,CAACC,IAAT,CAAcZ,KAA1C,GACKK,YAAY,CAACQ,SAAb,GAAyB,SAD9B,GAEKR,YAAY,CAACS,SAAb,GAAyB,WAF9B,CAGD,CACF,CAED,oBACE,oBAAC,aAAD,CAAe,QAAf,IAAwB,KAAK,EAAER,iBAA/B,iBACE,sCAAK,KAAK,eAAON,KAAP,EAAiBK,YAAjB,CAAV,EAA2C,GAAG,EAAE,MAAI,CAACZ,UAArD,IAAqEJ,KAArE,GACGY,QADH,CADF,CADF,CAOD,CA1BH,CADF,CA8BD,CAnFH;;AA2FUO,EAAAA,UA3FV,GA2FE,oBAAmBxB,iBAAnB,EAA8CC,SAA9C,EAAiE;AAC/D,QAAIsB,SAAS,GAAG,KAAKf,MAArB;;AAEA,QAAIiB,MAAM,CAACC,QAAP,CAAgBzB,SAAhB,CAAJ,EAAgC;AAC9B,UAAM8B,2BAA2B,GAAG9B,SAAS,GAAGD,iBAAhD;AACA,UAAMgC,KAAK,GAAGnC,WAAW,GAAGkC,2BAA5B;AACAR,MAAAA,SAAS,GAAGU,IAAI,CAACC,IAAL,CAAUX,SAAS,GAAGS,KAAtB,CAAZ;AACD;;AAEDT,IAAAA,SAAS,IAAIvB,iBAAb;;AAEA,WAAOuB,SAAP;AACD,GAvGH,iBAA4BjC,KAAK,CAAC6C,SAAlC,WACgBC,mBADhB,GACsC,QADtC,UAGgB7B,YAHhB,GAG6C,EACzCM,KAAK,EAAE,EADkC,EAEzCD,QAAQ,EAAE,CAF+B,EAGzCI,KAAK,EAAE,EAHkC,EAIzCE,WAAW,EAAE,IAJ4B,EAKzCC,aAAa,EAAE,KAL0B,EAMzCC,qBAAqB,EAAE,KANkB,EAH7C,UAcgBiB,SAdhB,GAc4B,EACxBxB,KADwB,iBAClBR,KADkB,EACE,CACxB,IAAI,CAACA,KAAK,CAACQ,KAAN,IAAeT,OAAM,CAACG,YAAP,CAAoBM,KAApC,KAA8C,CAAlD,EAAqD,CACnD,OAAO,IAAIyB,KAAJ,8DAAqEjC,KAAK,CAACQ,KAA3E,CAAP,CACD,CACD,IAAIoB,IAAI,CAACM,KAAL,CAAWlC,KAAK,CAACQ,KAAN,IAAeT,OAAM,CAACG,YAAP,CAAoBM,KAA9C,MAAyDR,KAAK,CAACQ,KAAnE,EAA0E,CACxE,OAAO,IAAIyB,KAAJ,uDAA8DjC,KAAK,CAACQ,KAApE,CAAP,CACD,CACF,CARuB,EAd5B","sourcesContent":["import React from 'react';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isBrowser } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n}\n\ntype DefaultProps = Required<\n  Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext'>\n>;\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private zIndex = 0;\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.zIndex = incrementZIndex(this.getProps().priority, this.getProps().delta);\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      ...props\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContexValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContexValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser && 'isolation' in document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          return (\n            <ZIndexContext.Provider value={zIndexContexValue}>\n              <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...props}>\n                {children}\n              </div>\n            </ZIndexContext.Provider>\n          );\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n}\n"]}

package/internal/ZIndex/ZIndex.d.ts

@@ -4,25 +4,20 @@ export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Приращение к z-index
      */
-    delta: number;
-    priority: number | LayerComponentName;
-    style: React.CSSProperties;
+    delta?: number;
+    priority?: number | LayerComponentName;
+    style?: React.CSSProperties;
     createStackingContext?: boolean;
     coverChildren?: boolean;
     applyZIndex?: boolean;
     className?: string;
     wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;
 }
+declare type DefaultProps = Required<Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext'>>;
 export declare class ZIndex extends React.Component<ZIndexProps> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        delta: number;
-        priority: number;
-        style: {};
-        applyZIndex: boolean;
-        coverChildren: boolean;
-        createStackingContext: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     static propTypes: {
         delta(props: ZIndexProps): Error | undefined;
     };
@@ -34,3 +29,4 @@ export declare class ZIndex extends React.Component<ZIndexProps> {
     private wrapperRef;
     private calcZIndex;
 }
+export {};

package/internal/themes/DefaultTheme/DefaultTheme.js

@@ -1823,7 +1823,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
 
   return DefaultTheme;
 }();
-DefaultTheme.fontFamilyCompensationBaseline = '0';
+DefaultTheme.fontFamilyCompensationBaseline = '0px';
 DefaultTheme.labGrotesqueBaselineCompensation = '1';
 DefaultTheme.brandXLight = '#cae5f5';
 DefaultTheme.brandLight = '#3094d0';
@@ -2163,7 +2163,7 @@ DefaultTheme.pickerTodayWrapperPaddingBottom = '6px';
 DefaultTheme.pagingForwardIconMarginTop = '1px';
 DefaultTheme.pagingPageLinkPaddingX = '0.625em';
 DefaultTheme.pagingPageLinkPaddingY = '0.3125em';
-DefaultTheme.pagingPageLinkLegacyPaddingY = '0';
+DefaultTheme.pagingPageLinkLegacyPaddingY = '0px';
 DefaultTheme.pagingPageLinkMinWidth = '0.75em';
 DefaultTheme.pagingPageForwardLinkMarginTop = '0.35em';
 DefaultTheme.pagingPageForwardLinkMarginLeft = '10px';
@@ -2202,7 +2202,7 @@ DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';
 DefaultTheme.menuBorder = 'none';
 DefaultTheme.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';
 DefaultTheme.menuPaddingY = '4px';
-DefaultTheme.menuPaddingX = '0';
+DefaultTheme.menuPaddingX = '0px';
 DefaultTheme.menuItemIconWidth = '16px';
 DefaultTheme.menuItemIconGap = '4px';
 DefaultTheme.menuItemIconLegacyMargin = '0px';
@@ -2245,7 +2245,7 @@ DefaultTheme.popupBorderRadius = '2px';
 DefaultTheme.popupBorderColor = 'transparent';
 DefaultTheme.popupDropShadow = 'drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16))';
 DefaultTheme.popupBoxShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';
-DefaultTheme.popupPinOffset = '0';
+DefaultTheme.popupPinOffset = '0px';
 DefaultTheme.popupPinOffsetX = '16px';
 DefaultTheme.popupPinOffsetY = '16px';
 DefaultTheme.popupMargin = '10px';
@@ -2326,8 +2326,8 @@ DefaultTheme.passwordInputVisibilityIconHoverOpacity = '1';
 DefaultTheme.globalLoaderHeight = '4px';
 DefaultTheme.globalLoaderWidth = '100%';
 DefaultTheme.globalLoaderPosition = 'fixed';
-DefaultTheme.globalLoaderTop = '0';
-DefaultTheme.globalLoaderLeft = '0';
+DefaultTheme.globalLoaderTop = '0px';
+DefaultTheme.globalLoaderLeft = '0px';
 DefaultTheme.globalLoaderBottom = 'auto';
 DefaultTheme.globalLoaderRight = 'auto';
 DefaultTheme.globalLoaderBackgroundColor = 'transparent';