odaptos_design_system 2.0.50 → 2.0.52
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/Atoms/Switch/Switch.d.ts +3 -1
- package/dist/DesignTokens/Icons/Miscellaneous/OtherTab.d.ts +7 -0
- package/dist/DesignTokens/Icons/index.d.ts +1 -0
- package/dist/odaptos_design_system.cjs.development.js +39 -4
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +39 -5
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Switch/Switch.tsx +9 -2
- package/src/DesignTokens/Icons/Miscellaneous/OtherTab.tsx +39 -0
- package/src/DesignTokens/Icons/index.ts +1 -0
- package/src/Molecules/Tabs/TabsUnderLine.tsx +0 -2
- package/src/Molecules/Tabs/tabsUnderline.modules.scss +0 -2
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface SwitchProps {
|
|
3
3
|
label?: string;
|
|
4
|
+
labelWeight?: 'bold' | 'semi-bold' | 'regular';
|
|
5
|
+
rightLabel?: string;
|
|
4
6
|
checked: boolean;
|
|
5
7
|
disabled?: boolean;
|
|
6
8
|
onChange: () => void;
|
|
7
9
|
className?: string;
|
|
8
10
|
}
|
|
9
|
-
export declare const Switch: ({ label, checked, disabled, onChange, className, }: SwitchProps) => React.JSX.Element;
|
|
11
|
+
export declare const Switch: ({ label, labelWeight, rightLabel, checked, disabled, onChange, className, }: SwitchProps) => React.JSX.Element;
|
|
10
12
|
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SvgIconProps } from '@mui/material';
|
|
3
|
+
interface CustomSvgProps {
|
|
4
|
+
size?: 'sm' | 'base' | 'lg' | 'xl';
|
|
5
|
+
}
|
|
6
|
+
export default function OtherTab({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -164,6 +164,7 @@ export { default as NbOfUsersIcon } from './Miscellaneous/NbOfUsersIcon';
|
|
|
164
164
|
export { default as NeutralBackgroudIcon } from './Miscellaneous/NeutralBackgroudIcon';
|
|
165
165
|
export { default as OfficeDrawerIcon } from './Miscellaneous/OfficeDrawerIcon';
|
|
166
166
|
export { default as OneColumnIcon } from './Miscellaneous/OneColumnIcon';
|
|
167
|
+
export { default as OtherTab } from './Miscellaneous/OtherTab';
|
|
167
168
|
export { default as RefreshIcon } from './Miscellaneous/RefreshIcon';
|
|
168
169
|
export { default as ReportIcon } from './Miscellaneous/ReportIcon';
|
|
169
170
|
export { default as SeatIcon } from './Miscellaneous/SeatIcon';
|
|
@@ -9572,6 +9572,35 @@ function OneColumnIcon({
|
|
|
9572
9572
|
})))));
|
|
9573
9573
|
}
|
|
9574
9574
|
|
|
9575
|
+
function OtherTab({
|
|
9576
|
+
stroke,
|
|
9577
|
+
strokeWidth,
|
|
9578
|
+
fill,
|
|
9579
|
+
size = 'base',
|
|
9580
|
+
...rest
|
|
9581
|
+
}) {
|
|
9582
|
+
return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
|
|
9583
|
+
strokeWidth: strokeWidth ?? 0.1,
|
|
9584
|
+
stroke: stroke ? stroke : 'currentColor',
|
|
9585
|
+
sx: {
|
|
9586
|
+
height: getIconSize(size),
|
|
9587
|
+
width: getIconSize(size)
|
|
9588
|
+
},
|
|
9589
|
+
fill: fill
|
|
9590
|
+
}, rest), /*#__PURE__*/React__default.createElement("svg", {
|
|
9591
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9592
|
+
width: "17",
|
|
9593
|
+
height: "16",
|
|
9594
|
+
viewBox: "0 0 17 16",
|
|
9595
|
+
fill: "none"
|
|
9596
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
9597
|
+
"fill-rule": "evenodd",
|
|
9598
|
+
"clip-rule": "evenodd",
|
|
9599
|
+
d: "M11.2384 0.666748H15.3463C15.4128 0.666748 15.4761 0.680064 15.5338 0.704174C15.5865 0.726103 15.636 0.757669 15.6798 0.798872C15.6871 0.805743 15.6942 0.812838 15.701 0.820145C15.7411 0.86273 15.7721 0.910767 15.7939 0.961776C15.8192 1.02064 15.8332 1.08549 15.8332 1.15361V5.26149C15.8332 5.53038 15.6152 5.74835 15.3463 5.74835C15.0774 5.74835 14.8595 5.53038 14.8595 5.26149V2.32899L6.56194 10.6265C6.37181 10.8166 6.06355 10.8166 5.87342 10.6265C5.68329 10.4364 5.68329 10.1281 5.87342 9.93798L14.1709 1.64047H11.2384C10.9695 1.64047 10.7516 1.42249 10.7516 1.15361C10.7516 0.884723 10.9695 0.666748 11.2384 0.666748ZM2.56623 3.40537C2.195 3.40537 1.83897 3.55284 1.57647 3.81534C1.31397 4.07784 1.1665 4.43387 1.1665 4.80509V13.9337C1.1665 14.305 1.31397 14.661 1.57647 14.9235C1.83897 15.186 2.195 15.3334 2.56623 15.3334H11.6949C12.0661 15.3334 12.4221 15.186 12.6846 14.9235C12.9471 14.661 13.0946 14.305 13.0946 13.9337V8.45655C13.0946 8.18766 12.8766 7.96969 12.6077 7.96969C12.3388 7.96969 12.1209 8.18766 12.1209 8.45655V13.9337C12.1209 14.0467 12.076 14.1551 11.9961 14.235C11.9162 14.3148 11.8078 14.3597 11.6949 14.3597H2.56623C2.45325 14.3597 2.34489 14.3148 2.265 14.235C2.18511 14.1551 2.14022 14.0467 2.14022 13.9337V4.80509C2.14022 4.69211 2.18511 4.58376 2.265 4.50387C2.34489 4.42397 2.45324 4.37909 2.56623 4.37909H8.0434C8.31229 4.37909 8.53026 4.16112 8.53026 3.89223C8.53026 3.62335 8.31229 3.40537 8.0434 3.40537H2.56623Z",
|
|
9600
|
+
fill: fill
|
|
9601
|
+
})));
|
|
9602
|
+
}
|
|
9603
|
+
|
|
9575
9604
|
function RefreshIcon({
|
|
9576
9605
|
stroke,
|
|
9577
9606
|
strokeWidth,
|
|
@@ -15206,6 +15235,8 @@ const CustomSwitch = /*#__PURE__*/system.styled(material.Switch)({
|
|
|
15206
15235
|
});
|
|
15207
15236
|
const Switch = ({
|
|
15208
15237
|
label,
|
|
15238
|
+
labelWeight = 'bold',
|
|
15239
|
+
rightLabel,
|
|
15209
15240
|
checked,
|
|
15210
15241
|
disabled = false,
|
|
15211
15242
|
onChange,
|
|
@@ -15213,9 +15244,9 @@ const Switch = ({
|
|
|
15213
15244
|
}) => {
|
|
15214
15245
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15215
15246
|
className: `${styles$L.switchWrapper} ${disabled && styles$L.disabled}${className}`
|
|
15216
|
-
}, label && /*#__PURE__*/React__default.createElement(
|
|
15247
|
+
}, label && /*#__PURE__*/React__default.createElement(Text, {
|
|
15217
15248
|
text: label,
|
|
15218
|
-
weight:
|
|
15249
|
+
weight: labelWeight,
|
|
15219
15250
|
size: "base"
|
|
15220
15251
|
}), /*#__PURE__*/React__default.createElement(CustomSwitch, {
|
|
15221
15252
|
focusVisibleClassName: ".Mui-focusVisible",
|
|
@@ -15226,6 +15257,10 @@ const Switch = ({
|
|
|
15226
15257
|
sx: {
|
|
15227
15258
|
m: 1
|
|
15228
15259
|
}
|
|
15260
|
+
}), rightLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
15261
|
+
text: rightLabel,
|
|
15262
|
+
weight: labelWeight,
|
|
15263
|
+
size: "base"
|
|
15229
15264
|
}));
|
|
15230
15265
|
};
|
|
15231
15266
|
|
|
@@ -15492,7 +15527,7 @@ const Tabs = ({
|
|
|
15492
15527
|
}, tab.component)));
|
|
15493
15528
|
};
|
|
15494
15529
|
|
|
15495
|
-
var css_248z$S = ".tabsUnderline-modules_tabFilled__q0pA5{align-items:center;display:flex;height:2.25rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label__GFbid{
|
|
15530
|
+
var css_248z$S = ".tabsUnderline-modules_tabFilled__q0pA5{align-items:center;display:flex;height:2.25rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label__GFbid{min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ:hover{background:transparent!important}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41:hover{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41 p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_selected__TEz63{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ{align-items:center;display:flex;height:5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label__GFbid{margin-left:1.5rem;margin-right:var(--spacing-xxl);min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;display:flex;gap:.5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41 h2{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;margin-left:1.5rem;margin-right:var(--spacing-xxl);padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}";
|
|
15496
15531
|
var styles$S = {"tabFilled":"tabsUnderline-modules_tabFilled__q0pA5","tabs_root":"tabsUnderline-modules_tabs_root__zTVoo","tab_label":"tabsUnderline-modules_tab_label__GFbid","tab_label_disabled":"tabsUnderline-modules_tab_label_disabled__Rj1WZ","tab_label_content":"tabsUnderline-modules_tab_label_content__5PJ41","selected":"tabsUnderline-modules_selected__TEz63","withArrowContainer":"tabsUnderline-modules_withArrowContainer__FWn-8","tab_label_replacement":"tabsUnderline-modules_tab_label_replacement__M5jfE","disabled":"tabsUnderline-modules_disabled__rw5Fb","tab_label_icon":"tabsUnderline-modules_tab_label_icon__PugYp","tab_label_replacement_icon":"tabsUnderline-modules_tab_label_replacement_icon__-48i3","tabbar":"tabsUnderline-modules_tabbar__72OLJ"};
|
|
15497
15532
|
styleInject(css_248z$S);
|
|
15498
15533
|
|
|
@@ -15519,7 +15554,6 @@ const TabsUnderline = ({
|
|
|
15519
15554
|
onChange(defaultValue, tabs[defaultValue].value);
|
|
15520
15555
|
}
|
|
15521
15556
|
}, [defaultValue]);
|
|
15522
|
-
console.log('value', value);
|
|
15523
15557
|
if (type === 'underline') return /*#__PURE__*/React__default.createElement("div", {
|
|
15524
15558
|
className: `${styles$S.tabbar} ${className && className}`
|
|
15525
15559
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
@@ -17098,6 +17132,7 @@ exports.OdaAccountPro = OdaAccountPro;
|
|
|
17098
17132
|
exports.OdaWaiting = OdaWaiting;
|
|
17099
17133
|
exports.OfficeDrawerIcon = OfficeDrawerIcon;
|
|
17100
17134
|
exports.OneColumnIcon = OneColumnIcon;
|
|
17135
|
+
exports.OtherTab = OtherTab;
|
|
17101
17136
|
exports.Partner1SVG = Partner1;
|
|
17102
17137
|
exports.Partner2SVG = Partner2;
|
|
17103
17138
|
exports.Partner3SVG = Partner3;
|