@micromag/core 0.3.824 → 0.4.4
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/assets/css/styles.css +31 -31
- package/assets/css/vendor.css +4 -3
- package/es/components.d.ts +628 -0
- package/es/components.js +947 -2301
- package/es/contexts.d.ts +297 -0
- package/es/contexts.js +154 -341
- package/es/hooks.d.ts +333 -0
- package/es/hooks.js +22 -17
- package/es/index.d.ts +665 -0
- package/es/index.js +2 -772
- package/es/styles.css +35 -0
- package/es/utils.d.ts +214 -0
- package/lib/components.js +955 -2309
- package/lib/contexts.js +153 -340
- package/lib/hooks.js +21 -16
- package/lib/index.js +0 -771
- package/lib/styles.css +35 -0
- package/package.json +39 -46
- package/styles/bootstrap-overrides.css +111 -0
- package/styles/bootstrap-patches.css +486 -0
- package/styles/breadcrumb.module.css +5 -0
- package/styles/button.module.css +82 -0
- package/styles/buttons.module.css +3 -0
- package/styles/clear.module.css +23 -0
- package/styles/collapsable-panel.module.css +31 -0
- package/styles/conversation.module.css +37 -0
- package/styles/dialog.module.css +13 -0
- package/styles/empty.module.css +22 -0
- package/styles/form-panel.module.css +3 -0
- package/styles/form.module.css +22 -0
- package/styles/link.module.css +9 -0
- package/styles/map.module.css +43 -0
- package/styles/media.module.css +3 -0
- package/styles/modal.module.css +22 -0
- package/styles/modals.module.css +12 -0
- package/styles/navbar.module.css +9 -0
- package/styles/pagination.module.css +3 -0
- package/styles/panel.module.css +3 -0
- package/styles/panels.module.css +3 -0
- package/styles/placeholder-block.module.css +29 -0
- package/styles/placeholder-text.module.css +17 -0
- package/styles/placeholders.module.css +3 -0
- package/styles/preview.module.css +34 -0
- package/styles/quiz-answer.module.css +29 -0
- package/styles/screen-placeholder.module.css +5 -0
- package/styles/screen-sizer.module.css +14 -0
- package/styles/screen.module.css +52 -0
- package/styles/screens.module.css +16 -0
- package/styles/share-options.module.css +27 -0
- package/{scss/_placeholders.scss → styles/shared.module.css} +103 -97
- package/styles/slideshow.module.css +28 -0
- package/styles/spinner.module.css +43 -0
- package/styles/styles.css +1 -0
- package/styles/survey-answer.module.css +18 -0
- package/styles/tabs.module.css +4 -0
- package/styles/theme.css +84 -0
- package/styles/transition.module.css +9 -0
- package/{scss/vendor.scss → styles/vendor.css} +16 -30
- package/styles/video-360.module.css +15 -0
- package/scss/_mixins.scss +0 -34
- package/scss/_theme.scss +0 -114
- package/scss/_variables.scss +0 -12
- package/scss/styles.scss +0 -1
- package/scss/upload.scss +0 -1
package/es/styles.css
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
.container .icon{display:block;position:relative}.container .icon,.container .label{-webkit-transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:-webkit-transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp);transition:transform .3s var(--mm-ease-out-ramp),-webkit-transform .3s var(--mm-ease-out-ramp)}.container.withoutStyle{color:inherit}.container.asLink,.container.withoutStyle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.container.asLink{color:var(--mm-primary);font-weight:700}.container.withIcon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.container.withIcon .label{margin-left:.5em;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.container.withIcon .right{margin-left:.5em}.container.withIcon.withAnimations.icon-right .label{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.container.withIconColumns{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.container.linkDisabled{opacity:.4;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.container:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;-webkit-box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);box-shadow:0 0 2px 0 var(--micromag-focus-color,#fff);outline:2px solid #000}
|
|
2
|
+
|
|
3
|
+
.container{display:inline-block;display:-ms-flexbox!important;display:flex!important;height:18px!important;position:relative;width:18px!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:var(--mm-gray-700)!important;border:0;border-radius:4px;color:inherit;cursor:pointer;font-family:inherit;justify-content:center;padding:0;padding:0 10px!important}.container .icon{display:block}
|
|
4
|
+
.actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:calc(var(--mm-spacer)*2)}.actions.left{-ms-flex-pack:start;justify-content:flex-start}.actions.right{-ms-flex-pack:end;justify-content:flex-end}
|
|
5
|
+
.withoutStyle{color:inherit;-webkit-text-decoration:none;text-decoration:none}.withoutStyle:hover{color:inherit;-webkit-text-decoration:none;text-decoration:none}
|
|
6
|
+
@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.container{display:block;height:40px;width:40px}.container .path{color:currentcolor;stroke-linecap:round}.container.animated{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.container.animated .path{-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}
|
|
7
|
+
|
|
8
|
+
.container .arrow+.arrow:before{content:">"}
|
|
9
|
+
.collapse{-ms-flex-preferred-size:initial;flex-basis:auto;-ms-flex-positive:initial;flex-grow:0}@media screen and (min-width:768px){.collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1}}
|
|
10
|
+
|
|
11
|
+
.container{display:inline-block;position:relative}
|
|
12
|
+
.container{position:static}.modals.hasModals{background-color:rgba(28,28,28,.5);bottom:10px;left:10px;position:fixed;right:10px;top:10px;z-index:1000}
|
|
13
|
+
.container{display:-ms-flexbox;display:flex;height:100%;left:0;overflow-y:auto;position:absolute;top:0;width:100%}.container.center>.inner{margin:auto}.container.top>.inner{margin:0 auto;padding:1.75rem 0}
|
|
14
|
+
.container{display:block;opacity:1;padding:0 5px}
|
|
15
|
+
.container{position:static}
|
|
16
|
+
.container{position:static}
|
|
17
|
+
.container .top{border-bottom:1px solid var(--mm-border-color)}.container .button{display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:700;padding:calc(var(--mm-spacer)/4) 0;text-align:left;width:100%}.container .label{-ms-flex-positive:1;flex-grow:1}.container .content{max-height:0;overflow:hidden;padding-top:var(--mm-spacer);-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.container.isOpened .content{max-height:500px}
|
|
18
|
+
.container{padding:2px}.container.outline{border:2px solid hsla(0,0%,100%,.6);margin:2px 0}.container.withInvertedColors{mix-blend-mode:difference}.box{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:currentcolor;justify-content:center;margin:0 auto}.withInvertedColors .box{background-color:hsla(0,0%,100%,.6)}.outline .box{background-color:transparent}
|
|
19
|
+
.container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;border:2px dashed var(--mm-gray-600);color:var(--mm-gray-600);justify-content:center}.container .middle{text-align:center}.container.withoutBorder{border:0}.container.invertColor{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800)}
|
|
20
|
+
|
|
21
|
+
.container{overflow:hidden;position:relative}.container .item,.container .items{height:100%;width:100%}.container .item{position:absolute;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.container .item.prev{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.container .item.current{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.container .item.next{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
|
|
22
|
+
.icon{color:var(--mm-black)}
|
|
23
|
+
.container{padding:2px;width:100%}.container.withInvertedColors{mix-blend-mode:difference}.line{background-color:currentcolor;height:16px}.withInvertedColors .line{background-color:hsla(0,0%,100%,.6)}
|
|
24
|
+
.container{position:relative}.container .icon{color:var(--mm-black);height:15%;position:absolute;width:15%}.container .icon:first-child{left:40%;top:10%}.container .icon:nth-child(2){left:60%;top:35%}.container .icon:nth-child(3){left:15%;top:50%}.container .icon:nth-child(4){left:60%;top:70%}.container:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAEyCAYAAABnKjtfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4NzhDN0UyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NzhDN0QyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTg3OEM3OTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTg3OEM3QTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpB4mwIAAAxNSURBVHja7J1B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");background-size:cover;content:"";display:block;height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%}
|
|
25
|
+
.container .box{-ms-flex-direction:column;flex-direction:column}.container .icon{color:var(--mm-black);margin-bottom:5px}.container .label{color:var(--mm-black);font-size:.75em}
|
|
26
|
+
.container,.frame{position:relative}.screen{left:0;position:absolute;top:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
|
|
27
|
+
.container{background-color:var(--mm-black);color:var(--mm-white);font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.container *,.container :after,.container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.container address,.container blockquote,.container caption,.container dl,.container figure,.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container label,.container legend,.container li,.container ol,.container p,.container pre,.container ul{margin:0;padding:0}.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container li,.container p{font-weight:inherit}.container .mark,.container mark{color:inherit}
|
|
28
|
+
.screen{background-color:transparent;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
|
29
|
+
.stack{overflow:hidden;position:relative}.stack .stackScreen{position:relative;z-index:10}.stack .stackItem{background-color:var(--mm-gray-700);border:1px solid var(--mm-gray-500);left:0;position:absolute;top:0}.stack .stackItem:first-child{z-index:3}.stack .stackItem:nth-child(2){z-index:2}.stack .stackItem:nth-child(3){z-index:1}.screen{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
|
30
|
+
.container{mix-blend-mode:difference;padding:10px;text-align:center}.container .icon{color:hsla(0,0%,100%,.6);height:auto;margin:3px auto auto;width:25px}.container .message{background-color:rgb(var(--mm-white),.6);height:23px;margin:3px 1px 0;width:80%}.container .placeholderMessage0{width:65%}.container .placeholderMessage1{margin-left:auto}.container .placeholderMessage2{width:65%}.container .placeholderMessage3{margin-left:auto;width:50%}
|
|
31
|
+
.container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.container .block{-ms-flex-positive:1;flex-grow:1}.container .answer{color:hsla(0,0%,100%,.6);margin-right:6px;padding:0 1px;width:12px}.container .answerIcon{color:rgb(var(--mm-white),.6);display:block;height:100%;width:100%}.container.good .answer{padding:0}
|
|
32
|
+
.container .box{background-color:transparent;display:block}.container .icon{color:var(--mm-black);height:auto;width:10px}.item{background-color:var(--mm-gray-300);display:-ms-flexbox;display:flex;padding:3px;width:100%}.item+.item{margin-top:5px}.button{font-size:1rem}
|
|
33
|
+
.container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;mix-blend-mode:difference}.container .block{-ms-flex-positive:1;flex-grow:1}.container .percent{margin-left:4px}.container .percentIcon{color:rgb(var(--mm-white),.6);padding:1px}
|
|
34
|
+
.container .screen{height:100%;left:0;overflow:hidden;position:absolute;top:0;-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.container .screen.visible{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}
|
|
35
|
+
.container.fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}
|
package/es/utils.d.ts
ADDED
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
export { camelCase, pascalCase, snakeCase } from 'change-case';
|
|
2
|
+
|
|
3
|
+
declare function addNonBreakingSpaces(text: any): any;
|
|
4
|
+
|
|
5
|
+
declare const convertStyleToString: (style: any) => string;
|
|
6
|
+
|
|
7
|
+
/*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
|
|
8
|
+
declare function copyToClipboard(text: any): Promise<void>;
|
|
9
|
+
|
|
10
|
+
declare const createNullableOnChange: (onChange?: any) => (newValue: any) => void;
|
|
11
|
+
|
|
12
|
+
declare const createUseEvent: (eventsManager: any) => (event: any, callback: any, enabled?: boolean) => void;
|
|
13
|
+
|
|
14
|
+
declare const easings: {
|
|
15
|
+
linear: (x: any) => any;
|
|
16
|
+
easeInQuad: (x: any) => number;
|
|
17
|
+
easeOutQuad: (x: any) => number;
|
|
18
|
+
easeInOutQuad: (x: any) => number;
|
|
19
|
+
easeInCubic: (x: any) => number;
|
|
20
|
+
easeOutCubic: (x: any) => number;
|
|
21
|
+
easeInOutCubic: (x: any) => number;
|
|
22
|
+
easeInQuart: (x: any) => number;
|
|
23
|
+
easeOutQuart: (x: any) => number;
|
|
24
|
+
easeInOutQuart: (x: any) => number;
|
|
25
|
+
easeInQuint: (x: any) => number;
|
|
26
|
+
easeOutQuint: (x: any) => number;
|
|
27
|
+
easeInOutQuint: (x: any) => number;
|
|
28
|
+
easeInSine: (x: any) => number;
|
|
29
|
+
easeOutSine: (x: any) => number;
|
|
30
|
+
easeInOutSine: (x: any) => number;
|
|
31
|
+
easeInExpo: (x: any) => number;
|
|
32
|
+
easeOutExpo: (x: any) => number;
|
|
33
|
+
easeInOutExpo: (x: any) => number;
|
|
34
|
+
easeInCirc: (x: any) => number;
|
|
35
|
+
easeOutCirc: (x: any) => number;
|
|
36
|
+
easeInOutCirc: (x: any) => number;
|
|
37
|
+
easeInBack: (x: any) => number;
|
|
38
|
+
easeOutBack: (x: any) => number;
|
|
39
|
+
easeInOutBack: (x: any) => number;
|
|
40
|
+
easeInElastic: (x: any) => number;
|
|
41
|
+
easeOutElastic: (x: any) => number;
|
|
42
|
+
easeInOutElastic: (x: any) => number;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
declare const getColorAsString: (value?: any, overideAlpha?: any) => any;
|
|
46
|
+
|
|
47
|
+
declare const getComponentFromName: (name: any, components: any, defaultComponent?: any) => any;
|
|
48
|
+
|
|
49
|
+
declare const getDeviceScreens: () => ({
|
|
50
|
+
name: string;
|
|
51
|
+
mediaQuery?: undefined;
|
|
52
|
+
} | {
|
|
53
|
+
name: string;
|
|
54
|
+
mediaQuery: string;
|
|
55
|
+
})[];
|
|
56
|
+
|
|
57
|
+
declare const getDisplayName: ({ displayName, name }: {
|
|
58
|
+
displayName?: any;
|
|
59
|
+
name?: any;
|
|
60
|
+
}) => any;
|
|
61
|
+
|
|
62
|
+
declare const getFieldByName: (fields: any, name: any) => any;
|
|
63
|
+
|
|
64
|
+
declare const getFieldFromPath: (path: any, fields: any, fieldManager: any) => any;
|
|
65
|
+
|
|
66
|
+
declare const getFileName: (url?: any) => any;
|
|
67
|
+
|
|
68
|
+
declare const getFontFamily: (value: any) => string;
|
|
69
|
+
|
|
70
|
+
declare const getFooterProps: (footer?: {}, { isPreview, isView, current, openWebView, enableInteraction, disableInteraction, ...otherProps }?: {
|
|
71
|
+
isPreview?: boolean;
|
|
72
|
+
isView?: boolean;
|
|
73
|
+
current?: boolean;
|
|
74
|
+
openWebView?: boolean;
|
|
75
|
+
enableInteraction?: boolean;
|
|
76
|
+
disableInteraction?: boolean;
|
|
77
|
+
}) => {
|
|
78
|
+
callToAction: any;
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
declare const getGridLayoutName: (layout: any) => any;
|
|
82
|
+
|
|
83
|
+
declare const largestRemainderRound: (numbers: any, desiredTotal: any) => any;
|
|
84
|
+
|
|
85
|
+
declare const getLayersFromBackground: (background?: any) => any;
|
|
86
|
+
|
|
87
|
+
declare const getMediaFilesAsArray: (files: any) => any;
|
|
88
|
+
|
|
89
|
+
declare const getOptimalImageUrl: (media?: any, containerWidth?: any, containerHeight?: any, { resolution, maxDiff, supportsWebp }?: {
|
|
90
|
+
resolution?: number;
|
|
91
|
+
maxDiff?: number;
|
|
92
|
+
supportsWebp?: boolean;
|
|
93
|
+
}) => any;
|
|
94
|
+
|
|
95
|
+
declare const getSecondsFromTime: (time: any) => number;
|
|
96
|
+
|
|
97
|
+
declare const getScreenExtraField: (intl: any) => {
|
|
98
|
+
name: string;
|
|
99
|
+
type: string;
|
|
100
|
+
label: any;
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
declare function getScreenFieldsWithStates(definition: any): any;
|
|
104
|
+
|
|
105
|
+
declare function getShadowCoords(angle: any, distance: any): {
|
|
106
|
+
x: string;
|
|
107
|
+
y: string;
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
declare const getStyleFromAlignment: (value: any, invertAxis?: boolean, defaultAlignment?: any) => {
|
|
111
|
+
justifyContent: any;
|
|
112
|
+
alignItems: any;
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
declare const getStyleFromBox: (value: any) => {
|
|
116
|
+
paddingLeft: any;
|
|
117
|
+
paddingBottom: any;
|
|
118
|
+
paddingRight: any;
|
|
119
|
+
paddingTop: any;
|
|
120
|
+
padding: any;
|
|
121
|
+
boxShadow: string;
|
|
122
|
+
borderStyle: any;
|
|
123
|
+
borderWidth: any;
|
|
124
|
+
borderRadius: any;
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
declare const getStyleFromColor: (value?: any, property?: string, overideAlpha?: any) => {
|
|
128
|
+
[x: string]: any;
|
|
129
|
+
};
|
|
130
|
+
|
|
131
|
+
declare const getStyleFromContainer: (value: any) => {
|
|
132
|
+
height: string;
|
|
133
|
+
width: string;
|
|
134
|
+
};
|
|
135
|
+
|
|
136
|
+
declare const getStyleFromHighlight: (value: any) => {
|
|
137
|
+
boxShadow: string;
|
|
138
|
+
mozBoxShadow: string;
|
|
139
|
+
msBoxShadow: string;
|
|
140
|
+
webkitBoxShadow: string;
|
|
141
|
+
};
|
|
142
|
+
|
|
143
|
+
declare const getStyleFromImage: (value: any) => {
|
|
144
|
+
objectPosition: string;
|
|
145
|
+
objectFit: any;
|
|
146
|
+
};
|
|
147
|
+
|
|
148
|
+
declare const getStyleFromLink: (value: any) => {
|
|
149
|
+
textDecoration: string;
|
|
150
|
+
fontWeight: string;
|
|
151
|
+
fontStyle: string;
|
|
152
|
+
};
|
|
153
|
+
|
|
154
|
+
declare const getStyleFromText: (value: any) => {
|
|
155
|
+
WebkitTextStroke: string;
|
|
156
|
+
color: string;
|
|
157
|
+
letterSpacing: any;
|
|
158
|
+
lineHeight: any;
|
|
159
|
+
textAlign: any;
|
|
160
|
+
textTransform: any;
|
|
161
|
+
textDecoration: string;
|
|
162
|
+
fontWeight: any;
|
|
163
|
+
fontStyle: string;
|
|
164
|
+
fontSize: any;
|
|
165
|
+
fontFamily: string;
|
|
166
|
+
};
|
|
167
|
+
|
|
168
|
+
declare const getStyleFromMargin: (value: any) => {
|
|
169
|
+
marginBottom: any;
|
|
170
|
+
marginTop: any;
|
|
171
|
+
};
|
|
172
|
+
|
|
173
|
+
declare const getStyleFromBorder: (value: any) => {
|
|
174
|
+
borderStyle: any;
|
|
175
|
+
borderWidth: any;
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
declare function getVideoSupportedMimes(mimes?: string[]): any;
|
|
179
|
+
|
|
180
|
+
declare const getLayoutParts: (layout?: any) => {
|
|
181
|
+
horizontal: any;
|
|
182
|
+
vertical: any;
|
|
183
|
+
suffix: any;
|
|
184
|
+
};
|
|
185
|
+
|
|
186
|
+
declare const isHeaderFilled: (header?: {}) => boolean;
|
|
187
|
+
|
|
188
|
+
declare const isFooterFilled: (footer?: {}) => boolean;
|
|
189
|
+
|
|
190
|
+
declare const isMessage: (message: any) => boolean;
|
|
191
|
+
|
|
192
|
+
declare const isIos: () => boolean;
|
|
193
|
+
|
|
194
|
+
declare const isImageFilled: (image: any) => boolean;
|
|
195
|
+
|
|
196
|
+
declare const isTextFilled$1: (text: any) => boolean;
|
|
197
|
+
|
|
198
|
+
declare const isTextFilled: (text: any) => boolean;
|
|
199
|
+
|
|
200
|
+
declare const isValidUrl: (string: any) => boolean;
|
|
201
|
+
|
|
202
|
+
declare const schemaId: (str: any) => string;
|
|
203
|
+
|
|
204
|
+
declare const setValue: (value: any, keyParts: any, fieldValue: any) => any;
|
|
205
|
+
|
|
206
|
+
declare const slug: (str: any, separator?: any) => string;
|
|
207
|
+
|
|
208
|
+
declare const unique: (arrArg: any) => any;
|
|
209
|
+
|
|
210
|
+
declare const validateFields: (fields: any, value: any) => any;
|
|
211
|
+
|
|
212
|
+
declare const getContrastingColor: (backgroundColor: any) => any;
|
|
213
|
+
|
|
214
|
+
export { addNonBreakingSpaces, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, easings, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getFooterProps, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getScreenFieldsWithStates, getSecondsFromTime, getShadowCoords, getStyleFromAlignment, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, getVideoSupportedMimes, isFooterFilled, isHeaderFilled, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };
|