@stella-source/stellasource-dsl 1.4.3 → 1.5.3
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/cjs/index.js +14 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/Tabs/Styles.d.ts +2 -0
- package/dist/cjs/types/components/Tabs/Tab.d.ts +10 -0
- package/dist/cjs/types/components/Tabs/Tabs.d.ts +4 -0
- package/dist/cjs/types/components/Tabs/Tabs.stories.d.ts +11 -0
- package/dist/cjs/types/components/Tabs/types.d.ts +9 -0
- package/dist/cjs/types/index.d.ts +2 -1
- package/dist/esm/index.esm.js +14 -1
- package/dist/esm/index.esm.js.map +1 -1
- package/dist/esm/types/components/Tabs/Styles.d.ts +2 -0
- package/dist/esm/types/components/Tabs/Tab.d.ts +10 -0
- package/dist/esm/types/components/Tabs/Tabs.d.ts +4 -0
- package/dist/esm/types/components/Tabs/Tabs.stories.d.ts +11 -0
- package/dist/esm/types/components/Tabs/types.d.ts +9 -0
- package/dist/esm/types/index.d.ts +2 -1
- package/dist/index.d.ts +12 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -21945,6 +21945,19 @@ const PaymentStatus = ({ variant, id, className }) => {
|
|
|
21945
21945
|
a$l.createElement(PaymentStatusLabel, null, label)));
|
|
21946
21946
|
};
|
|
21947
21947
|
|
|
21948
|
+
const Tab = ({ id, className, onClick, htmlProps, label }) => {
|
|
21949
|
+
return (a$l.createElement("button", { id: id, className: className, onClick: () => onClick?.(label), ...htmlProps }, label));
|
|
21950
|
+
};
|
|
21951
|
+
|
|
21952
|
+
const TabsBar = styled.nav `
|
|
21953
|
+
display: flex;
|
|
21954
|
+
gap: 2px;
|
|
21955
|
+
`;
|
|
21956
|
+
|
|
21957
|
+
const Tabs = ({ id, className, tabs, activeTab, htmlProps, onTabClick, }) => {
|
|
21958
|
+
return (a$l.createElement(TabsBar, { id: id, className: className, ...htmlProps }, tabs.map((tab) => (a$l.createElement(Tab, { key: `${id}-${tab}`, id: `${id}-${tab}`, label: tab, onClick: () => onTabClick(tab) })))));
|
|
21959
|
+
};
|
|
21960
|
+
|
|
21948
21961
|
exports.HelperText = HelperText;
|
|
21949
21962
|
exports.IconButton = IconButton;
|
|
21950
21963
|
exports.Label = Label;
|
|
@@ -21959,6 +21972,7 @@ exports.Styles = Styles;
|
|
|
21959
21972
|
exports.Sync = Sync;
|
|
21960
21973
|
exports.Table = Table;
|
|
21961
21974
|
exports.TableUnitsAndTotals = TableUnitsAndTotals;
|
|
21975
|
+
exports.Tabs = Tabs;
|
|
21962
21976
|
exports.TextInput = TextInput;
|
|
21963
21977
|
exports.Tooltip = Tooltip;
|
|
21964
21978
|
//# sourceMappingURL=index.js.map
|