@loja-integrada/admin-components 0.9.5 → 0.9.6
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/Tabs/Tabs.stories.d.ts +1 -0
- package/dist/Components/Tabs/TabsItem.d.ts +1 -1
- package/dist/Components/Tabs/TabsItem.interface.d.ts +4 -0
- package/dist/admin-components.cjs.development.js +7 -3
- package/dist/admin-components.cjs.development.js.map +1 -1
- package/dist/admin-components.cjs.production.min.js +1 -1
- package/dist/admin-components.cjs.production.min.js.map +1 -1
- package/dist/admin-components.esm.js +7 -3
- package/dist/admin-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Components/Tabs/Tabs.stories.tsx +19 -3
- package/src/Components/Tabs/TabsItem.interface.ts +4 -0
- package/src/Components/Tabs/TabsItem.tsx +9 -5
|
@@ -1898,20 +1898,24 @@ var activeStyles = function activeStyles(active) {
|
|
|
1898
1898
|
|
|
1899
1899
|
|
|
1900
1900
|
var boldFixStyle = "before:content-[attr(data-title)] before:block before:font-semibold before:h-0 before:overflow-hidden before:visibility-hidden";
|
|
1901
|
+
var disabledStyle = 'text-inverted-2 cursor-not-allowed';
|
|
1901
1902
|
var TabsItem = function TabsItem(_ref) {
|
|
1902
1903
|
var id = _ref.id,
|
|
1903
1904
|
title = _ref.title,
|
|
1904
1905
|
_ref$active = _ref.active,
|
|
1905
1906
|
active = _ref$active === void 0 ? false : _ref$active,
|
|
1907
|
+
_ref$disabled = _ref.disabled,
|
|
1908
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
1906
1909
|
onChange = _ref.onChange;
|
|
1907
1910
|
return React.createElement("button", {
|
|
1908
1911
|
id: "btnTab" + id,
|
|
1909
|
-
className: "tabs-item " + (active ? 'tabs-item-active' : '') + " group min-w-0 flex-shrink-0 overflow-x-hidden px-2 last:-mr-2 first:-ml-2",
|
|
1912
|
+
className: "tabs-item " + (active ? 'tabs-item-active' : '') + " group min-w-0 flex-shrink-0 overflow-x-hidden px-2 last:-mr-2 first:-ml-2 " + (disabled ? disabledStyle : ''),
|
|
1910
1913
|
onClick: function onClick() {
|
|
1911
1914
|
return onChange(id);
|
|
1912
|
-
}
|
|
1915
|
+
},
|
|
1916
|
+
disabled: disabled
|
|
1913
1917
|
}, React.createElement("span", {
|
|
1914
|
-
className: "block
|
|
1918
|
+
className: "block tracking-4 text-f6 text-sm py-4 border-b-4 break-words " + (disabled ? '' : 'group-hover:font-semibold') + " " + activeStyles(active) + " " + boldFixStyle,
|
|
1915
1919
|
"data-title": title
|
|
1916
1920
|
}, title));
|
|
1917
1921
|
};
|