morya-ui 0.4.2 → 0.4.4

package/dist/components/Stepper/styles.css

@@ -1,152 +1,152 @@
-/* --- Navigation: Stepper --- */
-.m-stepper {
-    --m-stepper-marker-size: 1.5rem;
-    --m-stepper-connector-width: var(--m-space-5);
-    --m-stepper-font: var(--m-control-font-medium);
-    --m-stepper-pad-y: var(--m-space-2);
-    --m-stepper-pad-x: var(--m-space-3);
-    align-items: center;
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--m-space-2);
-    position: relative;
-}
-
-.m-stepper--small {
-    --m-stepper-marker-size: 1.25rem;
-    --m-stepper-connector-width: var(--m-space-4);
-    --m-stepper-font: var(--m-control-font-small);
-    --m-stepper-pad-y: var(--m-space-1);
-    --m-stepper-pad-x: var(--m-space-2);
-}
-
-.m-stepper__step:not(:last-child)::after {
-    background: var(--m-stepper-connector-color);
-    content: '';
-    height: var(--m-border-width);
-    margin-inline: var(--m-space-1);
-    width: var(--m-stepper-connector-width);
-}
-
-.m-stepper__step {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    border-radius: var(--m-radius-md);
-    color: var(--m-color-text-muted);
-    cursor: pointer;
-    display: inline-flex;
-    font-family: var(--m-font-sans);
-    font-size: var(--m-stepper-font);
-    gap: var(--m-space-2);
-    min-height: var(--m-control-height-medium);
-    padding: var(--m-stepper-pad-y) var(--m-stepper-pad-x);
-    transition:
-        color var(--m-motion-fast) var(--m-motion-ease),
-        background-color var(--m-motion-fast) var(--m-motion-ease),
-        opacity var(--m-motion-fast) var(--m-motion-ease);
-}
-
-.m-stepper--small .m-stepper__step {
-    min-height: var(--m-control-height-small);
-}
-
-.m-stepper__step:hover:not(:disabled):not(.m-stepper__step--disabled):not(
-        .m-stepper__step--active
-    ):not(.m-stepper__step--process) {
-    background: color-mix(in srgb, var(--m-color-primary) 6%, transparent);
-    color: var(--m-color-text);
-}
-
-.m-stepper__step--active {
-    color: var(--m-color-primary);
-    font-weight: 500;
-}
-
-.m-stepper__step--completed {
-    color: var(--m-color-text);
-}
-
-.m-stepper__step--disabled,
-.m-stepper__step:disabled {
-    cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
-}
-
-.m-stepper__step:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
-}
-
-.m-stepper__marker {
-    align-items: center;
-    background: color-mix(
-        in srgb,
-        var(--m-color-text-muted) 16%,
-        var(--m-color-surface)
-    );
-    border-radius: var(--m-radius-full);
-    display: inline-flex;
-    font-size: var(--m-font-size-xs);
-    font-weight: 700;
-    height: var(--m-stepper-marker-size);
-    justify-content: center;
-    transition: background-color var(--m-motion-fast) var(--m-motion-ease),
-        color var(--m-motion-fast) var(--m-motion-ease);
-    width: var(--m-stepper-marker-size);
-}
-
-.m-stepper__step--active .m-stepper__marker {
-    background: var(--m-color-primary);
-    color: var(--m-color-on-emphasis);
-}
-
-.m-stepper__content {
-    margin-top: var(--m-space-4);
-}
-
-.m-stepper--vertical {
-    align-items: stretch;
-    flex-direction: column;
-}
-
-.m-stepper__copy {
-    display: grid;
-    gap: var(--m-space-1);
-    text-align: start;
-}
-
-.m-stepper__description {
-    color: var(--m-color-text-muted);
-    font-size: var(--m-font-size-xs);
-    font-weight: 400;
-}
-
-.m-stepper__step--error .m-stepper__marker {
-    background: var(--m-color-danger);
-    color: var(--m-color-on-emphasis);
-}
-
-.m-stepper__step--finish .m-stepper__marker {
-    background: color-mix(in srgb, var(--m-color-primary) 14%, var(--m-color-surface));
-    box-shadow: inset 0 0 0 var(--m-border-width) var(--m-color-primary);
-    color: var(--m-color-primary);
-}
-
-.m-stepper__step--process .m-stepper__marker {
-    background: var(--m-color-primary);
-    color: var(--m-color-on-emphasis);
-}
-
-.m-stepper__step--wait {
-    color: var(--m-color-text-muted);
-}
-
-.m-stepper__step--finish {
-    color: var(--m-color-text);
-}
-
-.m-stepper__step--process {
-    color: var(--m-color-primary);
-    font-weight: 500;
-}
+/* --- Navigation: Stepper --- */
+.m-stepper {
+    --m-stepper-marker-size: 1.5rem;
+    --m-stepper-connector-width: var(--m-space-5);
+    --m-stepper-font: var(--m-control-font-medium);
+    --m-stepper-pad-y: var(--m-space-2);
+    --m-stepper-pad-x: var(--m-space-3);
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--m-space-2);
+    position: relative;
+}
+
+.m-stepper--small {
+    --m-stepper-marker-size: 1.25rem;
+    --m-stepper-connector-width: var(--m-space-4);
+    --m-stepper-font: var(--m-control-font-small);
+    --m-stepper-pad-y: var(--m-space-1);
+    --m-stepper-pad-x: var(--m-space-2);
+}
+
+.m-stepper__step:not(:last-child)::after {
+    background: var(--m-stepper-connector-color);
+    content: '';
+    height: var(--m-border-width);
+    margin-inline: var(--m-space-1);
+    width: var(--m-stepper-connector-width);
+}
+
+.m-stepper__step {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-md);
+    color: var(--m-color-text-muted);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--m-font-sans);
+    font-size: var(--m-stepper-font);
+    gap: var(--m-space-2);
+    min-height: var(--m-control-height-medium);
+    padding: var(--m-stepper-pad-y) var(--m-stepper-pad-x);
+    transition:
+        color var(--m-motion-fast) var(--m-motion-ease),
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-stepper--small .m-stepper__step {
+    min-height: var(--m-control-height-small);
+}
+
+.m-stepper__step:hover:not(:disabled):not(.m-stepper__step--disabled):not(
+        .m-stepper__step--active
+    ):not(.m-stepper__step--process) {
+    background: color-mix(in srgb, var(--m-color-primary) 6%, transparent);
+    color: var(--m-color-text);
+}
+
+.m-stepper__step--active {
+    color: var(--m-color-primary);
+    font-weight: 500;
+}
+
+.m-stepper__step--completed {
+    color: var(--m-color-text);
+}
+
+.m-stepper__step--disabled,
+.m-stepper__step:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-stepper__step:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-stepper__marker {
+    align-items: center;
+    background: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 16%,
+        var(--m-color-surface)
+    );
+    border-radius: var(--m-radius-full);
+    display: inline-flex;
+    font-size: var(--m-font-size-xs);
+    font-weight: 700;
+    height: var(--m-stepper-marker-size);
+    justify-content: center;
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
+    width: var(--m-stepper-marker-size);
+}
+
+.m-stepper__step--active .m-stepper__marker {
+    background: var(--m-color-primary);
+    color: var(--m-color-on-emphasis);
+}
+
+.m-stepper__content {
+    margin-top: var(--m-space-4);
+}
+
+.m-stepper--vertical {
+    align-items: stretch;
+    flex-direction: column;
+}
+
+.m-stepper__copy {
+    display: grid;
+    gap: var(--m-space-1);
+    text-align: start;
+}
+
+.m-stepper__description {
+    color: var(--m-color-text-muted);
+    font-size: var(--m-font-size-xs);
+    font-weight: 400;
+}
+
+.m-stepper__step--error .m-stepper__marker {
+    background: var(--m-color-danger);
+    color: var(--m-color-on-emphasis);
+}
+
+.m-stepper__step--finish .m-stepper__marker {
+    background: color-mix(in srgb, var(--m-color-primary) 14%, var(--m-color-surface));
+    box-shadow: inset 0 0 0 var(--m-border-width) var(--m-color-primary);
+    color: var(--m-color-primary);
+}
+
+.m-stepper__step--process .m-stepper__marker {
+    background: var(--m-color-primary);
+    color: var(--m-color-on-emphasis);
+}
+
+.m-stepper__step--wait {
+    color: var(--m-color-text-muted);
+}
+
+.m-stepper__step--finish {
+    color: var(--m-color-text);
+}
+
+.m-stepper__step--process {
+    color: var(--m-color-primary);
+    font-weight: 500;
+}

