[6.x] User menu

packages/craftcms-cp/src/components/action-item/action-item.styles.ts

@@ -13,7 +13,6 @@ export default css`
     font: inherit;
     text-align: left;
     display: flex;
-    width: 100%;
     align-items: center;
     text-decoration: none;
     padding-inline: var(--c-spacing-sm);

packages/craftcms-cp/src/components/button/button.styles.ts

@@ -113,14 +113,24 @@ export default css`
   Appearances 
    */
 
+  /* None */
+  :host([appearance~='none']),
+  :host([appearance~='none']:hover),
+  :host([appearance~='none']:not(:disabled):not(.loading):active) {
+    background-color: transparent;
+    border-color: transparent;
+    color: inherit;
+    padding: 0;
+  }
+
   /* Plain */
   :host([appearance~='plain']) {
     background-color: transparent;
     border-color: transparent;
     color: inherit;
   }
 
-  :host([appearance~='plain']:hover) {
+  :host([appearance~='plain']:not(:disabled):not(.loading):hover) {
     background-color: color-mix(
       in oklab,
       var(--c-color-fill-quiet, var(--c-button-default-fill)),
@@ -129,7 +139,7 @@ export default css`
     color: var(--c-color-on-quiet);
   }
 
-  :host([appearance~='plain']:active) {
+  :host([appearance~='plain']:not(:disabled):not(.loading):active) {
     color: var(--c-color-on-quiet, var(--c-color-neutral-on-quiet));
     background-color: color-mix(
       in oklab,
@@ -148,7 +158,7 @@ export default css`
     color: var(--c-color-on-normal, var(--c-color-neutral-on-normal));
   }
 
-  :host([appearance~='filled']:hover) {
+  :host([appearance~='filled']:not(:disabled):not(.loading):hover) {
     background-color: color-mix(
       in oklab,
       var(--c-color-fill-normal, var(--c-color-neutral-fill-normal)),
@@ -157,7 +167,7 @@ export default css`
     color: var(--c-color-on-normal, var(--c-color-neutral-on-normal));
   }
 
-  :host([appearance~='filled']:active) {
+  :host([appearance~='filled']:not(:disabled):not(.loading):active) {
     color: var(--c-color-on-quiet, var(--c-color-neutral-on-quiet));
     background-color: color-mix(
       in oklab,
@@ -174,7 +184,7 @@ export default css`
     color: var(--c-color-on-quiet);
   }
 
-  :host([appearance~='dashed']:hover) {
+  :host([appearance~='dashed']:not(:disabled):not(.loading):hover) {
     background-color: color-mix(
       in oklab,
       var(--c-color-fill-quiet, var(--c-button-default-fill)),
@@ -183,7 +193,7 @@ export default css`
     color: var(--c-color-on-quiet);
   }
 
-  :host([appearance~='dashed']:active) {
+  :host([appearance~='dashed']:not(:disabled):not(.loading):active) {
     color: var(--c-color-on-quiet, var(--c-color-neutral-on-quiet));
     background-color: color-mix(
       in oklab,

packages/craftcms-cp/src/components/button/button.ts

@@ -54,6 +54,7 @@ export default class CraftButton extends LionButtonSubmit {
     | 'accent'
     | 'plain'
     | 'filled'
+    | 'none'
     | 'dashed' = 'accent';
 
   /**

packages/craftcms-cp/src/components/input-handle/input-handle.ts

@@ -1,5 +1,6 @@
 import {css} from 'lit';
 import {CraftInput} from '@src/index';
+import {property} from 'lit/decorators.js';
 
 export default class CraftInputHandle extends CraftInput {
   static override get styles() {
@@ -14,15 +15,20 @@ export default class CraftInputHandle extends CraftInput {
     ];
   }
 
-  constructor() {
-    super();
-    this.autocorrect = false;
-  }
+  @property({reflect: true})
+  override autocorrect = false;
+
+  @property({reflect: true, type: String})
+  override autocapitalize = 'off';
 
   override firstUpdated(changedProperties: Map<string, unknown>) {
     super.firstUpdated(changedProperties);
 
-    this._inputNode?.setAttribute('autocapitalize', 'off');
+    this._inputNode?.setAttribute(
+      'autocorrect',
+      this.autocorrect ? 'on' : 'off'
+    );
+    this._inputNode?.setAttribute('autocapitalize', this.autocapitalize);
   }
 }