@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.
Files changed (64) hide show
  1. package/assets/css/styles.css +31 -31
  2. package/assets/css/vendor.css +4 -3
  3. package/es/components.d.ts +628 -0
  4. package/es/components.js +947 -2301
  5. package/es/contexts.d.ts +297 -0
  6. package/es/contexts.js +154 -341
  7. package/es/hooks.d.ts +333 -0
  8. package/es/hooks.js +22 -17
  9. package/es/index.d.ts +665 -0
  10. package/es/index.js +2 -772
  11. package/es/styles.css +35 -0
  12. package/es/utils.d.ts +214 -0
  13. package/lib/components.js +955 -2309
  14. package/lib/contexts.js +153 -340
  15. package/lib/hooks.js +21 -16
  16. package/lib/index.js +0 -771
  17. package/lib/styles.css +35 -0
  18. package/package.json +39 -46
  19. package/styles/bootstrap-overrides.css +111 -0
  20. package/styles/bootstrap-patches.css +486 -0
  21. package/styles/breadcrumb.module.css +5 -0
  22. package/styles/button.module.css +82 -0
  23. package/styles/buttons.module.css +3 -0
  24. package/styles/clear.module.css +23 -0
  25. package/styles/collapsable-panel.module.css +31 -0
  26. package/styles/conversation.module.css +37 -0
  27. package/styles/dialog.module.css +13 -0
  28. package/styles/empty.module.css +22 -0
  29. package/styles/form-panel.module.css +3 -0
  30. package/styles/form.module.css +22 -0
  31. package/styles/link.module.css +9 -0
  32. package/styles/map.module.css +43 -0
  33. package/styles/media.module.css +3 -0
  34. package/styles/modal.module.css +22 -0
  35. package/styles/modals.module.css +12 -0
  36. package/styles/navbar.module.css +9 -0
  37. package/styles/pagination.module.css +3 -0
  38. package/styles/panel.module.css +3 -0
  39. package/styles/panels.module.css +3 -0
  40. package/styles/placeholder-block.module.css +29 -0
  41. package/styles/placeholder-text.module.css +17 -0
  42. package/styles/placeholders.module.css +3 -0
  43. package/styles/preview.module.css +34 -0
  44. package/styles/quiz-answer.module.css +29 -0
  45. package/styles/screen-placeholder.module.css +5 -0
  46. package/styles/screen-sizer.module.css +14 -0
  47. package/styles/screen.module.css +52 -0
  48. package/styles/screens.module.css +16 -0
  49. package/styles/share-options.module.css +27 -0
  50. package/{scss/_placeholders.scss → styles/shared.module.css} +103 -97
  51. package/styles/slideshow.module.css +28 -0
  52. package/styles/spinner.module.css +43 -0
  53. package/styles/styles.css +1 -0
  54. package/styles/survey-answer.module.css +18 -0
  55. package/styles/tabs.module.css +4 -0
  56. package/styles/theme.css +84 -0
  57. package/styles/transition.module.css +9 -0
  58. package/{scss/vendor.scss → styles/vendor.css} +16 -30
  59. package/styles/video-360.module.css +15 -0
  60. package/scss/_mixins.scss +0 -34
  61. package/scss/_theme.scss +0 -114
  62. package/scss/_variables.scss +0 -12
  63. package/scss/styles.scss +0 -1
  64. 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 };