package/dist/components/Switch/styles.css

@@ -1,129 +1,129 @@
-.m-switch--invalid .m-switch__track {
-    box-shadow: 0 0 0 var(--m-border-width) var(--m-color-danger);
-}
-
-.m-switch {
-    --m-switch-track-height: 1.25rem;
-    --m-switch-track-width: 2.25rem;
-    --m-switch-thumb-size: 1rem;
-    --m-switch-checked-offset: 1rem;
-    --m-switch-spinner-size: 0.55rem;
-}
-
-.m-switch__track {
-    align-items: center;
-    background: var(--m-color-border);
-    border-radius: var(--m-radius-full);
-    display: inline-flex;
-    flex: 0 0 auto;
-    height: var(--m-switch-track-height);
-    padding: var(--m-space-1);
-    transition:
-        background-color var(--m-motion-fast) var(--m-motion-ease),
-        box-shadow var(--m-motion-fast) var(--m-motion-ease);
-    width: var(--m-switch-track-width);
-}
-
-.m-switch:not(.m-switch--disabled):hover
-    .m-switch__input:not(:checked)
-    + .m-switch__track {
-    background: color-mix(in srgb, var(--m-color-text-muted) 55%, var(--m-color-border));
-}
-
-.m-switch__thumb {
-    background: var(--m-color-surface);
-    border-radius: var(--m-radius-full);
-    box-shadow: var(--m-shadow-sm);
-    height: var(--m-switch-thumb-size);
-    transform: translateX(0);
-    transition: transform var(--m-motion-fast) var(--m-motion-ease);
-    width: var(--m-switch-thumb-size);
-}
-
-.m-switch__input:checked + .m-switch__track {
-    background: var(--m-color-primary);
-}
-
-.m-switch:not(.m-switch--disabled):hover .m-switch__input:checked + .m-switch__track {
-    background: var(--m-color-primary-hover);
-}
-
-.m-switch__input:checked + .m-switch__track .m-switch__thumb {
-    transform: translateX(var(--m-switch-checked-offset));
-}
-
-.m-switch--invalid .m-switch__input:focus-visible + .m-switch__track {
-    box-shadow: var(--m-focus-shadow-danger);
-}
-
-.m-switch--small {
-    --m-switch-track-height: 1rem;
-    --m-switch-track-width: 1.75rem;
-    --m-switch-thumb-size: 0.75rem;
-    --m-switch-checked-offset: 0.75rem;
-}
-
-.m-switch--small .m-switch__track {
-    height: var(--m-switch-track-height);
-    width: var(--m-switch-track-width);
-}
-
-.m-switch--small .m-switch__thumb {
-    height: var(--m-switch-thumb-size);
-    width: var(--m-switch-thumb-size);
-}
-
-.m-switch--small
-    .m-switch__input:checked
-    + .m-switch__track
-    .m-switch__thumb {
-    transform: translateX(var(--m-switch-checked-offset));
-}
-
-.m-switch--large {
-    --m-switch-track-height: 1.5rem;
-    --m-switch-track-width: 2.75rem;
-    --m-switch-thumb-size: 1.2rem;
-    --m-switch-checked-offset: 1.25rem;
-}
-
-.m-switch--large .m-switch__track {
-    height: var(--m-switch-track-height);
-    width: var(--m-switch-track-width);
-}
-
-.m-switch--large .m-switch__thumb {
-    height: var(--m-switch-thumb-size);
-    width: var(--m-switch-thumb-size);
-}
-
-.m-switch--large
-    .m-switch__input:checked
-    + .m-switch__track
-    .m-switch__thumb {
-    transform: translateX(var(--m-switch-checked-offset));
-}
-
-.m-switch__text {
-    color: var(--m-color-on-emphasis);
-    font-family: var(--m-font-sans);
-    font-size: var(--m-font-size-xs);
-    padding: 0 var(--m-space-1);
-    pointer-events: none;
-}
-
-.m-switch__spinner {
-    animation: m-progress-spinner-rotate var(--m-motion-spin-fast) linear infinite;
-    border: var(--m-border-width) solid
-        color-mix(in srgb, var(--m-color-primary) 40%, transparent);
-    border-radius: 50%;
-    border-top-color: var(--m-color-primary);
-    display: block;
-    height: var(--m-switch-spinner-size);
-    width: var(--m-switch-spinner-size);
-}
-
-[data-m-motion="reduced"] .m-switch__spinner {
-    animation: none;
-    border-top-color: var(--m-color-text-muted);
-}
+.m-switch--invalid .m-switch__track {
+    box-shadow: 0 0 0 var(--m-border-width) var(--m-color-danger);
+}
+
+.m-switch {
+    --m-switch-track-height: 1.25rem;
+    --m-switch-track-width: 2.25rem;
+    --m-switch-thumb-size: 1rem;
+    --m-switch-checked-offset: 1rem;
+    --m-switch-spinner-size: 0.55rem;
+}
+
+.m-switch__track {
+    align-items: center;
+    background: var(--m-color-border);
+    border-radius: var(--m-radius-full);
+    display: inline-flex;
+    flex: 0 0 auto;
+    height: var(--m-switch-track-height);
+    padding: var(--m-space-1);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow var(--m-motion-fast) var(--m-motion-ease);
+    width: var(--m-switch-track-width);
+}
+
+.m-switch:not(.m-switch--disabled):hover
+    .m-switch__input:not(:checked)
+    + .m-switch__track {
+    background: color-mix(in srgb, var(--m-color-text-muted) 55%, var(--m-color-border));
+}
+
+.m-switch__thumb {
+    background: var(--m-color-surface);
+    border-radius: var(--m-radius-full);
+    box-shadow: var(--m-shadow-sm);
+    height: var(--m-switch-thumb-size);
+    transform: translateX(0);
+    transition: transform var(--m-motion-fast) var(--m-motion-ease);
+    width: var(--m-switch-thumb-size);
+}
+
+.m-switch__input:checked + .m-switch__track {
+    background: var(--m-color-primary);
+}
+
+.m-switch:not(.m-switch--disabled):hover .m-switch__input:checked + .m-switch__track {
+    background: var(--m-color-primary-hover);
+}
+
+.m-switch__input:checked + .m-switch__track .m-switch__thumb {
+    transform: translateX(var(--m-switch-checked-offset));
+}
+
+.m-switch--invalid .m-switch__input:focus-visible + .m-switch__track {
+    box-shadow: var(--m-focus-shadow-danger);
+}
+
+.m-switch--small {
+    --m-switch-track-height: 1rem;
+    --m-switch-track-width: 1.75rem;
+    --m-switch-thumb-size: 0.75rem;
+    --m-switch-checked-offset: 0.75rem;
+}
+
+.m-switch--small .m-switch__track {
+    height: var(--m-switch-track-height);
+    width: var(--m-switch-track-width);
+}
+
+.m-switch--small .m-switch__thumb {
+    height: var(--m-switch-thumb-size);
+    width: var(--m-switch-thumb-size);
+}
+
+.m-switch--small
+    .m-switch__input:checked
+    + .m-switch__track
+    .m-switch__thumb {
+    transform: translateX(var(--m-switch-checked-offset));
+}
+
+.m-switch--large {
+    --m-switch-track-height: 1.5rem;
+    --m-switch-track-width: 2.75rem;
+    --m-switch-thumb-size: 1.2rem;
+    --m-switch-checked-offset: 1.25rem;
+}
+
+.m-switch--large .m-switch__track {
+    height: var(--m-switch-track-height);
+    width: var(--m-switch-track-width);
+}
+
+.m-switch--large .m-switch__thumb {
+    height: var(--m-switch-thumb-size);
+    width: var(--m-switch-thumb-size);
+}
+
+.m-switch--large
+    .m-switch__input:checked
+    + .m-switch__track
+    .m-switch__thumb {
+    transform: translateX(var(--m-switch-checked-offset));
+}
+
+.m-switch__text {
+    color: var(--m-color-on-emphasis);
+    font-family: var(--m-font-sans);
+    font-size: var(--m-font-size-xs);
+    padding: 0 var(--m-space-1);
+    pointer-events: none;
+}
+
+.m-switch__spinner {
+    animation: m-progress-spinner-rotate var(--m-motion-spin-fast) linear infinite;
+    border: var(--m-border-width) solid
+        color-mix(in srgb, var(--m-color-primary) 40%, transparent);
+    border-radius: 50%;
+    border-top-color: var(--m-color-primary);
+    display: block;
+    height: var(--m-switch-spinner-size);
+    width: var(--m-switch-spinner-size);
+}
+
+[data-m-motion="reduced"] .m-switch__spinner {
+    animation: none;
+    border-top-color: var(--m-color-text-muted);
+}