@kumori/aurora-wui-components 0.0.137 → 0.0.139

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-button.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-button/axebow-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIvD,OAAO,2DAA2D,CAAC;AAEnE,qBACa,YAAa,SAAQ,UAAU;IACC,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAa;IAEoB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC7C,OAAO,UAAS;IAChB,IAAI,UAAS;IACb,MAAM,UAAS;IACZ,QAAQ,UAAS;IACpB,OAAO,UAAS;IAChB,KAAK,UAAS;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD;;;;;OAKG;IACyB,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAY;;IAOvE,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAerC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,MAAM,CAAC,MAAM,4BAkLX;IAEF,MAAM;CAyBP"}
1
+ {"version":3,"file":"axebow-button.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-button/axebow-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIvD,OAAO,2DAA2D,CAAC;AAEnE,qBACa,YAAa,SAAQ,UAAU;IACC,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAa;IAEoB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC7C,OAAO,UAAS;IAChB,IAAI,UAAS;IACb,MAAM,UAAS;IACZ,QAAQ,UAAS;IACpB,OAAO,UAAS;IAChB,KAAK,UAAS;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD;;;;;OAKG;IACyB,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAY;;IAOvE,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAerC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,MAAM,CAAC,MAAM,4BAqLX;IAEF,MAAM;CAyBP"}
@@ -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,4BASX;IAE0B,KAAK,SAAkB;IACtB,WAAW,UAAS;IACrB,eAAe,SAAM;IAEjD,MAAM;IAwBN,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;IAkBN,OAAO,CAAC,QAAQ;CAGjB"}
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-card-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,oDAAoD,CAAC;AAC5D,OAAO,yBAAyB,CAAC;AAEjC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAGX;IAE2B,UAAU,UAAS;IACnB,WAAW,UAAS;IACrB,UAAU,SAAM;IAChB,aAAa,SAAM;IACnB,WAAW,SAAM;IAChB,WAAW,UAAS;IACpB,eAAe,UAAS;IAC1B,kBAAkB,EAAE,cAAc,EAAE,CAAM;IACzC,UAAU,SAAW;IACrB,gBAAgB,SAAU;IAC1B,WAAW,SAAM;IAE7C,MAAM;IAiCN,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,SAAS;CAGlB"}
1
+ {"version":3,"file":"axebow-card-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,oDAAoD,CAAC;AAC5D,OAAO,yBAAyB,CAAC;AAEjC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAGX;IAE2B,UAAU,UAAS;IACnB,WAAW,UAAS;IACrB,UAAU,SAAM;IAChB,aAAa,SAAM;IACnB,WAAW,SAAM;IAChB,WAAW,UAAS;IACpB,eAAe,UAAS;IAC1B,kBAAkB,EAAE,cAAc,EAAE,CAAM;IACzC,UAAU,SAAW;IACrB,gBAAgB,SAAU;IAC1B,WAAW,SAAM;IAE7C,MAAM;IAyCN,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,SAAS;CAGlB"}
package/dist/index.js CHANGED
@@ -1018,29 +1018,32 @@ var AxebowButton = class AxebowButton extends LitElement {
1018
1018
  }
1019
1019
 
1020
1020
  /**
1021
- * The label part carries sl-button's own left/right spacing
1022
- * (top/bottom are always 0 natively). Each size's fallback points at
1023
- * shoelace's own token for that size, so unconfigured buttons render
1024
- * byte-for-byte as before - only an explicit padding* property
1025
- * changes anything.
1021
+ * The label part carries sl-button's own internal left/right spacing
1022
+ * via a higher-specificity internal rule
1023
+ * (.button--has-label.button--{size} .button__label), which an
1024
+ * external ::part() override of equal-or-lower specificity cannot
1025
+ * beat on its own - !important is required here, not optional
1026
+ * styling preference. Each size's fallback points at shoelace's own
1027
+ * token for that size, so unconfigured buttons render byte-for-byte
1028
+ * as before - only an explicit padding* property changes anything.
1026
1029
  */
1027
1030
  sl-button[size='small']::part(label) {
1028
- padding-top: var(--axebow-button-padding-top, 0);
1029
- padding-right: var(--axebow-button-padding-right, var(--sl-spacing-small));
1030
- padding-bottom: var(--axebow-button-padding-bottom, 0);
1031
- padding-left: var(--axebow-button-padding-left, var(--sl-spacing-small));
1031
+ padding-top: var(--axebow-button-padding-top, 0) !important;
1032
+ padding-right: var(--axebow-button-padding-right, var(--sl-spacing-small)) !important;
1033
+ padding-bottom: var(--axebow-button-padding-bottom, 0) !important;
1034
+ padding-left: var(--axebow-button-padding-left, var(--sl-spacing-small)) !important;
1032
1035
  }
