@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.
- package/dist/components/axebow-button/axebow-button.d.ts.map +1 -1
- package/dist/components/cards/parts/axebow-card-action-banner.d.ts.map +1 -1
- package/dist/components/cards/parts/axebow-card-footer.d.ts.map +1 -1
- package/dist/index.js +40 -33
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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,
|
|
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,
|
|
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;
|
|
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
|
-
*
|
|
1023
|
-
*
|
|
1024
|
-
*
|
|
1025
|
-
*
|
|
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;
|
|
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-
|
|
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
|
|
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
|
}
|