@commercetools-uikit/rich-text-utils 19.19.0 → 19.20.1

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 (5) hide show
  1. package/dist/commercetools-uikit-rich-text-utils.cjs.d.ts +1 -1
  2. package/dist/commercetools-uikit-rich-text-utils.cjs.dev.js +13 -1093
  3. package/dist/commercetools-uikit-rich-text-utils.cjs.prod.js +13 -1081
  4. package/dist/commercetools-uikit-rich-text-utils.esm.js +13 -1093
  5. package/package.json +8 -8
package/dist/commercetools-uikit-rich-text-utils.cjs.dev.js CHANGED
@@ -735,96 +735,6 @@ var HiddenInput$1 = HiddenInput;
735
735
 
736
736
  function ownKeys$e(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
737
737
  function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$e(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$e(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
738
- const iconSizes$b = {
739
- small: 12,
740
- medium: 16,
741
- big: 24,
742
- '10': 12,
743
- '20': 16,
744
- '30': 20,
745
- '40': 24
746
- };
747
- const getSizeDimensions$b = size => {
748
- switch (size) {
749
- case 'scale':
750
- return {
751
- width: '100%',
752
- height: 'auto'
753
- };
754
- case 'small':
755
- case 'medium':
756
- case 'big':
757
- case '10':
758
- case '20':
759
- case '30':
760
- case '40':
761
- return {
762
- width: `${iconSizes$b[size]}px`,
763
- height: `${iconSizes$b[size]}px`
764
- };
765
- default:
766
- return {
767
- width: `${iconSizes$b['40']}px`,
768
- height: `${iconSizes$b['40']}px`
769
- };
770
- }
771
- };
772
- const getSizeStyle$b = size => {
773
- const dimensions = getSizeDimensions$b(size);
774
- switch (size) {
775
- case 'scale':
776
- return `
777
- &:not(:root) {
778
- width: ${dimensions.width};
779
- height: ${dimensions.height};
780
- }
781
- `;
782
- default:
783
- return `
784
- width: ${dimensions.width};
785
- height: ${dimensions.height};
786
- `;
787
- }
788
- };
789
- const getColor$b = color => {
790
- if (!color) return 'inherit';
791
- let iconColor;
792
- switch (color) {
793
- case 'solid':
794
- iconColor = designSystem.designTokens.colorSolid;
795
- break;
796
- case 'neutral60':
797
- iconColor = designSystem.designTokens.colorNeutral60;
798
- break;
799
- case 'surface':
800
- iconColor = designSystem.designTokens.colorSurface;
801
- break;
802
- case 'info':
803
- iconColor = designSystem.designTokens.colorInfo;
804
- break;
805
- case 'primary':
806
- iconColor = designSystem.designTokens.colorPrimary;
807
- break;
808
- case 'primary40':
809
- iconColor = designSystem.designTokens.colorPrimary40;
810
- break;
811
- case 'warning':
812
- iconColor = designSystem.designTokens.colorWarning;
813
- break;
814
- case 'error':
815
- iconColor = designSystem.designTokens.colorError;
816
- break;
817
- case 'success':
818
- iconColor = designSystem.designTokens.colorSuccess;
819
- break;
820
- }
821
- if (!iconColor) {
822
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
823
- return 'inherit';
824
- }
825
- return iconColor;
826
- };
827
- const getIconStyles$b = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$b(props.color), ";}&,image{", getSizeStyle$b(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJvbGRSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJCb2xkUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9yaWNoLXRleHQtYm9keS9pY29ucy9zdmcvYm9sZC5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z0JvbGQgPSAocHJvcHM6IFNWR1Byb3BzKSA9PiAoXG4gIDxzdmdcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB3aWR0aD17MjR9XG4gICAgaGVpZ2h0PXsyNH1cbiAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIDxwYXRoXG4gICAgICBmaWxsPVwiIzFBMUExQVwiXG4gICAgICBmaWxsUnVsZT1cImV2ZW5vZGRcIlxuICAgICAgZD1cIk02IDNoNS41OTlxMy44MjYgMCA1LjU1NSAxLjA4OSAxLjczIDEuMDg5IDEuNzI5IDMuNDY0IDAgMS42MTEtLjc1NyAyLjY0NWEzLjAyIDMuMDIgMCAwIDEtMi4wMTIgMS4yNDN2LjEyM3ExLjcxLjM4MSAyLjQ2OCAxLjQyNy43NTYgMS4wNDcuNzU2IDIuNzgxIDAgMi40Ni0xLjc3OCAzLjg0LTEuNzc3IDEuMzc3LTQuODMgMS4zNzdINnptMy44MTQgNy4xMjRoMi4yMTVxMS41NSAwIDIuMjQ2LS40OC42OTUtLjQ4LjY5NS0xLjU4NyAwLTEuMDMzLS43NTctMS40ODItLjc1Ni0uNDUtMi4zOTMtLjQ1SDkuODE0em0wIDMuMDI3djQuNjg4SDEyLjNxMS41NzUgMCAyLjMyNi0uNjAyLjc1LS42MDQuNzUtMS44NDYgMC0yLjI0LTMuMTk5LTIuMjR6XCJcbiAgICAvPlxuICA8L3N2Zz5cbik7XG5TdmdCb2xkLmRpc3BsYXlOYW1lID0gJ1N2Z0JvbGQnO1xuY29uc3QgQm9sZEljb24gPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxDbGFzc05hbWVzPlxuICAgIHsoeyBjc3M6IGNyZWF0ZUNsYXNzIH0pID0+IChcbiAgICAgIDxTdmdCb2xkIHsuLi5wcm9wc30gY2xhc3NOYW1lPXtjcmVhdGVDbGFzcyhnZXRJY29uU3R5bGVzKHByb3BzKSl9IC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcbkJvbGRJY29uLmRpc3BsYXlOYW1lID0gJ0JvbGRJY29uJztcbmV4cG9ydCBkZWZhdWx0IEJvbGRJY29uO1xuIl19 */");
828
738
  const SvgBold = props => jsxRuntime.jsx("svg", _objectSpread$e(_objectSpread$e({
829
739
  xmlns: "http://www.w3.org/2000/svg",
830
740
  width: 24,
@@ -843,7 +753,7 @@ const BoldIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
843
753
  children: _ref => {
844
754
  let createClass = _ref.css;
845
755
  return jsxRuntime.jsx(SvgBold, _objectSpread$e(_objectSpread$e({}, props), {}, {
846
- className: createClass(getIconStyles$b(props))
756
+ className: createClass(designSystem.getIconStyles(props))
847
757
  }));
848
758
  }
849
759
  });
@@ -852,96 +762,6 @@ var BoldIcon$1 = BoldIcon;
852
762
 
853
763
  function ownKeys$d(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
854
764
  function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$d(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$d(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
855
- const iconSizes$a = {
856
- small: 12,
857
- medium: 16,
858
- big: 24,
859
- '10': 12,
860
- '20': 16,
861
- '30': 20,
862
- '40': 24
863
- };
864
- const getSizeDimensions$a = size => {
865
- switch (size) {
866
- case 'scale':
867
- return {
868
- width: '100%',
869
- height: 'auto'
870
- };
871
- case 'small':
872
- case 'medium':
873
- case 'big':
874
- case '10':
875
- case '20':
876
- case '30':
877
- case '40':
878
- return {
879
- width: `${iconSizes$a[size]}px`,
880
- height: `${iconSizes$a[size]}px`
881
- };
882
- default:
883
- return {
884
- width: `${iconSizes$a['40']}px`,
885
- height: `${iconSizes$a['40']}px`
886
- };
887
- }
888
- };
889
- const getSizeStyle$a = size => {
890
- const dimensions = getSizeDimensions$a(size);
891
- switch (size) {
892
- case 'scale':
893
- return `
894
- &:not(:root) {
895
- width: ${dimensions.width};
896
- height: ${dimensions.height};
897
- }
898
- `;
899
- default:
900
- return `
901
- width: ${dimensions.width};
902
- height: ${dimensions.height};
903
- `;
904
- }
905
- };
906
- const getColor$a = color => {
907
- if (!color) return 'inherit';
908
- let iconColor;
909
- switch (color) {
910
- case 'solid':
911
- iconColor = designSystem.designTokens.colorSolid;
912
- break;
913
- case 'neutral60':
914
- iconColor = designSystem.designTokens.colorNeutral60;
915
- break;
916
- case 'surface':
917
- iconColor = designSystem.designTokens.colorSurface;
918
- break;
919
- case 'info':
920
- iconColor = designSystem.designTokens.colorInfo;
921
- break;
922
- case 'primary':
923
- iconColor = designSystem.designTokens.colorPrimary;
924
- break;
925
- case 'primary40':
926
- iconColor = designSystem.designTokens.colorPrimary40;
927
- break;
928
- case 'warning':
929
- iconColor = designSystem.designTokens.colorWarning;
930
- break;
931
- case 'error':
932
- iconColor = designSystem.designTokens.colorError;
933
- break;
934
- case 'success':
935
- iconColor = designSystem.designTokens.colorSuccess;
936
- break;
937
- }
938
- if (!iconColor) {
939
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
940
- return 'inherit';
941
- }
942
- return iconColor;
943
- };
944
- const getIconStyles$a = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$a(props.color), ";}&,image{", getSizeStyle$a(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkV4cGFuZFJlYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGtEIiwiZmlsZSI6IkV4cGFuZFJlYWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRISVMgSVMgQU4gQVVUT0dFTkVSQVRFRCBGSUxFLiBETyBOT1QgRURJVCBUSElTIEZJTEUgRElSRUNUTFkuXG4vLyBUaGlzIGZpbGUgaXMgY3JlYXRlZCB3aXRoICd5YXJuIGdlbmVyYXRlLWljb25zJy5cbi8vIE9yaWdpbmFsIFNWRyBmaWxlOiBzcmMvcmljaC10ZXh0LWJvZHkvaWNvbnMvc3ZnL2V4cGFuZC5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z0V4cGFuZCA9IChwcm9wczogU1ZHUHJvcHMpID0+IChcbiAgPHN2Z1xuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIHdpZHRoPXsyNH1cbiAgICBoZWlnaHQ9ezI0fVxuICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPHBhdGggZD1cIk00IDIxYS45Ny45NyAwIDAgMS0uNzEyLS4yODhBLjk3Ljk3IDAgMCAxIDMgMjB2LTZxMC0uNDI1LjI4OC0uNzEzQS45Ny45NyAwIDAgMSA0IDEzYS45Ny45NyAwIDAgMSAuNzEzLjI4N0EuOTcuOTcgMCAwIDEgNSAxNHYzLjZMMTcuNiA1SDE0YS45Ny45NyAwIDAgMS0uNzEyLS4yODhBLjk3Ljk3IDAgMCAxIDEzIDRxMC0uNDI1LjI4OC0uNzEzQS45Ny45NyAwIDAgMSAxNCAzaDZxLjQyNCAwIC43MTIuMjg3UTIxIDMuNTc1IDIxIDR2NnEwIC40MjQtLjI4OC43MTJBLjk3Ljk3IDAgMCAxIDIwIDExYS45Ny45NyAwIDAgMS0uNzEyLS4yODhBLjk3Ljk3IDAgMCAxIDE5IDEwVjYuNEw2LjQgMTlIMTBxLjQyNSAwIC43MTMuMjg4QS45Ny45NyAwIDAgMSAxMSAyMHEwIC40MjQtLjI4Ny43MTJBLjk3Ljk3IDAgMCAxIDEwIDIxelwiIC8+XG4gIDwvc3ZnPlxuKTtcblN2Z0V4cGFuZC5kaXNwbGF5TmFtZSA9ICdTdmdFeHBhbmQnO1xuY29uc3QgRXhwYW5kSWNvbiA9IChwcm9wczogUHJvcHMpID0+IChcbiAgPENsYXNzTmFtZXM+XG4gICAgeyh7IGNzczogY3JlYXRlQ2xhc3MgfSkgPT4gKFxuICAgICAgPFN2Z0V4cGFuZCB7Li4ucHJvcHN9IGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcykpfSAvPlxuICAgICl9XG4gIDwvQ2xhc3NOYW1lcz5cbik7XG5FeHBhbmRJY29uLmRpc3BsYXlOYW1lID0gJ0V4cGFuZEljb24nO1xuZXhwb3J0IGRlZmF1bHQgRXhwYW5kSWNvbjtcbiJdfQ== */");
945
765
  const SvgExpand = props => jsxRuntime.jsx("svg", _objectSpread$d(_objectSpread$d({
946
766
  xmlns: "http://www.w3.org/2000/svg",
947
767
  width: 24,
@@ -958,7 +778,7 @@ const ExpandIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
958
778
  children: _ref => {
959
779
  let createClass = _ref.css;
960
780
  return jsxRuntime.jsx(SvgExpand, _objectSpread$d(_objectSpread$d({}, props), {}, {
961
- className: createClass(getIconStyles$a(props))
781
+ className: createClass(designSystem.getIconStyles(props))
962
782
  }));
963
783
  }
964
784
  });
@@ -967,96 +787,6 @@ var ExpandIcon$1 = ExpandIcon;
967
787
 
968
788
  function ownKeys$c(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
969
789
  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$c(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$c(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
970
- const iconSizes$9 = {
971
- small: 12,
972
- medium: 16,
973
- big: 24,
974
- '10': 12,
975
- '20': 16,
976
- '30': 20,
977
- '40': 24
978
- };
979
- const getSizeDimensions$9 = size => {
980
- switch (size) {
981
- case 'scale':
982
- return {
983
- width: '100%',
984
- height: 'auto'
985
- };
986
- case 'small':
987
- case 'medium':
988
- case 'big':
989
- case '10':
990
- case '20':
991
- case '30':
992
- case '40':
993
- return {
994
- width: `${iconSizes$9[size]}px`,
995
- height: `${iconSizes$9[size]}px`
996
- };
997
- default:
998
- return {
999
- width: `${iconSizes$9['40']}px`,
1000
- height: `${iconSizes$9['40']}px`
1001
- };
1002
- }
1003
- };
1004
- const getSizeStyle$9 = size => {
1005
- const dimensions = getSizeDimensions$9(size);
1006
- switch (size) {
1007
- case 'scale':
1008
- return `
1009
- &:not(:root) {
1010
- width: ${dimensions.width};
1011
- height: ${dimensions.height};
1012
- }
1013
- `;
1014
- default:
1015
- return `
1016
- width: ${dimensions.width};
1017
- height: ${dimensions.height};
1018
- `;
1019
- }
1020
- };
1021
- const getColor$9 = color => {
1022
- if (!color) return 'inherit';
1023
- let iconColor;
1024
- switch (color) {
1025
- case 'solid':
1026
- iconColor = designSystem.designTokens.colorSolid;
1027
- break;
1028
- case 'neutral60':
1029
- iconColor = designSystem.designTokens.colorNeutral60;
1030
- break;
1031
- case 'surface':
1032
- iconColor = designSystem.designTokens.colorSurface;
1033
- break;
1034
- case 'info':
1035
- iconColor = designSystem.designTokens.colorInfo;
1036
- break;
1037
- case 'primary':
1038
- iconColor = designSystem.designTokens.colorPrimary;
1039
- break;
1040
- case 'primary40':
1041
- iconColor = designSystem.designTokens.colorPrimary40;
1042
- break;
1043
- case 'warning':
1044
- iconColor = designSystem.designTokens.colorWarning;
1045
- break;
1046
- case 'error':
1047
- iconColor = designSystem.designTokens.colorError;
1048
- break;
1049
- case 'success':
1050
- iconColor = designSystem.designTokens.colorSuccess;
1051
- break;
1052
- }
1053
- if (!iconColor) {
1054
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
1055
- return 'inherit';
1056
- }
1057
- return iconColor;
1058
- };
1059
- const getIconStyles$9 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$9(props.color), ";}&,image{", getSizeStyle$9(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0YWxpY1JlYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGtEIiwiZmlsZSI6Ikl0YWxpY1JlYWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRISVMgSVMgQU4gQVVUT0dFTkVSQVRFRCBGSUxFLiBETyBOT1QgRURJVCBUSElTIEZJTEUgRElSRUNUTFkuXG4vLyBUaGlzIGZpbGUgaXMgY3JlYXRlZCB3aXRoICd5YXJuIGdlbmVyYXRlLWljb25zJy5cbi8vIE9yaWdpbmFsIFNWRyBmaWxlOiBzcmMvcmljaC10ZXh0LWJvZHkvaWNvbnMvc3ZnL2l0YWxpYy5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z0l0YWxpYyA9IChwcm9wczogU1ZHUHJvcHMpID0+IChcbiAgPHN2Z1xuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIHdpZHRoPXsyNH1cbiAgICBoZWlnaHQ9ezI0fVxuICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPHBhdGhcbiAgICAgIGZpbGw9XCIjMUExQTFBXCJcbiAgICAgIGZpbGxSdWxlPVwiZXZlbm9kZFwiXG4gICAgICBkPVwiTTkgMjAuOTkgMTIuODI3IDNoMi4wNjdsLTMuODI3IDE3Ljk5elwiXG4gICAgLz5cbiAgPC9zdmc+XG4pO1xuU3ZnSXRhbGljLmRpc3BsYXlOYW1lID0gJ1N2Z0l0YWxpYyc7XG5jb25zdCBJdGFsaWNJY29uID0gKHByb3BzOiBQcm9wcykgPT4gKFxuICA8Q2xhc3NOYW1lcz5cbiAgICB7KHsgY3NzOiBjcmVhdGVDbGFzcyB9KSA9PiAoXG4gICAgICA8U3ZnSXRhbGljIHsuLi5wcm9wc30gY2xhc3NOYW1lPXtjcmVhdGVDbGFzcyhnZXRJY29uU3R5bGVzKHByb3BzKSl9IC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcbkl0YWxpY0ljb24uZGlzcGxheU5hbWUgPSAnSXRhbGljSWNvbic7XG5leHBvcnQgZGVmYXVsdCBJdGFsaWNJY29uO1xuIl19 */");
1060
790
  const SvgItalic = props => jsxRuntime.jsx("svg", _objectSpread$c(_objectSpread$c({
1061
791
  xmlns: "http://www.w3.org/2000/svg",
1062
792
  width: 24,
@@ -1075,7 +805,7 @@ const ItalicIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1075
805
  children: _ref => {
1076
806
  let createClass = _ref.css;
1077
807
  return jsxRuntime.jsx(SvgItalic, _objectSpread$c(_objectSpread$c({}, props), {}, {
1078
- className: createClass(getIconStyles$9(props))
808
+ className: createClass(designSystem.getIconStyles(props))
1079
809
  }));
1080
810
  }
1081
811
  });
@@ -1084,96 +814,6 @@ var ItalicIcon$1 = ItalicIcon;
1084
814
 
1085
815
  function ownKeys$b(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
1086
816
  function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$b(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$b(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1087
- const iconSizes$8 = {
1088
- small: 12,
1089
- medium: 16,
1090
- big: 24,
1091
- '10': 12,
1092
- '20': 16,
1093
- '30': 20,
1094
- '40': 24
1095
- };
1096
- const getSizeDimensions$8 = size => {
1097
- switch (size) {
1098
- case 'scale':
1099
- return {
1100
- width: '100%',
1101
- height: 'auto'
1102
- };
1103
- case 'small':
1104
- case 'medium':
1105
- case 'big':
1106
- case '10':
1107
- case '20':
1108
- case '30':
1109
- case '40':
1110
- return {
1111
- width: `${iconSizes$8[size]}px`,
1112
- height: `${iconSizes$8[size]}px`
1113
- };
1114
- default:
1115
- return {
1116
- width: `${iconSizes$8['40']}px`,
1117
- height: `${iconSizes$8['40']}px`
1118
- };
1119
- }
1120
- };
1121
- const getSizeStyle$8 = size => {
1122
- const dimensions = getSizeDimensions$8(size);
1123
- switch (size) {
1124
- case 'scale':
1125
- return `
1126
- &:not(:root) {
1127
- width: ${dimensions.width};
1128
- height: ${dimensions.height};
1129
- }
1130
- `;
1131
- default:
1132
- return `
1133
- width: ${dimensions.width};
1134
- height: ${dimensions.height};
1135
- `;
1136
- }
1137
- };
1138
- const getColor$8 = color => {
1139
- if (!color) return 'inherit';
1140
- let iconColor;
1141
- switch (color) {
1142
- case 'solid':
1143
- iconColor = designSystem.designTokens.colorSolid;
1144
- break;
1145
- case 'neutral60':
1146
- iconColor = designSystem.designTokens.colorNeutral60;
1147
- break;
1148
- case 'surface':
1149
- iconColor = designSystem.designTokens.colorSurface;
1150
- break;
1151
- case 'info':
1152
- iconColor = designSystem.designTokens.colorInfo;
1153
- break;
1154
- case 'primary':
1155
- iconColor = designSystem.designTokens.colorPrimary;
1156
- break;
1157
- case 'primary40':
1158
- iconColor = designSystem.designTokens.colorPrimary40;
1159
- break;
1160
- case 'warning':
1161
- iconColor = designSystem.designTokens.colorWarning;
1162
- break;
1163
- case 'error':
1164
- iconColor = designSystem.designTokens.colorError;
1165
- break;
1166
- case 'success':
1167
- iconColor = designSystem.designTokens.colorSuccess;
1168
- break;
1169
- }
1170
- if (!iconColor) {
1171
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
1172
- return 'inherit';
1173
- }
1174
- return iconColor;
1175
- };
1176
- const getIconStyles$8 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$8(props.color), ";}&,image{", getSizeStyle$8(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vcmVTdHlsZXNSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJNb3JlU3R5bGVzUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9yaWNoLXRleHQtYm9keS9pY29ucy9zdmcvbW9yZS1zdHlsZXMucmVhY3Quc3ZnXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnMgKi9cbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBjc3MsIENsYXNzTmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICBjb2xvcj86XG4gICAgfCAnc29saWQnXG4gICAgfCAnbmV1dHJhbDYwJ1xuICAgIHwgJ3N1cmZhY2UnXG4gICAgfCAnaW5mbydcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3ByaW1hcnk0MCdcbiAgICB8ICd3YXJuaW5nJ1xuICAgIHwgJ2Vycm9yJ1xuICAgIHwgJ3N1Y2Nlc3MnO1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGljb24uICdzbWFsbCcsICdtZWRpdW0nLCAnYmlnJyBoYXZlIGJlZW4gZGVwcmVjYXRlZCBpbiBmYXZvciBvZiAnMTAnLCAnMjAnLCAnMzAnLCAnNDAnLlxuICAgKi9cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnIHwgJ3NjYWxlJyB8ICcxMCcgfCAnMjAnIHwgJzMwJyB8ICc0MCc7XG59O1xuZXhwb3J0IHR5cGUgU1ZHUHJvcHMgPSBQcm9wcyAmIHtcbiAgY2xhc3NOYW1lOiBzdHJpbmc7XG59O1xuY29uc3QgaWNvblNpemVzID0ge1xuICBzbWFsbDogMTIsXG4gIG1lZGl1bTogMTYsXG4gIGJpZzogMjQsXG4gICcxMCc6IDEyLFxuICAnMjAnOiAxNixcbiAgJzMwJzogMjAsXG4gICc0MCc6IDI0LFxufSBhcyBjb25zdDtcbmNvbnN0IGdldFNpemVEaW1lbnNpb25zID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc2NhbGUnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICB9O1xuICAgIGNhc2UgJ3NtYWxsJzpcbiAgICBjYXNlICdtZWRpdW0nOlxuICAgIGNhc2UgJ2JpZyc6XG4gICAgY2FzZSAnMTAnOlxuICAgIGNhc2UgJzIwJzpcbiAgICBjYXNlICczMCc6XG4gICAgY2FzZSAnNDAnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1tzaXplXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgIH07XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBgJHtpY29uU2l6ZXNbJzQwJ119cHhgLFxuICAgICAgICBoZWlnaHQ6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICB9O1xuICB9XG59O1xuY29uc3QgZ2V0U2l6ZVN0eWxlID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldFNpemVEaW1lbnNpb25zKHNpemUpO1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4gYFxuICAgICAgICAmOm5vdCg6cm9vdCkge1xuICAgICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBgXG4gICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBoZWlnaHQ6ICR7ZGltZW5zaW9ucy5oZWlnaHR9O1xuICAgICAgYDtcbiAgfVxufTtcbmNvbnN0IGdldENvbG9yID0gKGNvbG9yOiBQcm9wc1snY29sb3InXSkgPT4ge1xuICBpZiAoIWNvbG9yKSByZXR1cm4gJ2luaGVyaXQnO1xuICBsZXQgaWNvbkNvbG9yO1xuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG4gICAgICBicmVhaztcbiAgICBjYXNlICduZXV0cmFsNjAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VyZmFjZSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeTQwJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk0MDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzO1xuICAgICAgYnJlYWs7XG4gICAgZGVmYXVsdDpcbiAgICAgIGJyZWFrO1xuICB9XG4gIGlmICghaWNvbkNvbG9yKSB7XG4gICAgd2FybmluZyhcbiAgICAgIGNvbG9yLFxuICAgICAgYHVpLWtpdC9JY29uOiB0aGUgc3BlY2lmaWVkIGNvbG9yICcke2NvbG9yfScgaXMgbm90IHN1cHBvcnRlZC5gXG4gICAgKTtcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xuICB9XG4gIHJldHVybiBpY29uQ29sb3I7XG59O1xuZXhwb3J0IGNvbnN0IGdldEljb25TdHlsZXMgPSAocHJvcHM6IFByb3BzKSA9PiBjc3NgXG4gICo6bm90KFtmaWxsPSdub25lJ10pIHtcbiAgICBmaWxsOiAke2dldENvbG9yKHByb3BzLmNvbG9yKX07XG4gIH1cbiAgJixcbiAgaW1hZ2Uge1xuICAgICR7Z2V0U2l6ZVN0eWxlKHByb3BzLnNpemUpfTtcbiAgfVxuICBmbGV4LXNocmluazogMDtcbmA7XG5jb25zdCBTdmdNb3JlU3R5bGVzID0gKHByb3BzOiBTVkdQcm9wcykgPT4gKFxuICA8c3ZnXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgeG1sbnNYbGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgIHdpZHRoPXsyNH1cbiAgICBoZWlnaHQ9ezI0fVxuICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPGRlZnM+XG4gICAgICA8cGF0aFxuICAgICAgICBpZD1cIm1vcmUtc3R5bGVzX3JlYWN0X3N2Z19fYVwiXG4gICAgICAgIGQ9XCJNOS4yNjEgOC4wNTdhOSA5IDAgMCAxIDMuNTQ4LjczOGwtLjYwNSAxLjM4NHEtMS42OTItLjY5Ny0zLjA2Ni0uNjk3LTEuMjEgMC0xLjgyNS4zOC0uNjE1LjM3OC0uNjE1IDEuMDQ1IDAgLjQ1MS4yMy43Ny4yMzIuMzE3Ljc0NC42MDQuNTEzLjI4OCAxLjk2OS44My41MzMuMTk1Ljk3NC4zOUwxMy41IDEzLjV2MS4yNWgtMS4wMDdxLjU1Mi42OTMuNTUyIDEuNjg0IDAgMS41Ny0xLjE2OSAyLjQydC0zLjI4MS44NTFxLTIuMjM1IDAtMy40ODYtLjcwN3YtMS41OHEuODEuNDExIDEuNzM4LjY0NmE3LjMgNy4zIDAgMCAwIDEuNzg5LjIzNnExLjMzMyAwIDIuMDUtLjQyNS43Mi0uNDI2LjcxOS0xLjI5NyAwLS42NTctLjU3LTEuMTIzLS4zODItLjMxNS0xLjI1NS0uNzA0TDQuNSAxNC43NVYxMy41aDIuMTY0YTQgNCAwIDAgMS0uMjc5LS4xNjhxLS42Ni0uNDM1LS45ODQtLjk5LS4zMjMtLjU1My0uMzIzLTEuMzIyIDAtMS4zNzQgMS4xMTgtMi4xNjl0My4wNjUtLjc5NG0xMS4yNyAyLjQ0M3EuMTkgMCAuMzMuMTQ4LjEzOC4xNDguMTM5LjM1YS41LjUgMCAwIDEtLjA3OC4yNzNsLS4wNjEuMDc4LTMuMjgxIDMuNDg5YS40NC40NCAwIDAgMS0uNTg3LjA2NGwtLjA3My0uMDY0LTMuMjgtMy40OWEuNS41IDAgMCAxLS4xNC0uMzVxMC0uMjAyLjE0LS4zNWEuNDUuNDUgMCAwIDEgLjIzNy0uMTM5bC4wOTItLjAwOXptLTcuMDc2LTcuMDk0Ljc5NSAxLjMwMy44MDItMS4zMDNoMS4yNjdsLTEuMzMzIDIuMDAzTDE2LjM4MSA3LjVoLTEuMjdsLS44NjEtMS40MDMtLjg2NCAxLjQwM2gtMS4yNjdsMS4zODgtMi4wOTEtMS4zMTktMi4wMDN6XCJcbiAgICAgIC8+XG4gICAgPC9kZWZzPlxuICAgIDx1c2VcbiAgICAgIHhsaW5rSHJlZj1cIiNtb3JlLXN0eWxlc19yZWFjdF9zdmdfX2FcIlxuICAgICAgZmlsbD1cIiMxQTFBMUFcIlxuICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAvPlxuICA8L3N2Zz5cbik7XG5TdmdNb3JlU3R5bGVzLmRpc3BsYXlOYW1lID0gJ1N2Z01vcmVTdHlsZXMnO1xuY29uc3QgTW9yZVN0eWxlc0ljb24gPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxDbGFzc05hbWVzPlxuICAgIHsoeyBjc3M6IGNyZWF0ZUNsYXNzIH0pID0+IChcbiAgICAgIDxTdmdNb3JlU3R5bGVzIHsuLi5wcm9wc30gY2xhc3NOYW1lPXtjcmVhdGVDbGFzcyhnZXRJY29uU3R5bGVzKHByb3BzKSl9IC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcbk1vcmVTdHlsZXNJY29uLmRpc3BsYXlOYW1lID0gJ01vcmVTdHlsZXNJY29uJztcbmV4cG9ydCBkZWZhdWx0IE1vcmVTdHlsZXNJY29uO1xuIl19 */");
1177
817
  const SvgMoreStyles = props => jsxRuntime.jsxs("svg", _objectSpread$b(_objectSpread$b({
1178
818
  xmlns: "http://www.w3.org/2000/svg",
1179
819
  xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -1198,7 +838,7 @@ const MoreStylesIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1198
838
  children: _ref => {
1199
839
  let createClass = _ref.css;
1200
840
  return jsxRuntime.jsx(SvgMoreStyles, _objectSpread$b(_objectSpread$b({}, props), {}, {
1201
- className: createClass(getIconStyles$8(props))
841
+ className: createClass(designSystem.getIconStyles(props))
1202
842
  }));
1203
843
  }
1204
844
  });
@@ -1207,96 +847,6 @@ var MoreStylesIcon$1 = MoreStylesIcon;
1207
847
 
1208
848
  function ownKeys$a(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
1209
849
  function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$a(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1210
- const iconSizes$7 = {
1211
- small: 12,
1212
- medium: 16,
1213
- big: 24,
1214
- '10': 12,
1215
- '20': 16,
1216
- '30': 20,
1217
- '40': 24
1218
- };
1219
- const getSizeDimensions$7 = size => {
1220
- switch (size) {
1221
- case 'scale':
1222
- return {
1223
- width: '100%',
1224
- height: 'auto'
1225
- };
1226
- case 'small':
1227
- case 'medium':
1228
- case 'big':
1229
- case '10':
1230
- case '20':
1231
- case '30':
1232
- case '40':
1233
- return {
1234
- width: `${iconSizes$7[size]}px`,
1235
- height: `${iconSizes$7[size]}px`
1236
- };
1237
- default:
1238
- return {
1239
- width: `${iconSizes$7['40']}px`,
1240
- height: `${iconSizes$7['40']}px`
1241
- };
1242
- }
1243
- };
1244
- const getSizeStyle$7 = size => {
1245
- const dimensions = getSizeDimensions$7(size);
1246
- switch (size) {
1247
- case 'scale':
1248
- return `
1249
- &:not(:root) {
1250
- width: ${dimensions.width};
1251
- height: ${dimensions.height};
1252
- }
1253
- `;
1254
- default:
1255
- return `
1256
- width: ${dimensions.width};
1257
- height: ${dimensions.height};
1258
- `;
1259
- }
1260
- };
1261
- const getColor$7 = color => {
1262
- if (!color) return 'inherit';
1263
- let iconColor;
1264
- switch (color) {
1265
- case 'solid':
1266
- iconColor = designSystem.designTokens.colorSolid;
1267
- break;
1268
- case 'neutral60':
1269
- iconColor = designSystem.designTokens.colorNeutral60;
1270
- break;
1271
- case 'surface':
1272
- iconColor = designSystem.designTokens.colorSurface;
1273
- break;
1274
- case 'info':
1275
- iconColor = designSystem.designTokens.colorInfo;
1276
- break;
1277
- case 'primary':
1278
- iconColor = designSystem.designTokens.colorPrimary;
1279
- break;
1280
- case 'primary40':
1281
- iconColor = designSystem.designTokens.colorPrimary40;
1282
- break;
1283
- case 'warning':
1284
- iconColor = designSystem.designTokens.colorWarning;
1285
- break;
1286
- case 'error':
1287
- iconColor = designSystem.designTokens.colorError;
1288
- break;
1289
- case 'success':
1290
- iconColor = designSystem.designTokens.colorSuccess;
1291
- break;
1292
- }
1293
- if (!iconColor) {
1294
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
1295
- return 'inherit';
1296
- }
1297
- return iconColor;
1298
- };
1299
- const getIconStyles$7 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$7(props.color), ";}&,image{", getSizeStyle$7(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9yZGVyZWRMaXN0UmVhY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdIa0QiLCJmaWxlIjoiT3JkZXJlZExpc3RSZWFjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUSElTIElTIEFOIEFVVE9HRU5FUkFURUQgRklMRS4gRE8gTk9UIEVESVQgVEhJUyBGSUxFIERJUkVDVExZLlxuLy8gVGhpcyBmaWxlIGlzIGNyZWF0ZWQgd2l0aCAneWFybiBnZW5lcmF0ZS1pY29ucycuXG4vLyBPcmlnaW5hbCBTVkcgZmlsZTogc3JjL3JpY2gtdGV4dC1ib2R5L2ljb25zL3N2Zy9vcmRlcmVkLWxpc3QucmVhY3Quc3ZnXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnMgKi9cbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBjc3MsIENsYXNzTmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICBjb2xvcj86XG4gICAgfCAnc29saWQnXG4gICAgfCAnbmV1dHJhbDYwJ1xuICAgIHwgJ3N1cmZhY2UnXG4gICAgfCAnaW5mbydcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3ByaW1hcnk0MCdcbiAgICB8ICd3YXJuaW5nJ1xuICAgIHwgJ2Vycm9yJ1xuICAgIHwgJ3N1Y2Nlc3MnO1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGljb24uICdzbWFsbCcsICdtZWRpdW0nLCAnYmlnJyBoYXZlIGJlZW4gZGVwcmVjYXRlZCBpbiBmYXZvciBvZiAnMTAnLCAnMjAnLCAnMzAnLCAnNDAnLlxuICAgKi9cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnIHwgJ3NjYWxlJyB8ICcxMCcgfCAnMjAnIHwgJzMwJyB8ICc0MCc7XG59O1xuZXhwb3J0IHR5cGUgU1ZHUHJvcHMgPSBQcm9wcyAmIHtcbiAgY2xhc3NOYW1lOiBzdHJpbmc7XG59O1xuY29uc3QgaWNvblNpemVzID0ge1xuICBzbWFsbDogMTIsXG4gIG1lZGl1bTogMTYsXG4gIGJpZzogMjQsXG4gICcxMCc6IDEyLFxuICAnMjAnOiAxNixcbiAgJzMwJzogMjAsXG4gICc0MCc6IDI0LFxufSBhcyBjb25zdDtcbmNvbnN0IGdldFNpemVEaW1lbnNpb25zID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc2NhbGUnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICB9O1xuICAgIGNhc2UgJ3NtYWxsJzpcbiAgICBjYXNlICdtZWRpdW0nOlxuICAgIGNhc2UgJ2JpZyc6XG4gICAgY2FzZSAnMTAnOlxuICAgIGNhc2UgJzIwJzpcbiAgICBjYXNlICczMCc6XG4gICAgY2FzZSAnNDAnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1tzaXplXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgIH07XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBgJHtpY29uU2l6ZXNbJzQwJ119cHhgLFxuICAgICAgICBoZWlnaHQ6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICB9O1xuICB9XG59O1xuY29uc3QgZ2V0U2l6ZVN0eWxlID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldFNpemVEaW1lbnNpb25zKHNpemUpO1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4gYFxuICAgICAgICAmOm5vdCg6cm9vdCkge1xuICAgICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBgXG4gICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBoZWlnaHQ6ICR7ZGltZW5zaW9ucy5oZWlnaHR9O1xuICAgICAgYDtcbiAgfVxufTtcbmNvbnN0IGdldENvbG9yID0gKGNvbG9yOiBQcm9wc1snY29sb3InXSkgPT4ge1xuICBpZiAoIWNvbG9yKSByZXR1cm4gJ2luaGVyaXQnO1xuICBsZXQgaWNvbkNvbG9yO1xuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG4gICAgICBicmVhaztcbiAgICBjYXNlICduZXV0cmFsNjAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VyZmFjZSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeTQwJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk0MDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzO1xuICAgICAgYnJlYWs7XG4gICAgZGVmYXVsdDpcbiAgICAgIGJyZWFrO1xuICB9XG4gIGlmICghaWNvbkNvbG9yKSB7XG4gICAgd2FybmluZyhcbiAgICAgIGNvbG9yLFxuICAgICAgYHVpLWtpdC9JY29uOiB0aGUgc3BlY2lmaWVkIGNvbG9yICcke2NvbG9yfScgaXMgbm90IHN1cHBvcnRlZC5gXG4gICAgKTtcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xuICB9XG4gIHJldHVybiBpY29uQ29sb3I7XG59O1xuZXhwb3J0IGNvbnN0IGdldEljb25TdHlsZXMgPSAocHJvcHM6IFByb3BzKSA9PiBjc3NgXG4gICo6bm90KFtmaWxsPSdub25lJ10pIHtcbiAgICBmaWxsOiAke2dldENvbG9yKHByb3BzLmNvbG9yKX07XG4gIH1cbiAgJixcbiAgaW1hZ2Uge1xuICAgICR7Z2V0U2l6ZVN0eWxlKHByb3BzLnNpemUpfTtcbiAgfVxuICBmbGV4LXNocmluazogMDtcbmA7XG5jb25zdCBTdmdPcmRlcmVkTGlzdCA9IChwcm9wczogU1ZHUHJvcHMpID0+IChcbiAgPHN2Z1xuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIHdpZHRoPXsyNH1cbiAgICBoZWlnaHQ9ezI0fVxuICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPHBhdGhcbiAgICAgIGZpbGw9XCIjMUExQTFBXCJcbiAgICAgIGZpbGxSdWxlPVwiZXZlbm9kZFwiXG4gICAgICBkPVwiTTQuNDIgMTZxLjY3MyAwIDEuMDYzLjMwNnQuMzkuODUycTAgLjQ1Ni0uMjQ3Ljc3NWExLjI1IDEuMjUgMCAwIDEtLjY5LjQzOXYuMDJxLjUyNC4wNzMuNzk0LjM1OHQuMjcuNzY2cTAgLjcwMi0uNDU0IDEuMDkzLS40NTMuMzktMS4yOTUuMzkxLS43MDUgMC0xLjI1MS0uMjYzdi0uODc1cS4yNTIuMTQzLjU1NC4yMzN0LjYuMDlxLjQ1MyAwIC42Ny0uMTczLjIxNS0uMTcyLjIxNi0uNTU2IDAtLjM0Mi0uMjUtLjQ4NS0uMjQ4LS4xNDQtLjc5NC0uMTQzaC0uMzI5di0uNzg5aC4zMzVxLjUwNCAwIC43MzctLjE0OHQuMjMyLS41MDdxMC0uNTUyLS42MTYtLjU1Mi0uMjE0IDAtLjQzNS4wOGEyIDIgMCAwIDAtLjQ5LjI3NmwtLjQyNC0uNzA5cS41OTMtLjQ4IDEuNDE0LS40NzltMTYuMzMgMS45NjJhLjQuNCAwIDAgMSAuMTc2LjAzNy4xNC4xNCAwIDAgMSAuMDY2LjA1NWwuMDA4LjAzM3YuNzVxMCAuMDUtLjA3NC4wODhhLjQuNCAwIDAgMS0uMTExLjAzMmwtLjA2NS4wMDVoLTEwLjVhLjQuNCAwIDAgMS0uMTc2LS4wMzcuMTQuMTQgMCAwIDEtLjA2Ni0uMDU2TDEwIDE4LjgzN3YtLjc1cTAtLjA1MS4wNzQtLjA4OGEuNC40IDAgMCAxIC4xMTEtLjAzM2wuMDY1LS4wMDR6TTQuNTI2IDlxLjQgMCAuNzA4LjE2OS4zMDcuMTY4LjQ3Ny40NzJhMS40IDEuNCAwIDAgMSAuMTcuNjk0cTAgLjM0LS4xMDUuNjM5LS4xMDQuMjk5LS4zMjEuNjEyLS4yMTguMzE0LS43NjguODkzbC0uNTUuNTk3di4wNDdINlYxNEgzLjAxMnYtLjcyNWwxLjA3My0xLjI1cS40NzYtLjU2NC42MjMtLjc4MS4xNDYtLjIxOC4yMS0uNDAzdC4wNjQtLjM4NHEwLS4yOTctLjE0MS0uNDQyYS41LjUgMCAwIDAtLjM3OS0uMTQ1QTEgMSAwIDAgMCAzLjk4IDEwYTIuNSAyLjUgMCAwIDAtLjQ4OS4zNzVMMyA5LjcwNXEuMzE1LS4zMS41MjMtLjQzOS4yMDgtLjEyNy40NTQtLjE5N1E0LjIyMiA5IDQuNTI3IDltMTYuMjI0IDIuNWEuNC40IDAgMCAxIC4xNzYuMDM3LjE0LjE0IDAgMCAxIC4wNjYuMDU2bC4wMDguMDMydi43NXEwIC4wNS0uMDc0LjA4OGEuNC40IDAgMCAxLS4xMTEuMDMzbC0uMDY1LjAwNGgtMTAuNWEuNC40IDAgMCAxLS4xNzYtLjAzNy4xNC4xNCAwIDAgMS0uMDY2LS4wNTZMMTAgMTIuMzc1di0uNzVxMC0uMDUuMDc0LS4wODhhLjQuNCAwIDAgMSAuMTExLS4wMzNsLjA2NS0uMDA0ek01IDN2NGgtLjg1MlY0LjY4NWwuMDA4LS4zOC4wMTQtLjQxNmE1IDUgMCAwIDEtLjI5Ni4yNzdsLS40NjMuMzY5TDMgNC4wMjYgNC4zIDN6bTE1Ljc1IDIuMDM4YS40LjQgMCAwIDEgLjE3Ni4wMzguMTQuMTQgMCAwIDEgLjA2Ni4wNTVsLjAwOC4wMzJ2Ljc1cTAgLjA1Mi0uMDc0LjA4OGEuNC40IDAgMCAxLS4xMTEuMDMzbC0uMDY1LjAwNGgtMTAuNWEuNC40IDAgMCAxLS4xNzYtLjAzNy4xNC4xNCAwIDAgMS0uMDY2LS4wNTVMMTAgNS45MTN2LS43NXEwLS4wNS4wNzQtLjA4N2EuNC40IDAgMCAxIC4xMTEtLjAzM2wuMDY1LS4wMDV6XCJcbiAgICAvPlxuICA8L3N2Zz5cbik7XG5TdmdPcmRlcmVkTGlzdC5kaXNwbGF5TmFtZSA9ICdTdmdPcmRlcmVkTGlzdCc7XG5jb25zdCBPcmRlcmVkTGlzdEljb24gPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxDbGFzc05hbWVzPlxuICAgIHsoeyBjc3M6IGNyZWF0ZUNsYXNzIH0pID0+IChcbiAgICAgIDxTdmdPcmRlcmVkTGlzdFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcykpfVxuICAgICAgLz5cbiAgICApfVxuICA8L0NsYXNzTmFtZXM+XG4pO1xuT3JkZXJlZExpc3RJY29uLmRpc3BsYXlOYW1lID0gJ09yZGVyZWRMaXN0SWNvbic7XG5leHBvcnQgZGVmYXVsdCBPcmRlcmVkTGlzdEljb247XG4iXX0= */");
1300
850
  const SvgOrderedList = props => jsxRuntime.jsx("svg", _objectSpread$a(_objectSpread$a({
1301
851
  xmlns: "http://www.w3.org/2000/svg",
1302
852
  width: 24,
@@ -1315,7 +865,7 @@ const OrderedListIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1315
865
  children: _ref => {
1316
866
  let createClass = _ref.css;
1317
867
  return jsxRuntime.jsx(SvgOrderedList, _objectSpread$a(_objectSpread$a({}, props), {}, {
1318
- className: createClass(getIconStyles$7(props))
868
+ className: createClass(designSystem.getIconStyles(props))
1319
869
  }));
1320
870
  }
1321
871
  });
@@ -1324,96 +874,6 @@ var OrderedListIcon$1 = OrderedListIcon;
1324
874
 
1325
875
  function ownKeys$9(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
1326
876
  function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$9(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$9(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1327
- const iconSizes$6 = {
1328
- small: 12,
1329
- medium: 16,
1330
- big: 24,
1331
- '10': 12,
1332
- '20': 16,
1333
- '30': 20,
1334
- '40': 24
1335
- };
1336
- const getSizeDimensions$6 = size => {
1337
- switch (size) {
1338
- case 'scale':
1339
- return {
1340
- width: '100%',
1341
- height: 'auto'
1342
- };
1343
- case 'small':
1344
- case 'medium':
1345
- case 'big':
1346
- case '10':
1347
- case '20':
1348
- case '30':
1349
- case '40':
1350
- return {
1351
- width: `${iconSizes$6[size]}px`,
1352
- height: `${iconSizes$6[size]}px`
1353
- };
1354
- default:
1355
- return {
1356
- width: `${iconSizes$6['40']}px`,
1357
- height: `${iconSizes$6['40']}px`
1358
- };
1359
- }
1360
- };
1361
- const getSizeStyle$6 = size => {
1362
- const dimensions = getSizeDimensions$6(size);
1363
- switch (size) {
1364
- case 'scale':
1365
- return `
1366
- &:not(:root) {
1367
- width: ${dimensions.width};
1368
- height: ${dimensions.height};
1369
- }
1370
- `;
1371
- default:
1372
- return `
1373
- width: ${dimensions.width};
1374
- height: ${dimensions.height};
1375
- `;
1376
- }
1377
- };
1378
- const getColor$6 = color => {
1379
- if (!color) return 'inherit';
1380
- let iconColor;
1381
- switch (color) {
1382
- case 'solid':
1383
- iconColor = designSystem.designTokens.colorSolid;
1384
- break;
1385
- case 'neutral60':
1386
- iconColor = designSystem.designTokens.colorNeutral60;
1387
- break;
1388
- case 'surface':
1389
- iconColor = designSystem.designTokens.colorSurface;
1390
- break;
1391
- case 'info':
1392
- iconColor = designSystem.designTokens.colorInfo;
1393
- break;
1394
- case 'primary':
1395
- iconColor = designSystem.designTokens.colorPrimary;
1396
- break;
1397
- case 'primary40':
1398
- iconColor = designSystem.designTokens.colorPrimary40;
1399
- break;
1400
- case 'warning':
1401
- iconColor = designSystem.designTokens.colorWarning;
1402
- break;
1403
- case 'error':
1404
- iconColor = designSystem.designTokens.colorError;
1405
- break;
1406
- case 'success':
1407
- iconColor = designSystem.designTokens.colorSuccess;
1408
- break;
1409
- }
1410
- if (!iconColor) {
1411
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
1412
- return 'inherit';
1413
- }
1414
- return iconColor;
1415
- };
1416
- const getIconStyles$6 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$6(props.color), ";}&,image{", getSizeStyle$6(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlZG9SZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJSZWRvUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9yaWNoLXRleHQtYm9keS9pY29ucy9zdmcvcmVkby5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z1JlZG8gPSAocHJvcHM6IFNWR1Byb3BzKSA9PiAoXG4gIDxzdmdcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB4bWxuc1hsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiXG4gICAgd2lkdGg9ezI0fVxuICAgIGhlaWdodD17MjR9XG4gICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICA8ZGVmcz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGlkPVwicmVkb19yZWFjdF9zdmdfX2FcIlxuICAgICAgICBkPVwiTTEyLjQ1OCA3LjQxYTguNTIgOC41MiAwIDAgMC02LjcgMy4yNDZMMy43OTYgOC42OTNjLS40MzctLjQzOC0uNzk1LS4yOS0uNzk1LjMzdjcuMzM1YzAgLjYxOC4wMjQuNTkzLjY0My41OTNoNy4yODZjLjYxOSAwIC43NjctLjM1OC4zMy0uNzk1bC0yLjI0My0yLjI0M2E2LjI4IDYuMjggMCAwIDEgNS42OTctMy42NCA2LjI4MyA2LjI4MyAwIDAgMSA2LjI3NyA2LjA4NXEuMDEtLjIwMi4wMS0uNDA2YTguNTQgOC41NCAwIDAgMC04LjU0Mi04LjU0MlwiXG4gICAgICAvPlxuICAgIDwvZGVmcz5cbiAgICA8dXNlXG4gICAgICB4bGlua0hyZWY9XCIjcmVkb19yZWFjdF9zdmdfX2FcIlxuICAgICAgZmlsbD1cIiMxQTFBMUFcIlxuICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAgIHRyYW5zZm9ybT1cIm1hdHJpeCgtMSAwIDAgMSAyNCAwKVwiXG4gICAgLz5cbiAgPC9zdmc+XG4pO1xuU3ZnUmVkby5kaXNwbGF5TmFtZSA9ICdTdmdSZWRvJztcbmNvbnN0IFJlZG9JY29uID0gKHByb3BzOiBQcm9wcykgPT4gKFxuICA8Q2xhc3NOYW1lcz5cbiAgICB7KHsgY3NzOiBjcmVhdGVDbGFzcyB9KSA9PiAoXG4gICAgICA8U3ZnUmVkbyB7Li4ucHJvcHN9IGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcykpfSAvPlxuICAgICl9XG4gIDwvQ2xhc3NOYW1lcz5cbik7XG5SZWRvSWNvbi5kaXNwbGF5TmFtZSA9ICdSZWRvSWNvbic7XG5leHBvcnQgZGVmYXVsdCBSZWRvSWNvbjtcbiJdfQ== */");
1417
877
  const SvgRedo = props => jsxRuntime.jsxs("svg", _objectSpread$9(_objectSpread$9({
1418
878
  xmlns: "http://www.w3.org/2000/svg",
1419
879
  xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -1439,7 +899,7 @@ const RedoIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1439
899
  children: _ref => {
1440
900
  let createClass = _ref.css;
1441
901
  return jsxRuntime.jsx(SvgRedo, _objectSpread$9(_objectSpread$9({}, props), {}, {
1442
- className: createClass(getIconStyles$6(props))
902
+ className: createClass(designSystem.getIconStyles(props))
1443
903
  }));
1444
904
  }
1445
905
  });
@@ -1448,96 +908,6 @@ var RedoIcon$1 = RedoIcon;
1448
908
 
1449
909
  function ownKeys$8(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
1450
910
  function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1451
- const iconSizes$5 = {
1452
- small: 12,
1453
- medium: 16,
1454
- big: 24,
1455
- '10': 12,
1456
- '20': 16,
1457
- '30': 20,
1458
- '40': 24
1459
- };
1460
- const getSizeDimensions$5 = size => {
1461
- switch (size) {
1462
- case 'scale':
1463
- return {
1464
- width: '100%',
1465
- height: 'auto'
1466
- };
1467
- case 'small':
1468
- case 'medium':
1469
- case 'big':
1470
- case '10':
1471
- case '20':
1472
- case '30':
1473
- case '40':
1474
- return {
1475
- width: `${iconSizes$5[size]}px`,
1476
- height: `${iconSizes$5[size]}px`
1477
- };
1478
- default:
1479
- return {
1480
- width: `${iconSizes$5['40']}px`,
1481
- height: `${iconSizes$5['40']}px`
1482
- };
1483
- }
1484
- };
1485
- const getSizeStyle$5 = size => {
1486
- const dimensions = getSizeDimensions$5(size);
1487
- switch (size) {
1488
- case 'scale':
1489
- return `
1490
- &:not(:root) {
1491
- width: ${dimensions.width};
1492
- height: ${dimensions.height};
1493
- }
1494
- `;
1495
- default:
1496
- return `
1497
- width: ${dimensions.width};
1498
- height: ${dimensions.height};
1499
- `;
1500
- }
1501
- };
1502
- const getColor$5 = color => {
1503
- if (!color) return 'inherit';
1504
- let iconColor;
1505
- switch (color) {
1506
- case 'solid':
1507
- iconColor = designSystem.designTokens.colorSolid;
1508
- break;
1509
- case 'neutral60':
1510
- iconColor = designSystem.designTokens.colorNeutral60;
1511
- break;
1512
- case 'surface':
1513
- iconColor = designSystem.designTokens.colorSurface;
1514
- break;
1515
- case 'info':
1516
- iconColor = designSystem.designTokens.colorInfo;
1517
- break;
1518
- case 'primary':
1519
- iconColor = designSystem.designTokens.colorPrimary;
1520
- break;
1521
- case 'primary40':
1522
- iconColor = designSystem.designTokens.colorPrimary40;
1523
- break;
1524
- case 'warning':
1525
- iconColor = designSystem.designTokens.colorWarning;
1526
- break;
1527
- case 'error':
1528
- iconColor = designSystem.designTokens.colorError;
1529
- break;
1530
- case 'success':
1531
- iconColor = designSystem.designTokens.colorSuccess;
1532
- break;
1533
- }
1534
- if (!iconColor) {
1535
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
1536
- return 'inherit';
1537
- }
1538
- return iconColor;
1539
- };
1540
- const getIconStyles$5 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$5(props.color), ";}&,image{", getSizeStyle$5(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0cmlrZXRocm91Z2hSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJTdHJpa2V0aHJvdWdoUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9yaWNoLXRleHQtYm9keS9pY29ucy9zdmcvc3RyaWtldGhyb3VnaC5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z1N0cmlrZXRocm91Z2ggPSAocHJvcHM6IFNWR1Byb3BzKSA9PiAoXG4gIDxzdmdcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB3aWR0aD17MjR9XG4gICAgaGVpZ2h0PXsyNH1cbiAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIDxwYXRoXG4gICAgICBmaWxsPVwiIzFBMUExQVwiXG4gICAgICBmaWxsUnVsZT1cImV2ZW5vZGRcIlxuICAgICAgZD1cIk0xMS42NDggM3EyLjU1NiAwIDQuNy45MzhsLS42MjEgMS43MzRxLTIuMTIyLS44OS00LjEyNS0uODktMS41ODMgMC0yLjQ3My42NzktLjg5LjY4LS44OSAxLjg4NyAwIC44OS4zMjcgMS40NTkuMzI5LjU2OCAxLjEwOCAxLjA0M3QyLjM4NSAxLjA0OHExLjQ4NS41MyAyLjQ1OSAxLjEwMkgxOS41djEuMjVsLTMuNDkzLS4wMDJxLjc3NCAxLjAzNS43NzQgMi41NzIgMCAyLjI2Mi0xLjY0IDMuNTI4LTEuNjQgMS4yNjUtNC40NTMgMS4yNjUtMy4wNDcgMC00LjY4OC0uNzg1di0xLjkyMnExLjA1NS40NDUgMi4yOTcuNzAzdDIuNDYuMjU4cTEuOTk0IDAgMy0uNzU2IDEuMDEtLjc1NiAxLjAwOS0yLjEwMyAwLS44OS0uMzU4LTEuNDYtLjM1OC0uNTY4LTEuMTk1LTEuMDQ4LS4yMS0uMTItLjQ3OC0uMjVINC41VjEyaDUuMTM3cS0xLjYtLjcxNS0yLjM4OS0xLjYxN1E2LjIyMyA5LjIxIDYuMjIzIDcuMzI0cTAtMS45OCAxLjQ4OC0zLjE1MlE5LjIgMyAxMS42NDggM1wiXG4gICAgLz5cbiAgPC9zdmc+XG4pO1xuU3ZnU3RyaWtldGhyb3VnaC5kaXNwbGF5TmFtZSA9ICdTdmdTdHJpa2V0aHJvdWdoJztcbmNvbnN0IFN0cmlrZXRocm91Z2hJY29uID0gKHByb3BzOiBQcm9wcykgPT4gKFxuICA8Q2xhc3NOYW1lcz5cbiAgICB7KHsgY3NzOiBjcmVhdGVDbGFzcyB9KSA9PiAoXG4gICAgICA8U3ZnU3RyaWtldGhyb3VnaFxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcykpfVxuICAgICAgLz5cbiAgICApfVxuICA8L0NsYXNzTmFtZXM+XG4pO1xuU3RyaWtldGhyb3VnaEljb24uZGlzcGxheU5hbWUgPSAnU3RyaWtldGhyb3VnaEljb24nO1xuZXhwb3J0IGRlZmF1bHQgU3RyaWtldGhyb3VnaEljb247XG4iXX0= */");
1541
911
  const SvgStrikethrough = props => jsxRuntime.jsx("svg", _objectSpread$8(_objectSpread$8({
1542
912
  xmlns: "http://www.w3.org/2000/svg",
1543
913
  width: 24,
@@ -1556,7 +926,7 @@ const StrikethroughIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1556
926
  children: _ref => {
1557
927
  let createClass = _ref.css;
1558
928
  return jsxRuntime.jsx(SvgStrikethrough, _objectSpread$8(_objectSpread$8({}, props), {}, {
1559
- className: createClass(getIconStyles$5(props))
929
+ className: createClass(designSystem.getIconStyles(props))
1560
930
  }));
1561
931
  }
1562
932
  });
@@ -1565,96 +935,6 @@ var StrikethroughIcon$1 = StrikethroughIcon;
1565
935
 
1566
936
  function ownKeys$7(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
1567
937
  function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$7(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$7(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1568
- const iconSizes$4 = {
1569
- small: 12,
1570
- medium: 16,
1571
- big: 24,
1572
- '10': 12,
1573
- '20': 16,
1574
- '30': 20,
1575
- '40': 24
1576
- };
1577
- const getSizeDimensions$4 = size => {
1578
- switch (size) {
1579
- case 'scale':
1580
- return {
1581
- width: '100%',
1582
- height: 'auto'
1583
- };
1584
- case 'small':
1585
- case 'medium':
1586
- case 'big':
1587
- case '10':
1588
- case '20':
1589
- case '30':
1590
- case '40':
1591
- return {
1592
- width: `${iconSizes$4[size]}px`,
1593
- height: `${iconSizes$4[size]}px`
1594
- };
1595
- default:
1596
- return {
1597
- width: `${iconSizes$4['40']}px`,
1598
- height: `${iconSizes$4['40']}px`
1599
- };
1600
- }
1601
- };
1602
- const getSizeStyle$4 = size => {
1603
- const dimensions = getSizeDimensions$4(size);
1604
- switch (size) {
1605
- case 'scale':
1606
- return `
1607
- &:not(:root) {
1608
- width: ${dimensions.width};
1609
- height: ${dimensions.height};
1610
- }
1611
- `;
1612
- default:
1613
- return `
1614
- width: ${dimensions.width};
1615
- height: ${dimensions.height};
1616
- `;
1617
- }
1618
- };
1619
- const getColor$4 = color => {
1620
- if (!color) return 'inherit';
1621
- let iconColor;
1622
- switch (color) {
1623
- case 'solid':
1624
- iconColor = designSystem.designTokens.colorSolid;
1625
- break;
1626
- case 'neutral60':
1627
- iconColor = designSystem.designTokens.colorNeutral60;
1628
- break;
1629
- case 'surface':
1630
- iconColor = designSystem.designTokens.colorSurface;
1631
- break;
1632
- case 'info':
1633
- iconColor = designSystem.designTokens.colorInfo;
1634
- break;
1635
- case 'primary':
1636
- iconColor = designSystem.designTokens.colorPrimary;
1637
- break;
1638
- case 'primary40':
1639
- iconColor = designSystem.designTokens.colorPrimary40;
1640
- break;
1641
- case 'warning':
1642
- iconColor = designSystem.designTokens.colorWarning;
1643
- break;
1644
- case 'error':
1645
- iconColor = designSystem.designTokens.colorError;
1646
- break;
1647
- case 'success':
1648
- iconColor = designSystem.designTokens.colorSuccess;
1649
- break;
1650
- }
1651
- if (!iconColor) {
1652
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
1653
- return 'inherit';
1654
- }
1655
- return iconColor;
1656
- };
1657
- const getIconStyles$4 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$4(props.color), ";}&,image{", getSizeStyle$4(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdFJlYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGtEIiwiZmlsZSI6IlN1YnNjcmlwdFJlYWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRISVMgSVMgQU4gQVVUT0dFTkVSQVRFRCBGSUxFLiBETyBOT1QgRURJVCBUSElTIEZJTEUgRElSRUNUTFkuXG4vLyBUaGlzIGZpbGUgaXMgY3JlYXRlZCB3aXRoICd5YXJuIGdlbmVyYXRlLWljb25zJy5cbi8vIE9yaWdpbmFsIFNWRyBmaWxlOiBzcmMvcmljaC10ZXh0LWJvZHkvaWNvbnMvc3ZnL3N1YnNjcmlwdC5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z1N1YnNjcmlwdCA9IChwcm9wczogU1ZHUHJvcHMpID0+IChcbiAgPHN2Z1xuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIHdpZHRoPXsyNH1cbiAgICBoZWlnaHQ9ezI0fVxuICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPGcgZmlsbD1cIiMzMzNcIiBmaWxsUnVsZT1cIm5vbnplcm9cIj5cbiAgICAgIDxwYXRoIGQ9XCJNNi42MDkgOS45MzcgMy4xOCAxNS4xNDVoMy4yOTRsMi4wNjctMy4zOSAyLjA4NSAzLjM5aDMuMjk0bC0zLjQ2Ni01LjIwOEwxNC4wODMgNC41aC0zLjMwNEw4LjU0MiA4LjE0NyA2LjI5NCA0LjVIM3pNMjEuMDQ0IDE5LjVoLTUuOTg4di0xLjI2bDIuMTUtMi4xNzRxLjk1Ni0uOTc4IDEuMjQ4LTEuMzU2dC40MjItLjdxLjEyOS0uMzIzLjEyOS0uNjY4IDAtLjUxNi0uMjg0LS43NjgtLjI4NS0uMjUyLS43Ni0uMjUyLS40OTYgMC0uOTY2LjIyOWE1IDUgMCAwIDAtLjk3OC42NWwtLjk4NS0xLjE2NnEuNjMzLS41NCAxLjA1LS43NjJhMy45IDMuOSAwIDAgMSAuOTA3LS4zNDJxLjQ5My0uMTIgMS4xMDItLjEyLjgwMyAwIDEuNDE4LjI5My42MTUuMjkyLjk1NS44Mi4zNC41MjcuMzQgMS4yMDcgMCAuNTkyLS4yMDggMS4xMS0uMjA5LjUxOC0uNjQ1IDEuMDY0LS40MzYuNTQ0LTEuNTM4IDEuNTUybC0xLjEwMSAxLjAzOHYuMDgyaDMuNzMyelwiIC8+XG4gICAgPC9nPlxuICA8L3N2Zz5cbik7XG5TdmdTdWJzY3JpcHQuZGlzcGxheU5hbWUgPSAnU3ZnU3Vic2NyaXB0JztcbmNvbnN0IFN1YnNjcmlwdEljb24gPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxDbGFzc05hbWVzPlxuICAgIHsoeyBjc3M6IGNyZWF0ZUNsYXNzIH0pID0+IChcbiAgICAgIDxTdmdTdWJzY3JpcHQgey4uLnByb3BzfSBjbGFzc05hbWU9e2NyZWF0ZUNsYXNzKGdldEljb25TdHlsZXMocHJvcHMpKX0gLz5cbiAgICApfVxuICA8L0NsYXNzTmFtZXM+XG4pO1xuU3Vic2NyaXB0SWNvbi5kaXNwbGF5TmFtZSA9ICdTdWJzY3JpcHRJY29uJztcbmV4cG9ydCBkZWZhdWx0IFN1YnNjcmlwdEljb247XG4iXX0= */");
1658
938
  const SvgSubscript = props => jsxRuntime.jsx("svg", _objectSpread$7(_objectSpread$7({
1659
939
  xmlns: "http://www.w3.org/2000/svg",
1660
940
  width: 24,
@@ -1675,7 +955,7 @@ const SubscriptIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1675
955
  children: _ref => {
1676
956
  let createClass = _ref.css;
1677
957
  return jsxRuntime.jsx(SvgSubscript, _objectSpread$7(_objectSpread$7({}, props), {}, {
1678
- className: createClass(getIconStyles$4(props))
958
+ className: createClass(designSystem.getIconStyles(props))
1679
959
  }));
1680
960
  }
1681
961
  });
@@ -1684,96 +964,6 @@ var SubscriptIcon$1 = SubscriptIcon;
1684
964
 
1685
965
  function ownKeys$6(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
1686
966
  function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1687
- const iconSizes$3 = {
1688
- small: 12,
1689
- medium: 16,
1690
- big: 24,
1691
- '10': 12,
1692
- '20': 16,
1693
- '30': 20,
1694
- '40': 24
1695
- };
1696
- const getSizeDimensions$3 = size => {
1697
- switch (size) {
1698
- case 'scale':
1699
- return {
1700
- width: '100%',
1701
- height: 'auto'
1702
- };
1703
- case 'small':
1704
- case 'medium':
1705
- case 'big':
1706
- case '10':
1707
- case '20':
1708
- case '30':
1709
- case '40':
1710
- return {
1711
- width: `${iconSizes$3[size]}px`,
1712
- height: `${iconSizes$3[size]}px`
1713
- };
1714
- default:
1715
- return {
1716
- width: `${iconSizes$3['40']}px`,
1717
- height: `${iconSizes$3['40']}px`
1718
- };
1719
- }
1720
- };
1721
- const getSizeStyle$3 = size => {
1722
- const dimensions = getSizeDimensions$3(size);
1723
- switch (size) {
1724
- case 'scale':
1725
- return `
1726
- &:not(:root) {
1727
- width: ${dimensions.width};
1728
- height: ${dimensions.height};
1729
- }
1730
- `;
1731
- default:
1732
- return `
1733
- width: ${dimensions.width};
1734
- height: ${dimensions.height};
1735
- `;
1736
- }
1737
- };
1738
- const getColor$3 = color => {
1739
- if (!color) return 'inherit';
1740
- let iconColor;
1741
- switch (color) {
1742
- case 'solid':
1743
- iconColor = designSystem.designTokens.colorSolid;
1744
- break;
1745
- case 'neutral60':
1746
- iconColor = designSystem.designTokens.colorNeutral60;
1747
- break;
1748
- case 'surface':
1749
- iconColor = designSystem.designTokens.colorSurface;
1750
- break;
1751
- case 'info':
1752
- iconColor = designSystem.designTokens.colorInfo;
1753
- break;
1754
- case 'primary':
1755
- iconColor = designSystem.designTokens.colorPrimary;
1756
- break;
1757
- case 'primary40':
1758
- iconColor = designSystem.designTokens.colorPrimary40;
1759
- break;
1760
- case 'warning':
1761
- iconColor = designSystem.designTokens.colorWarning;
1762
- break;
1763
- case 'error':
1764
- iconColor = designSystem.designTokens.colorError;
1765
- break;
1766
- case 'success':
1767
- iconColor = designSystem.designTokens.colorSuccess;
1768
- break;
1769
- }
1770
- if (!iconColor) {
1771
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
1772
- return 'inherit';
1773
- }
1774
- return iconColor;
1775
- };
1776
- const getIconStyles$3 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$3(props.color), ";}&,image{", getSizeStyle$3(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1cGVyc2NyaXB0UmVhY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdIa0QiLCJmaWxlIjoiU3VwZXJzY3JpcHRSZWFjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUSElTIElTIEFOIEFVVE9HRU5FUkFURUQgRklMRS4gRE8gTk9UIEVESVQgVEhJUyBGSUxFIERJUkVDVExZLlxuLy8gVGhpcyBmaWxlIGlzIGNyZWF0ZWQgd2l0aCAneWFybiBnZW5lcmF0ZS1pY29ucycuXG4vLyBPcmlnaW5hbCBTVkcgZmlsZTogc3JjL3JpY2gtdGV4dC1ib2R5L2ljb25zL3N2Zy9zdXBlcnNjcmlwdC5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z1N1cGVyc2NyaXB0ID0gKHByb3BzOiBTVkdQcm9wcykgPT4gKFxuICA8c3ZnXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgd2lkdGg9ezI0fVxuICAgIGhlaWdodD17MjR9XG4gICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICA8ZyBmaWxsUnVsZT1cImV2ZW5vZGRcIj5cbiAgICAgIDxwYXRoXG4gICAgICAgIGZpbGw9XCIjMzMzXCJcbiAgICAgICAgZmlsbFJ1bGU9XCJub256ZXJvXCJcbiAgICAgICAgZD1cIk03LjA2NyAxNC4wNjMgMy42NCA4Ljg1NWgzLjI5NUw5IDEyLjI0NWwyLjA4NS0zLjM5aDMuMjk1bC0zLjQ2NiA1LjIwOCAzLjYyOCA1LjQzN2gtMy4zMDRMOSAxNS44NTMgNi43NTMgMTkuNUgzLjQ1OHpNMjEuMDQ0IDEzLjVoLTUuOTg4di0xLjI2bDIuMTUtMi4xNzRxLjk1Ni0uOTc4IDEuMjQ4LTEuMzU2dC40MjItLjdxLjEyOS0uMzIzLjEyOS0uNjY4IDAtLjUxNi0uMjg0LS43NjgtLjI4NS0uMjUyLS43Ni0uMjUyLS40OTYgMC0uOTY2LjIyOWE1IDUgMCAwIDAtLjk3OC42NWwtLjk4NS0xLjE2NnEuNjMzLS41NCAxLjA1LS43NjJhMy45IDMuOSAwIDAgMSAuOTA3LS4zNDJxLjQ5My0uMTIgMS4xMDItLjEyLjgwMyAwIDEuNDE4LjI5My42MTUuMjkyLjk1NS44Mi4zNC41MjcuMzQgMS4yMDcgMCAuNTkyLS4yMDggMS4xMS0uMjA5LjUxOC0uNjQ1IDEuMDY0LS40MzYuNTQ0LTEuNTM4IDEuNTUybC0xLjEwMSAxLjAzOHYuMDgyaDMuNzMyelwiXG4gICAgICAvPlxuICAgIDwvZz5cbiAgPC9zdmc+XG4pO1xuU3ZnU3VwZXJzY3JpcHQuZGlzcGxheU5hbWUgPSAnU3ZnU3VwZXJzY3JpcHQnO1xuY29uc3QgU3VwZXJzY3JpcHRJY29uID0gKHByb3BzOiBQcm9wcykgPT4gKFxuICA8Q2xhc3NOYW1lcz5cbiAgICB7KHsgY3NzOiBjcmVhdGVDbGFzcyB9KSA9PiAoXG4gICAgICA8U3ZnU3VwZXJzY3JpcHRcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBjbGFzc05hbWU9e2NyZWF0ZUNsYXNzKGdldEljb25TdHlsZXMocHJvcHMpKX1cbiAgICAgIC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcblN1cGVyc2NyaXB0SWNvbi5kaXNwbGF5TmFtZSA9ICdTdXBlcnNjcmlwdEljb24nO1xuZXhwb3J0IGRlZmF1bHQgU3VwZXJzY3JpcHRJY29uO1xuIl19 */");
1777
967
  const SvgSuperscript = props => jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
1778
968
  xmlns: "http://www.w3.org/2000/svg",
1779
969
  width: 24,
@@ -1795,7 +985,7 @@ const SuperscriptIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1795
985
  children: _ref => {
1796
986
  let createClass = _ref.css;
1797
987
  return jsxRuntime.jsx(SvgSuperscript, _objectSpread$6(_objectSpread$6({}, props), {}, {
1798
- className: createClass(getIconStyles$3(props))
988
+ className: createClass(designSystem.getIconStyles(props))
1799
989
  }));
1800
990
  }
1801
991
  });
@@ -1804,96 +994,6 @@ var SuperscriptIcon$1 = SuperscriptIcon;
1804
994
 
1805
995
  function ownKeys$5(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
1806
996
  function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1807
- const iconSizes$2 = {
1808
- small: 12,
1809
- medium: 16,
1810
- big: 24,
1811
- '10': 12,
1812
- '20': 16,
1813
- '30': 20,
1814
- '40': 24
1815
- };
1816
- const getSizeDimensions$2 = size => {
1817
- switch (size) {
1818
- case 'scale':
1819
- return {
1820
- width: '100%',
1821
- height: 'auto'
1822
- };
1823
- case 'small':
1824
- case 'medium':
1825
- case 'big':
1826
- case '10':
1827
- case '20':
1828
- case '30':
1829
- case '40':
1830
- return {
1831
- width: `${iconSizes$2[size]}px`,
1832
- height: `${iconSizes$2[size]}px`
1833
- };
1834
- default:
1835
- return {
1836
- width: `${iconSizes$2['40']}px`,
1837
- height: `${iconSizes$2['40']}px`
1838
- };
1839
- }
1840
- };
1841
- const getSizeStyle$2 = size => {
1842
- const dimensions = getSizeDimensions$2(size);
1843
- switch (size) {
1844
- case 'scale':
1845
- return `
1846
- &:not(:root) {
1847
- width: ${dimensions.width};
1848
- height: ${dimensions.height};
1849
- }
1850
- `;
1851
- default:
1852
- return `
1853
- width: ${dimensions.width};
1854
- height: ${dimensions.height};
1855
- `;
1856
- }
1857
- };
1858
- const getColor$2 = color => {
1859
- if (!color) return 'inherit';
1860
- let iconColor;
1861
- switch (color) {
1862
- case 'solid':
1863
- iconColor = designSystem.designTokens.colorSolid;
1864
- break;
1865
- case 'neutral60':
1866
- iconColor = designSystem.designTokens.colorNeutral60;
1867
- break;
1868
- case 'surface':
1869
- iconColor = designSystem.designTokens.colorSurface;
1870
- break;
1871
- case 'info':
1872
- iconColor = designSystem.designTokens.colorInfo;
1873
- break;
1874
- case 'primary':
1875
- iconColor = designSystem.designTokens.colorPrimary;
1876
- break;
1877
- case 'primary40':
1878
- iconColor = designSystem.designTokens.colorPrimary40;
1879
- break;
1880
- case 'warning':
1881
- iconColor = designSystem.designTokens.colorWarning;
1882
- break;
1883
- case 'error':
1884
- iconColor = designSystem.designTokens.colorError;
1885
- break;
1886
- case 'success':
1887
- iconColor = designSystem.designTokens.colorSuccess;
1888
- break;
1889
- }
1890
- if (!iconColor) {
1891
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
1892
- return 'inherit';
1893
- }
1894
- return iconColor;
1895
- };
1896
- const getIconStyles$2 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$2(props.color), ";}&,image{", getSizeStyle$2(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVuZGVybGluZVJlYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGtEIiwiZmlsZSI6IlVuZGVybGluZVJlYWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRISVMgSVMgQU4gQVVUT0dFTkVSQVRFRCBGSUxFLiBETyBOT1QgRURJVCBUSElTIEZJTEUgRElSRUNUTFkuXG4vLyBUaGlzIGZpbGUgaXMgY3JlYXRlZCB3aXRoICd5YXJuIGdlbmVyYXRlLWljb25zJy5cbi8vIE9yaWdpbmFsIFNWRyBmaWxlOiBzcmMvcmljaC10ZXh0LWJvZHkvaWNvbnMvc3ZnL3VuZGVybGluZS5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z1VuZGVybGluZSA9IChwcm9wczogU1ZHUHJvcHMpID0+IChcbiAgPHN2Z1xuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIHdpZHRoPXsyNH1cbiAgICBoZWlnaHQ9ezI0fVxuICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPHBhdGhcbiAgICAgIGZpbGw9XCIjMUExQTFBXCJcbiAgICAgIGZpbGxSdWxlPVwiZXZlbm9kZFwiXG4gICAgICBkPVwiTTE5LjUgMTkuNjI1djEuMjVoLTE1di0xLjI1ek04LjY5IDMuMjIzdjkuNjQycTAgMS44NS45MzggMi44NC45MzkuOTkxIDIuNzYuOTkxIDEuNzM1IDAgMi42NzMtLjk5NS45MzktLjk5Ni45MzktMi44NTZWMy4yMjNoMS41OTV2OS41NjJxMCAyLjUyNi0xLjQxNyAzLjk3Mi0xLjQxOCAxLjQ0NS0zLjg5NCAxLjQ0NS0yLjQ3OCAwLTMuODMzLTEuNDU1LTEuMzU2LTEuNDU2LTEuMzU2LTQuMDAzVjMuMjIzelwiXG4gICAgLz5cbiAgPC9zdmc+XG4pO1xuU3ZnVW5kZXJsaW5lLmRpc3BsYXlOYW1lID0gJ1N2Z1VuZGVybGluZSc7XG5jb25zdCBVbmRlcmxpbmVJY29uID0gKHByb3BzOiBQcm9wcykgPT4gKFxuICA8Q2xhc3NOYW1lcz5cbiAgICB7KHsgY3NzOiBjcmVhdGVDbGFzcyB9KSA9PiAoXG4gICAgICA8U3ZnVW5kZXJsaW5lIHsuLi5wcm9wc30gY2xhc3NOYW1lPXtjcmVhdGVDbGFzcyhnZXRJY29uU3R5bGVzKHByb3BzKSl9IC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcblVuZGVybGluZUljb24uZGlzcGxheU5hbWUgPSAnVW5kZXJsaW5lSWNvbic7XG5leHBvcnQgZGVmYXVsdCBVbmRlcmxpbmVJY29uO1xuIl19 */");
1897
997
  const SvgUnderline = props => jsxRuntime.jsx("svg", _objectSpread$5(_objectSpread$5({
1898
998
  xmlns: "http://www.w3.org/2000/svg",
1899
999
  width: 24,
@@ -1912,7 +1012,7 @@ const UnderlineIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1912
1012
  children: _ref => {
1913
1013
  let createClass = _ref.css;
1914
1014
  return jsxRuntime.jsx(SvgUnderline, _objectSpread$5(_objectSpread$5({}, props), {}, {
1915
- className: createClass(getIconStyles$2(props))
1015
+ className: createClass(designSystem.getIconStyles(props))
1916
1016
  }));
1917
1017
  }
1918
1018
  });
@@ -1921,96 +1021,6 @@ var UnderlineIcon$1 = UnderlineIcon;
1921
1021
 
1922
1022
  function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
1923
1023
  function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
1924
- const iconSizes$1 = {
1925
- small: 12,
1926
- medium: 16,
1927
- big: 24,
1928
- '10': 12,
1929
- '20': 16,
1930
- '30': 20,
1931
- '40': 24
1932
- };
1933
- const getSizeDimensions$1 = size => {
1934
- switch (size) {
1935
- case 'scale':
1936
- return {
1937
- width: '100%',
1938
- height: 'auto'
1939
- };
1940
- case 'small':
1941
- case 'medium':
1942
- case 'big':
1943
- case '10':
1944
- case '20':
1945
- case '30':
1946
- case '40':
1947
- return {
1948
- width: `${iconSizes$1[size]}px`,
1949
- height: `${iconSizes$1[size]}px`
1950
- };
1951
- default:
1952
- return {
1953
- width: `${iconSizes$1['40']}px`,
1954
- height: `${iconSizes$1['40']}px`
1955
- };
1956
- }
1957
- };
1958
- const getSizeStyle$1 = size => {
1959
- const dimensions = getSizeDimensions$1(size);
1960
- switch (size) {
1961
- case 'scale':
1962
- return `
1963
- &:not(:root) {
1964
- width: ${dimensions.width};
1965
- height: ${dimensions.height};
1966
- }
1967
- `;
1968
- default:
1969
- return `
1970
- width: ${dimensions.width};
1971
- height: ${dimensions.height};
1972
- `;
1973
- }
1974
- };
1975
- const getColor$1 = color => {
1976
- if (!color) return 'inherit';
1977
- let iconColor;
1978
- switch (color) {
1979
- case 'solid':
1980
- iconColor = designSystem.designTokens.colorSolid;
1981
- break;
1982
- case 'neutral60':
1983
- iconColor = designSystem.designTokens.colorNeutral60;
1984
- break;
1985
- case 'surface':
1986
- iconColor = designSystem.designTokens.colorSurface;
1987
- break;
1988
- case 'info':
1989
- iconColor = designSystem.designTokens.colorInfo;
1990
- break;
1991
- case 'primary':
1992
- iconColor = designSystem.designTokens.colorPrimary;
1993
- break;
1994
- case 'primary40':
1995
- iconColor = designSystem.designTokens.colorPrimary40;
1996
- break;
1997
- case 'warning':
1998
- iconColor = designSystem.designTokens.colorWarning;
1999
- break;
2000
- case 'error':
2001
- iconColor = designSystem.designTokens.colorError;
2002
- break;
2003
- case 'success':
2004
- iconColor = designSystem.designTokens.colorSuccess;
2005
- break;
2006
- }
2007
- if (!iconColor) {
2008
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
2009
- return 'inherit';
2010
- }
2011
- return iconColor;
2012
- };
2013
- const getIconStyles$1 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$1(props.color), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVuZG9SZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJVbmRvUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9yaWNoLXRleHQtYm9keS9pY29ucy9zdmcvdW5kby5yZWFjdC5zdmdcbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFycyAqL1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnc3VjY2Vzcyc7XG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgaWNvbi4gJ3NtYWxsJywgJ21lZGl1bScsICdiaWcnIGhhdmUgYmVlbiBkZXByZWNhdGVkIGluIGZhdm9yIG9mICcxMCcsICcyMCcsICczMCcsICc0MCcuXG4gICAqL1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnIHwgJzEwJyB8ICcyMCcgfCAnMzAnIHwgJzQwJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbiAgJzEwJzogMTIsXG4gICcyMCc6IDE2LFxuICAnMzAnOiAyMCxcbiAgJzQwJzogMjQsXG59IGFzIGNvbnN0O1xuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICBjYXNlICcxMCc6XG4gICAgY2FzZSAnMjAnOlxuICAgIGNhc2UgJzMwJzpcbiAgICBjYXNlICc0MCc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgfTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzWyc0MCddfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5jb25zdCBnZXRTaXplU3R5bGUgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0U2l6ZURpbWVuc2lvbnMoc2l6ZSk7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuY29uc3QgZ2V0Q29sb3IgPSAoY29sb3I6IFByb3BzWydjb2xvciddKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGxldCBpY29uQ29sb3I7XG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdzb2xpZCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclN1Y2Nlc3M7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cbiAgaWYgKCFpY29uQ29sb3IpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgY29sb3IsXG4gICAgICBgdWkta2l0L0ljb246IHRoZSBzcGVjaWZpZWQgY29sb3IgJyR7Y29sb3J9JyBpcyBub3Qgc3VwcG9ydGVkLmBcbiAgICApO1xuICAgIHJldHVybiAnaW5oZXJpdCc7XG4gIH1cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMpID0+IGNzc2BcbiAgKjpub3QoW2ZpbGw9J25vbmUnXSkge1xuICAgIGZpbGw6ICR7Z2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcbmNvbnN0IFN2Z1VuZG8gPSAocHJvcHM6IFNWR1Byb3BzKSA9PiAoXG4gIDxzdmdcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB4bWxuc1hsaW5rPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGlua1wiXG4gICAgd2lkdGg9ezI0fVxuICAgIGhlaWdodD17MjR9XG4gICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICA8ZGVmcz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGlkPVwidW5kb19yZWFjdF9zdmdfX2FcIlxuICAgICAgICBkPVwiTTEyLjQ1OCA3LjQxYTguNTIgOC41MiAwIDAgMC02LjcgMy4yNDZMMy43OTYgOC42OTNjLS40MzctLjQzOC0uNzk1LS4yOS0uNzk1LjMzdjcuMzM1YzAgLjYxOC4wMjQuNTkzLjY0My41OTNoNy4yODZjLjYxOSAwIC43NjctLjM1OC4zMy0uNzk1bC0yLjI0My0yLjI0M2E2LjI4IDYuMjggMCAwIDEgNS42OTctMy42NCA2LjI4MyA2LjI4MyAwIDAgMSA2LjI3NyA2LjA4NXEuMDEtLjIwMi4wMS0uNDA2YTguNTQgOC41NCAwIDAgMC04LjU0Mi04LjU0MlwiXG4gICAgICAvPlxuICAgIDwvZGVmcz5cbiAgICA8dXNlIHhsaW5rSHJlZj1cIiN1bmRvX3JlYWN0X3N2Z19fYVwiIGZpbGw9XCIjMUExQTFBXCIgZmlsbFJ1bGU9XCJldmVub2RkXCIgLz5cbiAgPC9zdmc+XG4pO1xuU3ZnVW5kby5kaXNwbGF5TmFtZSA9ICdTdmdVbmRvJztcbmNvbnN0IFVuZG9JY29uID0gKHByb3BzOiBQcm9wcykgPT4gKFxuICA8Q2xhc3NOYW1lcz5cbiAgICB7KHsgY3NzOiBjcmVhdGVDbGFzcyB9KSA9PiAoXG4gICAgICA8U3ZnVW5kbyB7Li4ucHJvcHN9IGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcykpfSAvPlxuICAgICl9XG4gIDwvQ2xhc3NOYW1lcz5cbik7XG5VbmRvSWNvbi5kaXNwbGF5TmFtZSA9ICdVbmRvSWNvbic7XG5leHBvcnQgZGVmYXVsdCBVbmRvSWNvbjtcbiJdfQ== */");
2014
1024
  const SvgUndo = props => jsxRuntime.jsxs("svg", _objectSpread$4(_objectSpread$4({
2015
1025
  xmlns: "http://www.w3.org/2000/svg",
2016
1026
  xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -2035,7 +1045,7 @@ const UndoIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
2035
1045
  children: _ref => {
2036
1046
  let createClass = _ref.css;
2037
1047
  return jsxRuntime.jsx(SvgUndo, _objectSpread$4(_objectSpread$4({}, props), {}, {
2038
- className: createClass(getIconStyles$1(props))
1048
+ className: createClass(designSystem.getIconStyles(props))
2039
1049
  }));
2040
1050
  }
2041
1051
  });
@@ -2044,96 +1054,6 @@ var UndoIcon$1 = UndoIcon;
2044
1054
 
2045
1055
  function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
2046
1056
  function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
2047
- const iconSizes = {
2048
- small: 12,
2049
- medium: 16,
2050
- big: 24,
2051
- '10': 12,
2052
- '20': 16,
2053
- '30': 20,
2054
- '40': 24
2055
- };
2056
- const getSizeDimensions = size => {
2057
- switch (size) {
2058
- case 'scale':
2059
- return {
2060
- width: '100%',
2061
- height: 'auto'
2062
- };
2063
- case 'small':
2064
- case 'medium':
2065
- case 'big':
2066
- case '10':
2067
- case '20':
2068
- case '30':
2069
- case '40':
2070
- return {
2071
- width: `${iconSizes[size]}px`,
2072
- height: `${iconSizes[size]}px`
2073
- };
2074
- default:
2075
- return {
2076
- width: `${iconSizes['40']}px`,
2077
- height: `${iconSizes['40']}px`
2078
- };
2079
- }
2080
- };
2081
- const getSizeStyle = size => {
2082
- const dimensions = getSizeDimensions(size);
2083
- switch (size) {
2084
- case 'scale':
2085
- return `
2086
- &:not(:root) {
2087
- width: ${dimensions.width};
2088
- height: ${dimensions.height};
2089
- }
2090
- `;
2091
- default:
2092
- return `
2093
- width: ${dimensions.width};
2094
- height: ${dimensions.height};
2095
- `;
2096
- }
2097
- };
2098
- const getColor = color => {
2099
- if (!color) return 'inherit';
2100
- let iconColor;
2101
- switch (color) {
2102
- case 'solid':
2103
- iconColor = designSystem.designTokens.colorSolid;
2104
- break;
2105
- case 'neutral60':
2106
- iconColor = designSystem.designTokens.colorNeutral60;
2107
- break;
2108
- case 'surface':
2109
- iconColor = designSystem.designTokens.colorSurface;
2110
- break;
2111
- case 'info':
2112
- iconColor = designSystem.designTokens.colorInfo;
2113
- break;
2114
- case 'primary':
2115
- iconColor = designSystem.designTokens.colorPrimary;
2116
- break;
2117
- case 'primary40':
2118
- iconColor = designSystem.designTokens.colorPrimary40;
2119
- break;
2120
- case 'warning':
2121
- iconColor = designSystem.designTokens.colorWarning;
2122
- break;
2123
- case 'error':
2124
- iconColor = designSystem.designTokens.colorError;
2125
- break;
2126
- case 'success':
2127
- iconColor = designSystem.designTokens.colorSuccess;
2128
- break;
2129
- }
2130
- if (!iconColor) {
2131
- process.env.NODE_ENV !== "production" ? utils.warning(color, `ui-kit/Icon: the specified color '${color}' is not supported.`) : void 0;
2132
- return 'inherit';
2133
- }
2134
- return iconColor;
2135
- };
2136
- const getIconStyles = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVub3JkZXJlZExpc3RSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0hrRCIsImZpbGUiOiJVbm9yZGVyZWRMaXN0UmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9yaWNoLXRleHQtYm9keS9pY29ucy9zdmcvdW5vcmRlcmVkLWxpc3QucmVhY3Quc3ZnXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnMgKi9cbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBjc3MsIENsYXNzTmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICBjb2xvcj86XG4gICAgfCAnc29saWQnXG4gICAgfCAnbmV1dHJhbDYwJ1xuICAgIHwgJ3N1cmZhY2UnXG4gICAgfCAnaW5mbydcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3ByaW1hcnk0MCdcbiAgICB8ICd3YXJuaW5nJ1xuICAgIHwgJ2Vycm9yJ1xuICAgIHwgJ3N1Y2Nlc3MnO1xuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGljb24uICdzbWFsbCcsICdtZWRpdW0nLCAnYmlnJyBoYXZlIGJlZW4gZGVwcmVjYXRlZCBpbiBmYXZvciBvZiAnMTAnLCAnMjAnLCAnMzAnLCAnNDAnLlxuICAgKi9cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnIHwgJ3NjYWxlJyB8ICcxMCcgfCAnMjAnIHwgJzMwJyB8ICc0MCc7XG59O1xuZXhwb3J0IHR5cGUgU1ZHUHJvcHMgPSBQcm9wcyAmIHtcbiAgY2xhc3NOYW1lOiBzdHJpbmc7XG59O1xuY29uc3QgaWNvblNpemVzID0ge1xuICBzbWFsbDogMTIsXG4gIG1lZGl1bTogMTYsXG4gIGJpZzogMjQsXG4gICcxMCc6IDEyLFxuICAnMjAnOiAxNixcbiAgJzMwJzogMjAsXG4gICc0MCc6IDI0LFxufSBhcyBjb25zdDtcbmNvbnN0IGdldFNpemVEaW1lbnNpb25zID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc2NhbGUnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICB9O1xuICAgIGNhc2UgJ3NtYWxsJzpcbiAgICBjYXNlICdtZWRpdW0nOlxuICAgIGNhc2UgJ2JpZyc6XG4gICAgY2FzZSAnMTAnOlxuICAgIGNhc2UgJzIwJzpcbiAgICBjYXNlICczMCc6XG4gICAgY2FzZSAnNDAnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1tzaXplXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgIH07XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBgJHtpY29uU2l6ZXNbJzQwJ119cHhgLFxuICAgICAgICBoZWlnaHQ6IGAke2ljb25TaXplc1snNDAnXX1weGAsXG4gICAgICB9O1xuICB9XG59O1xuY29uc3QgZ2V0U2l6ZVN0eWxlID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldFNpemVEaW1lbnNpb25zKHNpemUpO1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4gYFxuICAgICAgICAmOm5vdCg6cm9vdCkge1xuICAgICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICAgIH1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBgXG4gICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBoZWlnaHQ6ICR7ZGltZW5zaW9ucy5oZWlnaHR9O1xuICAgICAgYDtcbiAgfVxufTtcbmNvbnN0IGdldENvbG9yID0gKGNvbG9yOiBQcm9wc1snY29sb3InXSkgPT4ge1xuICBpZiAoIWNvbG9yKSByZXR1cm4gJ2luaGVyaXQnO1xuICBsZXQgaWNvbkNvbG9yO1xuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yU29saWQ7XG4gICAgICBicmVhaztcbiAgICBjYXNlICduZXV0cmFsNjAnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VyZmFjZSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAncHJpbWFyeTQwJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk0MDtcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgaWNvbkNvbG9yID0gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICAgIGJyZWFrO1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIGljb25Db2xvciA9IGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICBpY29uQ29sb3IgPSBkZXNpZ25Ub2tlbnMuY29sb3JTdWNjZXNzO1xuICAgICAgYnJlYWs7XG4gICAgZGVmYXVsdDpcbiAgICAgIGJyZWFrO1xuICB9XG4gIGlmICghaWNvbkNvbG9yKSB7XG4gICAgd2FybmluZyhcbiAgICAgIGNvbG9yLFxuICAgICAgYHVpLWtpdC9JY29uOiB0aGUgc3BlY2lmaWVkIGNvbG9yICcke2NvbG9yfScgaXMgbm90IHN1cHBvcnRlZC5gXG4gICAgKTtcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xuICB9XG4gIHJldHVybiBpY29uQ29sb3I7XG59O1xuZXhwb3J0IGNvbnN0IGdldEljb25TdHlsZXMgPSAocHJvcHM6IFByb3BzKSA9PiBjc3NgXG4gICo6bm90KFtmaWxsPSdub25lJ10pIHtcbiAgICBmaWxsOiAke2dldENvbG9yKHByb3BzLmNvbG9yKX07XG4gIH1cbiAgJixcbiAgaW1hZ2Uge1xuICAgICR7Z2V0U2l6ZVN0eWxlKHByb3BzLnNpemUpfTtcbiAgfVxuICBmbGV4LXNocmluazogMDtcbmA7XG5jb25zdCBTdmdVbm9yZGVyZWRMaXN0ID0gKHByb3BzOiBTVkdQcm9wcykgPT4gKFxuICA8c3ZnXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgeG1sbnNYbGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgIHdpZHRoPXsyNH1cbiAgICBoZWlnaHQ9ezI0fVxuICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPGRlZnM+XG4gICAgICA8cGF0aFxuICAgICAgICBpZD1cInVub3JkZXJlZC1saXN0X3JlYWN0X3N2Z19fYVwiXG4gICAgICAgIGQ9XCJNNS42MjUgMTdhLjM2LjM2IDAgMCAxIC4yNjQuMTExcS4wODMuMDg1LjEwNC4xOWwuMDA3LjA3NHYyLjI1YS4zNi4zNiAwIDAgMS0uMTExLjI2NC4zNi4zNiAwIDAgMS0uMTkuMTA0TDUuNjI1IDIwaC0yLjI1YS4zNi4zNiAwIDAgMS0uMjY0LS4xMTEuMzYuMzYgMCAwIDEtLjEwNC0uMTlMMyAxOS42MjV2LTIuMjVhLjM2LjM2IDAgMCAxIC4xMTEtLjI2NC4zNy4zNyAwIDAgMSAuMTktLjEwNEwzLjM3NSAxN3ptMTUuMTI1IDFhLjQuNCAwIDAgMSAuMTc2LjAzNy4xNC4xNCAwIDAgMSAuMDY2LjA1NmwuMDA4LjAzMnYuNzVxMCAuMDUtLjA3NC4wODhhLjQuNCAwIDAgMS0uMTExLjAzM0wyMC43NSAxOWgtMTAuNWEuNC40IDAgMCAxLS4xNzYtLjAzNy4xNC4xNCAwIDAgMS0uMDY2LS4wNTZMMTAgMTguODc1di0uNzVxMC0uMDUuMDc0LS4wODhhLjQuNCAwIDAgMSAuMTExLS4wMzNMMTAuMjUgMTh6TTUuNjI1IDEwYS4zNi4zNiAwIDAgMSAuMjY0LjExMXEuMDgzLjA4NC4xMDQuMTlsLjAwNy4wNzR2Mi4yNWEuMzYuMzYgMCAwIDEtLjExMS4yNjQuMzcuMzcgMCAwIDEtLjE5LjEwNEw1LjYyNSAxM2gtMi4yNWEuMzYuMzYgMCAwIDEtLjI2NC0uMTExLjM2LjM2IDAgMCAxLS4xMDQtLjE5TDMgMTIuNjI1di0yLjI1YS4zNi4zNiAwIDAgMSAuMTExLS4yNjQuMzYuMzYgMCAwIDEgLjE5LS4xMDRMMy4zNzUgMTB6bTE1LjEyNSAxYS40LjQgMCAwIDEgLjE3Ni4wMzdxLjA3NS4wMzcuMDc0LjA4OHYuNzVxMCAuMDUtLjA3NC4wODhhLjQuNCAwIDAgMS0uMTc2LjAzN2gtMTAuNWEuNC40IDAgMCAxLS4xNzYtLjAzN1ExMCAxMS45MjYgMTAgMTEuODc1di0uNzVxMC0uMDUuMDc0LS4wODhBLjQuNCAwIDAgMSAxMC4yNSAxMVpNNS42MjUgNHEuMTUzIDAgLjI2NC4xMTEuMDgzLjA4NS4xMDQuMTlMNiA0LjM3NXYyLjI1YS4zNi4zNiAwIDAgMS0uMTExLjI2NC4zNi4zNiAwIDAgMS0uMTkuMTA0TDUuNjI1IDdoLTIuMjVhLjM2LjM2IDAgMCAxLS4yNjQtLjExMS4zNi4zNiAwIDAgMS0uMTA0LS4xOUwzIDYuNjI1di0yLjI1YS4zNi4zNiAwIDAgMSAuMTExLS4yNjQuMzYuMzYgMCAwIDEgLjE5LS4xMDRMMy4zNzUgNHptNC42MjUgMWgxMC41YS40LjQgMCAwIDEgLjE3Ni4wMzcuMTQuMTQgMCAwIDEgLjA2Ni4wNTZsLjAwOC4wMzJ2Ljc1cTAgLjA1LS4wNzQuMDg4YS40LjQgMCAwIDEtLjExMS4wMzNMMjAuNzUgNmgtMTAuNWEuNC40IDAgMCAxLS4xNzYtLjAzNy4xNC4xNCAwIDAgMS0uMDY2LS4wNTZMMTAgNS44NzV2LS43NXEwLS4wNS4wNzQtLjA4OGEuNC40IDAgMCAxIC4xMTEtLjAzM3poMTAuNVpcIlxuICAgICAgLz5cbiAgICA8L2RlZnM+XG4gICAgPHVzZVxuICAgICAgeGxpbmtIcmVmPVwiI3Vub3JkZXJlZC1saXN0X3JlYWN0X3N2Z19fYVwiXG4gICAgICBmaWxsPVwiIzFBMUExQVwiXG4gICAgICBmaWxsUnVsZT1cImV2ZW5vZGRcIlxuICAgIC8+XG4gIDwvc3ZnPlxuKTtcblN2Z1Vub3JkZXJlZExpc3QuZGlzcGxheU5hbWUgPSAnU3ZnVW5vcmRlcmVkTGlzdCc7XG5jb25zdCBVbm9yZGVyZWRMaXN0SWNvbiA9IChwcm9wczogUHJvcHMpID0+IChcbiAgPENsYXNzTmFtZXM+XG4gICAgeyh7IGNzczogY3JlYXRlQ2xhc3MgfSkgPT4gKFxuICAgICAgPFN2Z1Vub3JkZXJlZExpc3RcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBjbGFzc05hbWU9e2NyZWF0ZUNsYXNzKGdldEljb25TdHlsZXMocHJvcHMpKX1cbiAgICAgIC8+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcblVub3JkZXJlZExpc3RJY29uLmRpc3BsYXlOYW1lID0gJ1Vub3JkZXJlZExpc3RJY29uJztcbmV4cG9ydCBkZWZhdWx0IFVub3JkZXJlZExpc3RJY29uO1xuIl19 */");
2137
1057
  const SvgUnorderedList = props => jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({
2138
1058
  xmlns: "http://www.w3.org/2000/svg",
2139
1059
  xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -2158,7 +1078,7 @@ const UnorderedListIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
2158
1078
  children: _ref => {
2159
1079
  let createClass = _ref.css;
2160
1080
  return jsxRuntime.jsx(SvgUnorderedList, _objectSpread$3(_objectSpread$3({}, props), {}, {
2161
- className: createClass(getIconStyles(props))
1081
+ className: createClass(designSystem.getIconStyles(props))
2162
1082
  }));
2163
1083
  }
2164
1084
  });
@@ -2920,7 +1840,7 @@ RichTextEditorBody.defaultProps = defaultProps;
2920
1840
  var RichTextEditorBody$1 = RichTextEditorBody;
2921
1841
 
2922
1842
  // NOTE: This string will be replaced on build time with the package version.
2923
- var version = "19.19.0";
1843
+ var version = "19.20.1";
2924
1844
 
2925
1845
  exports.Element = Element;
2926
1846
  exports.HiddenInput = HiddenInput$1;