@micromag/core 0.3.832 → 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/assets/css/styles.css
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
.
|
|
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
2
|
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
@-webkit-keyframes
|
|
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
7
|
|
|
8
|
-
.
|
|
9
|
-
.
|
|
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
10
|
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
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
20
|
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
.
|
|
35
|
-
.
|
|
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%}
|