odaptos_design_system 2.0.207 → 2.0.209

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.
Files changed (31) hide show
  1. package/dist/DesignTokens/Animations/MediaControl/BigEmojisAnimation.d.ts +9 -0
  2. package/dist/DesignTokens/Animations/MediaControl/FlyingDudeAnimation.d.ts +9 -0
  3. package/dist/DesignTokens/Animations/MediaControl/NewLoaderAnimation.d.ts +9 -0
  4. package/dist/DesignTokens/Animations/MediaControl/RecordingAnimation.d.ts +1 -1
  5. package/dist/DesignTokens/Animations/MediaControl/RobotAnimation.d.ts +9 -0
  6. package/dist/DesignTokens/Animations/MediaControl/TestimonialAnimation.d.ts +9 -0
  7. package/dist/DesignTokens/Animations/index.d.ts +5 -0
  8. package/dist/DesignTokens/Icons/Interaction/CheckedIconThin.d.ts +7 -0
  9. package/dist/DesignTokens/Icons/index.d.ts +1 -0
  10. package/dist/odaptos_design_system.cjs.development.js +83 -44
  11. package/dist/odaptos_design_system.cjs.development.js.map +1 -1
  12. package/dist/odaptos_design_system.cjs.production.min.js +1 -1
  13. package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
  14. package/dist/odaptos_design_system.esm.js +83 -45
  15. package/dist/odaptos_design_system.esm.js.map +1 -1
  16. package/package.json +1 -1
  17. package/src/DesignTokens/Animations/MediaControl/BigEmojisAnimation.tsx +24 -0
  18. package/src/DesignTokens/Animations/MediaControl/FlyingDudeAnimation.tsx +24 -0
  19. package/src/DesignTokens/Animations/MediaControl/NewLoaderAnimation.tsx +24 -0
  20. package/src/DesignTokens/Animations/MediaControl/RecordingAnimation.tsx +3 -8
  21. package/src/DesignTokens/Animations/MediaControl/RobotAnimation.tsx +24 -0
  22. package/src/DesignTokens/Animations/MediaControl/TestimonialAnimation.tsx +24 -0
  23. package/src/DesignTokens/Animations/index.ts +6 -1
  24. package/src/DesignTokens/Animations/lotties/Testimonial.json +4457 -0
  25. package/src/DesignTokens/Animations/lotties/big_emojis.json +4181 -0
  26. package/src/DesignTokens/Animations/lotties/flyin_dude.json +4756 -0
  27. package/src/DesignTokens/Animations/lotties/new_loader.json +1 -0
  28. package/src/DesignTokens/Animations/lotties/robot.json +4002 -0
  29. package/src/DesignTokens/Icons/Illustrations/ConfusedIntervieweeFemale.tsx +44 -44
  30. package/src/DesignTokens/Icons/Interaction/CheckedIconThin.tsx +51 -0
  31. package/src/DesignTokens/Icons/index.ts +1 -0
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ declare type BigEmojisAnimationProps = {
3
+ autoplay?: boolean;
4
+ loop?: boolean;
5
+ showControls?: boolean;
6
+ style?: React.CSSProperties;
7
+ };
8
+ export default function BigEmojisAnimation({ autoplay, loop, showControls, style, }: BigEmojisAnimationProps): React.JSX.Element;
9
+ export {};
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ declare type FlyingDudeAnimationProps = {
3
+ autoplay?: boolean;
4
+ loop?: boolean;
5
+ showControls?: boolean;
6
+ style?: React.CSSProperties;
7
+ };
8
+ export default function FlyingDudeAnimation({ autoplay, loop, showControls, style, }: FlyingDudeAnimationProps): React.JSX.Element;
9
+ export {};
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ declare type NewLoaderAnimationProps = {
3
+ autoplay?: boolean;
4
+ loop?: boolean;
5
+ showControls?: boolean;
6
+ style?: React.CSSProperties;
7
+ };
8
+ export default function NewLoaderAnimation({ autoplay, loop, showControls, style, }: NewLoaderAnimationProps): React.JSX.Element;
9
+ export {};
@@ -1,4 +1,4 @@
1
- import React from "react";
1
+ import React from 'react';
2
2
  declare type RecordingAnimationProps = {
3
3
  autoplay?: boolean;
4
4
  loop?: boolean;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ declare type RobotAnimationProps = {
3
+ autoplay?: boolean;
4
+ loop?: boolean;
5
+ showControls?: boolean;
6
+ style?: React.CSSProperties;
7
+ };
8
+ export default function RobotAnimation({ autoplay, loop, showControls, style, }: RobotAnimationProps): React.JSX.Element;
9
+ export {};
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ declare type TestimonialAnimationProps = {
3
+ autoplay?: boolean;
4
+ loop?: boolean;
5
+ showControls?: boolean;
6
+ style?: React.CSSProperties;
7
+ };
8
+ export default function TestimonialAnimation({ autoplay, loop, showControls, style, }: TestimonialAnimationProps): React.JSX.Element;
9
+ export {};
@@ -1,2 +1,7 @@
1
1
  export { default as RecordingAnimation } from './MediaControl/RecordingAnimation';
2
2
  export { default as SoundInputAnimation } from './MediaControl/SoundInputAnimation';
3
+ export { default as BigEmojisAnimation } from './MediaControl/BigEmojisAnimation';
4
+ export { default as FlyingDudeAnimation } from './MediaControl/FlyingDudeAnimation';
5
+ export { default as RobotAnimation } from './MediaControl/RobotAnimation';
6
+ export { default as NewLoaderAnimation } from './MediaControl/NewLoaderAnimation';
7
+ export { default as TestimonialAnimation } from './MediaControl/TestimonialAnimation';
@@ -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 CheckedIconThin({ stroke, strokeWidth, fill, size, ...rest }: SvgIconProps & CustomSvgProps): React.JSX.Element;
7
+ export {};
@@ -72,6 +72,7 @@ export { default as AgendaIcon } from './Interaction/AgendaIcon';
72
72
  export { default as BillingIcon } from './Interaction/BillingIcon';
73
73
  export { default as BinIcon } from './Interaction/BinIcon';
74
74
  export { default as CheckedIcon } from './Interaction/CheckedIcon';
75
+ export { default as CheckedIconThin } from './Interaction/CheckedIconThin';
75
76
  export { default as PricingCheckedIcon } from './Interaction/PricingCheckedIcon';
76
77
  export { default as ClockIcon } from './Interaction/ClockIcon';
77
78
  export { default as CloseIcon } from './Interaction/CloseIcon';
@@ -2560,98 +2560,98 @@ function ConfusedIntervieweeFemale({
2560
2560
  }, /*#__PURE__*/React__default.createElement("path", {
2561
2561
  d: "M466.497 330.88C469.96 388.204 471.203 446.849 468.891 504.315C468.789 506.867 469.247 509.42 470.256 511.78L474.228 521.117H376.368L378.975 513.082C380.015 509.898 380.086 506.481 379.22 503.236C364.266 447.49 353.275 390.685 346.369 333.382",
2562
2562
  stroke: "#004799",
2563
- "stroke-width": "6",
2564
- "stroke-linecap": "round",
2565
- "stroke-linejoin": "round"
2563
+ strokeWidth: "6",
2564
+ strokeLinecap: "round",
2565
+ strokeLinejoin: "round"
2566
2566
  }), /*#__PURE__*/React__default.createElement("path", {
2567
2567
  d: "M407.902 341.69C411.935 412.649 418.699 471.291 425.695 521.113",
2568
2568
  stroke: "#004799",
2569
- "stroke-width": "6",
2570
- "stroke-linecap": "round",
2571
- "stroke-linejoin": "round"
2569
+ strokeWidth: "6",
2570
+ strokeLinecap: "round",
2571
+ strokeLinejoin: "round"
2572
2572
  }), /*#__PURE__*/React__default.createElement("path", {
2573
2573
  d: "M312.347 262.735C317.151 229.022 324.843 195.72 335.309 163.311C339.228 151.174 343.683 138.894 351.763 129.018C367.415 109.884 394.849 104.752 419.197 109.148C424.726 110.147 429.781 111.222 434.421 112.421C436.286 95.4479 443.721 80.0955 462.408 74.0076C472.968 70.5676 484.615 72.3172 495.034 76.1615C513.582 83.0043 530.059 97.2459 536.156 116.027C542.253 134.808 536.035 157.84 519.352 168.436C509.91 174.433 498.623 175.935 487.329 174.95C492.773 191.036 497.904 207.745 501.086 222.89C506.213 247.29 515.287 280.606 507.539 304.976C499.527 330.178 482.659 350.057 457.2 358.833C431.253 367.778 405.416 369.373 378.377 364.646C359.173 361.287 336.62 349.973 324.018 335.119C307.695 315.88 308.789 287.699 312.347 262.735Z",
2574
2574
  fill: "url(#paint0_linear_16_128)"
2575
2575
  }), /*#__PURE__*/React__default.createElement("path", {
2576
2576
  d: "M511.533 284.658C521.693 291.771 530.926 300.547 536.933 311.388C542.939 322.228 545.478 335.308 542.174 347.25C538.87 359.191 529.182 369.588 517.035 372.117C509.466 373.692 501.516 372.241 494.34 369.366C484.574 365.454 475.525 359.233 466.816 353.404C457.64 347.262 447.404 339.175 438.892 332.87C436.816 331.332 427.085 324.141 427.085 324.141C427.085 324.141 420.114 326.142 418.465 326.392C415.018 326.915 411.501 326.987 408.036 326.593C404.213 326.158 401.435 324.961 400.205 321.321C397.306 321.663 394.378 321.046 392.805 317.618C392.038 315.947 393.942 311.736 393.942 311.736C393.942 311.736 390.552 310.122 390.374 309C389.659 304.486 394.649 299.363 407.255 295.19C408.443 294.797 421.83 291.564 421.873 291.682C420.787 288.752 419.035 286.628 417.948 283.698C417.19 281.653 416.477 279.202 417.755 277.433C418.698 276.128 420.494 275.669 422.089 275.898C423.685 276.127 425.134 276.925 426.536 277.72C446.664 289.148 486.702 314.996 505.992 329.41",
2577
2577
  stroke: "#004799",
2578
- "stroke-width": "6",
2579
- "stroke-linecap": "round",
2580
- "stroke-linejoin": "round"
2578
+ strokeWidth: "6",
2579
+ strokeLinecap: "round",
2580
+ strokeLinejoin: "round"
2581
2581
  }), /*#__PURE__*/React__default.createElement("path", {
2582
2582
  d: "M394.504 311.804C399.347 309.015 404.558 306.866 409.961 305.429",
2583
2583
  stroke: "#004799",
2584
- "stroke-width": "6",
2585
- "stroke-linecap": "round",
2586
- "stroke-linejoin": "round"
2584
+ strokeWidth: "6",
2585
+ strokeLinecap: "round",
2586
+ strokeLinejoin: "round"
2587
2587
  }), /*#__PURE__*/React__default.createElement("path", {
2588
2588
  d: "M400.698 320.537C405.039 318.126 409.681 316.255 414.482 314.981",
2589
2589
  stroke: "#004799",
2590
- "stroke-width": "6",
2591
- "stroke-linecap": "round",
2592
- "stroke-linejoin": "round"
2590
+ strokeWidth: "6",
2591
+ strokeLinecap: "round",
2592
+ strokeLinejoin: "round"
2593
2593
  }), /*#__PURE__*/React__default.createElement("path", {
2594
2594
  d: "M537.41 521.113H284.778",
2595
2595
  stroke: "#004799",
2596
- "stroke-width": "6",
2597
- "stroke-linecap": "round",
2598
- "stroke-linejoin": "round"
2596
+ strokeWidth: "6",
2597
+ strokeLinecap: "round",
2598
+ strokeLinejoin: "round"
2599
2599
  }), /*#__PURE__*/React__default.createElement("path", {
2600
2600
  d: "M401.908 214.302V217.061",
2601
2601
  stroke: "#004799",
2602
- "stroke-width": "6",
2603
- "stroke-linecap": "round",
2604
- "stroke-linejoin": "round"
2602
+ strokeWidth: "6",
2603
+ strokeLinecap: "round",
2604
+ strokeLinejoin: "round"
2605
2605
  }), /*#__PURE__*/React__default.createElement("path", {
2606
2606
  d: "M341.077 214.302V217.061",
2607
2607
  stroke: "#004799",
2608
- "stroke-width": "6",
2609
- "stroke-linecap": "round",
2610
- "stroke-linejoin": "round"
2608
+ strokeWidth: "6",
2609
+ strokeLinecap: "round",
2610
+ strokeLinejoin: "round"
2611
2611
  }), /*#__PURE__*/React__default.createElement("path", {
2612
2612
  d: "M398.029 197.334C401.245 197.688 404.462 198.041 407.678 198.395",
2613
2613
  stroke: "#004799",
2614
- "stroke-width": "6",
2615
- "stroke-linecap": "round",
2616
- "stroke-linejoin": "round"
2614
+ strokeWidth: "6",
2615
+ strokeLinecap: "round",
2616
+ strokeLinejoin: "round"
2617
2617
  }), /*#__PURE__*/React__default.createElement("path", {
2618
2618
  d: "M336.106 198.502C339.176 198.272 342.246 198.043 345.316 197.813",
2619
2619
  stroke: "#004799",
2620
- "stroke-width": "6",
2621
- "stroke-linecap": "round",
2622
- "stroke-linejoin": "round"
2620
+ strokeWidth: "6",
2621
+ strokeLinecap: "round",
2622
+ strokeLinejoin: "round"
2623
2623
  }), /*#__PURE__*/React__default.createElement("path", {
2624
2624
  d: "M324.866 338.879C298.246 359.486 271.795 348.299 264.719 334.757C258.874 323.571 259.412 313.745 273.564 300.02C285.532 288.413 287.716 284.123 298.246 270.303C298.246 270.303 302.544 253.631 304.788 248.138C305.557 246.258 306.455 244.385 307.856 242.912C309.257 241.439 311.244 240.405 313.271 240.571C316.68 240.85 318.978 244.297 319.735 247.627C320.492 250.957 321.658 259.922 321.658 259.922C335.904 260.378 351.245 261.512 365.491 261.968C367.571 262.034 369.691 262.108 371.648 262.815C373.605 263.522 375.407 264.98 375.979 266.978C376.755 269.689 375.029 272.609 372.662 274.145C370.294 275.682 356.497 278.297 356.497 278.297C355.957 282.744 356.184 289.82 354.501 293.972C352.818 298.125 349.843 301.952 345.701 303.675C340.472 305.848 334.359 304.375 328.962 306.09C319.164 319.508 310.714 330.047 310.714 330.047",
2625
2625
  stroke: "#004799",
2626
- "stroke-width": "6",
2627
- "stroke-linecap": "round",
2628
- "stroke-linejoin": "round"
2626
+ strokeWidth: "6",
2627
+ strokeLinecap: "round",
2628
+ strokeLinejoin: "round"
2629
2629
  }), /*#__PURE__*/React__default.createElement("path", {
2630
2630
  d: "M355.82 278.366C354.138 278.783 352.456 279.199 350.774 279.616",
2631
2631
  stroke: "#004799",
2632
- "stroke-width": "6",
2633
- "stroke-linecap": "round",
2634
- "stroke-linejoin": "round"
2632
+ strokeWidth: "6",
2633
+ strokeLinecap: "round",
2634
+ strokeLinejoin: "round"
2635
2635
  }), /*#__PURE__*/React__default.createElement("path", {
2636
2636
  d: "M353.871 289.197L349.605 289.948",
2637
2637
  stroke: "#004799",
2638
- "stroke-width": "6",
2639
- "stroke-linecap": "round",
2640
- "stroke-linejoin": "round"
2638
+ strokeWidth: "6",
2639
+ strokeLinecap: "round",
2640
+ strokeLinejoin: "round"
2641
2641
  }), /*#__PURE__*/React__default.createElement("path", {
2642
2642
  d: "M345.688 244.618C346.093 242.605 347.484 240.815 349.336 239.923C351.187 239.032 353.457 239.06 355.285 239.998C357.146 240.951 358.557 242.771 360.585 243.282C364.597 244.293 368.089 239.74 372.227 239.753C375.26 239.762 377.67 242.18 379.707 244.423",
2643
2643
  stroke: "#004799",
2644
- "stroke-width": "6",
2645
- "stroke-linecap": "round",
2646
- "stroke-linejoin": "round"
2644
+ strokeWidth: "6",
2645
+ strokeLinecap: "round",
2646
+ strokeLinejoin: "round"
2647
2647
  }), /*#__PURE__*/React__default.createElement("path", {
2648
2648
  d: "M29.9637 85.3108C30.1374 75.2355 30.9998 64.8015 35.882 55.9734C40.6224 47.4044 48.9599 42.3938 58.746 41.742C96.7477 39.2078 245.522 38.281 274.556 40.1949C284.323 40.8384 294.672 43.5273 301.251 50.7405C306.368 56.3491 308.308 64.1763 308.756 71.7396C309.204 79.3021 310.059 134.505 309.624 140.465C308.759 152.307 294.391 166.27 278.563 169.002C281.041 178.206 285.171 187.248 296.734 197.935C271.955 194.646 259.565 181.494 255.435 170.564C230.108 170.939 106.274 170.913 88.7956 170.889C72.198 170.866 45.7115 174.087 35.5629 151.7C30.8516 141.307 29.7666 96.7107 29.9637 85.3108Z",
2649
2649
  fill: "#D5DFE8"
2650
2650
  }), /*#__PURE__*/React__default.createElement("path", {
2651
2651
  d: "M62.465 126.802C69.1761 128.005 85.2867 125.485 93.9556 120.616C102.215 115.977 122.349 104.637 107.894 93.3642C96.9395 84.8208 85.7404 102.642 93.9556 114.946C98.0855 121.132 105.313 127.9 118.735 125.838C132.157 123.776 153.839 102.642 151.258 86.1478C148.677 69.6533 138.772 72.9009 136.803 73.7101C128.027 77.3183 117.703 95.9415 146.096 110.89C174.489 125.838 180.596 107.204 181.2 102.642C182.232 94.8437 170.359 88.7251 166.229 100.065C162.687 109.792 172.424 124.291 188.944 123.261C205.463 122.23 224.564 103.158 223.015 86.1478C221.467 69.1378 209.077 72.746 205.979 78.416C202.675 84.4649 200.301 102.642 225.08 106.766C249.86 110.89 269.993 104.189 273.607 100.065",
2652
2652
  stroke: "#004799",
2653
- "stroke-width": "6",
2654
- "stroke-linecap": "round"
2653
+ strokeWidth: "6",
2654
+ strokeLinecap: "round"
2655
2655
  }), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
2656
2656
  id: "paint0_linear_16_128",
2657
2657
  x1: "446.45",
@@ -6265,6 +6265,44 @@ function CheckedIcon({
6265
6265
  })));
