@snack-uikit/icons 0.20.0 → 0.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 (99) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +44 -0
  3. package/dist/Sprite.d.ts +6 -0
  4. package/dist/Sprite.js +16 -0
  5. package/dist/components/index.d.ts +1 -0
  6. package/dist/components/index.js +1 -0
  7. package/dist/components/interface-icons/alarmFilled/AlarmFilledS.js +2 -2
  8. package/dist/components/interface-icons/alarmFilled/AlarmFilledXs.js +2 -2
  9. package/dist/components/interface-icons/arrowDown/ArrowDownS.js +2 -2
  10. package/dist/components/interface-icons/arrowDown/ArrowDownXs.js +2 -2
  11. package/dist/components/interface-icons/arrowLeft/ArrowLeftS.js +2 -2
  12. package/dist/components/interface-icons/arrowLeft/ArrowLeftXs.js +2 -2
  13. package/dist/components/interface-icons/arrowLinks/ArrowLinksS.js +2 -2
  14. package/dist/components/interface-icons/arrowLinks/ArrowLinksXs.js +2 -2
  15. package/dist/components/interface-icons/arrowRight/ArrowRightS.js +2 -2
  16. package/dist/components/interface-icons/arrowRight/ArrowRightXs.js +2 -2
  17. package/dist/components/interface-icons/arrowUp/ArrowUpS.js +2 -2
  18. package/dist/components/interface-icons/arrowUp/ArrowUpXs.js +2 -2
  19. package/dist/components/interface-icons/calendar/CalendarS.js +2 -2
  20. package/dist/components/interface-icons/calendar/CalendarXs.js +2 -2
  21. package/dist/components/interface-icons/check/CheckS.js +2 -2
  22. package/dist/components/interface-icons/check/CheckXs.js +2 -2
  23. package/dist/components/interface-icons/checkFilled/CheckFilledS.js +2 -2
  24. package/dist/components/interface-icons/checkFilled/CheckFilledXs.js +2 -2
  25. package/dist/components/interface-icons/chevronDown/ChevronDownS.js +2 -2
  26. package/dist/components/interface-icons/chevronDown/ChevronDownXs.js +2 -2
  27. package/dist/components/interface-icons/chevronLeft/ChevronLeftS.js +2 -2
  28. package/dist/components/interface-icons/chevronLeft/ChevronLeftXs.js +2 -2
  29. package/dist/components/interface-icons/chevronRight/ChevronRightS.js +2 -2
  30. package/dist/components/interface-icons/chevronRight/ChevronRightXs.js +2 -2
  31. package/dist/components/interface-icons/chevronUp/ChevronUpS.js +2 -2
  32. package/dist/components/interface-icons/chevronUp/ChevronUpXs.js +2 -2
  33. package/dist/components/interface-icons/copy/CopyS.js +2 -2
  34. package/dist/components/interface-icons/copy/CopyXs.js +2 -2
  35. package/dist/components/interface-icons/cross/CrossS.js +2 -2
  36. package/dist/components/interface-icons/cross/CrossXs.js +2 -2
  37. package/dist/components/interface-icons/crossFilled/CrossFilledS.js +2 -2
  38. package/dist/components/interface-icons/crossFilled/CrossFilledXs.js +2 -2
  39. package/dist/components/interface-icons/day/DayS.js +2 -2
  40. package/dist/components/interface-icons/download/DownloadS.js +2 -2
  41. package/dist/components/interface-icons/download/DownloadXs.js +2 -2
  42. package/dist/components/interface-icons/email/EmailS.js +2 -2
  43. package/dist/components/interface-icons/eye/EyeS.js +2 -2
  44. package/dist/components/interface-icons/eye/EyeXs.js +2 -2
  45. package/dist/components/interface-icons/eyeClosed/EyeClosedS.js +2 -2
  46. package/dist/components/interface-icons/eyeClosed/EyeClosedXs.js +2 -2
  47. package/dist/components/interface-icons/file/FileS.js +2 -2
  48. package/dist/components/interface-icons/file/FileXs.js +2 -2
  49. package/dist/components/interface-icons/filter/FilterS.js +2 -2
  50. package/dist/components/interface-icons/folder/FolderS.js +2 -2
  51. package/dist/components/interface-icons/folder/FolderXs.js +2 -2
  52. package/dist/components/interface-icons/folderOpen/FolderOpenS.js +2 -2
  53. package/dist/components/interface-icons/folderOpen/FolderOpenXs.js +2 -2
  54. package/dist/components/interface-icons/heart/HeartS.js +2 -2
  55. package/dist/components/interface-icons/heartFilled/HeartFilledS.js +2 -2
  56. package/dist/components/interface-icons/heartFilled/HeartFilledXs.js +2 -2
  57. package/dist/components/interface-icons/home/HomeS.js +2 -2
  58. package/dist/components/interface-icons/home/HomeXs.js +2 -2
  59. package/dist/components/interface-icons/infoFilled/InfoFilledS.js +2 -2
  60. package/dist/components/interface-icons/infoFilled/InfoFilledXs.js +2 -2
  61. package/dist/components/interface-icons/kebab/KebabS.js +2 -2
  62. package/dist/components/interface-icons/kebab/KebabXs.js +2 -2
  63. package/dist/components/interface-icons/minus/MinusS.js +2 -2
  64. package/dist/components/interface-icons/minus/MinusXs.js +2 -2
  65. package/dist/components/interface-icons/more/MoreS.js +2 -2
  66. package/dist/components/interface-icons/more/MoreXs.js +2 -2
  67. package/dist/components/interface-icons/night/NightS.js +2 -2
  68. package/dist/components/interface-icons/pinned/PinnedS.js +2 -2
  69. package/dist/components/interface-icons/pinned/PinnedXs.js +2 -2
  70. package/dist/components/interface-icons/placeholder/PlaceholderS.js +2 -2
  71. package/dist/components/interface-icons/placeholder/PlaceholderXs.js +2 -2
  72. package/dist/components/interface-icons/plus/PlusS.js +2 -2
  73. package/dist/components/interface-icons/plus/PlusXs.js +2 -2
  74. package/dist/components/interface-icons/question/QuestionS.js +2 -2
  75. package/dist/components/interface-icons/question/QuestionXs.js +2 -2
  76. package/dist/components/interface-icons/resize/ResizeS.js +2 -2
  77. package/dist/components/interface-icons/resize/ResizeXs.js +2 -2
  78. package/dist/components/interface-icons/search/SearchS.js +2 -2
  79. package/dist/components/interface-icons/search/SearchXs.js +2 -2
  80. package/dist/components/interface-icons/settings/SettingsS.js +2 -2
  81. package/dist/components/interface-icons/settings/SettingsXs.js +2 -2
  82. package/dist/components/interface-icons/star/StarS.js +2 -2
  83. package/dist/components/interface-icons/star/StarXs.js +2 -2
  84. package/dist/components/interface-icons/starFilled/StarFilledS.js +2 -2
  85. package/dist/components/interface-icons/starFilled/StarFilledXs.js +2 -2
  86. package/dist/components/interface-icons/trash/TrashS.js +2 -2
  87. package/dist/components/interface-icons/unPinned/UnPinnedS.js +2 -2
  88. package/dist/components/interface-icons/unPinned/UnPinnedXs.js +2 -2
  89. package/dist/components/interface-icons/update/UpdateS.js +2 -2
  90. package/dist/components/interface-icons/upload/UploadS.js +2 -2
  91. package/dist/components/interface-icons/upload/UploadXs.js +2 -2
  92. package/dist/components/interface-icons/warning/WarningS.js +2 -2
  93. package/dist/components/interface-icons/warning/WarningXs.js +2 -2
  94. package/dist/index.d.ts +3 -1
  95. package/dist/index.js +3 -1
  96. package/dist/sprite/svg/sprite.symbol.svg +1 -0
  97. package/package.json +15 -7
  98. package/src/Sprite.tsx +22 -0
  99. package/src/index.ts +3 -1
