@kumori/aurora-wui-components 0.0.233 → 0.0.234
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/index.js +4 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6952,19 +6952,17 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
6952
6952
|
render() {
|
|
6953
6953
|
const tabs = Array.from({ length: this._tabCount }, (_, i) => i);
|
|
6954
6954
|
return html`
|
|
6955
|
-
<div
|
|
6956
|
-
class="w-full max-w-194.25 rounded-xl box-border ${this.bordered ? "border border-(--axebow-table-header-border)" : ""}"
|
|
6957
|
-
>
|
|
6955
|
+
<div class="w-full max-w-194.25 rounded-xl box-border">
|
|
6958
6956
|
<div class="w-full h-8 flex bg-(--axebow-base) gap-1 rounded-t-xl box-border">
|
|
6959
6957
|
${tabs.map((i) => {
|
|
6960
6958
|
const active = this._activeTab === i;
|
|
6961
6959
|
const isDisabled = this._tabDisabled[i];
|
|
6962
6960
|
return html`
|
|
6963
6961
|
<button
|
|
6964
|
-
class="flex-1 h-8 flex items-center justify-center gap-2
|
|
6962
|
+
class="flex-1 h-8 flex items-center justify-center gap-2 transition-colors duration-200 font-medium
|
|
6965
6963
|
focus-visible:outline-2 focus-visible:outline-(--axebow-tertiary)
|
|
6966
6964
|
${isDisabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
|
|
6967
|
-
${active ?
|
|
6965
|
+
${active ? `bg-white text-(--axebow-primary) rounded-t-lg tab-active ${this.bordered ? "border border-(--axebow-table-header-border)" : "border-none"}` : "bg-transparent text-(--axebow-secondary) rounded-lg tab-inactive border-none"}"
|
|
6968
6966
|
?disabled=${isDisabled}
|
|
6969
6967
|
@click=${() => this._selectTab(i)}
|
|
6970
6968
|
>
|
|
@@ -6980,7 +6978,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
6980
6978
|
</div>
|
|
6981
6979
|
|
|
6982
6980
|
<div
|
|
6983
|
-
class="w-full min-h-35 p-4 bg-white rounded-b-xl rounded-tr-xl box-border ${this._activeTab !== 0 ? "rounded-tl-xl" : ""}"
|
|
6981
|
+
class="w-full min-h-35 p-4 bg-white rounded-b-xl rounded-tr-xl box-border ${this._activeTab !== 0 ? "rounded-tl-xl" : ""} ${this.bordered ? "border border-(--axebow-table-header-border)" : ""}"
|
|
6984
6982
|
>
|
|
6985
6983
|
${tabs.map((i) => html`
|
|
6986
6984
|
<div class="${this._activeTab === i ? "block" : "hidden"}">
|