@kumori/aurora-wui-components 0.0.135 → 0.0.136

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-card-action-banner.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-action-banner.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,kCAAkC,CAAC;AAE1C,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,4BAWX;IAE0B,KAAK,SAAkB;IACtB,WAAW,UAAS;IACrB,eAAe,SAAM;IAEjD,MAAM;IAkBN,OAAO,CAAC,QAAQ;CAGjB"}
1
+ {"version":3,"file":"axebow-card-action-banner.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-action-banner.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,kCAAkC,CAAC;AAE1C,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,4BAWX;IAE0B,KAAK,SAAkB;IACtB,WAAW,UAAS;IACrB,eAAe,SAAM;IAEjD,MAAM;IAiBN,OAAO,CAAC,QAAQ;CAGjB"}
package/dist/index.js CHANGED
@@ -3010,21 +3010,20 @@ var AxebowCardActionBanner = class AxebowCardActionBanner extends LitElement {
3010
3010
  this.styles = [unsafeCSS(tailwind_default), css`
3011
3011
  :host { display: block; }
3012
3012
  .tertiary-bg { background-color: color-mix(in srgb, var(--axebow-tertiary) 10%, white); }
3013
- .clickable { cursor: pointer; }
3014
- .clickable:hover { background-color: var(--axebow-base); --axebow-tertiary: var(--axebow-gray); }
3015
3013
  axebow-button::part(label) { color: var(--axebow-tertiary); font-weight: 600; display: flex; align-items: center; gap: 2px; }
3016
- axebow-button::part(base) { padding: 0; height: auto; min-height: unset; pointer-events: none; background-color: transparent; }
3014
+ axebow-button::part(base) { padding: 0; height: auto; min-height: unset; background-color: transparent; cursor: pointer; }
3015
+ axebow-button:hover::part(base) { background-color: var(--axebow-base); border-radius: 0.375rem; }
3016
+ axebow-button:hover::part(label) { color: var(--axebow-gray); }
3017
3017
  axebow-icon { display: inline-flex; align-items: center; line-height: 1; }
3018
3018
  `];
3019
3019
  }
3020
3020
  render() {
3021
3021
  return html`
3022
3022
  <div
3023
- class="${this.isPlainRole ? "" : "tertiary-bg clickable"} flex items-center justify-center gap-1 w-87 h-6.5 box-border px-3 text-sm text-center overflow-hidden"
3024
- @click=${this.isPlainRole ? void 0 : this._onClick}
3023
+ class="${this.isPlainRole ? "" : "tertiary-bg"} flex items-center justify-end gap-1 w-87 h-6.5 box-border px-3 text-sm text-center overflow-hidden"
3025
3024
  >
3026
3025
  ${this.isPlainRole ? html`<span class="text-(--axebow-gray)">${this.notAllowedLabel}</span>` : html`
3027
- <axebow-button variant="text" size="small">
3026
+ <axebow-button variant="text" size="small" @click=${this._onClick}>
3028
3027
  ${this.label}
3029
3028
  <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
3030
3029
  </axebow-button>