@@ -14,7 +14,7 @@ const SvgCopyS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-copy-s';
17
+ const testId = '-copy-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgCopyS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M9.587 3.283a3.754 3.754 0 0 0-3.228 2.826l-.043.199-.323.087c-.177.047-.469.16-.648.25-1.008.507-1.678 1.335-1.995 2.467-.085.304-.086.357-.1 4.168-.01 2.651 0 3.966.03 4.2.106.819.472 1.55 1.081 2.159.609.609 1.34.975 2.159 1.081.233.03 1.545.039 4.18.029 4.2-.015 4.023-.006 4.653-.254 1.12-.441 2.052-1.503 2.289-2.608.043-.201.044-.202.245-.245 1.105-.237 2.167-1.169 2.608-2.289.248-.63.239-.453.254-4.653.01-2.635.001-3.947-.029-4.18a4.218 4.218 0 0 0-.505-1.448c-.21-.351-.75-.935-1.057-1.142a4.668 4.668 0 0 0-1.23-.562l-.388-.106-3.82-.007c-2.101-.003-3.961.009-4.133.028m8.178 1.603c.662.266 1.083.686 1.346 1.343l.109.271.011 3.895c.012 4.299.023 4.102-.242 4.642-.171.35-.599.782-.949.957l-.26.13-.021-3.352c-.021-3.262-.024-3.36-.106-3.653a4.105 4.105 0 0 0-.481-1.115c-.205-.329-.721-.876-1.014-1.074a4.636 4.636 0 0 0-1.23-.561l-.388-.106-3.332-.022-3.333-.021.133-.26c.179-.352.61-.781.955-.949.529-.259.308-.248 4.617-.239l3.92.008zm-3 3c.662.266 1.083.686 1.346 1.343l.109.271v8l-.109.271c-.289.723-.848 1.225-1.569 1.408-.358.091-7.726.091-8.084 0-.721-.183-1.28-.685-1.569-1.408L4.78 17.5v-8l.106-.265c.306-.761.906-1.282 1.654-1.435.088-.018 1.915-.03 4.06-.026l3.9.006z' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgCopyS;
@@ -14,7 +14,7 @@ const SvgCopyXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-copy-xs';
17
+ const testId = '-copy-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgCopyXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M6.508 1.298a2.8 2.8 0 0 0-1.587.905c-.419.493-.638 1.059-.672 1.734l-.017.323-.376.014a2.263 2.263 0 0 0-1.109.287 2.748 2.748 0 0 0-1.344 1.541c-.15.419-.15.413-.15 3.411 0 2.674.002 2.767.055 3.026.114.561.342.98.757 1.396.416.415.835.643 1.396.757.259.053.352.055 3.026.055 2.999 0 2.993 0 3.411-.15.294-.106.524-.229.764-.41.653-.492 1.039-1.238 1.088-2.104l.018-.315.315-.018c1.182-.067 2.121-.759 2.514-1.852.15-.418.15-.412.15-3.411 0-2.674-.002-2.767-.055-3.026a2.762 2.762 0 0 0-1.038-1.654 3.583 3.583 0 0 0-.987-.479l-.227-.06-2.853-.005c-2.453-.005-2.885 0-3.079.035m5.72 1.477c.493.09.907.504.997.997.019.106.028 1.006.028 2.746 0 2.799.001 2.764-.144 3.05a1.432 1.432 0 0 1-.442.485c-.177.114-.39.177-.674.201l-.233.019V8.596c0-1.729-.011-1.968-.11-2.329-.25-.911-.996-1.655-1.931-1.924-.211-.061-.223-.062-2.086-.07L5.76 4.265v-.237c0-.393.124-.687.398-.943.07-.066.19-.152.266-.19.288-.146.233-.144 3.044-.146 1.758-.002 2.654.007 2.76.026M9.32 5.796c.409.109.741.43.866.836.053.169.054.245.054 2.859 0 2.93.004 2.855-.153 3.122a1.4 1.4 0 0 1-.483.476c-.319.17-.207.164-3.088.164-1.81 0-2.664-.009-2.761-.029a1.272 1.272 0 0 1-.98-.996c-.038-.212-.04-5.255-.001-5.458.083-.437.423-.823.846-.958.144-.046.31-.049 2.86-.05 2.173-.001 2.733.006 2.84.034' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgCopyXs;
@@ -14,7 +14,7 @@ const SvgCrossS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-cross-s';
17
+ const testId = '-cross-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgCrossS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M8.127 7.806a.759.759 0 0 0-.367.899c.039.123.372.479 1.614 1.725L10.939 12l-1.548 1.55c-1.053 1.054-1.568 1.598-1.61 1.699a.741.741 0 0 0 .594 1.02c.364.042.368.038 2.055-1.643L12 13.061l1.57 1.565c1.687 1.681 1.691 1.685 2.055 1.643a.741.741 0 0 0 .594-1.02c-.042-.101-.557-.645-1.61-1.699L13.061 12l1.565-1.57c1.681-1.687 1.685-1.691 1.643-2.055a.741.741 0 0 0-1.02-.594c-.101.042-.645.557-1.699 1.61L12 10.94l-1.55-1.549c-1.054-1.053-1.598-1.568-1.699-1.61a.734.734 0 0 0-.624.025' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgCrossS;
@@ -14,7 +14,7 @@ const SvgCrossXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-cross-xs';
17
+ const testId = '-cross-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgCrossXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M5.301 4.783a.751.751 0 0 0-.513.494.678.678 0 0 0 .001.458c.041.138.091.193 1.099 1.205L6.945 8 5.888 9.06c-1.008 1.012-1.058 1.067-1.099 1.205a.683.683 0 0 0 .013.494.783.783 0 0 0 .439.439c.177.066.301.07.494.013.138-.041.193-.091 1.205-1.099L8 9.055l1.06 1.057c1.012 1.008 1.067 1.058 1.205 1.099a.683.683 0 0 0 .494-.013.783.783 0 0 0 .439-.439.683.683 0 0 0 .013-.494c-.041-.138-.091-.193-1.099-1.205L9.055 8l1.057-1.06c1.008-1.012 1.058-1.067 1.099-1.205a.687.687 0 0 0-.012-.492.807.807 0 0 0-.395-.424.883.883 0 0 0-.604-.006c-.072.033-.451.391-1.153 1.091L8 6.946 6.953 5.904c-.622-.62-1.084-1.059-1.14-1.084a.876.876 0 0 0-.512-.037' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgCrossXs;
@@ -14,7 +14,7 @@ const SvgCrossFilledS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-cross-filled-s';
17
+ const testId = '-cross-filled-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgCrossFilledS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M11.36 3.281a8.397 8.397 0 0 0-3.22.879c-2.805 1.379-4.618 4.072-4.867 7.23-.138 1.749.34 3.688 1.28 5.203a9.064 9.064 0 0 0 2.854 2.854c1.515.94 3.454 1.418 5.203 1.28 2.157-.17 4.066-1.043 5.57-2.547 1.504-1.504 2.377-3.413 2.547-5.57.214-2.713-.977-5.533-3.073-7.281-1.792-1.493-3.976-2.204-6.294-2.048m-2.609 4.5c.101.042.645.557 1.699 1.61l1.549 1.548 1.571-1.565c1.686-1.68 1.692-1.684 2.055-1.643.484.054.803.616.591 1.041-.035.07-.759.826-1.61 1.678L13.06 12l1.549 1.55c1.053 1.054 1.568 1.598 1.61 1.699a.799.799 0 0 1-.131.804c-.191.212-.605.29-.86.163-.07-.035-.826-.759-1.678-1.61L12 13.06l-1.57 1.568c-.864.863-1.621 1.587-1.683 1.61-.447.166-.964-.145-1.016-.613-.041-.363-.037-.369 1.643-2.055l1.565-1.571-1.548-1.549c-1.053-1.054-1.568-1.598-1.61-1.699-.152-.369.019-.78.399-.955a.668.668 0 0 1 .571-.015' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgCrossFilledS;
@@ -14,7 +14,7 @@ const SvgCrossFilledXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-cross-filled-xs';
17
+ const testId = '-cross-filled-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgCrossFilledXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M7.48 1.269c-1.389.143-2.48.556-3.533 1.339-.373.277-1.058.956-1.324 1.312-1.585 2.124-1.815 4.895-.599 7.213.336.641.653 1.065 1.215 1.628.563.562.987.879 1.628 1.215a6.745 6.745 0 0 0 6.266 0c.641-.336 1.065-.653 1.628-1.215.698-.698 1.136-1.35 1.488-2.214a6.754 6.754 0 0 0-.273-5.68c-.333-.635-.651-1.063-1.202-1.616-1.068-1.072-2.307-1.699-3.814-1.931-.268-.041-1.247-.074-1.48-.051M5.801 4.815c.076.031.398.334 1.152 1.087L8 6.946l1.047-1.044c.73-.729 1.077-1.057 1.148-1.086a.747.747 0 0 1 .965.343c.104.204.11.467.016.654-.041.082-.392.452-1.092 1.154L9.054 8l1.044 1.047c.734.735 1.058 1.078 1.09 1.153a.877.877 0 0 1 .049.293.71.71 0 0 1-.485.708.684.684 0 0 1-.487.01c-.138-.041-.193-.091-1.205-1.099L8 9.055l-1.06 1.057c-1.012 1.008-1.067 1.058-1.205 1.099a.684.684 0 0 1-.487-.01.707.707 0 0 1-.413-.368.6.6 0 0 1-.072-.34.877.877 0 0 1 .049-.293c.032-.075.356-.418 1.09-1.153L6.946 8 5.902 6.953c-.734-.735-1.058-1.078-1.09-1.153a.88.88 0 0 1-.049-.295.562.562 0 0 1 .077-.344.745.745 0 0 1 .961-.346' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgCrossFilledXs;
@@ -14,7 +14,7 @@ const SvgDayS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-day-s';
17
+ const testId = '-day-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgDayS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M11.82 2.276a.729.729 0 0 0-.538.515c-.055.196-.055 2.222 0 2.418.108.39.52.618.92.51.22-.059.454-.287.513-.5.058-.206.06-2.224.003-2.428a.8.8 0 0 0-.353-.448.951.951 0 0 0-.545-.067M5.386 4.938a.724.724 0 0 0-.43.402.668.668 0 0 0-.015.571c.083.201 1.582 1.711 1.799 1.812.293.137.576.09.815-.135.249-.236.31-.544.169-.848-.047-.101-.378-.46-.889-.966-.663-.656-.845-.815-.975-.85-.204-.056-.284-.053-.474.014m12.716.002c-.228.081-1.757 1.611-1.848 1.85a.745.745 0 0 0 .601 1c.34.038.424-.019 1.3-.885.835-.826.963-.994.963-1.265a.793.793 0 0 0-.549-.718.615.615 0 0 0-.467.018m-6.558 2.343c-1.944.172-3.617 1.589-4.127 3.496a4.736 4.736 0 0 0 .617 3.821c.286.441.925 1.08 1.366 1.366a4.73 4.73 0 0 0 5.2 0c.441-.286 1.08-.925 1.366-1.366 1.211-1.871.99-4.275-.541-5.871a4.626 4.626 0 0 0-3.029-1.448 8.87 8.87 0 0 0-.476-.035c-.011.003-.18.019-.376.037m1.37 1.595c.508.146.893.372 1.321.78.446.425.733.89.894 1.45.129.45.129 1.334 0 1.784-.167.582-.458 1.042-.941 1.492-.633.588-1.319.856-2.188.856-.869 0-1.555-.268-2.188-.856-.483-.45-.774-.91-.941-1.492-.129-.45-.129-1.334 0-1.784.152-.53.375-.91.787-1.343a3.113 3.113 0 0 1 1.775-.967c.321-.058 1.152-.013 1.481.08M2.805 11.28c-.391.092-.633.519-.524.924.059.218.288.453.5.511.214.06 2.224.06 2.438 0a.84.84 0 0 0 .306-.191.739.739 0 0 0-.348-1.246c-.191-.044-2.183-.043-2.372.002m16 0c-.391.092-.633.519-.524.924.059.218.288.453.5.511.214.06 2.224.06 2.438 0a.84.84 0 0 0 .306-.191.739.739 0 0 0-.348-1.246c-.191-.044-2.183-.043-2.372.002M6.74 16.274c-.219.106-1.717 1.617-1.799 1.815-.152.369.019.78.399.955a.674.674 0 0 0 .6 0c.243-.114 1.756-1.658 1.82-1.859.196-.613-.447-1.187-1.02-.911m9.911-.009c-.384.19-.545.59-.39.966.083.201 1.582 1.711 1.799 1.812a.67.67 0 0 0 .6.001c.38-.175.551-.586.399-.955-.083-.201-1.582-1.711-1.799-1.812a.737.737 0 0 0-.609-.012m-4.831 2.011a.729.729 0 0 0-.538.515c-.055.196-.055 2.222 0 2.418.108.39.52.618.92.51.22-.059.454-.287.513-.5.058-.206.06-2.224.003-2.428a.8.8 0 0 0-.353-.448.951.951 0 0 0-.545-.067' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgDayS;
@@ -14,7 +14,7 @@ const SvgDownloadS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-download-s';
17
+ const testId = '-download-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgDownloadS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M11.82 4.276a.729.729 0 0 0-.538.515c-.027.097-.042 1.402-.042 3.768v3.62l-1.43-1.427c-.998-.995-1.466-1.436-1.55-1.458-.182-.048-.474-.03-.604.038-.222.116-.416.413-.416.637.001.326-.008.316 2.193 2.524 1.159 1.162 2.153 2.137 2.208 2.166a.79.79 0 0 0 .563.061c.158-.042.386-.256 2.289-2.153 1.162-1.159 2.137-2.153 2.166-2.208a.77.77 0 0 0-.31-1.025c-.135-.069-.425-.089-.609-.04-.084.022-.552.463-1.55 1.458l-1.43 1.427v-3.62c0-2.366-.015-3.671-.042-3.768a.8.8 0 0 0-.353-.448.951.951 0 0 0-.545-.067m-6 10.001c-.066.016-.29.115-.497.218-1.678.839-2.379 1.976-1.949 3.161.138.379.312.625.706.994.711.669 1.767 1.172 3.297 1.57 1.427.371 2.73.517 4.623.517 1.893 0 3.196-.146 4.623-.517 1.502-.391 2.587-.904 3.275-1.547.391-.366.594-.648.725-1.009.437-1.205-.262-2.328-1.987-3.188-.349-.175-.451-.208-.636-.209-.354 0-.628.2-.718.524a.58.58 0 0 0 0 .418c.069.247.218.379.695.614.788.387 1.263.83 1.263 1.176 0 .178-.137.383-.424.636-.725.639-2.427 1.22-4.276 1.46-1.529.199-3.518.199-5.08.001-1.456-.184-2.988-.639-3.821-1.134-.313-.186-.735-.559-.821-.726-.216-.417.221-.929 1.205-1.413.477-.235.626-.367.695-.614a.58.58 0 0 0 0-.418.8.8 0 0 0-.353-.448.943.943 0 0 0-.545-.066' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgDownloadS;
@@ -14,7 +14,7 @@ const SvgDownloadXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-download-xs';
17
+ const testId = '-download-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgDownloadXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M7.691 2.318a.865.865 0 0 0-.364.356l-.06.113-.014 2.672-.013 2.672-.893-.924C5.34 6.165 5.322 6.151 5.004 6.151c-.241 0-.4.072-.567.258-.131.146-.18.282-.179.502 0 .291-.001.289 1.727 2.08 1.495 1.549 1.595 1.648 1.735 1.7a.763.763 0 0 0 .56 0c.14-.052.24-.151 1.735-1.7 1.728-1.791 1.727-1.789 1.727-2.08.001-.22-.048-.356-.179-.502a.684.684 0 0 0-.567-.258c-.318 0-.336.014-1.343 1.056l-.893.924-.013-2.672-.014-2.672-.06-.113a.865.865 0 0 0-.364-.356.962.962 0 0 0-.618 0m-4.358 7.961a3.23 3.23 0 0 0-.4.133c-.961.387-1.53.903-1.654 1.501-.043.203-.019.541.051.74.259.734 1.174 1.29 2.763 1.68 2.286.561 5.61.556 7.873-.013 1.549-.389 2.448-.944 2.704-1.667.07-.199.094-.537.051-.74-.113-.545-.626-1.048-1.433-1.405-.583-.259-.834-.304-1.08-.194-.281.125-.424.334-.442.645-.011.181-.004.222.059.355.099.209.234.315.571.447.342.135.603.268.724.369l.089.074-.123.085c-.625.43-1.99.772-3.659.916-.488.042-2.366.042-2.854 0-1.669-.144-3.034-.486-3.659-.916l-.123-.085.09-.075c.12-.1.433-.259.748-.379.304-.116.449-.23.543-.429a.746.746 0 0 0-.339-.984.71.71 0 0 0-.5-.058' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgDownloadXs;
@@ -14,7 +14,7 @@ const SvgEmailS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-email-s';
17
+ const testId = '-email-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgEmailS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M4.656 4.282a2.745 2.745 0 0 0-2.112 1.495c-.305.622-.284.164-.284 6.223 0 5.116.004 5.435.073 5.68a2.823 2.823 0 0 0 1.987 1.987c.247.069.632.073 7.68.073 7.07 0 7.432-.003 7.68-.073a2.83 2.83 0 0 0 1.987-1.987c.069-.246.073-.548.073-5.68s-.004-5.434-.073-5.68a2.792 2.792 0 0 0-1.465-1.782c-.602-.297.047-.275-8.042-.282-3.993-.004-7.37.008-7.504.026m14.881 1.595c.251.123.463.335.586.586.085.172.097.253.097.631v.434l-3.86 1.718c-2.123.945-3.972 1.747-4.11 1.782-.228.058-.272.058-.5 0-.137-.035-1.987-.837-4.11-1.781L3.78 7.529l-.012-.354a2.244 2.244 0 0 1 .033-.515c.107-.372.418-.703.79-.84.125-.046 1.335-.054 7.449-.047l7.3.007zM7.52 10.828c1.881.835 3.474 1.539 3.54 1.565a2.833 2.833 0 0 0 1.88 0c.066-.026 1.659-.73 3.54-1.565s3.497-1.551 3.591-1.592l.17-.074-.01 4.089-.011 4.089-.098.199a1.306 1.306 0 0 1-.665.619c-.219.082-.247.082-7.457.082s-7.238 0-7.457-.082c-.267-.1-.53-.345-.665-.619l-.098-.199-.011-4.089-.01-4.089.17.074c.094.041 1.71.757 3.591 1.592' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgEmailS;
@@ -14,7 +14,7 @@ const SvgEyeS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-eye-s';
17
+ const testId = '-eye-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgEyeS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M11.305 5.284c-2.975.19-5.698 1.752-7.754 4.45-.749.983-1.291 1.934-1.291 2.266 0 .485 1.044 2.082 2.136 3.267 1.779 1.933 3.93 3.08 6.404 3.418.209.028.749.052 1.2.052.451 0 .991-.024 1.2-.052 2.474-.338 4.625-1.485 6.404-3.418 1.092-1.185 2.136-2.782 2.136-3.267 0-.475-1.022-2.05-2.09-3.22-1.654-1.813-3.747-3.004-5.933-3.377-.394-.067-1.649-.175-1.837-.157zm1.581 1.518c1.625.164 3.144.805 4.514 1.904.458.367 1.226 1.143 1.63 1.646a14.8 14.8 0 0 1 1.011 1.45l.117.198-.117.198a12.301 12.301 0 0 1-1.821 2.343c-1.535 1.543-3.264 2.416-5.259 2.658-.436.053-1.486.053-1.922 0-1.995-.242-3.724-1.115-5.259-2.658a12.301 12.301 0 0 1-1.821-2.343L3.842 12l.117-.198A12.301 12.301 0 0 1 5.78 9.459c.81-.814 1.589-1.382 2.547-1.858 1.374-.681 2.965-.96 4.559-.799m-1.291 1.48c-.46.05-.773.142-1.215.357-1.06.514-1.74 1.36-2.03 2.521a4.03 4.03 0 0 0 0 1.68c.183.733.493 1.287 1.008 1.802.73.73 1.606 1.092 2.642 1.092 1.036 0 1.912-.362 2.642-1.092.73-.73 1.092-1.606 1.092-2.642 0-1.589-.926-2.924-2.441-3.515-.441-.173-1.171-.26-1.698-.203m.961 1.54c.378.089.707.281 1.024.598.454.454.659.945.659 1.58 0 .635-.205 1.126-.659 1.58-.456.456-.944.66-1.58.66-.636 0-1.124-.204-1.58-.66-.454-.454-.659-.945-.659-1.58 0-.635.205-1.126.659-1.58.31-.31.646-.509 1.005-.597a2.87 2.87 0 0 1 1.131-.001' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgEyeS;
@@ -14,7 +14,7 @@ const SvgEyeXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-eye-xs';
17
+ const testId = '-eye-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgEyeXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M7.191 2.294C4.678 2.579 2.488 4.093.877 6.66.603 7.097.308 7.681.27 7.86a.616.616 0 0 0 0 .28c.06.28.553 1.163 1.001 1.793 1.325 1.865 2.986 3.087 4.861 3.575 2.293.598 4.708.067 6.615-1.455A10.886 10.886 0 0 0 15.54 8.6c.191-.382.232-.541.19-.74-.06-.28-.553-1.163-1.001-1.793-1.338-1.883-3.059-3.135-4.942-3.596-.61-.15-.897-.183-1.667-.192-.396-.005-.814.002-.929.015m1.443 1.494c1.169.126 2.223.571 3.206 1.352.531.422 1.268 1.223 1.712 1.86.173.249.468.723.552.889l.059.115-.149.264c-.608 1.073-1.512 2.109-2.44 2.795a6.094 6.094 0 0 1-2.931 1.153c-.39.04-1.293.017-1.616-.041-1.385-.249-2.514-.874-3.602-1.993A9.773 9.773 0 0 1 2.34 8.836c-.212-.32-.5-.801-.5-.836 0-.035.288-.516.503-.84.335-.507.708-.96 1.162-1.416.624-.625 1.127-1 1.802-1.342a5.714 5.714 0 0 1 2.026-.613 8.827 8.827 0 0 1 1.301-.001M7.52 5.295c-.274.05-.505.13-.779.27A2.736 2.736 0 0 0 5.464 9.05c.14.343.312.596.601.885.423.422.87.659 1.453.77a2.79 2.79 0 0 0 1.989-.407c.239-.156.635-.552.791-.791.291-.449.449-.977.449-1.507a2.753 2.753 0 0 0-2.281-2.705c-.285-.05-.67-.05-.946 0m.754 1.491c.633.134 1.06.762.956 1.407a1.255 1.255 0 0 1-1.04 1.04 1.249 1.249 0 0 1-1.42-1.426c.081-.502.464-.916.943-1.02.219-.047.342-.048.561-.001' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgEyeXs;
@@ -14,7 +14,7 @@ const SvgEyeClosedS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-eye-closed-s';
17
+ const testId = '-eye-closed-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgEyeClosedS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M2.787 11.288c-.336.091-.589.488-.527.828.069.384.921 1.734 1.613 2.557l.179.214-.582.586c-.32.323-.611.645-.646.715-.127.255-.049.669.163.86a.899.899 0 0 0 .522.191c.265-.001.45-.129 1.028-.712l.556-.562.244.221c.339.307.918.739 1.398 1.042.403.256 1.271.697 1.638.833.162.061.189.085.171.156l-.169.693c-.168.693-.16.807.076 1.077a.716.716 0 0 0 1.043.06c.167-.158.209-.259.371-.906l.147-.589.124.026c.562.115 1.032.154 1.864.154.832 0 1.302-.039 1.864-.154l.124-.026.147.589c.162.647.204.748.371.906a.716.716 0 0 0 1.043-.06c.236-.27.244-.384.076-1.077a80.043 80.043 0 0 0-.169-.693c-.018-.071.009-.095.171-.156.367-.136 1.235-.577 1.638-.833.48-.303 1.059-.735 1.398-1.042l.244-.221.556.562c.583.588.763.711 1.037.711.18 0 .446-.108.548-.224a.918.918 0 0 0 .192-.514c0-.268-.108-.425-.708-1.027l-.584-.586.179-.214c.692-.823 1.544-2.173 1.613-2.557.09-.492-.403-.952-.9-.84-.262.058-.413.207-.636.625-.472.883-1.201 1.853-1.984 2.64-1.535 1.543-3.264 2.416-5.259 2.658-.436.053-1.486.053-1.922 0-1.995-.242-3.724-1.115-5.259-2.658a11.93 11.93 0 0 1-1.984-2.64c-.161-.297-.256-.425-.376-.506a.764.764 0 0 0-.633-.107' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgEyeClosedS;
@@ -14,7 +14,7 @@ const SvgEyeClosedXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-eye-closed-xs';
17
+ const testId = '-eye-closed-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgEyeClosedXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M.765 7.29c-.361.135-.575.496-.501.844.071.328.692 1.397 1.198 2.062l.118.156-.602.604c-.677.68-.721.743-.722 1.046-.001.297.141.524.421.672.16.085.489.083.656-.004.073-.038.343-.283.686-.625l.566-.562.128.113c.639.563 1.235.986 1.826 1.296l.338.178-.311.625c-.305.615-.31.629-.309.805.003.653.768.989 1.241.546.114-.106.18-.218.47-.8l.339-.677.093.014.406.068a7.65 7.65 0 0 0 2.388 0l.406-.068.093-.014.339.677c.29.581.357.694.47.8a.71.71 0 0 0 .992.004.691.691 0 0 0 .249-.55c.001-.176-.004-.19-.309-.805l-.311-.625.338-.178c.591-.31 1.187-.733 1.826-1.296l.128-.113.566.562c.343.342.613.587.686.625.167.087.496.089.656.004.28-.148.422-.375.421-.672-.001-.303-.045-.366-.722-1.046l-.602-.604.118-.156a11.12 11.12 0 0 0 1.03-1.654c.15-.306.173-.373.175-.507.004-.308-.13-.547-.386-.689-.126-.069-.17-.079-.357-.079-.186 0-.231.01-.355.078-.179.099-.256.197-.432.548-.607 1.212-1.593 2.397-2.639 3.17a6.094 6.094 0 0 1-2.931 1.153c-.39.04-1.293.017-1.616-.041-1.385-.249-2.515-.875-3.602-1.993a9.527 9.527 0 0 1-1.626-2.265c-.188-.375-.263-.472-.441-.569-.168-.091-.433-.117-.593-.058' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgEyeClosedXs;
@@ -14,7 +14,7 @@ const SvgFileS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-file-s';
17
+ const testId = '-file-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgFileS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M7.28 3.278a2.233 2.233 0 0 0-1.256.604 2.273 2.273 0 0 0-.652.982l-.112.316v13.64l.112.316c.061.173.174.41.251.527.207.311.637.697.946.849.523.257.4.251 5.593.239l4.698-.011.295-.108a2.47 2.47 0 0 0 1.477-1.477l.108-.295.011-5.452c.008-3.872-.002-5.501-.033-5.62-.039-.148-.297-.422-2.151-2.281-1.159-1.162-2.161-2.143-2.227-2.18-.11-.061-.412-.067-3.48-.072-1.848-.003-3.459.007-3.58.023m5.96 3.632c0 1.445.015 2.202.045 2.309.056.204.292.44.496.496.104.029.729.045 1.809.045h1.65l-.001 4.41c-.001 4.198-.004 4.418-.074 4.572-.089.196-.363.44-.532.473-.161.033-9.105.033-9.266 0-.169-.033-.443-.277-.532-.473-.07-.155-.073-.436-.074-6.733-.001-5.852.006-6.588.061-6.72a.88.88 0 0 1 .438-.453c.151-.07.323-.074 3.07-.075l2.91-.001zm2.74.13 1.199 1.2H14.76v-1.2c0-.66.005-1.2.01-1.2.006 0 .55.54 1.21 1.2' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgFileS;
@@ -14,7 +14,7 @@ const SvgFileXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-file-xs';
17
+ const testId = '-file-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgFileXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M3.773 1.296c-.102.021-.3.094-.44.162-.217.107-.289.16-.508.38-.209.21-.274.296-.365.482-.226.464-.207-.069-.207 5.68s-.019 5.216.207 5.68c.091.186.156.272.365.482.218.219.291.274.508.381.446.218.149.206 4.627.198l3.973-.008.214-.072c.529-.18.959-.569 1.188-1.073.167-.368.16-.158.152-4.681-.007-3.991-.009-4.124-.058-4.227-.074-.156-3.151-3.237-3.333-3.338l-.136-.075-3-.005c-2.53-.004-3.029.001-3.187.034m4.947 3.06c0 1.606.009 1.796.095 1.977a.883.883 0 0 0 .34.341c.111.059.121.059 1.478.067L12 6.749v3.064c0 2.1-.009 3.087-.028 3.139a.544.544 0 0 1-.258.265c-.071.03-.71.036-3.84.036-3.603-.001-3.758-.003-3.863-.05a.535.535 0 0 1-.174-.14l-.064-.09V3.027l.064-.09a.535.535 0 0 1 .174-.14c.104-.047.224-.049 2.409-.05h2.3zm2.373.057.84.84H10.24v-.84c0-.462.003-.84.007-.84s.385.378.846.84' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgFileXs;
@@ -14,7 +14,7 @@ const SvgFilterS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-filter-s';
17
+ const testId = '-filter-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgFilterS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M3.805 6.28c-.391.092-.633.519-.524.924.059.218.288.453.5.511.226.063 16.212.063 16.438 0a.84.84 0 0 0 .306-.191.739.739 0 0 0-.348-1.246c-.194-.045-16.181-.043-16.372.002m3 5c-.391.092-.633.519-.524.924.059.218.288.453.5.511.225.063 10.213.063 10.438 0a.84.84 0 0 0 .306-.191.739.739 0 0 0-.348-1.246c-.194-.045-10.182-.043-10.372.002m3 5c-.391.092-.633.519-.524.924.059.218.288.453.5.511.22.062 4.218.062 4.438 0a.84.84 0 0 0 .306-.191.739.739 0 0 0-.348-1.246c-.192-.044-4.183-.043-4.372.002' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgFilterS;
@@ -14,7 +14,7 @@ const SvgFolderS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-folder-s';
17
+ const testId = '-folder-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgFolderS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M4.617 3.282c-.587.072-1.099.33-1.552.782a2.742 2.742 0 0 0-.696 1.116l-.109.32v13l.109.32c.151.445.362.783.695 1.116.333.333.671.544 1.116.695l.32.109h15l.32-.109a2.736 2.736 0 0 0 1.116-.695c.333-.333.544-.671.695-1.116l.109-.32v-10l-.109-.32a2.83 2.83 0 0 0-1.411-1.641c-.583-.287-.378-.272-4.26-.297l-3.5-.022-.18-.095c-.112-.058-.598-.508-1.28-1.183-.605-.6-1.187-1.148-1.293-1.22a3.273 3.273 0 0 0-.887-.402c-.242-.061-3.762-.092-4.203-.038m4.011 1.564c.211.079.338.191 1.412 1.252 1.075 1.062 1.208 1.18 1.5 1.33.631.325.375.305 4.3.33l3.5.022.188.093c.239.118.481.36.599.599l.093.188v9.68l-.093.189c-.132.268-.416.534-.674.63-.214.08-.294.081-7.453.081-7.159 0-7.239-.001-7.453-.081-.258-.096-.542-.362-.674-.63l-.093-.189-.011-6.26c-.009-4.677 0-6.303.035-6.43.093-.34.433-.7.782-.828.124-.045.515-.057 1.982-.059 1.779-.003 1.835-.001 2.06.083' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgFolderS;
@@ -14,7 +14,7 @@ const SvgFolderXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-folder-xs';
17
+ const testId = '-folder-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgFolderXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M2.52 2.317a1.839 1.839 0 0 0-1.194 1.15l-.059.173-.009 4.747c-.006 3.532 0 4.793.023 4.928.065.378.228.674.528.957.264.249.504.375.852.446.227.046 10.502.038 10.712-.009.369-.081.629-.231.899-.518.249-.264.375-.504.446-.852.02-.098.029-1.292.028-3.84 0-4.042.005-3.89-.155-4.23a1.8 1.8 0 0 0-.807-.829c-.352-.18-.242-.173-2.908-.173-1.517 0-2.444-.01-2.502-.027-.069-.02-.287-.22-.867-.795-.832-.827-.902-.889-1.149-1.013-.33-.166-.326-.166-2.082-.163-1.43.001-1.613.006-1.756.048m3.998 2.265c.864.856.993.961 1.31 1.068.314.105.436.11 2.884.11h2.378l.075.064.075.065.008 3.542c.005 2.487-.001 3.572-.021 3.642-.057.195.38.18-5.227.18s-5.17.015-5.227-.18c-.02-.07-.026-1.44-.021-4.642l.008-4.542.075-.065.075-.064h2.778z' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgFolderXs;
@@ -14,7 +14,7 @@ const SvgFolderOpenS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-folder-open-s';
17
+ const testId = '-folder-open-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgFolderOpenS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M4.617 3.282c-.587.072-1.099.33-1.552.782a2.742 2.742 0 0 0-.696 1.116l-.109.32v13l.109.32c.151.445.362.783.695 1.116.333.333.671.544 1.116.695l.32.109 7.42.012c4.919.007 7.525-.003 7.732-.03.658-.086 1.148-.329 1.628-.804.247-.245.34-.375.489-.68.242-.496 1.89-5.455 1.957-5.888.057-.366.01-.825-.126-1.233a2.772 2.772 0 0 0-1.569-1.66l-.263-.108-.017-.924c-.017-.867-.024-.945-.123-1.245a2.687 2.687 0 0 0-.693-1.116c-.472-.471-.961-.709-1.606-.783-.204-.024-1.68-.04-3.557-.041-3.154 0-3.213-.001-3.432-.083-.193-.073-.35-.205-1.169-.99-1.453-1.393-1.508-1.44-1.918-1.644-.505-.25-.539-.254-2.533-.265-1.001-.006-1.948.005-2.103.024M8.62 4.887c.126.067.63.518 1.365 1.22 1.246 1.19 1.432 1.332 1.995 1.524l.32.109 3.52.02 3.52.02.188.093c.239.118.481.36.599.599.086.174.094.247.105.977l.013.788-5.193.014c-5.804.016-5.372-.006-5.993.308-.539.272-1.038.789-1.264 1.311-.046.104-.298.82-.562 1.59-.422 1.233-.477 1.425-.463 1.607.021.273.154.466.408.594.236.118.387.124.602.02.196-.094.267-.152.349-.281.035-.055.275-.721.533-1.48a40.76 40.76 0 0 1 .526-1.492c.096-.192.338-.429.549-.541l.203-.107h11.44l.214.119c.378.209.613.586.639 1.026.015.257-.013.352-.854 2.88-.479 1.438-.911 2.698-.962 2.799-.103.206-.297.391-.548.526l-.169.09-7.467.01c-7.416.011-7.469.01-7.684-.07-.26-.097-.544-.362-.676-.631l-.093-.189-.011-6.26c-.009-4.677 0-6.303.035-6.43.06-.221.261-.501.466-.652.322-.237.301-.235 2.31-.226l1.84.008z' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgFolderOpenS;
@@ -14,7 +14,7 @@ const SvgFolderOpenXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-folder-open-xs';
17
+ const testId = '-folder-open-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgFolderOpenXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M2.52 2.317a1.839 1.839 0 0 0-1.194 1.15l-.059.173-.009 4.747c-.006 3.532 0 4.793.023 4.928.065.378.228.674.528.957.264.249.504.375.852.446.099.02 1.673.029 5.187.028 4.845 0 5.053-.002 5.232-.05.363-.097.592-.231.853-.498.125-.128.203-.242.29-.42.148-.303 1.468-4.269 1.511-4.538.103-.648-.245-1.379-.821-1.73l-.166-.101-.001-.804c0-.886-.019-1.048-.155-1.336a1.8 1.8 0 0 0-.807-.829c-.352-.18-.242-.173-2.908-.173-1.517 0-2.444-.01-2.502-.027-.069-.02-.287-.22-.867-.795-.832-.827-.902-.889-1.149-1.013-.33-.166-.326-.166-2.082-.163-1.43.001-1.613.006-1.756.048m3.998 2.265c.864.856.993.961 1.31 1.068.314.105.436.11 2.884.11h2.378l.075.064.075.065.008.681.008.682-3.435.007-3.434.008-.212.075c-.409.144-.772.438-.962.776-.059.107-.262.669-.536 1.487-.385 1.152-.438 1.331-.427 1.44.043.402.364.701.75.698a.749.749 0 0 0 .652-.383c.026-.051.224-.625.44-1.275.257-.771.415-1.207.455-1.253l.062-.072 3.737-.007 3.738-.007.078.078c.055.056.078.105.078.167 0 .049-.302.995-.671 2.102-.553 1.658-.684 2.026-.745 2.087l-.073.073H7.854c-5.445 0-5.024.015-5.081-.18-.02-.07-.026-1.44-.021-4.642l.008-4.542.075-.065.075-.064h2.778z' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgFolderOpenXs;
@@ -14,7 +14,7 @@ const SvgHeartS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-heart-s';
17
+ const testId = '-heart-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgHeartS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { fill: 'inherit', fillRule: 'evenodd', d: 'M8.2 5.28c-1.9.165-3.581 1.278-4.41 2.92a5.78 5.78 0 0 0-.492 1.601c-.115.78-.025 1.627.265 2.499.396 1.187.961 2.018 2.246 3.303 1.236 1.236 3.296 3.036 5.481 4.79l.71.569.71-.569c3.669-2.945 6.194-5.314 7.002-6.571.802-1.248 1.176-2.765.99-4.021-.257-1.741-1.298-3.163-2.901-3.963-1.275-.636-2.807-.749-4.201-.31a6.707 6.707 0 0 0-1.333.646l-.272.182-.188-.133c-.973-.691-2.354-1.052-3.607-.943m1.165 1.539c.434.076.85.219 1.23.424.386.207.625.387 1.059.798l.346.328.35-.332c.437-.414.711-.617 1.114-.826a4.079 4.079 0 0 1 4.607.611c.722.652 1.113 1.492 1.156 2.478.042.971-.224 1.883-.805 2.754-.681 1.021-2.591 2.83-5.655 5.359l-.767.633-.767-.633c-2.389-1.971-4.256-3.673-5.126-4.671-.954-1.094-1.392-2.222-1.336-3.441.036-.772.271-1.426.724-2.014C6.08 7.528 7.033 6.97 8.037 6.8c.31-.052.976-.043 1.328.019' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgHeartS;
@@ -14,7 +14,7 @@ const SvgHeartFilledS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-heart-filled-s';
17
+ const testId = '-heart-filled-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgHeartFilledS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M8.2 5.28c-1.9.165-3.581 1.278-4.41 2.92a5.78 5.78 0 0 0-.492 1.601c-.115.78-.025 1.627.265 2.499.396 1.187.961 2.018 2.246 3.303 1.236 1.236 3.296 3.036 5.481 4.79l.71.569.71-.569c3.669-2.945 6.194-5.314 7.002-6.571.802-1.248 1.176-2.765.99-4.021-.257-1.741-1.298-3.163-2.901-3.963-1.275-.636-2.807-.749-4.201-.31a6.707 6.707 0 0 0-1.333.646l-.272.182-.188-.133c-.973-.691-2.354-1.052-3.607-.943' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgHeartFilledS;
@@ -14,7 +14,7 @@ const SvgHeartFilledXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-heart-filled-xs';
17
+ const testId = '-heart-filled-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgHeartFilledXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M5.32 2.259a4.361 4.361 0 0 0-2.935 1.273c-.579.577-.901 1.167-1.07 1.961-.074.346-.066 1.117.014 1.494A5.027 5.027 0 0 0 2.404 9.16c.714.857 2.597 2.668 5.081 4.887.267.238.499.433.516.433.016 0 .194-.147.395-.326 2.631-2.354 4.476-4.126 5.2-4.994 1.009-1.21 1.383-2.698 1.004-3.999-.352-1.207-1.333-2.206-2.606-2.651a4.29 4.29 0 0 0-1.502-.246 4.322 4.322 0 0 0-1.499.245c-.236.083-.756.332-.889.426-.09.065-.118.065-.208 0-.133-.094-.652-.343-.887-.425a4.726 4.726 0 0 0-1.689-.251' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgHeartFilledXs;
@@ -14,7 +14,7 @@ const SvgHomeS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-home-s';
17
+ const testId = '-home-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgHomeS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M11.444 2.57c-.177.094-1.457 1.21-4.646 4.046-2.421 2.154-4.432 3.972-4.468 4.04a.898.898 0 0 0-.067.352c-.001.189.018.256.118.398.167.237.346.333.623.333.175 0 .258-.023.38-.105.086-.058 2.05-1.79 4.366-3.85C10.065 5.725 11.978 4.04 12 4.04c.022 0 1.935 1.685 4.25 3.744 2.316 2.06 4.28 3.792 4.366 3.85.122.082.205.105.38.105.277 0 .456-.096.623-.333.1-.142.119-.209.118-.398a.898.898 0 0 0-.067-.352c-.036-.068-2.047-1.886-4.468-4.04-3.189-2.836-4.469-3.952-4.646-4.046-.215-.115-.279-.13-.556-.13s-.341.015-.556.13m-5.633 8.708a.883.883 0 0 0-.481.374c-.065.119-.071.379-.081 3.547-.007 2.26.003 3.488.031 3.62a1.76 1.76 0 0 0 1.194 1.342c.248.077.389.079 5.526.079s5.278-.002 5.526-.079a1.76 1.76 0 0 0 1.194-1.342c.028-.132.038-1.36.031-3.62-.011-3.364-.012-3.421-.093-3.558a1.003 1.003 0 0 0-.249-.257c-.14-.099-.205-.117-.409-.117s-.269.018-.409.117c-.092.064-.204.18-.249.257-.08.136-.082.203-.102 3.572-.019 3.34-.022 3.435-.098 3.49-.062.046-.298.057-1.23.057H14.76l-.001-2.95c0-3.213-.002-3.245-.228-3.66-.137-.252-.507-.594-.783-.724-.323-.153-.628-.185-1.748-.185s-1.425.032-1.748.185c-.276.13-.646.472-.783.724-.226.415-.228.447-.228 3.66l-.001 2.95H8.088c-.932 0-1.168-.011-1.23-.057-.076-.055-.079-.15-.098-3.49-.02-3.369-.022-3.436-.102-3.572a.807.807 0 0 0-.847-.363m7.356 1.548c.069.063.073.209.073 3v2.934h-2.48v-2.927c0-2.667.006-2.933.066-3 .061-.067.152-.073 1.167-.073.968 0 1.11.008 1.174.066' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgHomeS;
@@ -14,7 +14,7 @@ const SvgHomeXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-home-xs';
17
+ const testId = '-home-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgHomeXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M7.68 1.617a1.968 1.968 0 0 0-.827.403c-.849.736-5.418 4.819-5.462 4.881a.73.73 0 0 0 .088.955.726.726 0 0 0 .841.15c.073-.036 1.177-.998 2.835-2.472 1.493-1.328 2.744-2.421 2.78-2.43a.316.316 0 0 1 .13 0c.036.009 1.287 1.102 2.78 2.43 1.658 1.474 2.762 2.436 2.835 2.472.483.235 1.067-.134 1.067-.674a.788.788 0 0 0-.138-.431c-.032-.045-1.241-1.133-2.687-2.418-3.165-2.813-2.885-2.57-3.073-2.67-.288-.153-.435-.191-.782-.2a3.45 3.45 0 0 0-.387.004m-3.939 5.68a.815.815 0 0 0-.433.425c-.054.144-.055.192-.055 2.315 0 2.082.002 2.176.054 2.379a1.77 1.77 0 0 0 1.306 1.294c.218.054 6.556.054 6.774 0a1.77 1.77 0 0 0 1.306-1.294c.052-.203.054-.297.054-2.379 0-2.123-.001-2.171-.055-2.315A.765.765 0 0 0 12 7.253a.765.765 0 0 0-.692.469c-.053.143-.055.193-.055 2.224 0 1.256-.01 2.104-.025 2.144-.052.137-.137.163-.565.172l-.393.009-.01-1.755c-.01-1.541-.017-1.777-.056-1.927a1.771 1.771 0 0 0-.937-1.151c-.326-.161-.482-.184-1.267-.184-.785 0-.941.023-1.267.184a1.771 1.771 0 0 0-.898 1.015l-.062.174-.013 1.813-.013 1.813h-.839l-.074-.074-.074-.074-.013-2.152c-.015-2.445.001-2.278-.243-2.497a.755.755 0 0 0-.763-.159m4.873 1.49c.043.022.09.063.105.092.018.033.028.626.028 1.719v1.669H7.253v-1.669c0-1.088.01-1.686.028-1.719.061-.115.143-.13.714-.131.432-.001.557.007.619.039' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgHomeXs;
@@ -14,7 +14,7 @@ const SvgInfoFilledS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-info-filled-s';
17
+ const testId = '-info-filled-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgInfoFilledS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M11.36 3.281a8.397 8.397 0 0 0-3.22.879c-2.805 1.379-4.618 4.072-4.867 7.23-.138 1.749.34 3.688 1.28 5.203a9.064 9.064 0 0 0 2.854 2.854c1.515.94 3.454 1.418 5.203 1.28 2.157-.17 4.066-1.043 5.57-2.547 1.504-1.504 2.377-3.413 2.547-5.57.214-2.713-.977-5.533-3.073-7.281-1.792-1.493-3.976-2.204-6.294-2.048m.966 4.405c.201.061.454.279.564.488.068.128.088.234.088.466 0 .356-.087.556-.336.769-.479.41-1.234.26-1.532-.303-.123-.232-.124-.698-.003-.926a1.031 1.031 0 0 1 1.219-.494m.319 3.309c.077.053.183.161.237.24l.098.145v4.486l-.11.166c-.178.269-.37.345-.87.345s-.692-.076-.87-.345l-.11-.166-.011-1.667-.011-1.667-.271-.185c-.332-.226-.458-.426-.458-.724 0-.317.154-.549.451-.68.114-.051.293-.06.963-.053.794.01.828.013.962.105' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgInfoFilledS;
@@ -14,7 +14,7 @@ const SvgInfoFilledXs = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-info-filled-xs';
17
+ const testId = '-info-filled-xs';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgInfoFilledXs = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 16, height: 16, fill: 'currentColor', viewBox: '0 0 16 16', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M7.48 1.269c-1.389.143-2.48.556-3.533 1.339-.373.277-1.058.956-1.324 1.312-1.585 2.124-1.815 4.895-.599 7.213.336.641.653 1.065 1.215 1.628.563.562.987.879 1.628 1.215a6.745 6.745 0 0 0 6.266 0c.641-.336 1.065-.653 1.628-1.215.698-.698 1.136-1.35 1.488-2.214a6.754 6.754 0 0 0-.273-5.68c-.333-.635-.651-1.063-1.202-1.616-1.068-1.072-2.307-1.699-3.814-1.931-.268-.041-1.247-.074-1.48-.051m.694 2.253c.321.06.578.254.721.546.072.146.078.182.078.452 0 .283-.003.299-.09.46-.11.203-.276.361-.478.456-.131.061-.186.071-.405.071-.219 0-.274-.01-.405-.071a1.053 1.053 0 0 1-.478-.456c-.087-.161-.09-.177-.09-.46 0-.27.006-.306.078-.452a.976.976 0 0 1 .682-.538.672.672 0 0 1 .387-.008m.364 3.283c.151.068.33.248.393.395.057.132.057.137.05 2.34l-.008 2.207-.073.124c-.172.294-.38.382-.9.382s-.728-.088-.9-.382l-.073-.124-.008-1.67-.007-1.67-.264-.175c-.38-.254-.482-.408-.481-.731 0-.272.101-.455.354-.647.119-.09.287-.106 1.059-.1.644.005.775.013.858.051' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgInfoFilledXs;
@@ -14,7 +14,7 @@ const SvgKebabS = (_a) => {
14
14
  var { size = 24 } = _a, props = __rest(_a, ["size"]);
15
15
  props.width = undefined;
16
16
  props.height = undefined;
17
- const testId = 'icon-kebab-s';
17
+ const testId = '-kebab-s';
18
18
  const isCustomSize = typeof size === 'number';
19
19
  if (isCustomSize) {
20
20
  if (!props.style)
@@ -22,6 +22,6 @@ const SvgKebabS = (_a) => {
22
22
  props.style.width = size + 'px';
23
23
  props.style.height = size + 'px';
24
24
  }
25
- return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": testId }, props, { children: _jsx("path", { d: 'M11.701 4.285c-.334.048-.639.213-.932.502a1.65 1.65 0 0 0-.491 1.483c.069.401.204.66.498.954.294.294.553.429.954.498.326.056.699.004 1.023-.143.279-.127.699-.547.826-.826.295-.651.189-1.388-.275-1.902-.417-.46-.975-.658-1.603-.566m0 6c-.334.048-.639.213-.932.502a1.65 1.65 0 0 0-.491 1.483c.069.401.204.66.498.954.294.294.553.429.954.498.326.056.699.004 1.023-.143.279-.127.699-.547.826-.826.295-.651.189-1.388-.275-1.902-.417-.46-.975-.658-1.603-.566m0 6c-.334.048-.639.213-.932.502a1.65 1.65 0 0 0-.491 1.483c.069.401.204.66.498.954.294.294.553.429.954.498.326.056.699.004 1.023-.143.279-.127.699-.547.826-.826.295-.651.189-1.388-.275-1.902-.417-.46-.975-.658-1.603-.566' }) })));
25
+ return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 24, height: 24, fill: 'currentColor', viewBox: '0 0 24 24', "data-test-id": 'icon' + testId }, props, { children: _jsx("use", { href: '#snack-uikit-' + testId.substring(1) }) })));
26
26
  };
27
27
  export default SvgKebabS;