@odigos/ui-kit 0.0.60 → 0.0.61

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.0.61](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.60...ui-kit-v0.0.61) (2025-07-16)
+
+
+### Features
+
+* add new arrow icons ([#249](https://github.com/odigos-io/ui-kit/issues/249)) ([78ce04b](https://github.com/odigos-io/ui-kit/commit/78ce04bbda601d31703224eae025d60317397f68))
+
 ## [0.0.60](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.59...ui-kit-v0.0.60) (2025-07-16)
 
 

package/lib/containers.js

@@ -5,7 +5,7 @@ import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, Status
 import { e as DataCardFieldTypes, p as FieldLabel, C as Checkbox, o as FieldError, v as Input, x as InputTable, K as KeyValueInputsList, w as InputList, _ as Text, R as Segment, Q as SectionTitle, j as DocsButton, z as MonitorsCheckboxes, $ as TextArea, k as Drawer, c as ConditionDetails, D as DataCard, a5 as FlexColumn, M as Modal, N as NavigationButtons, a9 as ModalBody, L as NotificationNote, A as AutocompleteInput, i as Divider, W as Status, a4 as FlexRow, a1 as Tooltip, s as IconWrapped, G as MonitorsIcons, aa as TableContainer, ab as TableTitleWrap, r as IconTitleBadge, ac as TableWrap, y as InteractiveTable, a6 as CenterThis, J as NoDataFound, a2 as TraceLoader, a as Badge, E as ExtendArrow, a7 as VerticalScroll, U as SelectionButton, B as Button, n as Dropdown, ad as nodeConfig, ae as useNodesState, af as useEdgesState, ag as Flow, ah as applyNodeChanges, P as Popup, a0 as Toggle, I as IconButton, ai as AddButton, F as FadeLoader, g as DataTab, X as Stepper, d as DataCardFields, Z as Tag, aj as MarkerType, t as IconsNav, ak as CopyText, h as DescribeRow, al as PodContainer, am as SourceContainer, q as IconGroup, O as PopupForm } from './index-eb5688cd.js';
 import { i as isEmpty, s as safeJsonParse } from './index-ec555530.js';
 import { C as CheckCircledIcon, O as OdigosLogo } from './index-630dec93.js';
-import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, U as UserIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-3de83c73.js';
+import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RefreshLeftArrowIcon, N as NotificationIcon, U as UserIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-8dae7939.js';
 import { useActionFormData, useSessionStorage, useDataStreamFormData, useDestinationFormData, useClickNotification, useSourceFormData, useSourceSelectionFormData } from './hooks.js';
 import { u as useKeyDown, a as useOnClickOutside, b as useContainerSize, c as useClickNode, d as usePopup, e as useInstrumentationRuleFormData, f as useTransition, g as useTimeAgo, h as useCopy, i as useGenericForm } from './useTransition-242df96b.js';
 import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, A as ArrowIcon, P as PlusIcon, a as CopyIcon } from './index-0001f711.js';
@@ -3599,7 +3599,7 @@ const MultiSourceControl = ({ totalSourceCount, uninstrumentSources, restartWork
             React.createElement(Button, { variant: 'tertiary', onClick: onDeselect },
                 React.createElement(Text, { family: 'secondary', decoration: 'underline' }, "Deselect")),
             React.createElement(Button, { variant: 'tertiary', onClick: onRestart },
-                React.createElement(RetryIcon, null),
+                React.createElement(RefreshLeftArrowIcon, null),
                 React.createElement(Text, { family: 'secondary', decoration: 'underline' }, "Restart")),
             React.createElement(Button, { variant: 'tertiary', onClick: () => setIsWarnModalOpen(true) },
                 React.createElement(TrashIcon, null),
@@ -4365,7 +4365,7 @@ const SourceDrawer = ({ persistSources, updateSource, fetchDescribeSource, resta
                 variant: 'tertiary',
                 onClick: () => restartWorkloads([drawerEntityId]),
                 children: (React.createElement(React.Fragment, null,
-                    React.createElement(RetryIcon, null),
+                    React.createElement(RefreshLeftArrowIcon, null),
                     React.createElement(Text, { size: 14, family: 'secondary', decoration: 'underline' }, "Restart"))),
             },
         ] }, selectedTab === Tabs.Overview ? (isEditing ? (React.createElement(FormContainer, null,

package/lib/icons/common/index.d.ts

@@ -15,7 +15,10 @@ export * from './list-icon';
 export * from './no-data-icon';
 export * from './notebook-icon';
 export * from './notification-icon';
-export * from './retry-icon';
+export * from './refresh-arrows-icon';
+export * from './refresh-left-arrow-icon';
+export * from './refresh-right-arrow-icon';
+export * from './rotate-arrows-icon';
 export * from './search-icon';
 export * from './sort-arrows-icon';
 export * from './terminal-icon';

package/lib/icons/common/refresh-arrows-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const RefreshArrowsIcon: SVG;

package/lib/icons/common/refresh-left-arrow-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const RefreshLeftArrowIcon: SVG;

package/lib/icons/common/refresh-right-arrow-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const RefreshRightArrowIcon: SVG;

package/lib/icons/common/rotate-arrows-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const RotateArrowsIcon: SVG;

package/lib/icons.js

@@ -1,7 +1,7 @@
 import { T as Theme } from './index-e9b26c29.js';
 export { f as AddClusterInfoIcon, n as CPlusPlusLogo, o as CSharpLogo, C as CodeAttributesIcon, l as CustomInstrumentationIcon, h as DeleteAttributeIcon, p as DotnetLogo, E as ElixirLogo, G as GoLogo, H as HeadersCollectionIcon, j as ImageErrorIcon, J as JavaLogo, K as K8sLogo, k as KafkaLogo, q as MysqlLogo, N as NginxLogo, r as NodejsLogo, m as PayloadCollectionIcon, s as PhpLogo, P as PiiMaskingIcon, t as PostgresLogo, u as PythonLogo, v as RedisLogo, R as RenameAttributeIcon, w as RubyLogo, x as RustLogo, i as SamplerIcon, y as SwiftLogo } from './index-e9b26c29.js';
 export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, O as OdigosLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-630dec93.js';
-export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RetryIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-3de83c73.js';
+export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, R as RefreshLeftArrowIcon, S as SlackLogo, T as TerminalIcon, U as UserIcon } from './index-8dae7939.js';
 export { A as ArrowIcon, h as CheckIcon, C as CodeIcon, a as CopyIcon, i as CrossIcon, E as EditIcon, b as EditedIcon, c as ExtendArrowIcon, f as EyeClosedIcon, g as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, d as NotebookIcon, P as PlusIcon, S as SearchIcon, e as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-0001f711.js';
 import React from 'react';
 export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-27fc9053.js';
@@ -36,6 +36,27 @@ const FolderIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }
         React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M1.5 7.96504C1.5 6.28488 1.5 5.4448 1.82698 4.80307C2.1146 4.23858 2.57354 3.77964 3.13803 3.49202C3.77976 3.16504 4.61984 3.16504 6.3 3.16504H6.53667C6.88887 3.16504 7.06498 3.16504 7.22483 3.21358C7.36634 3.25656 7.49799 3.32702 7.61225 3.42093C7.74131 3.527 7.83899 3.67353 8.03436 3.96658L8.46564 4.6135C8.66101 4.90655 8.75869 5.05308 8.88775 5.15915C9.00201 5.25306 9.13366 5.32352 9.27517 5.36649C9.43502 5.41504 9.61113 5.41504 9.96333 5.41504H11.7C13.3802 5.41504 14.2202 5.41504 14.862 5.74202C15.4265 6.02964 15.8854 6.48858 16.173 7.05307C16.5 7.6948 16.5 8.53488 16.5 10.215V11.865C16.5 13.5452 16.5 14.3853 16.173 15.027C15.8854 15.5915 15.4265 16.0504 14.862 16.3381C14.2202 16.665 13.3802 16.665 11.7 16.665H6.3C4.61984 16.665 3.77976 16.665 3.13803 16.3381C2.57354 16.0504 2.1146 15.5915 1.82698 15.027C1.5 14.3853 1.5 13.5452 1.5 11.865V7.96504Z' })));
 };
 
+const RefreshArrowsIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M17.9999 2.47363C18.5091 3.66573 18.8614 4.91832 19.0484 6.2C19.0805 6.41989 18.9578 6.63253 18.7513 6.71469C18.691 6.7387 18.6305 6.7623 18.5699 6.78551M6.99987 21.5262C6.49066 20.3341 6.13833 19.0815 5.9513 17.7998C5.91921 17.5799 6.04198 17.3673 6.24846 17.2851C6.30879 17.2611 6.36926 17.2375 6.42987 17.2143M14.9999 7.66979C16.2224 7.5225 17.4213 7.22534 18.5699 6.78551M18.5699 6.78551C17.9972 6.11891 17.3041 5.53603 16.4999 5.07171C12.6735 2.86257 7.78081 4.17357 5.57167 7.99991C4.55722 9.75698 4.28506 11.7389 4.65789 13.5826M20.4085 10.7925C20.6745 12.5275 20.374 14.3615 19.4281 15.9999C17.2189 19.8263 12.3262 21.1373 8.49987 18.9281C7.69564 18.4638 7.00253 17.8809 6.42987 17.2143M9.99987 16.33C8.77739 16.4773 7.57842 16.7745 6.42987 17.2143' })));
+};
+
+const RefreshRightArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M18.2834 2.66992C18.7926 3.86202 19.1449 5.11461 19.332 6.39629C19.3808 6.73098 19.117 6.88085 18.8534 6.9818C18.8221 6.9938 18.7907 7.00568 18.7593 7.01746M18.7593 7.01746C17.2936 5.17853 15.0344 4 12.5 4C8.08172 4 4.5 7.58172 4.5 12C4.5 16.4183 8.08172 20 12.5 20C16.2277 20 19.3599 17.4505 20.248 14M18.7593 7.01746C17.6394 7.43772 16.4725 7.72281 15.2834 7.86607' })));
+};
+
+const RotateArrowsIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12.5 2C13.5964 2.79655 14.5785 3.73031 15.4207 4.77659C15.474 4.84283 15.5004 4.92241 15.5 5.00189M12.5 8C13.5964 7.20345 14.5785 6.26969 15.4207 5.22341C15.4731 5.15821 15.4996 5.0801 15.5 5.00189M12.5 16C11.4036 16.7965 10.4215 17.7303 9.57935 18.7766C9.52687 18.8418 9.50042 18.9199 9.5 18.9981M12.5 22C11.4036 21.2035 10.4215 20.2697 9.57935 19.2234C9.52603 19.1572 9.49958 19.0776 9.5 18.9981M15.5 5.00189C15.1991 5 14.8677 5 14.5 5H10.5C8.63872 5 7.70808 5 6.95492 5.24472C5.43273 5.73931 4.23931 6.93273 3.74472 8.45492C3.5 9.20808 3.5 10.1387 3.5 12C3.5 13.8613 3.5 14.7919 3.74472 15.5451C4.06708 16.5372 4.68631 17.3897 5.49995 18M9.5 18.9981C9.80088 19 10.1323 19 10.5 19H14.5C16.3613 19 17.2919 19 18.0451 18.7553C19.5673 18.2607 20.7607 17.0673 21.2553 15.5451C21.5 14.7919 21.5 13.8613 21.5 12C21.5 10.1387 21.5 9.20808 21.2553 8.45492C20.9329 7.46279 20.3137 6.61033 19.5001 6' })));
+};
+
 const UserGroupIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -144,4 +165,4 @@ const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth =
         React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 8.33673V6.00339M7 10.3055V10.3061M12.25 7.97266C12.25 10.8722 9.89949 13.2227 7 13.2227C4.1005 13.2227 1.75 10.8721 1.75 7.97265C1.75 5.07316 4.10051 2.72266 7 2.72266C9.8995 2.72266 12.25 5.07316 12.25 7.97266Z' })));
 };
 
