morya-ui 0.2.8 → 0.2.9

package/dist/components/InputPassword/styles.css

@@ -17,62 +17,35 @@
 
 .m-password {
     --m-password-toggle-size: var(--m-control-affix-size);
-    display: inline-flex;
-    max-width: 100%;
-    position: relative;
-}
-
-.m-password--fluid {
-    display: flex;
-    width: 100%;
-}
-
-.m-password__input {
+    align-items: center;
     background: var(--m-color-surface);
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-control);
-    color: var(--m-color-text);
-    font-family: var(--m-font-sans);
-    font-size: var(--m-control-font-medium);
+    box-sizing: border-box;
+    display: inline-flex;
+    max-width: 100%;
     min-height: var(--m-control-height-medium);
-    padding: 0 var(--m-control-padding-x-medium);
     transition:
         border-color var(--m-motion-fast) var(--m-motion-ease),
         box-shadow 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);
-    width: 100%;
 }
 
-.m-password--toggle .m-password__input {
-    padding-right: var(--m-control-affix-gap);
+.m-password--fluid {
+    display: flex;
+    width: 100%;
 }
 
-.m-password--small .m-password__input {
+.m-password--small {
     min-height: var(--m-control-height-small);
-    font-size: var(--m-control-font-small);
-    padding: 0 var(--m-control-padding-x-small);
-}
-
-.m-password--small.m-password--toggle .m-password__input {
-    padding-right: var(--m-control-affix-gap);
 }
 
-.m-password--large .m-password__input {
+.m-password--large {
     min-height: var(--m-control-height-large);
-    font-size: var(--m-control-font-large);
-    padding: 0 var(--m-control-padding-x-large);
 }
 
-.m-password--large.m-password--toggle .m-password__input {
-    padding-right: var(--m-control-affix-gap);
-}
-
-.m-password--invalid .m-password__input {
-    border-color: var(--m-color-danger);
-}
-
-.m-password--filled .m-password__input {
+.m-password--filled {
     background: color-mix(
         in srgb,
         var(--m-color-text-muted) 12%,
@@ -81,84 +54,111 @@
     border-color: transparent;
 }
 
-.m-password__clear {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    border-radius: var(--m-radius-sm);
-    color: var(--m-color-text-muted);
-    cursor: pointer;
-    display: inline-flex;
-    font-size: var(--m-font-size-lg);
-    height: var(--m-control-affix-size);
-    justify-content: center;
-    padding: 0;
-    position: absolute;
-    right: var(--m-space-1);
-    top: 50%;
-    transform: translateY(-50%);
-    width: var(--m-control-affix-size);
-    z-index: 1;
+.m-password--invalid {
+    border-color: var(--m-color-danger);
 }
 
-.m-password--toggle .m-password__clear {
-    right: calc(var(--m-control-affix-size) + var(--m-space-2));
+.m-password:hover:not(.m-password--disabled):not(:focus-within) {
+    border-color: var(--m-color-primary-hover);
 }
 
-.m-password__clear:hover:not(:disabled) {
-    color: var(--m-color-text);
+.m-password:focus-within {
+    border-color: var(--m-color-primary-hover);
+    box-shadow: var(--m-focus-shadow);
 }
 
-.m-password__clear:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
+.m-password--invalid:focus-within {
+    border-color: var(--m-color-danger);
+    box-shadow: var(--m-focus-shadow-danger);
 }
 
-.m-password__clear:disabled {
+.m-password--disabled {
     cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
 }
 
-.m-password--disabled .m-password__input {
-    cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
+.m-password__input {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    color: var(--m-color-text);
+    flex: 1 1 auto;
+    font-family: var(--m-font-sans);
+    font-size: var(--m-control-font-medium);
+    height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
+    line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
+    min-height: 0;
+    min-width: 0;
+    padding: 0 var(--m-control-padding-x-medium);
+    width: 100%;
+}
+
+.m-password--small .m-password__input {
+    font-size: var(--m-control-font-small);
+    height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
+    line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
+    padding: 0 var(--m-control-padding-x-small);
+}
+
+.m-password--large .m-password__input {
+    font-size: var(--m-control-font-large);
+    height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
+    line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
+    padding: 0 var(--m-control-padding-x-large);
+}
+
+.m-password__input:focus,
+.m-password__input:focus-visible {
+    box-shadow: none;
+    outline: none;
 }
 
+.m-password__clear,
 .m-password__toggle {
     align-items: center;
+    align-self: center;
     background: transparent;
     border: 0;
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text-muted);
     cursor: pointer;
     display: inline-flex;
+    flex: 0 0 auto;
     justify-content: center;
+    padding: 0;
+}
+
+.m-password__clear {
+    font-size: var(--m-font-size-lg);
+    height: var(--m-control-affix-size);
+    width: var(--m-control-affix-size);
+}
+
+.m-password--toggle .m-password__clear {
+    margin-right: 0;
+}
+
+.m-password__toggle {
     min-height: var(--m-password-toggle-size);
     min-width: var(--m-password-toggle-size);
-    padding: var(--m-space-1);
-    position: absolute;
-    right: var(--m-space-1);
-    top: 50%;
-    transform: translateY(-50%);
 }
 
+.m-password__clear:hover:not(:disabled),
 .m-password__toggle:hover:not(:disabled) {
     color: var(--m-color-text);
 }
 
-.m-password__toggle:disabled {
-    cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
-}
-
+.m-password__clear:focus-visible,
 .m-password__toggle:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }
 
-.m-password--invalid .m-password__input:focus-visible {
-    border-color: var(--m-color-danger);
-    box-shadow: var(--m-focus-shadow-danger);
+.m-password__clear:disabled,
+.m-password__toggle:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
 }
 
 .m-password__feedback {

package/dist/components/Layout/LayoutContent.vue.d.ts

@@ -1,14 +1,10 @@
-import { LayoutContentProps, LayoutExpose, LayoutPosition } from './types';
+import { LayoutContentProps, LayoutPosition } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_11: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: DefineComponent<LayoutContentProps, LayoutExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    scroll: (eventPayload: Event) => any;
-}, string, PublicProps, Readonly<LayoutContentProps> & Readonly<{
-    onScroll?: ((eventPayload: Event) => any) | undefined;
-}>, {
+declare const __VLS_base: DefineComponent<LayoutContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LayoutContentProps> & Readonly<{}>, {
     position: LayoutPosition;
     embedded: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/dist/components/Layout/LayoutContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutContent.vue"],"names":[],"mappings":";AA+DA,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAiHhE,QAAA,IAAuB,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"LayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutContent.vue"],"names":[],"mappings":";AAwCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA8DlD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Layout/LayoutSider.vue.d.ts

@@ -1,20 +1,18 @@
-import { LayoutExpose, LayoutSiderProps, LayoutPosition, LayoutTrigger, LayoutCollapseMode } from './types';
+import { LayoutSiderProps, LayoutPosition, LayoutTrigger, LayoutCollapseMode } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_11: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: DefineComponent<LayoutSiderProps, LayoutExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base: DefineComponent<LayoutSiderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     expand: () => any;
     collapse: () => any;
-    scroll: (eventPayload: Event) => any;
     "after-leave": () => any;
     "update:collapsed": (value: boolean) => any;
     "after-enter": () => any;
 }, string, PublicProps, Readonly<LayoutSiderProps> & Readonly<{
     onExpand?: (() => any) | undefined;
     onCollapse?: (() => any) | undefined;
-    onScroll?: ((eventPayload: Event) => any) | undefined;
     "onAfter-leave"?: (() => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     "onAfter-enter"?: (() => any) | undefined;

package/dist/components/Layout/LayoutSider.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSider.vue"],"names":[],"mappings":";AAmNA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqS9D,QAAA,IAAuB,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"LayoutSider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSider.vue"],"names":[],"mappings":";AAiLA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA0OhD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts

@@ -3,6 +3,8 @@ export interface LayoutRegionStyleInput {
     height?: number | string;
     heightFallback?: string;
     padding?: number | string;
+    /** When false, padding is only written if `padding` is set. Default true. */
+    applyDefaultPadding?: boolean;
     radius?: number | string;
 }
 export declare function useLayoutRegionStyle(input: MaybeRefOrGetter<LayoutRegionStyleInput>): ComputedRef<Record<string, string>>;

package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutRegionStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/composables/useLayoutRegionStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAIzD,MAAM,WAAW,sBAAsB;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAUD,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,GAChD,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAuBrC"}
+{"version":3,"file":"useLayoutRegionStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/composables/useLayoutRegionStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAIzD,MAAM,WAAW,sBAAsB;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAUD,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,GAChD,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CA0BrC"}

package/dist/components/Layout/styles.css

@@ -91,7 +91,6 @@
 }
 
 .m-layout-content {
-    --m-layout-padding: var(--m-space-4);
     --m-layout-radius: 0;
     display: flex;
     flex: 1 1 auto;
@@ -100,12 +99,6 @@
     min-width: 0;
 }
 
-.m-layout-content > .m-layout__scroll,
-.m-layout-content > .m-layout__scrollbar {
-    flex: 1 1 auto;
-    min-height: 0;
-}
-
 .m-layout-header,
 .m-layout-footer {
     background: var(--m-color-surface);
@@ -184,7 +177,6 @@
 .m-layout-sider {
     --m-layout-sider-width: 12.5rem;
     --m-layout-sider-collapsed-width: 4rem;
-    --m-layout-padding: var(--m-space-4);
     --m-layout-radius: 0;
     --m-layout-trigger-size: 1.5rem;
     align-self: stretch;
@@ -193,8 +185,8 @@
     color: var(--m-color-text);
     display: flex;
     flex-basis: var(--m-layout-sider-width);
+    flex-direction: column;
     flex-shrink: 0;
-    justify-content: flex-end;
     min-width: 0;
     /* Do not clip the collapse trigger (it sits half outside the sider edge).
        Collapsed transform overflow is clipped by `.m-layout { overflow: hidden }`. */
@@ -205,46 +197,22 @@
         border-color var(--m-motion-normal) var(--m-motion-ease),
         width var(--m-motion-normal) var(--m-motion-ease),
         max-width var(--m-motion-normal) var(--m-motion-ease),
-        background-color var(--m-motion-normal) var(--m-motion-ease);
+        background-color var(--m-motion-normal) var(--m-motion-ease),
+        opacity var(--m-motion-normal) var(--m-motion-ease);
     z-index: 1;
 }
 
-.m-layout-sider--right-placement {
-    justify-content: flex-start;
-}
-
-.m-layout-sider__scroll,
-.m-layout-sider__scrollbar {
-    box-sizing: border-box;
-    flex: 1 1 auto;
-    height: 100%;
-    max-width: 100%;
-    min-height: 0;
-    min-width: 0;
-    overflow: hidden;
-    overflow-x: hidden;
-    width: 100%;
-}
-
-/* Opacity only on the scrollbar root. The wrap keeps `.m-layout-sider__scroll`
-   and must stay opaque once the root fades in. */
-.m-layout-sider__scrollbar {
+.m-layout-sider:not(.m-layout-sider--show-content) > :not(.m-layout-sider__trigger):not(.m-layout-sider__border) {
     opacity: 0;
+    pointer-events: none;
     transition: opacity var(--m-motion-normal) var(--m-motion-ease);
 }
 
-.m-layout-sider--collapse-transform > .m-layout-sider__scroll,
-.m-layout-sider--collapse-transform > .m-layout-sider__scrollbar {
+.m-layout-sider--collapse-transform {
     flex-shrink: 0;
-    min-width: var(--m-layout-sider-width);
-}
-
-.m-layout-sider--show-content > .m-layout-sider__scrollbar {
-    opacity: 1;
 }
 
-.m-layout-sider--collapse-width > .m-layout-sider__scroll,
-.m-layout-sider--collapse-width > .m-layout-sider__scrollbar {
+.m-layout-sider--collapse-width {
     flex-shrink: 1;
     min-width: 0;
 }
@@ -439,7 +407,6 @@
     html:not([data-m-ignore-reduced-motion]) .m-layout-header,
     html:not([data-m-ignore-reduced-motion]) .m-layout-footer,
     html:not([data-m-ignore-reduced-motion]) .m-layout-sider,
-    html:not([data-m-ignore-reduced-motion]) .m-layout-sider__scrollbar,
     html:not([data-m-ignore-reduced-motion]) .m-layout-sider__arrow,
     html:not([data-m-ignore-reduced-motion]) .m-layout-sider__bar-top,
     html:not([data-m-ignore-reduced-motion]) .m-layout-sider__bar-bottom {
@@ -451,7 +418,6 @@
 [data-m-motion="reduced"] .m-layout-header,
 [data-m-motion="reduced"] .m-layout-footer,
 [data-m-motion="reduced"] .m-layout-sider,
-[data-m-motion="reduced"] .m-layout-sider__scrollbar,
 [data-m-motion="reduced"] .m-layout-sider__arrow,
 [data-m-motion="reduced"] .m-layout-sider__bar-top,
 [data-m-motion="reduced"] .m-layout-sider__bar-bottom,
@@ -459,7 +425,6 @@
 [data-m-motion="none"] .m-layout-header,
 [data-m-motion="none"] .m-layout-footer,
 [data-m-motion="none"] .m-layout-sider,
-[data-m-motion="none"] .m-layout-sider__scrollbar,
 [data-m-motion="none"] .m-layout-sider__arrow,
 [data-m-motion="none"] .m-layout-sider__bar-top,
 [data-m-motion="none"] .m-layout-sider__bar-bottom {

package/dist/components/Layout/types.d.ts

@@ -50,13 +50,12 @@ export interface LayoutContentProps {
     pt?: RootPassThrough;
     /** Content height. Defaults to filling the parent layout. */
     height?: number | string;
+    /** Optional padding; no default — apply only when set. */
     padding?: number | string;
     radius?: number | string;
     /** Soft background. */
     embedded?: boolean;
     position?: LayoutPosition;
-    contentClass?: string;
-    contentStyle?: string | CSSProperties;
 }
 export interface LayoutSiderProps {
     pt?: RootPassThrough;
@@ -67,6 +66,7 @@ export interface LayoutSiderProps {
     width?: number | string;
     /** Collapsed max-width. */
     collapsedWidth?: number | string;
+    /** Optional padding; no default — apply only when set. */
     padding?: number | string;
     radius?: number | string;
     /** Controlled collapsed state (`v-model:collapsed`). */
@@ -74,8 +74,8 @@ export interface LayoutSiderProps {
     /** Uncontrolled initial collapsed state. */
     defaultCollapsed?: boolean;
     /**
-     * `transform` (default): keep content width, clip with max-width.
-     * `width`: shrink content with the sider.
+     * `transform` (default): keep expanded `width`, collapse via `max-width`.
+     * `width`: shrink `width` with the sider.
      */
     collapseMode?: LayoutCollapseMode;
     /** Show sider content while collapsed. */
@@ -85,8 +85,6 @@ export interface LayoutSiderProps {
     triggerStyle?: string | CSSProperties;
     collapsedTriggerClass?: string;
     collapsedTriggerStyle?: string | CSSProperties;
-    contentClass?: string;
-    contentStyle?: string | CSSProperties;
 }
 export interface LayoutSiderEmits {
     (event: "update:collapsed", value: boolean): void;
@@ -94,7 +92,6 @@ export interface LayoutSiderEmits {
     (event: "expand"): void;
     (event: "after-enter"): void;
     (event: "after-leave"): void;
-    (event: "scroll", eventPayload: Event): void;
 }
 export interface LayoutScrollEmits {
     (event: "scroll", eventPayload: Event): void;

package/dist/components/Layout/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/types.ts"],"names":[],"mappings":"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"}

package/dist/components/Menu/styles.css

@@ -42,7 +42,10 @@
     border: 0;
     border-radius: 0;
     min-width: 0;
-    padding: 0;
+    /* Keep a block inset so the first item does not sit on a brand rule or sider edge.
+       Horizontal embed resets this below. */
+    padding-block: var(--m-space-2);
+    padding-inline: 0;
     width: 100%;
 }
 

package/dist/components/Textarea/styles.css

@@ -47,6 +47,20 @@
     padding: var(--m-space-4) var(--m-control-padding-x-large);
 }
 
+.m-textarea-field__control--clearable .m-textarea {
+    padding-right: var(--m-control-affix-gap);
+}
+
+.m-textarea-field__control--clearable .m-textarea--small,
+.m-textarea-field__control--clearable .m-textarea--sm {
+    padding-right: var(--m-control-affix-gap);
+}
+
+.m-textarea-field__control--clearable .m-textarea--large,
+.m-textarea-field__control--clearable .m-textarea--lg {
+    padding-right: calc(var(--m-control-affix-gap) + var(--m-space-1));
+}
+
 .m-textarea--auto-resize {
     overflow: hidden;
 }
@@ -68,8 +82,8 @@
     justify-content: center;
     padding: 0;
     position: absolute;
-    right: var(--m-space-1);
     top: var(--m-space-2);
+    right: 0;
     width: var(--m-control-affix-size);
     z-index: 1;
 }