@e1011/es-kit 1.0.82 → 1.0.84
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/hooks/esm/index.css +69 -69
- package/dist/hooks/index.css +69 -69
- package/dist/lib/cjs/src/core/ui/components/icon/IconWC.js +1 -1
- package/dist/lib/cjs/src/core/ui/components/icon/IconWC.js.map +1 -1
- package/dist/lib/cjs/src/index.js +1 -1
- package/dist/lib/esm/src/core/ui/components/icon/IconWC.js +1 -1
- package/dist/lib/esm/src/core/ui/components/icon/IconWC.js.map +1 -1
- package/dist/lib/esm/src/index.js +1 -1
- package/dist/lib/src/core/ui/components/icon/IconWC.js +8 -8
- package/dist/lib/src/core/ui/components/icon/IconWC.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/core/ui/components/container/Flex.d.ts +6 -6
- package/dist/types/src/core/ui/components/icon/IconWC.d.ts +3 -3
- package/dist/ui/esm/src/core/ui/components/icon/IconWC.js +1 -1
- package/dist/ui/esm/src/core/ui/components/icon/IconWC.js.map +1 -1
- package/dist/ui/esm/src/core/ui/index.js +1 -1
- package/dist/ui/src/core/ui/components/icon/IconWC.js +1 -1
- package/dist/ui/src/core/ui/components/icon/IconWC.js.map +1 -1
- package/dist/ui/src/core/ui/index.js +1 -1
- package/dist/utils/esm/index.css +69 -69
- package/dist/utils/index.css +69 -69
- package/package.json +1 -1
|
@@ -26,7 +26,7 @@ export declare const Flex: import("react").MemoExoticComponent<import("styled-co
|
|
|
26
26
|
export declare const FlexWrapper: import("react").MemoExoticComponent<import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("styled-components").StyledComponent<"div", any, FlexProps, never>>, any, {
|
|
27
27
|
flex?: string | undefined;
|
|
28
28
|
flexGrow?: string | number | undefined;
|
|
29
|
-
alignText?: "center" | "
|
|
29
|
+
alignText?: "center" | "right" | "left" | undefined;
|
|
30
30
|
direction?: string | undefined;
|
|
31
31
|
flexShrink?: string | number | undefined;
|
|
32
32
|
flexBasis?: string | undefined;
|
|
@@ -45,11 +45,11 @@ export declare const FlexWrapper: import("react").MemoExoticComponent<import("st
|
|
|
45
45
|
gap?: string | undefined;
|
|
46
46
|
css?: string | undefined;
|
|
47
47
|
borderRadius?: string | undefined;
|
|
48
|
-
}, "
|
|
48
|
+
}, "width" | "height" | "align" | "justify" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "alignSelf" | "margin" | "padding" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
|
|
49
49
|
export declare const FlexTight: import("react").MemoExoticComponent<import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("styled-components").StyledComponent<"div", any, FlexProps, never>>, any, {
|
|
50
50
|
flex?: string | undefined;
|
|
51
51
|
flexGrow?: string | number | undefined;
|
|
52
|
-
alignText?: "center" | "
|
|
52
|
+
alignText?: "center" | "right" | "left" | undefined;
|
|
53
53
|
direction?: string | undefined;
|
|
54
54
|
flexShrink?: string | number | undefined;
|
|
55
55
|
flexBasis?: string | undefined;
|
|
@@ -68,11 +68,11 @@ export declare const FlexTight: import("react").MemoExoticComponent<import("styl
|
|
|
68
68
|
gap?: string | undefined;
|
|
69
69
|
css?: string | undefined;
|
|
70
70
|
borderRadius?: string | undefined;
|
|
71
|
-
}, "
|
|
71
|
+
}, "width" | "height" | "align" | "justify" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "alignSelf" | "margin" | "padding" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
|
|
72
72
|
export declare const FlexTightStyled: import("react").MemoExoticComponent<import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("styled-components").StyledComponent<"div", any, FlexProps, never>>, any, {
|
|
73
73
|
flex?: string | undefined;
|
|
74
74
|
flexGrow?: string | number | undefined;
|
|
75
|
-
alignText?: "center" | "
|
|
75
|
+
alignText?: "center" | "right" | "left" | undefined;
|
|
76
76
|
direction?: string | undefined;
|
|
77
77
|
flexShrink?: string | number | undefined;
|
|
78
78
|
flexBasis?: string | undefined;
|
|
@@ -96,5 +96,5 @@ export declare const FlexTightStyled: import("react").MemoExoticComponent<import
|
|
|
96
96
|
padding: string;
|
|
97
97
|
border: string;
|
|
98
98
|
};
|
|
99
|
-
}, "
|
|
99
|
+
}, "width" | "height" | "style" | "align" | "justify" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "alignSelf" | "margin" | "padding" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
|
|
100
100
|
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -9,7 +9,7 @@ export type IconBaseWCType = {
|
|
|
9
9
|
color?: string;
|
|
10
10
|
className?: string;
|
|
11
11
|
};
|
|
12
|
-
export declare class
|
|
12
|
+
export declare class IconWC extends HTMLElement {
|
|
13
13
|
content: string | null;
|
|
14
14
|
mainElement: HTMLElement;
|
|
15
15
|
iconUrl?: string | null;
|
|
@@ -32,7 +32,7 @@ declare global {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
export declare const
|
|
36
|
-
|
|
35
|
+
export declare const IconWCBase: {
|
|
36
|
+
IconWC: typeof IconWC;
|
|
37
37
|
};
|
|
38
38
|
//# sourceMappingURL=IconWC.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as e,createSuper as t,createClass as i,classCallCheck as n,objectSpread2 as s,slicedToArray as o,wrapNativeSuper as
|
|
1
|
+
import{inherits as e,createSuper as t,createClass as i,classCallCheck as n,objectSpread2 as s,slicedToArray as o,wrapNativeSuper as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import"../../../../../node_modules/core-js/modules/es.array.map.js";import"../../../../../node_modules/core-js/modules/es.object.entries.js";import{ced as a,resolveAttributes as c}from"../../../utils/webComponents/webComponent.utils.js";import l from"./icon.module.scss.js";var m,h=document.createElement("template");h.innerHTML='<span class="icon-base"></span>';var d=a("icon-base")(m=function(r){e(m,r);var a=t(m);function m(){var e;n(this,m);for(var t=arguments.length,i=new Array(t),r=0;r<t;r++)i[r]=arguments[r];return(e=a.call.apply(a,[this].concat(i))).content=void 0,e.mainElement=void 0,e.iconUrl=void 0,e.minWidth=void 0,e.minHeight=void 0,e.width=void 0,e.height=void 0,e.size=void 0,e.fontSize=void 0,e.color=void 0,e.render=function(){if(e.mainElement=e.mainElement||e.querySelector(".icon-base"),e.mainElement){e.classList.add(l["icon-base-parent"]),e.mainElement.classList.add(l["icon-base"]);var t=s(s(s({"--min-width":e.minWidth||e.size||e.width||"auto","--min-height":e.minHeight||e.size||e.height||"auto","--width":e.size||e.width,"--height":e.size||e.height},e.fontSize?{"font-size":e.fontSize||"unset"}:{}),e.iconUrl?{"--icon-url":"url(".concat(e.iconUrl,")")}:{}),e.iconUrl?{"--icon-color":e.color}:{"--icon-content-color":e.color});e.mainElement.innerHTML=e.iconUrl?"":e.content||"",e.mainElement.setAttribute("style",Object.entries(t).map((function(e){var t=o(e,2),i=t[0],n=t[1];return"".concat(i,": ").concat(n,";")})).join(" "))}},e}return i(m,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=h.innerHTML,c(this,m.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){"className"===e&&(this.className=i||"",this.className&&(this.classList.remove(this.className),this.classList.add(this.className))),this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),m}(r(HTMLElement)))||m,u={IconWC:d};export{d as IconWC,u as IconWCBase};
|
|
2
2
|
//# sourceMappingURL=IconWC.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class
|
|
1
|
+
{"version":3,"file":"IconWC.js","sources":["../../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class IconWC extends HTMLElement {\n content: string | null\n\n mainElement: HTMLElement\n\n iconUrl?: string | null\n\n minWidth?: string | null\n\n minHeight?: string | null\n\n width?: string | null\n\n height?: string | null\n\n size?: string | null\n\n fontSize?: string | null\n\n color?: string | null\n\n static get observedAttributes() {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback() {\n if (this.innerHTML) {\n this.content = this.content || this.innerHTML || this.getAttribute('content')\n }\n\n this.innerHTML = template.innerHTML\n\n resolveAttributes(this, IconWC.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n if (attrName === 'className') {\n this.className = (newVal as string) || ''\n if (this.className) {\n this.classList.remove(this.className)\n this.classList.add(this.className)\n }\n }\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this[attrName] = newVal\n this.render()\n }\n\n render = () => {\n this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n if (!this.mainElement) {\n return\n }\n this.classList.add(classes['icon-base-parent'])\n this.mainElement.classList.add(classes['icon-base'])\n\n const styles = {\n '--min-width': this.minWidth || this.size || this.width || 'auto',\n '--min-height': this.minHeight || this.size || this.height || 'auto',\n '--width': this.size || this.width,\n '--height': this.size || this.height,\n ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n }\n\n this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'icon-base': any\n }\n }\n}\n\nexport const IconWCBase = {\n IconWC,\n}\n"],"names":["template","document","createElement","innerHTML","IconWC","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","_objectSpread","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","getAttribute","resolveAttributes","observedAttributes","attrName","oldVal","newVal","className","remove","get","_wrapNativeSuper","HTMLElement","IconWCBase"],"mappings":"giBAMMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAI,YAAYC,CAAAC,WAAAC,GAAAC,EAAAL,EAAAI,GAAA,IAAAE,EAAAC,EAAAP,GAAA,SAAAA,IAAA,IAAAQ,EAAAC,OAAAT,GAAA,IAAA,IAAAU,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAyEd,OAzEcP,EAAAF,EAAAU,KAAAC,MAAAX,EAAA,CAAAY,MAAAC,OAAAN,KAEfO,aAAO,EAAAZ,EAEPa,iBAAW,EAAAb,EAEXc,aAAO,EAAAd,EAEPe,cAAQ,EAAAf,EAERgB,eAAS,EAAAhB,EAETiB,WAAK,EAAAjB,EAELkB,YAAM,EAAAlB,EAENmB,UAAI,EAAAnB,EAEJoB,cAAQ,EAAApB,EAERqB,WAAK,EAAArB,EAgCLsB,OAAS,WAEP,GADAtB,EAAKa,YAAcb,EAAKa,aAAeb,EAAKuB,cAAc,cACrDvB,EAAKa,YAAV,CAGAb,EAAKwB,UAAUC,IAAIC,EAAQ,qBAC3B1B,EAAKa,YAAYW,UAAUC,IAAIC,EAAQ,cAEvC,IAAMC,EAAMC,EAAAA,EAAAA,EAAA,CACV,cAAe5B,EAAKe,UAAYf,EAAKmB,MAAQnB,EAAKiB,OAAS,OAC3D,eAAgBjB,EAAKgB,WAAahB,EAAKmB,MAAQnB,EAAKkB,QAAU,OAC9D,UAAWlB,EAAKmB,MAAQnB,EAAKiB,MAC7B,WAAYjB,EAAKmB,MAAQnB,EAAKkB,QAC1BlB,EAAKoB,SAAW,CAAE,YAAapB,EAAKoB,UAAY,SAAY,CAAE,GAC9DpB,EAAKc,QAAU,CAAE,aAAYH,OAAAA,OAASX,EAAKc,QAAO,MAAQ,CAAE,GAC5Dd,EAAKc,QAAU,CAAE,eAAgBd,EAAKqB,OAAU,CAAE,uBAAwBrB,EAAKqB,QAGrFrB,EAAKa,YAAYtB,UAAYS,EAAKc,QAAU,GAAMd,EAAKY,SAAW,GAElEZ,EAAKa,YAAYgB,aAAa,QAASC,OAAOC,QAAQJ,GAAQK,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAF,EAAA,GAAEG,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAAA,MAAA,GAAAvB,OAASyB,EAAGzB,MAAAA,OAAK0B,EAAK,IAAA,IAAKC,KAAK,KAhB9G,GAiBDtC,CAAA,CAjDA,OAiDAuC,EAAA/C,EAAA,CAAA,CAAA4C,IAAA,oBAAAC,MA/CD,WACM3B,KAAKnB,YACPmB,KAAKE,QAAUF,KAAKE,SAAWF,KAAKnB,WAAamB,KAAK8B,aAAa,YAGrE9B,KAAKnB,UAAYH,EAASG,UAE1BkD,EAAkB/B,KAAMlB,EAAOkD,oBAE/BhC,KAAKY,QACP,GAAC,CAAAc,IAAA,2BAAAC,MAED,SAAyBM,EAAkBC,EAAgCC,GACxD,cAAbF,IACFjC,KAAKoC,UAAaD,GAAqB,GACnCnC,KAAKoC,YACPpC,KAAKc,UAAUuB,OAAOrC,KAAKoC,WAC3BpC,KAAKc,UAAUC,IAAIf,KAAKoC,aAK5BpC,KAAKiC,GAAYE,EACjBnC,KAAKY,QACP,IAAC,CAAA,CAAAc,IAAA,qBAAAY,IA5BD,WACE,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,KAACxD,CAAA,EAAAyD,EAvByBC,gBAAWvD,EAoF1BwD,EAAa,CACxB3D,OAAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{FBox}from"./components/container/FBox.js";export{Flex,FlexTight,FlexTightStyled,FlexWrapper}from"./components/container/Flex.js";export{Placeholder}from"./components/container/Placeholder.js";export{ContainerS}from"./components/container/CollapsibleContainerS.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{Field,FieldWrapper,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{
|
|
1
|
+
export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{FBox}from"./components/container/FBox.js";export{Flex,FlexTight,FlexTightStyled,FlexWrapper}from"./components/container/Flex.js";export{Placeholder}from"./components/container/Placeholder.js";export{ContainerS}from"./components/container/CollapsibleContainerS.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{Field,FieldWrapper,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{IconWC,IconWCBase}from"./components/icon/IconWC.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js"),require("../../../../../node_modules/core-js/modules/es.array.map.js"),require("../../../../../node_modules/core-js/modules/es.object.entries.js");var t,i=require("../../../utils/webComponents/webComponent.utils.js"),n=require("./icon.module.scss.js"),s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';var o=i.ced("icon-base")(t=function(t){e.inherits(r,t);var o=e.createSuper(r);function r(){var t;e.classCallCheck(this,r);for(var i=arguments.length,s=new Array(i),a=0;a<i;a++)s[a]=arguments[a];return(t=o.call.apply(o,[this].concat(s))).content=void 0,t.mainElement=void 0,t.iconUrl=void 0,t.minWidth=void 0,t.minHeight=void 0,t.width=void 0,t.height=void 0,t.size=void 0,t.fontSize=void 0,t.color=void 0,t.render=function(){if(t.mainElement=t.mainElement||t.querySelector(".icon-base"),t.mainElement){t.classList.add(n.default["icon-base-parent"]),t.mainElement.classList.add(n.default["icon-base"]);var i=e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":t.minWidth||t.size||t.width||"auto","--min-height":t.minHeight||t.size||t.height||"auto","--width":t.size||t.width,"--height":t.size||t.height},t.fontSize?{"font-size":t.fontSize||"unset"}:{}),t.iconUrl?{"--icon-url":"url(".concat(t.iconUrl,")")}:{}),t.iconUrl?{"--icon-color":t.color}:{"--icon-content-color":t.color});t.mainElement.innerHTML=t.iconUrl?"":t.content||"",t.mainElement.setAttribute("style",Object.entries(i).map((function(t){var i=e.slicedToArray(t,2),n=i[0],s=i[1];return"".concat(n,": ").concat(s,";")})).join(" "))}},t}return e.createClass(r,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,r.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){"className"===e&&(this.className=i||"",this.className&&(this.classList.remove(this.className),this.classList.add(this.className))),this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),r}(e.wrapNativeSuper(HTMLElement)))||t,r={
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js"),require("../../../../../node_modules/core-js/modules/es.array.map.js"),require("../../../../../node_modules/core-js/modules/es.object.entries.js");var t,i=require("../../../utils/webComponents/webComponent.utils.js"),n=require("./icon.module.scss.js"),s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';var o=i.ced("icon-base")(t=function(t){e.inherits(r,t);var o=e.createSuper(r);function r(){var t;e.classCallCheck(this,r);for(var i=arguments.length,s=new Array(i),a=0;a<i;a++)s[a]=arguments[a];return(t=o.call.apply(o,[this].concat(s))).content=void 0,t.mainElement=void 0,t.iconUrl=void 0,t.minWidth=void 0,t.minHeight=void 0,t.width=void 0,t.height=void 0,t.size=void 0,t.fontSize=void 0,t.color=void 0,t.render=function(){if(t.mainElement=t.mainElement||t.querySelector(".icon-base"),t.mainElement){t.classList.add(n.default["icon-base-parent"]),t.mainElement.classList.add(n.default["icon-base"]);var i=e.objectSpread2(e.objectSpread2(e.objectSpread2({"--min-width":t.minWidth||t.size||t.width||"auto","--min-height":t.minHeight||t.size||t.height||"auto","--width":t.size||t.width,"--height":t.size||t.height},t.fontSize?{"font-size":t.fontSize||"unset"}:{}),t.iconUrl?{"--icon-url":"url(".concat(t.iconUrl,")")}:{}),t.iconUrl?{"--icon-color":t.color}:{"--icon-content-color":t.color});t.mainElement.innerHTML=t.iconUrl?"":t.content||"",t.mainElement.setAttribute("style",Object.entries(i).map((function(t){var i=e.slicedToArray(t,2),n=i[0],s=i[1];return"".concat(n,": ").concat(s,";")})).join(" "))}},t}return e.createClass(r,[{key:"connectedCallback",value:function(){this.innerHTML&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,r.observedAttributes),this.render()}},{key:"attributeChangedCallback",value:function(e,t,i){"className"===e&&(this.className=i||"",this.className&&(this.classList.remove(this.className),this.classList.add(this.className))),this[e]=i,this.render()}}],[{key:"observedAttributes",get:function(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}}]),r}(e.wrapNativeSuper(HTMLElement)))||t,r={IconWC:o};exports.IconWC=o,exports.IconWCBase=r;
|
|
2
2
|
//# sourceMappingURL=IconWC.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconWC.js","sources":["../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class
|
|
1
|
+
{"version":3,"file":"IconWC.js","sources":["../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n iconUrl?: string\n minWidth?: string\n minHeight?: string\n width?: string\n height?: string\n size?: string\n fontSize?: string\n color?: string\n className?: string\n}\n\n@ced('icon-base')\nexport class IconWC extends HTMLElement {\n content: string | null\n\n mainElement: HTMLElement\n\n iconUrl?: string | null\n\n minWidth?: string | null\n\n minHeight?: string | null\n\n width?: string | null\n\n height?: string | null\n\n size?: string | null\n\n fontSize?: string | null\n\n color?: string | null\n\n static get observedAttributes() {\n return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n }\n\n connectedCallback() {\n if (this.innerHTML) {\n this.content = this.content || this.innerHTML || this.getAttribute('content')\n }\n\n this.innerHTML = template.innerHTML\n\n resolveAttributes(this, IconWC.observedAttributes)\n\n this.render()\n }\n\n attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null) {\n if (attrName === 'className') {\n this.className = (newVal as string) || ''\n if (this.className) {\n this.classList.remove(this.className)\n this.classList.add(this.className)\n }\n }\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this[attrName] = newVal\n this.render()\n }\n\n render = () => {\n this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n if (!this.mainElement) {\n return\n }\n this.classList.add(classes['icon-base-parent'])\n this.mainElement.classList.add(classes['icon-base'])\n\n const styles = {\n '--min-width': this.minWidth || this.size || this.width || 'auto',\n '--min-height': this.minHeight || this.size || this.height || 'auto',\n '--width': this.size || this.width,\n '--height': this.size || this.height,\n ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n }\n\n this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n interface IntrinsicElements {\n 'icon-base': any\n }\n }\n}\n\nexport const IconWCBase = {\n IconWC,\n}\n"],"names":["template","document","createElement","innerHTML","IconWC","ced","_dec","_class","_HTMLElement","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","this","concat","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","_objectSpread","objectSpread2","setAttribute","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","join","_createClass","createClass","getAttribute","resolveAttributes","observedAttributes","attrName","oldVal","newVal","className","remove","get","_wrapNativeSuper","HTMLElement","IconWCBase"],"mappings":"gdAMMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,MAAI,YAAYC,CAAAC,WAAAC,GAAAC,WAAAL,EAAAI,GAAA,IAAAE,EAAAC,cAAAP,GAAA,SAAAA,IAAA,IAAAQ,EAAAC,sBAAAT,GAAA,IAAA,IAAAU,EAAAC,UAAAC,OAAAC,EAAAC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAAF,EAAAE,GAAAJ,UAAAI,GAyEd,OAzEcP,EAAAF,EAAAU,KAAAC,MAAAX,EAAA,CAAAY,MAAAC,OAAAN,KAEfO,aAAO,EAAAZ,EAEPa,iBAAW,EAAAb,EAEXc,aAAO,EAAAd,EAEPe,cAAQ,EAAAf,EAERgB,eAAS,EAAAhB,EAETiB,WAAK,EAAAjB,EAELkB,YAAM,EAAAlB,EAENmB,UAAI,EAAAnB,EAEJoB,cAAQ,EAAApB,EAERqB,WAAK,EAAArB,EAgCLsB,OAAS,WAEP,GADAtB,EAAKa,YAAcb,EAAKa,aAAeb,EAAKuB,cAAc,cACrDvB,EAAKa,YAAV,CAGAb,EAAKwB,UAAUC,IAAIC,EAAAA,QAAQ,qBAC3B1B,EAAKa,YAAYW,UAAUC,IAAIC,EAAO,QAAC,cAEvC,IAAMC,EAAMC,EAAAA,cAAAA,EAAAC,cAAAD,gBAAA,CACV,cAAe5B,EAAKe,UAAYf,EAAKmB,MAAQnB,EAAKiB,OAAS,OAC3D,eAAgBjB,EAAKgB,WAAahB,EAAKmB,MAAQnB,EAAKkB,QAAU,OAC9D,UAAWlB,EAAKmB,MAAQnB,EAAKiB,MAC7B,WAAYjB,EAAKmB,MAAQnB,EAAKkB,QAC1BlB,EAAKoB,SAAW,CAAE,YAAapB,EAAKoB,UAAY,SAAY,CAAE,GAC9DpB,EAAKc,QAAU,CAAE,aAAYH,OAAAA,OAASX,EAAKc,QAAO,MAAQ,CAAE,GAC5Dd,EAAKc,QAAU,CAAE,eAAgBd,EAAKqB,OAAU,CAAE,uBAAwBrB,EAAKqB,QAGrFrB,EAAKa,YAAYtB,UAAYS,EAAKc,QAAU,GAAMd,EAAKY,SAAW,GAElEZ,EAAKa,YAAYiB,aAAa,QAASC,OAAOC,QAAQL,GAAQM,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAEG,EAAGF,EAAA,GAAEG,EAAKH,EAAA,GAAA,MAAA,GAAAxB,OAAS0B,EAAG1B,MAAAA,OAAK2B,EAAK,IAAA,IAAKC,KAAK,KAhB9G,GAiBDvC,CAAA,CAjDA,OAiDAwC,EAAAC,YAAAjD,EAAA,CAAA,CAAA6C,IAAA,oBAAAC,MA/CD,WACM5B,KAAKnB,YACPmB,KAAKE,QAAUF,KAAKE,SAAWF,KAAKnB,WAAamB,KAAKgC,aAAa,YAGrEhC,KAAKnB,UAAYH,EAASG,UAE1BoD,EAAAA,kBAAkBjC,KAAMlB,EAAOoD,oBAE/BlC,KAAKY,QACP,GAAC,CAAAe,IAAA,2BAAAC,MAED,SAAyBO,EAAkBC,EAAgCC,GACxD,cAAbF,IACFnC,KAAKsC,UAAaD,GAAqB,GACnCrC,KAAKsC,YACPtC,KAAKc,UAAUyB,OAAOvC,KAAKsC,WAC3BtC,KAAKc,UAAUC,IAAIf,KAAKsC,aAK5BtC,KAAKmC,GAAYE,EACjBrC,KAAKY,QACP,IAAC,CAAA,CAAAe,IAAA,qBAAAa,IA5BD,WACE,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,KAAC1D,CAAA,EAAA2D,kBAvByBC,gBAAWzD,EAoF1B0D,EAAa,CACxB7D,OAAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/style.js"),o=require("./components/container/FBox.js"),r=require("./components/container/Flex.js"),t=require("./components/container/Placeholder.js"),n=require("./components/container/CollapsibleContainerS.js"),s=require("./components/container/CollapsibleContainer.js"),i=require("./components/container/ResizableContainer.js"),l=require("./components/field/Field.js"),c=require("./components/dividers/DividerLine.js"),p=require("./components/icon/IconBase.js"),a=require("./components/icon/Icon.js"),x=require("./components/icon/IconWC.js");exports.calculateColors=e.calculateColors,exports.calculatePercColor=e.calculatePercColor,exports.convertHex=e.convertHex,exports.convertRGB=e.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return e.defaultFontSize}}),exports.pxToRem=e.pxToRem,exports.resolveStyleValue=e.resolveStyleValue,exports.setDefaultFontSize=e.setDefaultFontSize,exports.toHex=e.toHex,exports.FBox=o.FBox,exports.Flex=r.Flex,exports.FlexTight=r.FlexTight,exports.FlexTightStyled=r.FlexTightStyled,exports.FlexWrapper=r.FlexWrapper,exports.Placeholder=t.Placeholder,exports.ContainerS=n.ContainerS,exports.CollapsibleContainer=s.CollapsibleContainer,exports.ResizableContainer=i.ResizableContainer,exports.Field=l.Field,exports.FieldWrapper=l.FieldWrapper,exports.Select=l.Select,exports.setIconColor=l.setIconColor,exports.setIconComponent=l.setIconComponent,exports.DividerHorizontal=c.DividerHorizontal,exports.DividerLine=c.DividerLine,exports.DividerVertical=c.DividerVertical,exports.IconBase=p.IconBase,exports.Icon=a.Icon,exports.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/style.js"),o=require("./components/container/FBox.js"),r=require("./components/container/Flex.js"),t=require("./components/container/Placeholder.js"),n=require("./components/container/CollapsibleContainerS.js"),s=require("./components/container/CollapsibleContainer.js"),i=require("./components/container/ResizableContainer.js"),l=require("./components/field/Field.js"),c=require("./components/dividers/DividerLine.js"),p=require("./components/icon/IconBase.js"),a=require("./components/icon/Icon.js"),x=require("./components/icon/IconWC.js");exports.calculateColors=e.calculateColors,exports.calculatePercColor=e.calculatePercColor,exports.convertHex=e.convertHex,exports.convertRGB=e.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return e.defaultFontSize}}),exports.pxToRem=e.pxToRem,exports.resolveStyleValue=e.resolveStyleValue,exports.setDefaultFontSize=e.setDefaultFontSize,exports.toHex=e.toHex,exports.FBox=o.FBox,exports.Flex=r.Flex,exports.FlexTight=r.FlexTight,exports.FlexTightStyled=r.FlexTightStyled,exports.FlexWrapper=r.FlexWrapper,exports.Placeholder=t.Placeholder,exports.ContainerS=n.ContainerS,exports.CollapsibleContainer=s.CollapsibleContainer,exports.ResizableContainer=i.ResizableContainer,exports.Field=l.Field,exports.FieldWrapper=l.FieldWrapper,exports.Select=l.Select,exports.setIconColor=l.setIconColor,exports.setIconComponent=l.setIconComponent,exports.DividerHorizontal=c.DividerHorizontal,exports.DividerLine=c.DividerLine,exports.DividerVertical=c.DividerVertical,exports.IconBase=p.IconBase,exports.Icon=a.Icon,exports.IconWC=x.IconWC,exports.IconWCBase=x.IconWCBase;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/utils/esm/index.css
CHANGED
|
@@ -1,51 +1,26 @@
|
|
|
1
|
-
.
|
|
1
|
+
.fbox-module_flexible-box__rLJ93 {
|
|
2
|
+
display: flex;
|
|
2
3
|
position: relative;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
height:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
.icon-module_icon-base__S0tHf {
|
|
25
|
-
min-width: var(--min-width);
|
|
26
|
-
min-height: var(--min-height);
|
|
27
|
-
width: var(--width) !important;
|
|
28
|
-
height: var(--height) !important;
|
|
29
|
-
line-height: var(--height);
|
|
30
|
-
background-color: var(--icon-color);
|
|
31
|
-
color: var(--icon-content-color);
|
|
32
|
-
background-repeat: no-repeat;
|
|
33
|
-
mask-image: var(--icon-url);
|
|
34
|
-
-webkit-mask-image: var(--icon-url);
|
|
35
|
-
mask-repeat: no-repeat;
|
|
36
|
-
-webkit-mask-repeat: no-repeat;
|
|
37
|
-
mask-size: contain;
|
|
38
|
-
-webkit-mask-size: contain;
|
|
39
|
-
mask-position: center;
|
|
40
|
-
-webkit-mask-position: center;
|
|
41
|
-
display: inline-block;
|
|
42
|
-
will-change: transform;
|
|
43
|
-
transform: translate3d(0, 0, 0);
|
|
44
|
-
}
|
|
45
|
-
.icon-module_icon-base__S0tHf svg {
|
|
46
|
-
fill: var(--icon-content-color);
|
|
47
|
-
width: var(--height);
|
|
48
|
-
height: var(--width);
|
|
4
|
+
flex-direction: row;
|
|
5
|
+
flex: 0;
|
|
6
|
+
flex-grow: 0;
|
|
7
|
+
flex-shrink: 0;
|
|
8
|
+
flex-basis: auto;
|
|
9
|
+
flex-wrap: nowrap;
|
|
10
|
+
gap: 0;
|
|
11
|
+
text-align: left;
|
|
12
|
+
justify-content: flex-start;
|
|
13
|
+
align-items: flex-start;
|
|
14
|
+
align-self: auto;
|
|
15
|
+
margin: 0;
|
|
16
|
+
padding: 0;
|
|
17
|
+
width: auto;
|
|
18
|
+
height: auto;
|
|
19
|
+
max-width: none;
|
|
20
|
+
max-height: none;
|
|
21
|
+
min-width: 0;
|
|
22
|
+
min-height: 0;
|
|
23
|
+
border-radius: initial;
|
|
49
24
|
}
|
|
50
25
|
.CollapsibleContainer-module_collapsible-container__u0Jmm {
|
|
51
26
|
transform-origin: 0% 0%;
|
|
@@ -80,27 +55,52 @@
|
|
|
80
55
|
max-width: var(--prop-value);
|
|
81
56
|
opacity: 1;
|
|
82
57
|
}
|
|
83
|
-
.
|
|
84
|
-
|
|
58
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
59
|
+
line-height: 1px !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.icon-module_icon-base__S0tHf {
|
|
63
|
+
min-width: var(--min-width);
|
|
64
|
+
min-height: var(--min-height);
|
|
65
|
+
width: var(--width) !important;
|
|
66
|
+
height: var(--height) !important;
|
|
67
|
+
line-height: var(--height);
|
|
68
|
+
background-color: var(--icon-color);
|
|
69
|
+
color: var(--icon-content-color);
|
|
70
|
+
background-repeat: no-repeat;
|
|
71
|
+
mask-image: var(--icon-url);
|
|
72
|
+
-webkit-mask-image: var(--icon-url);
|
|
73
|
+
mask-repeat: no-repeat;
|
|
74
|
+
-webkit-mask-repeat: no-repeat;
|
|
75
|
+
mask-size: contain;
|
|
76
|
+
-webkit-mask-size: contain;
|
|
77
|
+
mask-position: center;
|
|
78
|
+
-webkit-mask-position: center;
|
|
79
|
+
display: inline-block;
|
|
80
|
+
will-change: transform;
|
|
81
|
+
transform: translate3d(0, 0, 0);
|
|
82
|
+
}
|
|
83
|
+
.icon-module_icon-base__S0tHf svg {
|
|
84
|
+
fill: var(--icon-content-color);
|
|
85
|
+
width: var(--height);
|
|
86
|
+
height: var(--width);
|
|
87
|
+
}
|
|
88
|
+
.divider-module_divider-line__6CesR {
|
|
85
89
|
position: relative;
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
height:
|
|
101
|
-
|
|
102
|
-
max-height: none;
|
|
103
|
-
min-width: 0;
|
|
104
|
-
min-height: 0;
|
|
105
|
-
border-radius: initial;
|
|
90
|
+
display: block;
|
|
91
|
+
transition: opacity, width, height 250ms ease-in-out;
|
|
92
|
+
background-color: var(--color);
|
|
93
|
+
opacity: var(--opacity);
|
|
94
|
+
}
|
|
95
|
+
.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
|
|
96
|
+
height: var(--length);
|
|
97
|
+
left: var(--left);
|
|
98
|
+
width: var(--width);
|
|
99
|
+
margin: var(--margin);
|
|
100
|
+
}
|
|
101
|
+
.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
|
|
102
|
+
width: var(--length);
|
|
103
|
+
left: var(--left);
|
|
104
|
+
height: var(--height);
|
|
105
|
+
margin: var(--margin);
|
|
106
106
|
}
|
package/dist/utils/index.css
CHANGED
|
@@ -1,51 +1,26 @@
|
|
|
1
|
-
.
|
|
1
|
+
.fbox-module_flexible-box__rLJ93 {
|
|
2
|
+
display: flex;
|
|
2
3
|
position: relative;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
height:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
.icon-module_icon-base__S0tHf {
|
|
25
|
-
min-width: var(--min-width);
|
|
26
|
-
min-height: var(--min-height);
|
|
27
|
-
width: var(--width) !important;
|
|
28
|
-
height: var(--height) !important;
|
|
29
|
-
line-height: var(--height);
|
|
30
|
-
background-color: var(--icon-color);
|
|
31
|
-
color: var(--icon-content-color);
|
|
32
|
-
background-repeat: no-repeat;
|
|
33
|
-
mask-image: var(--icon-url);
|
|
34
|
-
-webkit-mask-image: var(--icon-url);
|
|
35
|
-
mask-repeat: no-repeat;
|
|
36
|
-
-webkit-mask-repeat: no-repeat;
|
|
37
|
-
mask-size: contain;
|
|
38
|
-
-webkit-mask-size: contain;
|
|
39
|
-
mask-position: center;
|
|
40
|
-
-webkit-mask-position: center;
|
|
41
|
-
display: inline-block;
|
|
42
|
-
will-change: transform;
|
|
43
|
-
transform: translate3d(0, 0, 0);
|
|
44
|
-
}
|
|
45
|
-
.icon-module_icon-base__S0tHf svg {
|
|
46
|
-
fill: var(--icon-content-color);
|
|
47
|
-
width: var(--height);
|
|
48
|
-
height: var(--width);
|
|
4
|
+
flex-direction: row;
|
|
5
|
+
flex: 0;
|
|
6
|
+
flex-grow: 0;
|
|
7
|
+
flex-shrink: 0;
|
|
8
|
+
flex-basis: auto;
|
|
9
|
+
flex-wrap: nowrap;
|
|
10
|
+
gap: 0;
|
|
11
|
+
text-align: left;
|
|
12
|
+
justify-content: flex-start;
|
|
13
|
+
align-items: flex-start;
|
|
14
|
+
align-self: auto;
|
|
15
|
+
margin: 0;
|
|
16
|
+
padding: 0;
|
|
17
|
+
width: auto;
|
|
18
|
+
height: auto;
|
|
19
|
+
max-width: none;
|
|
20
|
+
max-height: none;
|
|
21
|
+
min-width: 0;
|
|
22
|
+
min-height: 0;
|
|
23
|
+
border-radius: initial;
|
|
49
24
|
}
|
|
50
25
|
.CollapsibleContainer-module_collapsible-container__u0Jmm {
|
|
51
26
|
transform-origin: 0% 0%;
|
|
@@ -80,27 +55,52 @@
|
|
|
80
55
|
max-width: var(--prop-value);
|
|
81
56
|
opacity: 1;
|
|
82
57
|
}
|
|
83
|
-
.
|
|
84
|
-
|
|
58
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
59
|
+
line-height: 1px !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.icon-module_icon-base__S0tHf {
|
|
63
|
+
min-width: var(--min-width);
|
|
64
|
+
min-height: var(--min-height);
|
|
65
|
+
width: var(--width) !important;
|
|
66
|
+
height: var(--height) !important;
|
|
67
|
+
line-height: var(--height);
|
|
68
|
+
background-color: var(--icon-color);
|
|
69
|
+
color: var(--icon-content-color);
|
|
70
|
+
background-repeat: no-repeat;
|
|
71
|
+
mask-image: var(--icon-url);
|
|
72
|
+
-webkit-mask-image: var(--icon-url);
|
|
73
|
+
mask-repeat: no-repeat;
|
|
74
|
+
-webkit-mask-repeat: no-repeat;
|
|
75
|
+
mask-size: contain;
|
|
76
|
+
-webkit-mask-size: contain;
|
|
77
|
+
mask-position: center;
|
|
78
|
+
-webkit-mask-position: center;
|
|
79
|
+
display: inline-block;
|
|
80
|
+
will-change: transform;
|
|
81
|
+
transform: translate3d(0, 0, 0);
|
|
82
|
+
}
|
|
83
|
+
.icon-module_icon-base__S0tHf svg {
|
|
84
|
+
fill: var(--icon-content-color);
|
|
85
|
+
width: var(--height);
|
|
86
|
+
height: var(--width);
|
|
87
|
+
}
|
|
88
|
+
.divider-module_divider-line__6CesR {
|
|
85
89
|
position: relative;
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
height:
|
|
101
|
-
|
|
102
|
-
max-height: none;
|
|
103
|
-
min-width: 0;
|
|
104
|
-
min-height: 0;
|
|
105
|
-
border-radius: initial;
|
|
90
|
+
display: block;
|
|
91
|
+
transition: opacity, width, height 250ms ease-in-out;
|
|
92
|
+
background-color: var(--color);
|
|
93
|
+
opacity: var(--opacity);
|
|
94
|
+
}
|
|
95
|
+
.divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
|
|
96
|
+
height: var(--length);
|
|
97
|
+
left: var(--left);
|
|
98
|
+
width: var(--width);
|
|
99
|
+
margin: var(--margin);
|
|
100
|
+
}
|
|
101
|
+
.divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
|
|
102
|
+
width: var(--length);
|
|
103
|
+
left: var(--left);
|
|
104
|
+
height: var(--height);
|
|
105
|
+
margin: var(--margin);
|
|
106
106
|
}
|