@micromag/core 0.4.30 → 0.4.37

package/styles/button.module.css

@@ -1,82 +0,0 @@
-.container {
-    /* &:focus { */
-
-    /* box-shadow: none; */
-
-    /* } */
-
-    .icon {
-        position: relative;
-        display: block;
-    }
-
-    .icon,
-    .label {
-        transition: transform 0.3s var(--mm-ease-out-ramp);
-    }
-
-    &.withoutStyle {
-        display: inline-block;
-        position: relative;
-        padding: 0;
-        border: 0;
-        background: transparent;
-        color: inherit;
-        font-family: inherit;
-        cursor: pointer;
-        appearance: none;
-    }
-
-    &.asLink {
-        display: inline-block;
-        position: relative;
-        padding: 0;
-        border: 0;
-        background: transparent;
-        font-family: inherit;
-        cursor: pointer;
-        appearance: none;
-        color: var(--mm-primary);
-        font-weight: bold;
-    }
-
-    &.withIcon {
-        display: inline-flex;
-        flex-direction: row;
-        align-items: center;
-
-        /* stylelint-disable */
-        .label {
-            margin-left: 0.5em;
-            transform-origin: 0 50%;
-        }
-
-        .right {
-            margin-left: 0.5em;
-        }
-        /* stylelint-enable */
-    }
-
-    &.withIcon.withAnimations.icon-right {
-        .label {
-            transform-origin: 100% 50%;
-        }
-    }
-
-    &.withIconColumns {
-        display: inline-flex;
-        flex-direction: row;
-        align-items: center;
-    }
-
-    &.linkDisabled {
-        opacity: 0.4;
-        text-decoration: none;
-        pointer-events: none;
-    }
-
-    &:focus-visible {
-        outline: 2px solid #000;
-        box-shadow: 0 0 2px 0 var(--micromag-focus-color, #fff);
-    }
-}

package/styles/buttons.module.css

@@ -1,3 +0,0 @@
-.container {
-
-}

package/styles/clear.module.css

@@ -1,23 +0,0 @@
-.container {
-    position: relative;
-    display: inline-block;
-    display: flex !important;
-    width: 18px !important;
-    height: 18px !important;
-    align-items: center;
-    justify-content: center;
-    padding: 0;
-    padding: 0 10px !important;
-    border: 0;
-    border-radius: 4px;
-    appearance: none;
-    background: transparent;
-    background-color: var(--mm-gray-700) !important;
-    color: inherit;
-    cursor: pointer;
-    font-family: inherit;
-
-    .icon {
-        display: block;
-    }
-}

package/styles/collapsable-panel.module.css

@@ -1,31 +0,0 @@
-.container {
-    .top {
-        border-bottom: solid 1px var(--mm-border-color);
-    }
-
-    .button {
-        display: flex;
-        width: 100%;
-        padding: calc(var(--mm-spacer) / 4) 0;
-        font-size: 0.9rem;
-        font-weight: bold;
-        text-align: left;
-    }
-
-    .label {
-        flex-grow: 1;
-    }
-
-    .content {
-        overflow: hidden;
-        max-height: 0;
-        padding-top: var(--mm-spacer);
-        transition: max-height 0.2s ease-out;
-    }
-
-    &.isOpened {
-        .content {
-            max-height: 500px;
-        }
-    }
-}

package/styles/conversation.module.css

@@ -1,37 +0,0 @@
-.container {
-    padding: 10px;
-    mix-blend-mode: difference;
-    text-align: center;
-
-    .icon {
-        width: 25px;
-        height: auto;
-        margin: auto;
-        margin-top: 3px;
-        color: rgb(255 255 255 / 0.6);
-    }
-
-    .message {
-        width: 80%;
-        height: 23px;
-        margin: 3px 1px 0;
-        background-color: rgb(var(--mm-white), 0.6);
-    }
-
-    .placeholderMessage0 {
-        width: 65%;
-    }
-
-    .placeholderMessage1 {
-        margin-left: auto;
-    }
-
-    .placeholderMessage2 {
-        width: 65%;
-    }
-
-    .placeholderMessage3 {
-        width: 50%;
-        margin-left: auto;
-    }
-}

package/styles/dialog.module.css

@@ -1,13 +0,0 @@
-.container {
-    display: block;
-    padding: 0 5px;
-    opacity: 1;
-
-    /* max-width: 600px; */
-
-    /* &.modal-md { */
-
-    /* max-width: 600px; */
-
-    /* } */
-}

package/styles/empty.module.css

@@ -1,22 +0,0 @@
-.container {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    border: dashed 2px var(--mm-gray-600);
-    color: var(--mm-gray-600);
-
-    .middle {
-        text-align: center;
-    }
-
-    &.withoutBorder {
-        border: 0;
-    }
-
-    &.invertColor {
-        border: dashed 2px var(--mm-gray-800);
-        color: var(--mm-gray-800);
-    }
-}

package/styles/form-panel.module.css

@@ -1,3 +0,0 @@
-.container {
-
-}

package/styles/form.module.css

@@ -1,22 +0,0 @@
-.container {
-    /* overflow: hidden; */
-
-    .panel {
-        /* composes: formTransitions from '../shared.module.css'; */
-    }
-}
-
-.actions {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    margin-top: calc(var(--mm-spacer) * 2);
-
-    &.left {
-        justify-content: flex-start;
-    }
-
-    &.right {
-        justify-content: flex-end;
-    }
-}

package/styles/link.module.css

@@ -1,9 +0,0 @@
-.withoutStyle {
-    color: inherit;
-    text-decoration: none;
-
-    &:hover {
-        color: inherit;
-        text-decoration: none;
-    }
-}

package/styles/map.module.css

@@ -1,43 +0,0 @@
-.container {
-    position: relative;
-
-    .icon {
-        position: absolute;
-        width: 15%;
-        height: 15%;
-        color: var(--mm-black);
-
-        &:nth-child(1) {
-            top: 10%;
-            left: 40%;
-        }
-
-        &:nth-child(2) {
-            top: 35%;
-            left: 60%;
-        }
-
-        &:nth-child(3) {
-            top: 50%;
-            left: 15%;
-        }
-
-        &:nth-child(4) {
-            top: 70%;
-            left: 60%;
-        }
-    }
-
-    &::before {
-        position: absolute;
-        top: 0;
-        left: 0;
-        display: block;
-        width: 100%;
-        height: 100%;
-        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAEyCAYAAABnKjtfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4NzhDN0UyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NzhDN0QyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTg3OEM3OTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTg3OEM3QTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpB4mwIAAAxNSURBVHja7J1B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');
-        background-size: cover;
-        content: '';
-        opacity: 0.2;
-    }
-}

package/styles/media.module.css

@@ -1,3 +0,0 @@
-.container {
-
-}

package/styles/modal.module.css

@@ -1,22 +0,0 @@
-.container {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    overflow-y: auto;
-
-    &.center {
-        > .inner {
-            margin: auto;
-        }
-    }
-
-    &.top {
-        > .inner {
-            padding: 1.75rem 0;
-            margin: 0 auto;
-        }
-    }
-}

package/styles/modals.module.css

@@ -1,12 +0,0 @@
-.container {
-    position: static;
-}
-
-.modals {
-    &.hasModals {
-        position: fixed;
-        z-index: 1000;
-        inset: 10px;
-        background-color: rgb(28 28 28 / 0.5);
-    }
-}

package/styles/navbar.module.css

@@ -1,9 +0,0 @@
-.collapse {
-    flex-basis: initial;
-    flex-grow: initial;
-
-    @media screen and (width >= 768px) {
-        flex-basis: 100%;
-        flex-grow: 1;
-    }
-}

package/styles/pagination.module.css

@@ -1,3 +0,0 @@
-.container {
-
-}

package/styles/panel.module.css

@@ -1,3 +0,0 @@
-.container {
-    position: static;
-}

package/styles/panels.module.css

@@ -1,3 +0,0 @@
-.container {
-    position: static;
-}

package/styles/placeholder-block.module.css

@@ -1,29 +0,0 @@
-.container {
-    padding: 2px;
-
-    &.outline {
-        border: 2px solid rgb(255 255 255 / 0.6);
-        margin: 2px 0;
-    }
-
-    &.withInvertedColors {
-        mix-blend-mode: difference;
-    }
-}
-
-.box {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 auto;
-    background-color: currentcolor;
-
-    .withInvertedColors & {
-        background-color: rgb(255 255 255 / 0.6);
-    }
-
-    .outline & {
-        background-color: transparent;
-    }
-}

package/styles/placeholder-text.module.css

@@ -1,17 +0,0 @@
-.container {
-    width: 100%;
-    padding: 2px;
-
-    &.withInvertedColors {
-        mix-blend-mode: difference;
-    }
-}
-
-.line {
-    height: 16px;
-    background-color: currentcolor;
-
-    .withInvertedColors & {
-        background-color: rgb(255 255 255 / 0.6);
-    }
-}

package/styles/placeholders.module.css

@@ -1,3 +0,0 @@
-.icon {
-    color: var(--mm-black);
-}

package/styles/preview.module.css

@@ -1,34 +0,0 @@
-.stack {
-    position: relative;
-    overflow: hidden;
-
-    .stackScreen {
-        position: relative;
-        z-index: 10;
-    }
-
-    .stackItem {
-        position: absolute;
-        top: 0;
-        left: 0;
-        border: 1px solid var(--mm-gray-500);
-        background-color: var(--mm-gray-700);
-
-        &:nth-child(1) {
-            z-index: 3;
-        }
-
-        &:nth-child(2) {
-            z-index: 2;
-        }
-
-        &:nth-child(3) {
-            z-index: 1;
-        }
-    }
-}
-
-.screen {
-    overflow: hidden;
-    user-select: none;
-}

package/styles/quiz-answer.module.css

@@ -1,29 +0,0 @@
-.container {
-    display: flex;
-    align-items: center;
-    mix-blend-mode: difference;
-
-    .block {
-        flex-grow: 1;
-    }
-
-    .answer {
-        width: 12px;
-        padding: 0 1px;
-        margin-right: 6px;
-        color: rgb(255 255 255 / 0.6);
-    }
-
-    .answerIcon {
-        display: block;
-        width: 100%;
-        height: 100%;
-        color: rgb(var(--mm-white), 0.6);
-    }
-
-    &.good {
-        .answer {
-            padding: 0;
-        }
-    }
-}

package/styles/screen-placeholder.module.css

@@ -1,5 +0,0 @@
-.screen {
-    overflow: hidden;
-    background-color: transparent;
-    user-select: none;
-}

package/styles/screen-sizer.module.css

@@ -1,14 +0,0 @@
-.container {
-    position: relative;
-}
-
-.frame {
-    position: relative;
-}
-
-.screen {
-    position: absolute;
-    top: 0;
-    left: 0;
-    transform-origin: 0 0;
-}

package/styles/screen.module.css

@@ -1,52 +0,0 @@
-.container {
-    background-color: var(--mm-black);
-    color: var(--mm-white);
-    font-family: Helvetica, Arial, sans-serif;
-    font-size: 16px;
-    font-weight: normal;
-    line-height: 1.1;
-
-    & *,
-    & *::before,
-    & *::after {
-    box-sizing: border-box;
-    }
-
-    & h1,
-    & h2,
-    & h3,
-    & h4,
-    & h5,
-    & h6,
-    & p,
-    & ul,
-    & ol,
-    & dl,
-    & li,
-    & address,
-    & blockquote,
-    & pre,
-    & figure,
-    & caption,
-    & label,
-    & legend {
-    padding: 0;
-    margin: 0;
-    }
-
-    & h1,
-    & h2,
-    & h3,
-    & h4,
-    & h5,
-    & h6,
-    & p,
-    & li {
-    font-weight: inherit;
-    }
-
-    & mark,
-    & .mark {
-    color: inherit;
-    }
-}

package/styles/screens.module.css

@@ -1,16 +0,0 @@
-.container {
-    .screen {
-        position: absolute;
-        top: 0;
-        left: 0;
-        overflow: hidden;
-        width: 100%;
-        height: 100%;
-        transform: translate(100%, 0);
-        user-select: none;
-
-        &.visible {
-            transform: translate(0, 0);
-        }
-    }
-}

package/styles/share-options.module.css

@@ -1,27 +0,0 @@
-.container {
-    .box {
-        display: block;
-        background-color: transparent;
-    }
-
-    .icon {
-        width: 10px;
-        height: auto;
-        color: var(--mm-black);
-    }
-}
-
-.item {
-    display: flex;
-    width: 100%;
-    padding: 3px;
-    background-color: var(--mm-gray-300);
-
-    + .item {
-        margin-top: 5px;
-    }
-}
-
-.button {
-    font-size: 1rem;
-}