-export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };
+export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, RefreshArrowsIcon, RefreshRightArrowIcon, RotateArrowsIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };

package/lib/{index-3de83c73.js → index-8dae7939.js}

@@ -42,10 +42,10 @@ const NotificationIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth
         React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.10569 12.3626C5.27488 12.3229 4.44501 12.2571 3.61736 12.1651C2.94777 12.0907 2.51712 11.4179 2.73017 10.7787C2.83819 10.4547 2.94697 10.1359 2.97558 9.79265L3.21224 6.95266C3.41977 4.46237 5.50153 2.54688 8.00045 2.54688C10.4994 2.54688 12.5811 4.46237 12.7886 6.95266L13.0254 9.79425C13.054 10.1373 13.1627 10.456 13.2703 10.78C13.4824 11.4188 13.052 12.0906 12.383 12.165C11.5555 12.257 10.7258 12.3228 9.89517 12.3625M6.10569 12.3626C7.36812 12.4229 8.63275 12.4229 9.89517 12.3625M6.10569 12.3626L6.10571 12.6522C6.10571 13.6986 6.95401 14.5469 8.00045 14.5469C9.04688 14.5469 9.89519 13.6986 9.89519 12.6522L9.89517 12.3625' })));
 };
 
-const RetryIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
+const RefreshLeftArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
-    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+    return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
         React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.71458 2.66992C6.20537 3.86202 5.85304 5.11461 5.66601 6.39629C5.61717 6.73098 5.88094 6.88085 6.14457 6.9818C6.17589 6.9938 6.20724 7.00568 6.23864 7.01746M6.23864 7.01746C7.70439 5.17853 9.96355 4 12.498 4C16.9162 4 20.498 7.58172 20.498 12C20.498 16.4183 16.9162 20 12.498 20C8.77029 20 5.63809 17.4505 4.75 14M6.23864 7.01746C7.35852 7.43772 8.52543 7.72281 9.71458 7.86607' })));
 };
 
