@retailcrm/datalens-ui 0.1.0 → 0.1.1

package/ui/components/DialogRelations/constants.js

@@ -1,19 +1,19 @@
 import iconEditorChart from "@gravity-ui/icons/svgs/curly-brackets.svg";
 import LogoMarkdownIcon from "@gravity-ui/icons/svgs/logo-markdown.svg";
-import iconFlatTable from "../../assets/icons/charts-visualisations/vis-flat-table.svg.js";
-import iconGeolayers from "../../assets/icons/charts-visualisations/vis-geolayers.svg.js";
-import iconMetric from "../../assets/icons/charts-visualisations/vis-metric.svg.js";
-import iconAnyChart from "../../assets/icons/relations-any.svg.js";
-import iconControls from "../../assets/icons/relations-controls.svg.js";
+import SvgVisFlatTable from "../../assets/icons/charts-visualisations/vis-flat-table.svg.js";
+import SvgVisGeolayers from "../../assets/icons/charts-visualisations/vis-geolayers.svg.js";
+import SvgVisMetric from "../../assets/icons/charts-visualisations/vis-metric.svg.js";
+import SvgRelationsAny from "../../assets/icons/relations-any.svg.js";
+import SvgRelationsControls from "../../assets/icons/relations-controls.svg.js";
 const RELATIONS_CHARTS_ICONS_DICT = {
-  control: iconControls,
-  table: iconFlatTable,
-  widget: iconAnyChart,
-  metric: iconMetric,
-  metric2: iconMetric,
-  ymap: iconGeolayers,
+  control: SvgRelationsControls,
+  table: SvgVisFlatTable,
+  widget: SvgRelationsAny,
+  metric: SvgVisMetric,
+  metric2: SvgVisMetric,
+  ymap: SvgVisGeolayers,
   markdown: LogoMarkdownIcon,
-  markup: iconMetric,
+  markup: SvgVisMetric,
   "blank-chart": iconEditorChart,
   "advanced-chart": iconEditorChart,
   d3: iconEditorChart

package/ui/components/EntityIcon/EntityIcon.js

@@ -2,15 +2,15 @@ import { jsx } from "react/jsx-runtime";
 import { CircleQuestion, DisplayPulse, Thunderbolt, LayoutCellsLarge, CurlyBrackets, ChartColumn, CirclesIntersection } from "@gravity-ui/icons";
 import { Icon } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
-import iconFolder from "../../assets/icons/folder.svg.js";
-import QLChart from "../../assets/icons/ql-chart.svg.js";
+import SvgFolder from "../../assets/icons/folder.svg.js";
+import SvgQlChart from "../../assets/icons/ql-chart.svg.js";
 /* empty css                */
 const b = block("entity-icon");
 const typeIcons = {
   dataset: CirclesIntersection,
-  folder: iconFolder,
+  folder: SvgFolder,
   "chart-wizard": ChartColumn,
-  "chart-ql": QLChart,
+  "chart-ql": SvgQlChart,
   editor: CurlyBrackets,
   dashboard: LayoutCellsLarge,
   connection: Thunderbolt,

package/ui/components/EntryContextMenu/constants.js

@@ -6,7 +6,7 @@ import { isEnabledFeature } from "../../utils/isEnabledFeature.js";
 import "../../../shared/index.js";
 import "../../constants/index.js";
 import { registry } from "../../registry/index.js";
-import iconId from "../../assets/icons/id-square.svg.js";
+import SvgIdSquare from "../../assets/icons/id-square.svg.js";
 import { getLocation } from "../../navigation/router.js";
 import { URL_QUERY } from "../../constants/common.js";
 import { Feature } from "../../../shared/types/feature.js";
@@ -53,7 +53,7 @@ const CONTEXT_MENU_COPY_LINK = {
 const CONTEXT_MENU_COPY_ID = {
   id: ENTRY_CONTEXT_MENU_ACTION.COPY_ID,
   action: ENTRY_CONTEXT_MENU_ACTION.COPY_ID,
-  icon: iconId,
+  icon: SvgIdSquare,
   text: "value_copy-id",
   enable: () => true
 };

package/ui/components/EntryIcon/EntryIcon.js

@@ -5,7 +5,7 @@ import "../../utils/index.js";
 import { registry } from "../../registry/index.js";
 import { ConnectorIcon } from "../ConnectorIcon/ConnectorIcon.js";
 import { defaultIconSize, EntityIcon } from "../EntityIcon/EntityIcon.js";
-import iconFilesBroken from "../../assets/icons/broken.svg.js";
+import SvgBroken from "../../assets/icons/broken.svg.js";
 import { ENTRY_TYPES } from "../../../shared/constants/entry.js";
 import { getConnectorIconData } from "../../utils/connections/icons.js";
 const entityTypeIcons = {
@@ -98,7 +98,7 @@ const EntryIcon = (props) => {
     entityIconSize,
     overrideIconType,
     entityIconProps
-  }) || /* @__PURE__ */ jsx(Icon, { data: iconFilesBroken, className, size: iconSize, ...restProps });
+  }) || /* @__PURE__ */ jsx(Icon, { data: SvgBroken, className, size: iconSize, ...restProps });
 };
 export {
   EntryIcon,

package/ui/components/MigrateToWorkbookDialog/components/EntryRow/EntryRow.js

@@ -4,7 +4,7 @@ import block from "bem-cn-lite";
 import { I18n } from "../../../../../i18n/index.js";
 import navigateHelper_default from "../../../../libs/navigateHelper/index.js";
 import { EntryIcon } from "../../../EntryIcon/EntryIcon.js";
-import WarningColoredIcon from "../../../../assets/icons/warning-colored.svg.js";
+import SvgWarningColored from "../../../../assets/icons/warning-colored.svg.js";
 /* empty css              */
 const b = block("dl-migrate-to-workbook-dialog-entry-row");
 const i18n = I18n.keyset("component.migrate-to-workbook-dialog");
@@ -14,7 +14,7 @@ const EntryRow = ({ className, entry }) => {
     /* @__PURE__ */ jsx("div", { className: b("icon"), children: /* @__PURE__ */ jsx(EntryIcon, { entry }) }),
     /* @__PURE__ */ jsx(Link, { className: b("name"), target: "_blank", href: link, children: entry.name }),
     entry.workbookId ? /* @__PURE__ */ jsxs("div", { className: b("warning"), children: [
-      /* @__PURE__ */ jsx("div", { className: b("warning-icon"), children: /* @__PURE__ */ jsx(Icon, { data: WarningColoredIcon, size: 16 }) }),
+      /* @__PURE__ */ jsx("div", { className: b("warning-icon"), children: /* @__PURE__ */ jsx(Icon, { data: SvgWarningColored, size: 16 }) }),
       /* @__PURE__ */ jsx("div", { className: b("warning-text"), children: i18n("label_entry-already-in-workbook") })
     ] }) : null
   ] });

