odaptos_design_system 2.0.80 → 2.0.81
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/DesignTokens/Icons/Miscellaneous/AndroidIcon.d.ts +7 -0
- package/dist/DesignTokens/Icons/Miscellaneous/IosIcon.d.ts +9 -0
- package/dist/DesignTokens/Icons/index.d.ts +2 -0
- package/dist/odaptos_design_system.cjs.development.js +77 -0
- 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 +76 -1
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/DesignTokens/Icons/Miscellaneous/AndroidIcon.tsx +63 -0
- package/src/DesignTokens/Icons/Miscellaneous/IosIcon.tsx +43 -0
- package/src/DesignTokens/Icons/index.ts +2 -0
|
@@ -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 AndroidIcon({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SvgIconProps } from '@mui/material';
|
|
3
|
+
interface CustomSvgProps {
|
|
4
|
+
size?: 'sm' | 'base' | 'lg' | 'xl';
|
|
5
|
+
backgroundFill?: string;
|
|
6
|
+
}
|
|
7
|
+
export default function IosIcon({ stroke, strokeWidth, fill, size, backgroundFill, // Default background color to white
|
|
8
|
+
...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -149,6 +149,8 @@ export { default as FillRecordIcon } from './Miscellaneous/FillRecordIcon';
|
|
|
149
149
|
export { default as FlashIcon } from './Miscellaneous/FlashIcon';
|
|
150
150
|
export { default as FolderIcon } from './Miscellaneous/FolderIcon';
|
|
151
151
|
export { default as GoogleIcon } from './Miscellaneous/GoogleIcon';
|
|
152
|
+
export { default as AndroidIcon } from './Miscellaneous/AndroidIcon';
|
|
153
|
+
export { default as IosIcon } from './Miscellaneous/IosIcon';
|
|
152
154
|
export { default as GroupIcon } from './Miscellaneous/GroupIcon';
|
|
153
155
|
export { default as HardDriveIcon } from './Miscellaneous/HardDriveIcon';
|
|
154
156
|
export { default as HelpIcon } from './Miscellaneous/HelpIcon';
|
|
@@ -9015,6 +9015,81 @@ function GoogleIcon({
|
|
|
9015
9015
|
})))))));
|
|
9016
9016
|
}
|
|
9017
9017
|
|
|
9018
|
+
function AndroidIcon({
|
|
9019
|
+
stroke,
|
|
9020
|
+
strokeWidth,
|
|
9021
|
+
fill,
|
|
9022
|
+
size = 'base',
|
|
9023
|
+
...rest
|
|
9024
|
+
}) {
|
|
9025
|
+
return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
|
|
9026
|
+
strokeWidth: strokeWidth ?? 0.1,
|
|
9027
|
+
stroke: stroke ? stroke : 'currentColor',
|
|
9028
|
+
sx: {
|
|
9029
|
+
height: getIconSize(size),
|
|
9030
|
+
width: getIconSize(size)
|
|
9031
|
+
}
|
|
9032
|
+
}, rest), /*#__PURE__*/React__default.createElement("svg", {
|
|
9033
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9034
|
+
viewBox: "0 0 413.137 413.137",
|
|
9035
|
+
fill: "none"
|
|
9036
|
+
}, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
9037
|
+
style: {
|
|
9038
|
+
fill: fill || '#AAC148'
|
|
9039
|
+
},
|
|
9040
|
+
d: "M311.358,136.395H101.779c-4.662,0-8.441,3.779-8.441,8.441v175.749\n c0,4.662,3.779,8.441,8.441,8.441h37.363v59.228c0,13.742,11.14,24.883,24.883,24.883l0,0c13.742,0,24.883-11.14,24.883-24.883\n v-59.228h34.803v59.228c0,13.742,11.14,24.883,24.883,24.883l0,0c13.742,0,24.883-11.14,24.883-24.883v-59.228h37.882\n c4.662,0,8.441-3.779,8.441-8.441V144.836C319.799,140.174,316.02,136.395,311.358,136.395z"
|
|
9041
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9042
|
+
style: {
|
|
9043
|
+
fill: fill || '#AAC148'
|
|
9044
|
+
},
|
|
9045
|
+
d: "M57.856,136.354L57.856,136.354c-13.742,0-24.883,11.14-24.883,24.883v101.065\n c0,13.742,11.14,24.883,24.883,24.883l0,0c13.742,0,24.883-11.14,24.883-24.883V161.237\n C82.738,147.495,71.598,136.354,57.856,136.354z"
|
|
9046
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9047
|
+
style: {
|
|
9048
|
+
fill: fill || '#AAC148'
|
|
9049
|
+
},
|
|
9050
|
+
d: "M355.281,136.354L355.281,136.354c-13.742,0-24.883,11.14-24.883,24.883v101.065\n c0,13.742,11.14,24.883,24.883,24.883l0,0c13.742,0,24.883-11.14,24.883-24.883V161.237\n C380.164,147.495,369.024,136.354,355.281,136.354z"
|
|
9051
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9052
|
+
style: {
|
|
9053
|
+
fill: fill || '#AAC148'
|
|
9054
|
+
},
|
|
9055
|
+
d: "M103.475,124.069h205.692c5.366,0,9.368-4.943,8.266-10.195\n c-6.804-32.428-27.45-59.756-55.465-75.543l17.584-31.727c1.19-2.148,0.414-4.855-1.734-6.045\n c-2.153-1.193-4.856-0.414-6.046,1.734l-17.717,31.966c-14.511-6.734-30.683-10.495-47.734-10.495\n c-17.052,0-33.224,3.761-47.735,10.495L140.869,2.292c-1.191-2.149-3.898-2.924-6.045-1.734c-2.148,1.19-2.924,3.897-1.734,6.045\n l17.584,31.727c-28.015,15.788-48.661,43.115-55.465,75.544C94.106,119.126,98.108,124.069,103.475,124.069z M267.697,76.786\n c0,5.282-4.282,9.565-9.565,9.565c-5.282,0-9.565-4.282-9.565-9.565c0-5.282,4.282-9.565,9.565-9.565\n C263.415,67.221,267.697,71.504,267.697,76.786z M154.508,67.221c5.282,0,9.565,4.282,9.565,9.565c0,5.282-4.282,9.565-9.565,9.565\n c-5.282,0-9.565-4.282-9.565-9.565C144.943,71.504,149.225,67.221,154.508,67.221z"
|
|
9056
|
+
}))));
|
|
9057
|
+
}
|
|
9058
|
+
|
|
9059
|
+
function IosIcon({
|
|
9060
|
+
stroke,
|
|
9061
|
+
strokeWidth,
|
|
9062
|
+
fill,
|
|
9063
|
+
size = 'base',
|
|
9064
|
+
backgroundFill = 'white',
|
|
9065
|
+
// Default background color to white
|
|
9066
|
+
...rest
|
|
9067
|
+
}) {
|
|
9068
|
+
return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
|
|
9069
|
+
strokeWidth: strokeWidth ?? 0.1,
|
|
9070
|
+
stroke: stroke ? stroke : 'currentColor',
|
|
9071
|
+
sx: {
|
|
9072
|
+
height: getIconSize(size),
|
|
9073
|
+
width: getIconSize(size)
|
|
9074
|
+
}
|
|
9075
|
+
}, rest), /*#__PURE__*/React__default.createElement("svg", {
|
|
9076
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9077
|
+
width: "24",
|
|
9078
|
+
height: "24",
|
|
9079
|
+
viewBox: "0 0 1024 1024",
|
|
9080
|
+
fill: "none"
|
|
9081
|
+
}, /*#__PURE__*/React__default.createElement("rect", {
|
|
9082
|
+
x: "125",
|
|
9083
|
+
y: "125",
|
|
9084
|
+
width: "750",
|
|
9085
|
+
height: "750",
|
|
9086
|
+
fill: backgroundFill
|
|
9087
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9088
|
+
d: "M959.9 310.4c2-43-4-86.1-17.7-127-22-52.2-66.2-91.8-120.4-108C786.4 66.6 750 62.7 713.5 64H310.4c-36.4-1.3-72.9 2.6-108.3 11.4-54.2 16.2-98.4 55.8-120.4 108-13.6 40.9-19.7 83.9-17.7 127v403.1c-1.9 43.1 4.1 86.1 17.7 127 22 52.2 66.2 91.8 120.4 108 35.4 8.8 71.8 12.7 108.3 11.4h403.1c36.4 1.3 72.9-2.6 108.3-11.4 54.2-16.2 98.4-55.8 120.4-108 13.6-40.9 19.7-83.9 17.7-127V310.4zM241.7 680h-33.3V481h33.3v199zM225 447.4c-11.4-0.1-20.6-9.4-20.5-20.9 0.1-11.4 9.4-20.6 20.9-20.5 11.3 0.1 20.5 9.3 20.5 20.7-0.1 11.5-9.4 20.8-20.9 20.7zM425.1 685c-87.9 0-143.3-62.8-143.3-162.7s55.3-162.9 143.3-162.9 143.5 63 143.5 162.9S513.3 685 425.1 685z m290.2 0c-66 0-112.4-36.4-115.7-90.8h30c3.3 37.9 38.9 63.6 88.4 63.6 47.3 0 81.2-25.8 81.2-61.2 0-29.5-20.4-47-67.2-58.8l-39.2-10.1c-58.4-14.9-84.4-39.6-84.4-81.2 0-51 45.9-87.3 108-87.3 61.6 0 106.4 36.4 108.3 86.4h-30c-2.8-35.6-34.4-59.3-79.2-59.3-43.7 0-76.1 24.3-76.1 59 0 27.1 19.6 43.1 66 54.9l34.2 8.8c63.4 16 90.1 40.3 90.1 84.2 0.1 55.5-44.6 91.8-114.4 91.8zM425.1 387.1c-69.1 0-112.6 52.3-112.6 135.2S356 657.2 425.1 657.2 538 604.9 538 522.3s-43.7-135.2-112.9-135.2z",
|
|
9089
|
+
fill: fill ?? 'currentColor'
|
|
9090
|
+
})));
|
|
9091
|
+
}
|
|
9092
|
+
|
|
9018
9093
|
function GoogleIcon$1({
|
|
9019
9094
|
stroke = 'none',
|
|
9020
9095
|
strokeWidth,
|
|
@@ -17345,6 +17420,7 @@ exports.AgendaIcon = AgendaIcon;
|
|
|
17345
17420
|
exports.AlamBellIdleIcon = AlamBellIdleIcon;
|
|
17346
17421
|
exports.AlarmBellStatusIcon = AlarmBellStatusIcon;
|
|
17347
17422
|
exports.AlertCircledIcon = AlertCircledIcon;
|
|
17423
|
+
exports.AndroidIcon = AndroidIcon;
|
|
17348
17424
|
exports.AngryIntervieweeFemale = AngryIntervieweeFemale;
|
|
17349
17425
|
exports.AnonymizeIcon = AnonymizeIcon;
|
|
17350
17426
|
exports.AppWindowPieIcon = AppWindowPieIcon;
|
|
@@ -17446,6 +17522,7 @@ exports.IntegratedUsabilityScore = IntegratedUsabilityScore;
|
|
|
17446
17522
|
exports.InterviewButton = InterviewButton;
|
|
17447
17523
|
exports.InterviewTranscript = InterviewTranscript;
|
|
17448
17524
|
exports.InterviewTranscriptGreen = InterviewTranscriptGreen;
|
|
17525
|
+
exports.IosIcon = IosIcon;
|
|
17449
17526
|
exports.LanguageIcon = LanguageIcon;
|
|
17450
17527
|
exports.LaptopIcon = LaptopIcon;
|
|
17451
17528
|
exports.LayoutIcon = LayoutIcon;
|