1033
1036
  sl-button[size='medium']::part(label) {
1034
- padding-top: var(--axebow-button-padding-top, 0);
1035
- padding-right: var(--axebow-button-padding-right, var(--sl-spacing-medium));
1036
- padding-bottom: var(--axebow-button-padding-bottom, 0);
1037
- padding-left: var(--axebow-button-padding-left, var(--sl-spacing-medium));
1037
+ padding-top: var(--axebow-button-padding-top, 0) !important;
1038
+ padding-right: var(--axebow-button-padding-right, var(--sl-spacing-medium)) !important;
1039
+ padding-bottom: var(--axebow-button-padding-bottom, 0) !important;
1040
+ padding-left: var(--axebow-button-padding-left, var(--sl-spacing-medium)) !important;
1038
1041
  }
1039
1042
  sl-button[size='large']::part(label) {
1040
- padding-top: var(--axebow-button-padding-top, 0);
1041
- padding-right: var(--axebow-button-padding-right, var(--sl-spacing-large));
1042
- padding-bottom: var(--axebow-button-padding-bottom, 0);
1043
- padding-left: var(--axebow-button-padding-left, var(--sl-spacing-large));
1043
+ padding-top: var(--axebow-button-padding-top, 0) !important;
1044
+ padding-right: var(--axebow-button-padding-right, var(--sl-spacing-large)) !important;
1045
+ padding-bottom: var(--axebow-button-padding-bottom, 0) !important;
1046
+ padding-left: var(--axebow-button-padding-left, var(--sl-spacing-large)) !important;
1044
1047
  }
1045
1048
 
1046
1049
  /**
@@ -1169,13 +1172,13 @@ var AxebowButton = class AxebowButton extends LitElement {
1169
1172
  * it's combined with.
1170
1173
  */
1171
1174
  sl-button[hoverstyle='border']:hover::part(base) {
1172
- background-color: var(--axebow-anti-flash-white);
1173
- border-radius: 0.5rem;
1174
- outline-color: transparent;
1175
- border-color: transparent;
1175
+ background-color: var(--axebow-anti-flash-white) !important;
1176
+ border-radius: 0.5rem !important;
1177
+ outline-color: transparent !important;
1178
+ border-color: transparent !important;
1176
1179
  }
1177
1180
  sl-button[hoverstyle='border']:hover::part(label) {
1178
- color: var(--axebow-gray);
1181
+ color: var(--axebow-gray) !important;
1179
1182
  }
1180
1183
  `];
1181
1184
  }
@@ -3069,25 +3072,21 @@ var AxebowCardActionBanner = class AxebowCardActionBanner extends LitElement {
3069
3072
  this.styles = [unsafeCSS(tailwind_default), css`
3070
3073
  :host { display: block; }
3071
3074
  .tertiary-bg { background-color: color-mix(in srgb, var(--axebow-tertiary) 10%, white); }
3075
+ .clickable { cursor: pointer; }
3076
+ .clickable:hover { background-color: var(--axebow-base); --axebow-tertiary: var(--axebow-gray); }
3072
3077
  axebow-button::part(label) { color: var(--axebow-tertiary); font-weight: 600; display: flex; align-items: center; gap: 2px; }
3073
- axebow-button::part(base) { height: auto; min-height: unset; background-color: transparent; cursor: pointer; }
3078
+ axebow-button::part(base) { padding: 0; height: auto; min-height: unset; pointer-events: none; background-color: transparent; }
3074
3079
  axebow-icon { display: inline-flex; align-items: center; line-height: 1; }
3075
3080
  `];
3076
3081
  }
3077
3082
  render() {
3078
3083
  return html`
3079
3084
  <div
3080
- 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"
3085
+ 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"
3086
+ @click=${this.isPlainRole ? void 0 : this._onClick}
3081
3087
  >
3082
3088
  ${this.isPlainRole ? html`<span class="text-(--axebow-gray)">${this.notAllowedLabel}</span>` : html`
3083
- <axebow-button
3084
- variant="text"
3085
- size="small"
3086
- hoverStyle="border"
3087
- paddingLeft="0"
3088
- paddingRight="0"
3089
- @click=${this._onClick}
3090
- >
3089
+ <axebow-button variant="text" size="small">
3091
3090
  ${this.label}
3092
3091
  <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
3093
3092
  </axebow-button>
@@ -3183,7 +3182,15 @@ var AxebowCardFooter = class AxebowCardFooter extends LitElement {
3183
3182
  .moreActionsLabel=${this.moreActionsLabel}
3184
3183
  @toggled=${this._onToggled}
3185
3184
  ></axebow-more-actions>
3186
- ` : showAction ? html`<axebow-button variant="text" size="medium" @click=${this._onAction}>${this.actionLabel}</axebow-button>` : ""}
3185
+ ` : showAction ? html`<axebow-button
3186
+ variant="text"
3187
+ size="medium"
3188
+ hoverStyle="border"
3189
+ paddingLeft="0.5rem"
3190
+ paddingRight="0.5rem"
3191
+ @click=${this._onAction}
3192
+ >${this.actionLabel}</axebow-button
3193
+ >` : ""}
3187
3194
  </div>
3188
3195
  `;
3189
3196
  }