package/ui/components/MobileHeader/MobileHeaderComponent/MobileHeaderComponent.js

@@ -11,8 +11,8 @@ import { UserAvatar } from "../../UserMenu/UserAvatar.js";
 import { MOBILE_HEADER_LOGO_ICON_SIZE } from "../constants.js";
 import { BurgerMenuFooter } from "./BurgerMenuFooter/BurgerMenuFooter.js";
 import { UserPanel } from "./UserPanel/UserPanel.js";
-import iconCollection from "../../../assets/icons/mono-collection.svg.js";
-import defaultLogoIcon from "../../../assets/icons/os-logo.svg.js";
+import SvgMonoCollection from "../../../assets/icons/mono-collection.svg.js";
+import SvgOsLogo from "../../../assets/icons/os-logo.svg.js";
 /* empty css                   */
 const i18n = I18n.keyset("component.aside-header.view");
 const b = block("mobile-header");
@@ -20,7 +20,7 @@ const menuItems = [
   {
     id: "collections",
     title: i18n("switch_collections"),
-    icon: iconCollection,
+    icon: SvgMonoCollection,
     link: "/collections",
     closeMenuOnClick: true
   }
@@ -74,7 +74,7 @@ const MobileHeaderComponent = ({
     {
       ref: setupRefs,
       logo: {
-        icon: logoIcon ?? defaultLogoIcon,
+        icon: logoIcon ?? SvgOsLogo,
         text: () => /* @__PURE__ */ jsx(LogoText, { ...logoTextProps }),
         iconClassName: b("logo-icon"),
         className: b("logo"),

package/ui/components/Navigation/Base/configure.js

@@ -5,7 +5,7 @@ import memoize from "lodash/memoize";
 import "../../../../shared/index.js";
 import "../Core/CreateEntry/CreateEntry.js";
 import { QUICK_ITEMS } from "../constants.js";
-import QLChart from "../../../assets/icons/ql-chart.svg.js";
+import SvgQlChart from "../../../assets/icons/ql-chart.svg.js";
 import { CreateMenuValue } from "../Core/CreateEntry/constants.js";
 import { PLACE } from "../../../../shared/constants/navigation.js";
 import { NavigationMinimalPlaceSelectQa } from "../../../../shared/constants/qa/components.js";
@@ -125,7 +125,7 @@ const getCreatableEntriesConfig = memoize(() => {
     },
     {
       value: CreateMenuValue.QL,
-      icon: QLChart,
+      icon: SvgQlChart,
       type: "chart-ql",
       text: i18n("value_create-ql"),
       place: PLACE.WIDGETS,

package/ui/components/Navigation/Core/CreateEntry/getCreateEntryItems.js

@@ -5,7 +5,7 @@ import { registry } from "../../../../registry/index.js";
 import { EntityIcon } from "../../../EntityIcon/EntityIcon.js";
 import "../../constants.js";
 import { CreateMenuValue } from "./constants.js";
-import iconFolder from "../../../../assets/icons/folder.svg.js";
+import SvgFolder from "../../../../assets/icons/folder.svg.js";
 import { PLACE } from "../../../../../shared/constants/navigation.js";
 const b = block("dl-navigation-create-entry");
 const i18n = I18n.keyset("component.navigation.view");
@@ -44,7 +44,7 @@ const getCreateEntryItems = ({ onClick, place, isOnlyCollectionsMode }) => {
   if (isOnlyCollectionsMode === false) {
     menuItems.push({
       action: () => onClick(CreateMenuValue.Folder),
-      iconStart: /* @__PURE__ */ jsx(EntityIcon, { type: "folder", iconData: iconFolder, iconSize: 18 }),
+      iconStart: /* @__PURE__ */ jsx(EntityIcon, { type: "folder", iconData: SvgFolder, iconSize: 18 }),
       text: /* @__PURE__ */ jsx(Title, { className: b("item-title"), title: i18n("value_create-folder") })
     });
   }

package/ui/components/Navigation/Core/TableView/Row/Row.js

@@ -15,8 +15,8 @@ import { MOBILE_SIZE } from "../../../../../utils/mobile.js";
 import "../../../../../utils/index.js";
 import EntryContextButton from "../../EntryContextButton/EntryContextButton.js";
 import { FavoritesNameWithAliasItem } from "../../FavoritesNameWithAliasItem/FavoritesNameWithAliasItem.js";
-import collectionIcon from "../../../../../assets/icons/collections/collection.svg.js";
-import workbookIcon from "../../../../../assets/icons/collections/workbook.svg.js";
+import SvgCollection from "../../../../../assets/icons/collections/collection.svg.js";
+import SvgWorkbook from "../../../../../assets/icons/collections/workbook.svg.js";
 import { useRouter } from "../../../../../navigation/router.js";
 import { PLACE } from "../../../../../../shared/constants/navigation.js";
 import { DlNavigationQA } from "../../../../../../shared/constants/qa/dl-navigation.js";
@@ -27,7 +27,7 @@ const i18n = I18n.keyset("component.navigation.view");
 const CollectionOrWorkbookItem = ({ id, title, isWorkbook }) => {
   const router = useRouter();
   const link = isWorkbook ? `/workbooks/${id}` : `/collections/${id}`;
-  const icon = isWorkbook ? workbookIcon : collectionIcon;
+  const icon = isWorkbook ? SvgWorkbook : SvgCollection;
   return /* @__PURE__ */ jsxs(
     "div",
     {

package/ui/components/SelectMigrationToWorkbookDialog/constants.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { Magnifier, Link, CopyArrowRight, FolderMagnifier, FolderExclamation, CopyCheck, ArrowUturnCwRight } from "@gravity-ui/icons";
 import { Icon } from "@gravity-ui/uikit";
-import CheckFolder from "../../assets/icons/check-folder.svg.js";
-import CopyXmark from "../../assets/icons/copy-xmark.svg.js";
+import SvgCheckFolder from "../../assets/icons/check-folder.svg.js";
+import SvgCopyXmark from "../../assets/icons/copy-xmark.svg.js";
 const migrateByCopy = {
   title: "title_copy",
   label: "label",
@@ -14,7 +14,7 @@ const migrateByCopy = {
       text: "list_first_item_copy"
     },
     {
-      icon: /* @__PURE__ */ jsx(Icon, { data: CheckFolder }),
+      icon: /* @__PURE__ */ jsx(Icon, { data: SvgCheckFolder }),
       text: "list_second_item_copy"
     },
     {
@@ -22,7 +22,7 @@ const migrateByCopy = {
       text: "list_third_item_copy"
     },
     {
-      icon: /* @__PURE__ */ jsx(Icon, { data: CopyXmark }),
+      icon: /* @__PURE__ */ jsx(Icon, { data: SvgCopyXmark }),
       text: "list_fourth_item_copy"
     }
   ]

package/ui/components/Widgets/Chart/components/Header.js

@@ -13,7 +13,7 @@ import "../../../../libs/DatalensChartkit/components/ChartKitBase/components/Hea
 import { getChartkitMenu } from "../../../../libs/DatalensChartkit/modules/menu/menu.js";
 import settings_default from "../../../../libs/DatalensChartkit/modules/settings/settings.js";
 import { registry } from "../../../../registry/index.js";
-import iconClearActionParams from "../../../../assets/icons/funnel-clear.svg.js";
+import SvgFunnelClear from "../../../../assets/icons/funnel-clear.svg.js";
 /* empty css                  */
 import { URL_OPTIONS } from "../../../../constants/common.js";
 import { MenuWithErrorBoundary } from "../../../../libs/DatalensChartkit/components/ChartKitBase/components/Header/components/MenuWithErrorBoundary/MenuWithErrorBoundary.js";
@@ -126,7 +126,7 @@ const Header = (props) => {
           children: /* @__PURE__ */ jsx(
             Icon,
             {
-              data: iconClearActionParams,
+              data: SvgFunnelClear,
               size: 16,
               className: b("icon-filter-clear")
             }

package/ui/configs/common/icons.js

@@ -1,64 +1,64 @@
 import "../../../shared/index.js";
-import collectionColoredBigDark from "../../assets/icons/collections/collection-colored-big-dark.svg.js";
-import collectionColoredBig from "../../assets/icons/collections/collection-colored-big.svg.js";
-import collectionColoredDark from "../../assets/icons/collections/collection-colored-dark.svg.js";
-import collectionColored from "../../assets/icons/collections/collection-colored.svg.js";
-import paletteDatalensClassic20Icon from "../../assets/icons/palettes/datalens-classic20.svg.js";
-import paletteDatalensDefault20Icon from "../../assets/icons/palettes/datalens-default20.svg.js";
-import paletteDatalensNeo20Icon from "../../assets/icons/palettes/datalens-neo20.svg.js";
-import paletteEmerald20Icon from "../../assets/icons/palettes/emerald-20.svg.js";
-import paletteGolden20Icon from "../../assets/icons/palettes/golden-20.svg.js";
-import paletteNeutral20Icon from "../../assets/icons/palettes/neutral-20.svg.js";
-import paletteOceanic20Icon from "../../assets/icons/palettes/oceanic-20.svg.js";
-import paletteTrafficLight9Icon from "../../assets/icons/palettes/traffic-light-9.svg.js";
-import visArea100p from "../../assets/icons/vis-area-100p.svg.js";
-import iconVisArea from "../../assets/icons/vis-area.svg.js";
-import visBar100p from "../../assets/icons/vis-bar-100p.svg.js";
-import visBar from "../../assets/icons/vis-bar.svg.js";
-import visColumn100p from "../../assets/icons/vis-column-100p.svg.js";
-import iconVisColumn from "../../assets/icons/vis-column.svg.js";
-import visCombined from "../../assets/icons/vis-combined.svg.js";
-import visDonut from "../../assets/icons/vis-donut.svg.js";
-import visFlatTable from "../../assets/icons/vis-flat-table.svg.js";
-import visGeolayers from "../../assets/icons/vis-geolayers.svg.js";
-import visHeatmap from "../../assets/icons/vis-heatmap.svg.js";
-import iconVisLines from "../../assets/icons/vis-lines.svg.js";
-import visMetric from "../../assets/icons/vis-metric.svg.js";
-import visPie from "../../assets/icons/vis-pie.svg.js";
-import visPivot from "../../assets/icons/vis-pivot.svg.js";
-import visScatter from "../../assets/icons/vis-scatter.svg.js";
-import visTreemap from "../../assets/icons/vis-treemap.svg.js";
+import SvgCollectionColoredBigDark from "../../assets/icons/collections/collection-colored-big-dark.svg.js";
+import SvgCollectionColoredBig from "../../assets/icons/collections/collection-colored-big.svg.js";
+import SvgCollectionColoredDark from "../../assets/icons/collections/collection-colored-dark.svg.js";
+import SvgCollectionColored from "../../assets/icons/collections/collection-colored.svg.js";
+import SvgDatalensClassic20 from "../../assets/icons/palettes/datalens-classic20.svg.js";
+import SvgDatalensDefault20 from "../../assets/icons/palettes/datalens-default20.svg.js";
+import SvgDatalensNeo20 from "../../assets/icons/palettes/datalens-neo20.svg.js";
+import SvgEmerald20 from "../../assets/icons/palettes/emerald-20.svg.js";
+import SvgGolden20 from "../../assets/icons/palettes/golden-20.svg.js";
+import SvgNeutral20 from "../../assets/icons/palettes/neutral-20.svg.js";
+import SvgOceanic20 from "../../assets/icons/palettes/oceanic-20.svg.js";
+import SvgTrafficLight9 from "../../assets/icons/palettes/traffic-light-9.svg.js";
+import SvgVisArea100P from "../../assets/icons/vis-area-100p.svg.js";
+import SvgVisArea from "../../assets/icons/vis-area.svg.js";
+import SvgVisBar100P from "../../assets/icons/vis-bar-100p.svg.js";
+import SvgVisBar from "../../assets/icons/vis-bar.svg.js";
+import SvgVisColumn100P from "../../assets/icons/vis-column-100p.svg.js";
+import SvgVisColumn from "../../assets/icons/vis-column.svg.js";
+import SvgVisCombined from "../../assets/icons/vis-combined.svg.js";
+import SvgVisDonut from "../../assets/icons/vis-donut.svg.js";
+import SvgVisFlatTable from "../../assets/icons/vis-flat-table.svg.js";
+import SvgVisGeolayers from "../../assets/icons/vis-geolayers.svg.js";
+import SvgVisHeatmap from "../../assets/icons/vis-heatmap.svg.js";
+import SvgVisLines from "../../assets/icons/vis-lines.svg.js";
+import SvgVisMetric from "../../assets/icons/vis-metric.svg.js";
+import SvgVisPie from "../../assets/icons/vis-pie.svg.js";
+import SvgVisPivot from "../../assets/icons/vis-pivot.svg.js";
+import SvgVisScatter from "../../assets/icons/vis-scatter.svg.js";
+import SvgVisTreemap from "../../assets/icons/vis-treemap.svg.js";
 import { PALETTES } from "../../../shared/constants/colors/index.js";
 const defaultIcons = {
-  visCombined,
-  visDonut,
-  visFlatTable,
-  visGeolayers,
-  visArea100p,
-  visArea: iconVisArea,
-  visBar100p,
-  visBar,
-  visColumn100p,
-  visColumn: iconVisColumn,
-  visLines: iconVisLines,
-  visScatter,
-  visMetric,
-  visPie,
-  visPivot,
-  visTreemap,
-  visHeatmap,
-  collectionColored,
-  collectionColoredDark,
-  collectionColoredBig,
-  collectionColoredBigDark,
-  [PALETTES.default20.id]: paletteDatalensDefault20Icon,
-  [PALETTES.classic.id]: paletteDatalensClassic20Icon,
-  [PALETTES.emerald.id]: paletteEmerald20Icon,
-  [PALETTES.golden.id]: paletteGolden20Icon,
-  [PALETTES.neutral.id]: paletteNeutral20Icon,
-  [PALETTES.oceanic.id]: paletteOceanic20Icon,
-  [PALETTES.trafficLight.id]: paletteTrafficLight9Icon,
-  [PALETTES.datalens.id]: paletteDatalensNeo20Icon
+  visCombined: SvgVisCombined,
+  visDonut: SvgVisDonut,
+  visFlatTable: SvgVisFlatTable,
+  visGeolayers: SvgVisGeolayers,
+  visArea100p: SvgVisArea100P,
+  visArea: SvgVisArea,
+  visBar100p: SvgVisBar100P,
+  visBar: SvgVisBar,
+  visColumn100p: SvgVisColumn100P,
+  visColumn: SvgVisColumn,
+  visLines: SvgVisLines,
+  visScatter: SvgVisScatter,
+  visMetric: SvgVisMetric,
+  visPie: SvgVisPie,
+  visPivot: SvgVisPivot,
+  visTreemap: SvgVisTreemap,
+  visHeatmap: SvgVisHeatmap,
+  collectionColored: SvgCollectionColored,
+  collectionColoredDark: SvgCollectionColoredDark,
+  collectionColoredBig: SvgCollectionColoredBig,
+  collectionColoredBigDark: SvgCollectionColoredBigDark,
+  [PALETTES.default20.id]: SvgDatalensDefault20,
+  [PALETTES.classic.id]: SvgDatalensClassic20,
+  [PALETTES.emerald.id]: SvgEmerald20,
+  [PALETTES.golden.id]: SvgGolden20,
+  [PALETTES.neutral.id]: SvgNeutral20,
+  [PALETTES.oceanic.id]: SvgOceanic20,
+  [PALETTES.trafficLight.id]: SvgTrafficLight9,
+  [PALETTES.datalens.id]: SvgDatalensNeo20
 };
 export {
   defaultIcons as default

package/ui/constants/common.js

@@ -1,29 +1,29 @@
 import { UserRole } from "../../shared/components/auth/constants/role.js";
 import { isNotAuthenticatedError } from "../utils/errorContentTypes.js";
 import "../../shared/index.js";
-import blueGrayRedIcon from "../assets/icons/gradients/blue-gray-red.svg.js";
-import blueYellowRedIcon from "../assets/icons/gradients/blue-yellow-red.svg.js";
-import blueIcon from "../assets/icons/gradients/blue.svg.js";
-import cyanIcon from "../assets/icons/gradients/cyan.svg.js";
-import goldenIcon from "../assets/icons/gradients/golden.svg.js";
-import grayIcon from "../assets/icons/gradients/gray.svg.js";
-import greenBlueIcon from "../assets/icons/gradients/green-blue.svg.js";
-import greenIcon from "../assets/icons/gradients/green.svg.js";
-import oceanicIcon from "../assets/icons/gradients/oceanic.svg.js";
-import orangeBlueGreenIcon from "../assets/icons/gradients/orange-blue-green.svg.js";
-import orangeGrayBlueIcon from "../assets/icons/gradients/orange-gray-blue.svg.js";
-import orangeVioletBlueIcon from "../assets/icons/gradients/orange-violet-blue.svg.js";
-import orangeYellowIcon from "../assets/icons/gradients/orange-yellow.svg.js";
-import pinkGrayGreenIcon from "../assets/icons/gradients/pink-gray-green.svg.js";
-import redBlueIcon from "../assets/icons/gradients/red-blue.svg.js";
-import redOrangeGreenIcon from "../assets/icons/gradients/red-orange-green.svg.js";
-import redIcon from "../assets/icons/gradients/red.svg.js";
-import trafficLightIcon from "../assets/icons/gradients/traffic-light.svg.js";
-import violetBlueGreenIcon from "../assets/icons/gradients/violet-blue-green.svg.js";
-import violetOrangeIcon from "../assets/icons/gradients/violet-orange.svg.js";
-import violetIcon from "../assets/icons/gradients/violet.svg.js";
-import yellowGreenBlue from "../assets/icons/gradients/yellow-green-blue.svg.js";
-import yellowIcon from "../assets/icons/gradients/yellow.svg.js";
+import SvgBlueGrayRed from "../assets/icons/gradients/blue-gray-red.svg.js";
+import SvgBlueYellowRed from "../assets/icons/gradients/blue-yellow-red.svg.js";
+import SvgBlue from "../assets/icons/gradients/blue.svg.js";
+import SvgCyan from "../assets/icons/gradients/cyan.svg.js";
+import SvgGolden from "../assets/icons/gradients/golden.svg.js";
+import SvgGray from "../assets/icons/gradients/gray.svg.js";
+import SvgGreenBlue from "../assets/icons/gradients/green-blue.svg.js";
+import SvgGreen from "../assets/icons/gradients/green.svg.js";
+import SvgOceanic from "../assets/icons/gradients/oceanic.svg.js";
+import SvgOrangeBlueGreen from "../assets/icons/gradients/orange-blue-green.svg.js";
+import SvgOrangeGrayBlue from "../assets/icons/gradients/orange-gray-blue.svg.js";
+import SvgOrangeVioletBlue from "../assets/icons/gradients/orange-violet-blue.svg.js";
+import SvgOrangeYellow from "../assets/icons/gradients/orange-yellow.svg.js";
+import SvgPinkGrayGreen from "../assets/icons/gradients/pink-gray-green.svg.js";
+import SvgRedBlue from "../assets/icons/gradients/red-blue.svg.js";
+import SvgRedOrangeGreen from "../assets/icons/gradients/red-orange-green.svg.js";
+import SvgRed from "../assets/icons/gradients/red.svg.js";
+import SvgTrafficLight from "../assets/icons/gradients/traffic-light.svg.js";
+import SvgVioletBlueGreen from "../assets/icons/gradients/violet-blue-green.svg.js";
+import SvgVioletOrange from "../assets/icons/gradients/violet-orange.svg.js";
+import SvgViolet from "../assets/icons/gradients/violet.svg.js";
+import SvgYellowGreenBlue from "../assets/icons/gradients/yellow-green-blue.svg.js";
+import SvgYellow from "../assets/icons/gradients/yellow.svg.js";
 import { FALLBACK_LANGUAGES, DeviceType, AppEnvironment } from "../../shared/constants/common.js";
 import { GRADIENT_PALETTES, GradientType, selectGradient } from "../../shared/constants/gradients/index.js";
 import { getAvailablePalettesMap, PALETTES, selectAvailablePalettes } from "../../shared/constants/colors/index.js";
@@ -302,29 +302,29 @@ const URL_QUERY = {
   BINDED_WOKRBOOK: "bindedWorkbookId"
 };
 const GRADIENT_ICONS = {
-  [GRADIENT_PALETTES.blueGradient.id]: blueIcon,
-  [GRADIENT_PALETTES.blueGrayRedGradient.id]: blueGrayRedIcon,
-  [GRADIENT_PALETTES.blueYellowRedGradient.id]: blueYellowRedIcon,
-  [GRADIENT_PALETTES.cyanGradient.id]: cyanIcon,
-  [GRADIENT_PALETTES.grayGradient.id]: grayIcon,
-  [GRADIENT_PALETTES.orangeBlueGreenGradient.id]: orangeBlueGreenIcon,
-  [GRADIENT_PALETTES.orangeGrayBlueGradient.id]: orangeGrayBlueIcon,
-  [GRADIENT_PALETTES.orangeVioletBlueGradient.id]: orangeVioletBlueIcon,
-  [GRADIENT_PALETTES.orangeYellowGradient.id]: orangeYellowIcon,
-  [GRADIENT_PALETTES.pinkGrayGreenGradient.id]: pinkGrayGreenIcon,
-  [GRADIENT_PALETTES.redGradient.id]: redIcon,
-  [GRADIENT_PALETTES.redBlueGradient.id]: redBlueIcon,
-  [GRADIENT_PALETTES.redOrangeGreenGradient.id]: redOrangeGreenIcon,
-  [GRADIENT_PALETTES.violetGradient.id]: violetIcon,
-  [GRADIENT_PALETTES.violetBlueGreenGradient.id]: violetBlueGreenIcon,
-  [GRADIENT_PALETTES.violetOrangeGradient.id]: violetOrangeIcon,
-  [GRADIENT_PALETTES.yellowGradient.id]: yellowIcon,
-  [GRADIENT_PALETTES.yellowGreenBlueGradient.id]: yellowGreenBlue,
-  [GRADIENT_PALETTES.greenGradient.id]: greenIcon,
-  [GRADIENT_PALETTES.greenBlueGradient.id]: greenBlueIcon,
-  [GRADIENT_PALETTES.goldenGradient.id]: goldenIcon,
-  [GRADIENT_PALETTES.oceanicGradient.id]: oceanicIcon,
-  [GRADIENT_PALETTES.trafficLightGradient.id]: trafficLightIcon
+  [GRADIENT_PALETTES.blueGradient.id]: SvgBlue,
+  [GRADIENT_PALETTES.blueGrayRedGradient.id]: SvgBlueGrayRed,
+  [GRADIENT_PALETTES.blueYellowRedGradient.id]: SvgBlueYellowRed,
+  [GRADIENT_PALETTES.cyanGradient.id]: SvgCyan,
+  [GRADIENT_PALETTES.grayGradient.id]: SvgGray,
+  [GRADIENT_PALETTES.orangeBlueGreenGradient.id]: SvgOrangeBlueGreen,
+  [GRADIENT_PALETTES.orangeGrayBlueGradient.id]: SvgOrangeGrayBlue,
+  [GRADIENT_PALETTES.orangeVioletBlueGradient.id]: SvgOrangeVioletBlue,
+  [GRADIENT_PALETTES.orangeYellowGradient.id]: SvgOrangeYellow,
+  [GRADIENT_PALETTES.pinkGrayGreenGradient.id]: SvgPinkGrayGreen,
+  [GRADIENT_PALETTES.redGradient.id]: SvgRed,
+  [GRADIENT_PALETTES.redBlueGradient.id]: SvgRedBlue,
+  [GRADIENT_PALETTES.redOrangeGreenGradient.id]: SvgRedOrangeGreen,
+  [GRADIENT_PALETTES.violetGradient.id]: SvgViolet,
+  [GRADIENT_PALETTES.violetBlueGreenGradient.id]: SvgVioletBlueGreen,
+  [GRADIENT_PALETTES.violetOrangeGradient.id]: SvgVioletOrange,
+  [GRADIENT_PALETTES.yellowGradient.id]: SvgYellow,
+  [GRADIENT_PALETTES.yellowGreenBlueGradient.id]: SvgYellowGreenBlue,
+  [GRADIENT_PALETTES.greenGradient.id]: SvgGreen,
+  [GRADIENT_PALETTES.greenBlueGradient.id]: SvgGreenBlue,
+  [GRADIENT_PALETTES.goldenGradient.id]: SvgGolden,
+  [GRADIENT_PALETTES.oceanicGradient.id]: SvgOceanic,
+  [GRADIENT_PALETTES.trafficLightGradient.id]: SvgTrafficLight
 };
 const getAvailableClientPalettesMap = () => {
   const palettes = {

package/ui/libs/DatalensChartkit/components/Drill/Drill.js

@@ -4,7 +4,7 @@ import { Breadcrumbs } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
 import "../../../../../shared/index.js";
 import ChartKitIcon_default from "../ChartKitIcon/ChartKitIcon.js";
-import iconArrowRight from "../../../../assets/icons/arrow-right.svg.js";
+import SvgArrowRight from "../../../../assets/icons/arrow-right.svg.js";
 /* empty css           */
 import { PRINT_HIDDEN_ATTR } from "../../../../../shared/constants/print.js";
 import { ChartKitQa } from "../../../../../shared/constants/qa/chart.js";
@@ -50,7 +50,7 @@ class Drill extends React__default.Component {
             }),
             onClick: this.onDrillUp,
             viewBoxSize: "16",
-            data: iconArrowRight
+            data: SvgArrowRight
           }
         ),
         /* @__PURE__ */ jsx(
@@ -62,7 +62,7 @@ class Drill extends React__default.Component {
             }),
             onClick: this.onDrillDown,
             viewBoxSize: "16",
-            data: iconArrowRight
+            data: SvgArrowRight
           }
         )
       ] }),

package/ui/units/auth/components/Signin/Signin.js

@@ -13,8 +13,8 @@ import { submitSigninForm } from "../../store/actions/signin.js";
 import { selectFormData } from "../../store/selectors/signin.js";
 import { Login } from "./components/Login.js";
 import { Password } from "./components/Password.js";
-import darkLogo from "../../../../assets/icons/dl-auth-logo-dark.svg.js";
-import lightLogo from "../../../../assets/icons/dl-auth-logo-light.svg.js";
+import SvgDlAuthLogoDark from "../../../../assets/icons/dl-auth-logo-dark.svg.js";
+import SvgDlAuthLogoLight from "../../../../assets/icons/dl-auth-logo-light.svg.js";
 /* empty css            */
 import { SignInQa } from "../../../../../shared/constants/qa/sign-in.js";
 import { DL } from "../../../../constants/common.js";
@@ -25,7 +25,7 @@ const Signin = ({ alternativeAuthOptions }) => {
   const [errorMessage, setErrorMessage] = React__default.useState(null);
   const formData = useSelector(selectFormData);
   const theme = useThemeType();
-  const logo = theme === "dark" ? darkLogo : lightLogo;
+  const logo = theme === "dark" ? SvgDlAuthLogoDark : SvgDlAuthLogoLight;
   const handleSigninError = (error) => {
     if (error.status === 403) {
       setErrorMessage(i18n("label_error-incorrect-fields"));

package/ui/units/connections/assets/icons/file-item.svg.js

@@ -1,4 +1,5 @@
-const fileItemIcon = "data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.333%201.333H4a1.333%201.333%200%200%200-1.333%201.334v10.666A1.333%201.333%200%200%200%204%2014.667h8a1.333%201.333%200%200%200%201.333-1.334v-8l-4-4Z'%20stroke='%233B6080'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M9.334%201.333v4h4M10.667%208.667H5.334M10.667%2011.333H5.334M6.667%206H5.333'%20stroke='%233B6080'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+import * as React from "react";
+const SvgFileItem = (props) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 16 16", width: 16, height: 16, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9.333 1.333H4a1.333 1.333 0 0 0-1.333 1.334v10.666A1.333 1.333 0 0 0 4 14.667h8a1.333 1.333 0 0 0 1.333-1.334v-8l-4-4Z", stroke: "#3B6080", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M9.334 1.333v4h4M10.667 8.667H5.334M10.667 11.333H5.334M6.667 6H5.333", stroke: "#3B6080", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }));
 export {
-  fileItemIcon as default
+  SvgFileItem as default
 };