morya-ui 0.4.4 → 0.5.0

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

package/dist/components/Terminal/styles.css

@@ -1,75 +1,75 @@
-/* —— Data: Terminal —— */
-.m-terminal {
-    --m-terminal-bg: var(--m-color-contrast);
-    --m-terminal-fg: var(--m-color-contrast-fg);
-    --m-terminal-prompt: var(--m-color-success);
-    --m-terminal-border: color-mix(in srgb, var(--m-color-on-emphasis) 12%, transparent);
-    --m-terminal-min-height: 12rem;
-    background: var(--m-terminal-bg);
-    border: var(--m-border-width) solid var(--m-color-border);
-    border-radius: var(--m-radius-md);
-    color: var(--m-terminal-fg);
-    display: flex;
-    flex-direction: column;
-    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-    min-height: var(--m-terminal-min-height);
-    overflow: hidden;
-}
-
-.m-terminal__body {
-    flex: 1 1 auto;
-    min-height: 0;
-    overflow: hidden;
-}
-
-.m-terminal__body.m-terminal__scrollbar > .m-scrollbar__wrap {
-    padding: var(--m-space-3);
-}
-
-.m-terminal__welcome,
-.m-terminal__line {
-    line-height: 1.5;
-    margin-bottom: var(--m-space-1);
-}
-
-.m-terminal__response {
-    color: color-mix(in srgb, var(--m-terminal-fg) 85%, transparent);
-    line-height: 1.5;
-    margin-bottom: var(--m-space-2);
-    white-space: pre-wrap;
-}
-
-.m-terminal__form {
-    align-items: center;
-    border-top: var(--m-border-width) solid var(--m-terminal-border);
-    display: flex;
-    gap: var(--m-space-2);
-    padding: var(--m-space-2) var(--m-space-3);
-}
-
-.m-terminal__prompt {
-    color: var(--m-terminal-prompt);
-}
-
-[data-theme="dark"] .m-terminal {
-    --m-terminal-bg: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
-    --m-terminal-fg: var(--m-color-text);
-    --m-terminal-prompt: var(--m-color-success);
-    --m-terminal-border: color-mix(in srgb, var(--m-color-on-emphasis) 14%, transparent);
-}
-
-.m-terminal__input {
-    background: transparent;
-    border: 0;
-    border-radius: var(--m-radius-sm);
-    color: inherit;
-    flex: 1;
-    font: inherit;
-    outline: none;
-}
-
-.m-terminal__input:focus,
-.m-terminal__input:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
-}
+/* —— Data: Terminal —— */
+.m-terminal {
+    --m-terminal-bg: var(--m-color-contrast);
+    --m-terminal-fg: var(--m-color-contrast-fg);
+    --m-terminal-prompt: var(--m-color-success);
+    --m-terminal-border: color-mix(in srgb, var(--m-color-on-emphasis) 12%, transparent);
+    --m-terminal-min-height: 12rem;
+    background: var(--m-terminal-bg);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    color: var(--m-terminal-fg);
+    display: flex;
+    flex-direction: column;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    min-height: var(--m-terminal-min-height);
+    overflow: hidden;
+}
+
+.m-terminal__body {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: hidden;
+}
+
+.m-terminal__body.m-terminal__scrollbar > .m-scrollbar__wrap {
+    padding: var(--m-space-3);
+}
+
+.m-terminal__welcome,
+.m-terminal__line {
+    line-height: 1.5;
+    margin-bottom: var(--m-space-1);
+}
+
+.m-terminal__response {
+    color: color-mix(in srgb, var(--m-terminal-fg) 85%, transparent);
+    line-height: 1.5;
+    margin-bottom: var(--m-space-2);
+    white-space: pre-wrap;
+}
+
+.m-terminal__form {
+    align-items: center;
+    border-top: var(--m-border-width) solid var(--m-terminal-border);
+    display: flex;
+    gap: var(--m-space-2);
+    padding: var(--m-space-2) var(--m-space-3);
+}
+
+.m-terminal__prompt {
+    color: var(--m-terminal-prompt);
+}
+
+[data-theme="dark"] .m-terminal {
+    --m-terminal-bg: color-mix(in srgb, var(--m-color-text) 6%, var(--m-color-surface));
+    --m-terminal-fg: var(--m-color-text);
+    --m-terminal-prompt: var(--m-color-success);
+    --m-terminal-border: color-mix(in srgb, var(--m-color-on-emphasis) 14%, transparent);
+}
+
+.m-terminal__input {
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: inherit;
+    flex: 1;
+    font: inherit;
+    outline: none;
+}
+
+.m-terminal__input:focus,
+.m-terminal__input:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}