morya-ui 0.4.3 → 0.4.4

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);
+}

package/dist/components/Tabs/styles.css

@@ -1,165 +1,165 @@
-.m-tabs {
-    font-family: var(--m-font-sans);
-    --m-tabs-font: var(--m-control-font-medium);
-    --m-tabs-pad-y: var(--m-space-3);
-    --m-tabs-pad-x: var(--m-space-2);
-    --m-tabs-min-height: var(--m-control-height-medium);
-}
-
-.m-tabs--small {
-    --m-tabs-font: var(--m-control-font-small);
-    --m-tabs-pad-y: var(--m-space-2);
-    --m-tabs-pad-x: var(--m-space-2);
-    --m-tabs-min-height: var(--m-control-height-small);
-}
-
-.m-tabs--large {
-    --m-tabs-font: var(--m-control-font-large);
-    --m-tabs-pad-y: var(--m-space-4);
-    --m-tabs-pad-x: var(--m-space-3);
-    --m-tabs-min-height: var(--m-control-height-large);
-}
-
-.m-tabs__bar {
-    align-items: center;
-    display: flex;
-    gap: var(--m-space-2);
-}
-
-.m-tabs--centered .m-tabs__bar {
-    justify-content: center;
-}
-
-.m-tabs--centered .m-tabs__scroller {
-    flex: 0 1 auto;
-}
-
-.m-tabs--centered .m-tabs__extra {
-    margin-left: 0;
-}
-
-.m-tabs__scroller {
-    flex: 1;
-    min-width: 0;
-}
-
-.m-tabs__list {
-    border-bottom: var(--m-border-width) solid var(--m-color-split);
-    display: flex;
-    gap: var(--m-space-2);
-    min-width: max-content;
-    width: max-content;
-}
-
-.m-tabs--card .m-tabs__list {
-    border-bottom: 0;
-    gap: var(--m-space-1);
-}
-
-.m-tabs__item {
-    align-items: center;
-    display: inline-flex;
-    position: relative;
-}
-
-.m-tabs__tab {
-    --m-tabs-indicator-width: 2px;
-    background: transparent;
-    border: 0;
-    border-bottom: var(--m-tabs-indicator-width) solid transparent;
-    color: var(--m-color-text-muted);
-    cursor: pointer;
-    font-family: var(--m-font-sans);
-    font-size: var(--m-tabs-font);
-    min-height: var(--m-tabs-min-height);
-    padding: var(--m-tabs-pad-y) var(--m-tabs-pad-x);
-    transition:
-        color var(--m-motion-fast) var(--m-motion-ease),
-        border-color var(--m-motion-fast) var(--m-motion-ease),
-        background-color var(--m-motion-fast) var(--m-motion-ease);
-}
-
-.m-tabs__tab:hover:not(:disabled):not(.m-tabs__tab--active) {
-    color: var(--m-color-primary);
-}
-
-.m-tabs__tab--active {
-    border-color: var(--m-color-primary);
-    color: var(--m-color-primary);
-    font-weight: 500;
-}
-
-.m-tabs--card .m-tabs__tab {
-    background: color-mix(in srgb, var(--m-color-border) 35%, var(--m-color-surface));
-    border: var(--m-border-width) solid var(--m-color-border);
-    border-bottom: 0;
-    border-radius: var(--m-radius-sm) var(--m-radius-sm) 0 0;
-}
-
-.m-tabs--card .m-tabs__tab--active {
-    background: var(--m-color-surface);
-    border-color: var(--m-color-border);
-    color: var(--m-color-primary);
-}
-
-.m-tabs--card .m-tabs__tab:hover:not(:disabled):not(.m-tabs__tab--active) {
-    background: color-mix(in srgb, var(--m-color-primary) 8%, var(--m-color-surface));
-}
-
-.m-tabs__tab:disabled {
-    color: var(--m-color-text-disabled);
-    cursor: not-allowed;
-    opacity: 1;
-}
-
-.m-tabs__tab:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
-}
-
-.m-tabs__close,
-.m-tabs__add,
-.m-tabs__scroll {
-    background: transparent;
-    border: 0;
-    border-radius: var(--m-radius-sm);
-    color: var(--m-color-text-muted);
-    cursor: pointer;
-    font: inherit;
-    line-height: 1;
-    min-height: var(--m-tabs-min-height);
-    padding: var(--m-space-1) var(--m-space-2);
-    transition:
-        background-color var(--m-motion-fast) var(--m-motion-ease),
-        color var(--m-motion-fast) var(--m-motion-ease),
-        opacity var(--m-motion-fast) var(--m-motion-ease);
-}
-
-.m-tabs__close:hover:not(:disabled),
-.m-tabs__add:hover:not(:disabled),
-.m-tabs__scroll:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--m-color-primary) 10%, transparent);
-    color: var(--m-color-primary);
-}
-
-.m-tabs__close:disabled,
-.m-tabs__add:disabled,
-.m-tabs__scroll:disabled {
-    cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
-}
-
-.m-tabs__close:focus-visible,
-.m-tabs__add:focus-visible,
-.m-tabs__scroll:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
-}
-
-.m-tabs__extra {
-    margin-left: auto;
-}
-
-.m-tabs__panel {
-    padding-top: var(--m-space-4);
-}
+.m-tabs {
+    font-family: var(--m-font-sans);
+    --m-tabs-font: var(--m-control-font-medium);
+    --m-tabs-pad-y: var(--m-space-3);
+    --m-tabs-pad-x: var(--m-space-2);
+    --m-tabs-min-height: var(--m-control-height-medium);
+}
+
+.m-tabs--small {
+    --m-tabs-font: var(--m-control-font-small);
+    --m-tabs-pad-y: var(--m-space-2);
+    --m-tabs-pad-x: var(--m-space-2);
+    --m-tabs-min-height: var(--m-control-height-small);
+}
+
+.m-tabs--large {
+    --m-tabs-font: var(--m-control-font-large);
+    --m-tabs-pad-y: var(--m-space-4);
+    --m-tabs-pad-x: var(--m-space-3);
+    --m-tabs-min-height: var(--m-control-height-large);
+}
+
+.m-tabs__bar {
+    align-items: center;
+    display: flex;
+    gap: var(--m-space-2);
+}
+
+.m-tabs--centered .m-tabs__bar {
+    justify-content: center;
+}
+
+.m-tabs--centered .m-tabs__scroller {
+    flex: 0 1 auto;
+}
+
+.m-tabs--centered .m-tabs__extra {
+    margin-left: 0;
+}
+
+.m-tabs__scroller {
+    flex: 1;
+    min-width: 0;
+}
+
+.m-tabs__list {
+    border-bottom: var(--m-border-width) solid var(--m-color-split);
+    display: flex;
+    gap: var(--m-space-2);
+    min-width: max-content;
+    width: max-content;
+}
+
+.m-tabs--card .m-tabs__list {
+    border-bottom: 0;
+    gap: var(--m-space-1);
+}
+
+.m-tabs__item {
+    align-items: center;
+    display: inline-flex;
+    position: relative;
+}
+
+.m-tabs__tab {
+    --m-tabs-indicator-width: 2px;
+    background: transparent;
+    border: 0;
+    border-bottom: var(--m-tabs-indicator-width) solid transparent;
+    color: var(--m-color-text-muted);
+    cursor: pointer;
+    font-family: var(--m-font-sans);
+    font-size: var(--m-tabs-font);
+    min-height: var(--m-tabs-min-height);
+    padding: var(--m-tabs-pad-y) var(--m-tabs-pad-x);
+    transition:
+        color var(--m-motion-fast) var(--m-motion-ease),
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        background-color var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-tabs__tab:hover:not(:disabled):not(.m-tabs__tab--active) {
+    color: var(--m-color-primary);
+}
+
+.m-tabs__tab--active {
+    border-color: var(--m-color-primary);
+    color: var(--m-color-primary);
+    font-weight: 500;
+}
+
+.m-tabs--card .m-tabs__tab {
+    background: color-mix(in srgb, var(--m-color-border) 35%, var(--m-color-surface));
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-bottom: 0;
+    border-radius: var(--m-radius-sm) var(--m-radius-sm) 0 0;
+}
+
+.m-tabs--card .m-tabs__tab--active {
+    background: var(--m-color-surface);
+    border-color: var(--m-color-border);
+    color: var(--m-color-primary);
+}
+
+.m-tabs--card .m-tabs__tab:hover:not(:disabled):not(.m-tabs__tab--active) {
+    background: color-mix(in srgb, var(--m-color-primary) 8%, var(--m-color-surface));
+}
+
+.m-tabs__tab:disabled {
+    color: var(--m-color-text-disabled);
+    cursor: not-allowed;
+    opacity: 1;
+}
+
+.m-tabs__tab:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-tabs__close,
+.m-tabs__add,
+.m-tabs__scroll {
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: var(--m-color-text-muted);
+    cursor: pointer;
+    font: inherit;
+    line-height: 1;
+    min-height: var(--m-tabs-min-height);
+    padding: var(--m-space-1) var(--m-space-2);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-tabs__close:hover:not(:disabled),
+.m-tabs__add:hover:not(:disabled),
+.m-tabs__scroll:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--m-color-primary) 10%, transparent);
+    color: var(--m-color-primary);
+}
+
+.m-tabs__close:disabled,
+.m-tabs__add:disabled,
+.m-tabs__scroll:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-tabs__close:focus-visible,
+.m-tabs__add:focus-visible,
+.m-tabs__scroll:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-tabs__extra {
+    margin-left: auto;
+}
+
+.m-tabs__panel {
+    padding-top: var(--m-space-4);
+}