@@ -97,4 +97,4 @@ const CrossCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth
         React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.75049 10.0005L8.75049 8.00049M8.75049 8.00049L10.7505 6.00049M8.75049 8.00049L6.75049 6.00049M8.75049 8.00049L10.7505 10.0005M8.75039 14.1004C5.38145 14.1004 2.65039 11.3693 2.65039 8.00039C2.65039 4.63145 5.38145 1.90039 8.75039 1.90039C12.1193 1.90039 14.8504 4.63145 14.8504 8.00039C14.8504 11.3693 12.1193 14.1004 8.75039 14.1004Z' })));
 };
 
-export { CrossCircledIcon as C, DataStreamsIcon as D, FilterIcon as F, KeyIcon as K, NotificationIcon as N, OdigosLogoText as O, RetryIcon as R, SlackLogo as S, TerminalIcon as T, UserIcon as U, OverviewIcon as a };
+export { CrossCircledIcon as C, DataStreamsIcon as D, FilterIcon as F, KeyIcon as K, NotificationIcon as N, OdigosLogoText as O, RefreshLeftArrowIcon as R, SlackLogo as S, TerminalIcon as T, UserIcon as U, OverviewIcon as a };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "author": "Odigos",
   "repository": {
     "type": "git",

package/lib/icons/common/retry-icon/index.d.ts

@@ -1,2 +0,0 @@
-import type { SVG } from '@/types';
-export declare const RetryIcon: SVG;