6266
6266
  }
6267
6267
 
6268
+ function CheckedIconThin({
6269
+ stroke,
6270
+ strokeWidth,
6271
+ fill,
6272
+ size = 'base',
6273
+ ...rest
6274
+ }) {
6275
+ return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
6276
+ strokeWidth: strokeWidth ?? 0.1,
6277
+ stroke: stroke ? stroke : 'currentColor',
6278
+ sx: {
6279
+ height: getIconSize(size),
6280
+ width: getIconSize(size)
6281
+ }
6282
+ }, rest), /*#__PURE__*/React__default.createElement("svg", {
6283
+ width: "17",
6284
+ height: "16",
6285
+ viewBox: "0 0 17 16",
6286
+ fill: "none",
6287
+ xmlns: "http://www.w3.org/2000/svg"
6288
+ }, /*#__PURE__*/React__default.createElement("g", {
6289
+ "clip-path": "url(#clip0_9430_1784)"
6290
+ }, /*#__PURE__*/React__default.createElement("path", {
6291
+ fillRule: "evenodd",
6292
+ clipRule: "evenodd",
6293
+ d: "M15.8176 0.0334288C15.7721 0.0509008 15.7058 0.0919248 15.6702 0.124597C15.6345 0.157269 13.3334 3.43119 10.5566 7.39999C6.31354 13.4644 5.48935 14.6339 5.39201 14.728C5.20674 14.9071 4.99676 14.9922 4.74082 14.9917C4.49265 14.9913 4.26898 14.9086 4.09615 14.7534C4.04729 14.7095 3.48591 13.9755 2.70013 12.928C1.97727 11.9644 1.35927 11.1527 1.32679 11.1243C1.24669 11.0541 1.19698 11.0305 1.08253 11.008C0.841654 10.9606 0.592038 11.1167 0.521542 11.3588C0.48911 11.4702 0.49991 11.6174 0.547334 11.7103C0.590134 11.7942 3.18146 15.2492 3.30001 15.3804C3.46396 15.5619 3.75233 15.7594 3.9958 15.8569C4.81625 16.1854 5.7638 15.9268 6.29493 15.2295C6.46647 15.0043 16.4096 0.791397 16.4507 0.712565C16.486 0.644917 16.4921 0.612901 16.4918 0.496565C16.4915 0.380277 16.4851 0.348101 16.4492 0.279989C16.3254 0.0455248 16.0578 -0.0589392 15.8176 0.0334288Z",
6294
+ fill: fill,
6295
+ stroke: stroke
6296
+ })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
6297
+ id: "clip0_9430_1784"
6298
+ }, /*#__PURE__*/React__default.createElement("rect", {
6299
+ width: "16",
6300
+ height: "16",
6301
+ fill: "white",
6302
+ transform: "translate(0.5)"
6303
+ })))));
6304
+ }
6305
+
6268
6306
  function PricingCheckedIcon({
6269
6307
  stroke,
6270
6308
  strokeWidth,
@@ -22085,6 +22123,7 @@ exports.ChatMessage = ChatMessage;
22085
22123
  exports.Checkbox = Checkbox;
22086
22124
  exports.CheckedCircled = CheckedCircled;
22087
22125
  exports.CheckedIcon = CheckedIcon;
22126
+ exports.CheckedIconThin = CheckedIconThin;
22088
22127
  exports.CheckoutIcon = CheckoutIcon;
22089
22128
  exports.CircledIconButton = CircledIconButton;
22090
22129
  exports.ClipIcon = ClipIcon;