nntc-ui 0.0.84 → 0.0.86

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.
@@ -58,41 +58,49 @@ var CheckboxDeselectedIcon = (props) => /* @__PURE__ */ jsx8(Icon, { ...props, c
58
58
  import { jsx as jsx9 } from "react/jsx-runtime";
59
59
  var CheckboxSeveralIcon = (props) => /* @__PURE__ */ jsx9(Icon, { ...props, children: /* @__PURE__ */ jsx9("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2zm0-4H7V7h10v2z" }) });
60
60
 
61
- // src/icons/ChevronLeftIcon.tsx
61
+ // src/icons/RadioDeselectedIcon.tsx
62
62
  import { jsx as jsx10 } from "react/jsx-runtime";
63
- var ChevronLeftIcon = (props) => /* @__PURE__ */ jsx10(Icon, { ...props, children: /* @__PURE__ */ jsx10("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) });
63
+ var RadioDeselectedIcon = (props) => /* @__PURE__ */ jsx10(Icon, { ...props, children: /* @__PURE__ */ jsx10("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }) });
64
64
 
65
- // src/icons/ChevronRightIcon.tsx
65
+ // src/icons/RadioSelectedIcon.tsx
66
66
  import { jsx as jsx11 } from "react/jsx-runtime";
67
- var ChevronRightIcon = (props) => /* @__PURE__ */ jsx11(Icon, { ...props, children: /* @__PURE__ */ jsx11("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) });
67
+ var RadioSelectedIcon = (props) => /* @__PURE__ */ jsx11(Icon, { ...props, children: /* @__PURE__ */ jsx11("path", { d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }) });
68
68
 
69
- // src/icons/CircleFilledIcon.tsx
69
+ // src/icons/ChevronLeftIcon.tsx
70
70
  import { jsx as jsx12 } from "react/jsx-runtime";
71
- var CircleFilledIcon = (props) => /* @__PURE__ */ jsx12(Icon, { ...props, children: /* @__PURE__ */ jsx12("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z" }) });
71
+ var ChevronLeftIcon = (props) => /* @__PURE__ */ jsx12(Icon, { ...props, children: /* @__PURE__ */ jsx12("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) });
72
72
 
73
- // src/icons/CloseIcon.tsx
73
+ // src/icons/ChevronRightIcon.tsx
74
74
  import { jsx as jsx13 } from "react/jsx-runtime";
75
- var CloseIcon = (props) => /* @__PURE__ */ jsx13(Icon, { ...props, children: /* @__PURE__ */ jsx13("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) });
75
+ var ChevronRightIcon = (props) => /* @__PURE__ */ jsx13(Icon, { ...props, children: /* @__PURE__ */ jsx13("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) });
76
76
 
77
- // src/icons/DateRangeIcon.tsx
77
+ // src/icons/CircleFilledIcon.tsx
78
78
  import { jsx as jsx14 } from "react/jsx-runtime";
79
- var DateRangeIcon = (props) => /* @__PURE__ */ jsx14(Icon, { ...props, children: /* @__PURE__ */ jsx14("path", { d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 002 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z" }) });
79
+ var CircleFilledIcon = (props) => /* @__PURE__ */ jsx14(Icon, { ...props, children: /* @__PURE__ */ jsx14("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z" }) });
80
80
 
81
- // src/icons/DeleteIcon.tsx
81
+ // src/icons/CloseIcon.tsx
82
82
  import { jsx as jsx15 } from "react/jsx-runtime";
83
- var DeleteIcon = (props) => /* @__PURE__ */ jsx15(Icon, { ...props, children: /* @__PURE__ */ jsx15("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }) });
83
+ var CloseIcon = (props) => /* @__PURE__ */ jsx15(Icon, { ...props, children: /* @__PURE__ */ jsx15("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) });
84
84
 
85
- // src/icons/DoneIcon.tsx
85
+ // src/icons/DateRangeIcon.tsx
86
86
  import { jsx as jsx16 } from "react/jsx-runtime";
87
- var DoneIcon = (props) => /* @__PURE__ */ jsx16(Icon, { ...props, children: /* @__PURE__ */ jsx16("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) });
87
+ var DateRangeIcon = (props) => /* @__PURE__ */ jsx16(Icon, { ...props, children: /* @__PURE__ */ jsx16("path", { d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 002 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z" }) });
88
88
 
89
- // src/icons/FileUploadIcon.tsx
89
+ // src/icons/DeleteIcon.tsx
90
90
  import { jsx as jsx17 } from "react/jsx-runtime";
91
- var FileUploadIcon = (props) => /* @__PURE__ */ jsx17(Icon, { ...props, children: /* @__PURE__ */ jsx17("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
91
+ var DeleteIcon = (props) => /* @__PURE__ */ jsx17(Icon, { ...props, children: /* @__PURE__ */ jsx17("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }) });
92
92
 
93
- // src/icons/FilterIcon.tsx
93
+ // src/icons/DoneIcon.tsx
94
94
  import { jsx as jsx18 } from "react/jsx-runtime";
95
- var FilterIcon = (props) => /* @__PURE__ */ jsx18(Icon, { ...props, children: /* @__PURE__ */ jsx18(
95
+ var DoneIcon = (props) => /* @__PURE__ */ jsx18(Icon, { ...props, children: /* @__PURE__ */ jsx18("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) });
96
+
97
+ // src/icons/FileUploadIcon.tsx
98
+ import { jsx as jsx19 } from "react/jsx-runtime";
99
+ var FileUploadIcon = (props) => /* @__PURE__ */ jsx19(Icon, { ...props, children: /* @__PURE__ */ jsx19("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
100
+
101
+ // src/icons/FilterIcon.tsx
102
+ import { jsx as jsx20 } from "react/jsx-runtime";
103
+ var FilterIcon = (props) => /* @__PURE__ */ jsx20(Icon, { ...props, children: /* @__PURE__ */ jsx20(
96
104
  "path",
97
105
  {
98
106
  d: `M4.24993 5.61C6.26993 8.2 9.99993 13 9.99993 13V19C9.99993 19.55 10.4499
@@ -102,9 +110,9 @@ var FilterIcon = (props) => /* @__PURE__ */ jsx18(Icon, { ...props, children: /*
102
110
  ) });
103
111
 
104
112
  // src/icons/FilterClearIcon.tsx
105
- import { jsx as jsx19, jsxs } from "react/jsx-runtime";
113
+ import { jsx as jsx21, jsxs } from "react/jsx-runtime";
106
114
  var FilterClearIcon = (props) => /* @__PURE__ */ jsxs(Icon, { ...props, children: [
107
- /* @__PURE__ */ jsx19("g", { "clip-path": "url(#clip0_851_25267)", children: /* @__PURE__ */ jsx19(
115
+ /* @__PURE__ */ jsx21("g", { "clip-path": "url(#clip0_851_25267)", children: /* @__PURE__ */ jsx21(
108
116
  "path",
109
117
  {
110
118
  "fill-rule": "evenodd",
@@ -116,12 +124,12 @@ var FilterClearIcon = (props) => /* @__PURE__ */ jsxs(Icon, { ...props, children
116
124
  4H9.82861L16.1091 10.2805Z`
117
125
  }
118
126
  ) }),
119
- /* @__PURE__ */ jsx19("defs", { children: /* @__PURE__ */ jsx19("clipPath", { id: "clip0_851_25267", children: /* @__PURE__ */ jsx19("rect", { width: "24", height: "24", fill: "white" }) }) })
127
+ /* @__PURE__ */ jsx21("defs", { children: /* @__PURE__ */ jsx21("clipPath", { id: "clip0_851_25267", children: /* @__PURE__ */ jsx21("rect", { width: "24", height: "24", fill: "white" }) }) })
120
128
  ] });
121
129
 
122
130
  // src/icons/InfoIcon.tsx
123
- import { jsx as jsx20 } from "react/jsx-runtime";
124
- var InfoIcon = (props) => /* @__PURE__ */ jsx20(Icon, { ...props, children: /* @__PURE__ */ jsx20(
131
+ import { jsx as jsx22 } from "react/jsx-runtime";
132
+ var InfoIcon = (props) => /* @__PURE__ */ jsx22(Icon, { ...props, children: /* @__PURE__ */ jsx22(
125
133
  "path",
126
134
  {
127
135
  d: `M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10
@@ -130,8 +138,8 @@ var InfoIcon = (props) => /* @__PURE__ */ jsx20(Icon, { ...props, children: /* @
130
138
  ) });
131
139
 
132
140
  // src/icons/AlertIcon.tsx
133
- import { jsx as jsx21 } from "react/jsx-runtime";
134
- var AlertIcon = (props) => /* @__PURE__ */ jsx21(Icon, { ...props, children: /* @__PURE__ */ jsx21(
141
+ import { jsx as jsx23 } from "react/jsx-runtime";
142
+ var AlertIcon = (props) => /* @__PURE__ */ jsx23(Icon, { ...props, children: /* @__PURE__ */ jsx23(
135
143
  "path",
136
144
  {
137
145
  fillRule: "evenodd",
@@ -141,52 +149,52 @@ var AlertIcon = (props) => /* @__PURE__ */ jsx21(Icon, { ...props, children: /*
141
149
  ) });
142
150
 
143
151
  // src/icons/KeyboardArrowDownIcon.tsx
144
- import { jsx as jsx22 } from "react/jsx-runtime";
145
- var KeyboardArrowDownIcon = (props) => /* @__PURE__ */ jsx22(Icon, { ...props, children: /* @__PURE__ */ jsx22("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" }) });
152
+ import { jsx as jsx24 } from "react/jsx-runtime";
153
+ var KeyboardArrowDownIcon = (props) => /* @__PURE__ */ jsx24(Icon, { ...props, children: /* @__PURE__ */ jsx24("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" }) });
146
154
 
147
155
  // src/icons/ListIcon.tsx
148
- import { jsx as jsx23 } from "react/jsx-runtime";
149
- var ListIcon = (props) => /* @__PURE__ */ jsx23(Icon, { ...props, children: /* @__PURE__ */ jsx23("path", { d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" }) });
156
+ import { jsx as jsx25 } from "react/jsx-runtime";
157
+ var ListIcon = (props) => /* @__PURE__ */ jsx25(Icon, { ...props, children: /* @__PURE__ */ jsx25("path", { d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" }) });
150
158
 
151
159
  // src/icons/MoreVerticalIcon.tsx
152
- import { jsx as jsx24 } from "react/jsx-runtime";
153
- var MoreVerticalIcon = (props) => /* @__PURE__ */ jsx24(Icon, { ...props, children: /* @__PURE__ */ jsx24("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
160
+ import { jsx as jsx26 } from "react/jsx-runtime";
161
+ var MoreVerticalIcon = (props) => /* @__PURE__ */ jsx26(Icon, { ...props, children: /* @__PURE__ */ jsx26("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
154
162
 
155
163
  // src/icons/SearchIcon.tsx
156
- import { jsx as jsx25 } from "react/jsx-runtime";
157
- var SearchIcon = (props) => /* @__PURE__ */ jsx25(Icon, { ...props, children: /* @__PURE__ */ jsx25("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }) });
164
+ import { jsx as jsx27 } from "react/jsx-runtime";
165
+ var SearchIcon = (props) => /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }) });
158
166
 
159
167
  // src/icons/SettingsIcon.tsx
160
- import { jsx as jsx26 } from "react/jsx-runtime";
161
- var SettingsIcon = (props) => /* @__PURE__ */ jsx26(Icon, { ...props, children: /* @__PURE__ */ jsx26("path", { d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" }) });
168
+ import { jsx as jsx28 } from "react/jsx-runtime";
169
+ var SettingsIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("path", { d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" }) });
162
170
 
163
171
  // src/icons/SortDownIcon.tsx
164
- import { jsx as jsx27 } from "react/jsx-runtime";
165
- var SortDownIcon = (props) => /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 18V16H21V18H3ZM3 6H9V8H3V6ZM15 11H3V13H15V11Z" }) });
172
+ import { jsx as jsx29 } from "react/jsx-runtime";
173
+ var SortDownIcon = (props) => /* @__PURE__ */ jsx29(Icon, { ...props, children: /* @__PURE__ */ jsx29("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 18V16H21V18H3ZM3 6H9V8H3V6ZM15 11H3V13H15V11Z" }) });
166
174
 
167
175
  // src/icons/SortUpIcon.tsx
168
- import { jsx as jsx28 } from "react/jsx-runtime";
169
- var SortUpIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 6V8H21V6H3ZM3 18H9V16H3V18ZM15 13H3V11H15V13Z" }) });
176
+ import { jsx as jsx30 } from "react/jsx-runtime";
177
+ var SortUpIcon = (props) => /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsx30("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 6V8H21V6H3ZM3 18H9V16H3V18ZM15 13H3V11H15V13Z" }) });
170
178
 
171
179
  // src/icons/TableChartIcon.tsx
172
- import { jsx as jsx29 } from "react/jsx-runtime";
173
- var TableChartIcon = (props) => /* @__PURE__ */ jsx29(Icon, { ...props, children: /* @__PURE__ */ jsx29("path", { d: "M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" }) });
180
+ import { jsx as jsx31 } from "react/jsx-runtime";
181
+ var TableChartIcon = (props) => /* @__PURE__ */ jsx31(Icon, { ...props, children: /* @__PURE__ */ jsx31("path", { d: "M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" }) });
174
182
 
175
183
  // src/icons/UploadIcon.tsx
176
- import { jsx as jsx30 } from "react/jsx-runtime";
177
- var UploadIcon = (props) => /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsx30("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
184
+ import { jsx as jsx32 } from "react/jsx-runtime";
185
+ var UploadIcon = (props) => /* @__PURE__ */ jsx32(Icon, { ...props, children: /* @__PURE__ */ jsx32("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
178
186
 
179
187
  // src/icons/WellIcon.tsx
180
- import { jsx as jsx31 } from "react/jsx-runtime";
181
- var WellIcon = (props) => /* @__PURE__ */ jsx31(Icon, { ...props, children: /* @__PURE__ */ jsx31("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z" }) });
188
+ import { jsx as jsx33 } from "react/jsx-runtime";
189
+ var WellIcon = (props) => /* @__PURE__ */ jsx33(Icon, { ...props, children: /* @__PURE__ */ jsx33("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z" }) });
182
190
 
183
191
  // src/icons/EditIcon.tsx
184
- import { jsx as jsx32 } from "react/jsx-runtime";
185
- var EditIcon = (props) => /* @__PURE__ */ jsx32(Icon, { ...props, children: /* @__PURE__ */ jsx32("path", { d: "M18.3688 3.29L20.7088 5.63C21.0988 6.02 21.0988 6.65 20.7088 7.04L18.8788 8.87L15.1288 5.12L16.9588 3.29C17.1488 3.1 17.3988 3 17.6588 3C17.9188 3 18.1688 3.09 18.3688 3.29ZM2.99878 17.25V21H6.74878L17.8088 9.94L14.0588 6.19L2.99878 17.25ZM5.91878 19H4.99878V18.08L14.0588 9.02L14.9788 9.94L5.91878 19Z" }) });
192
+ import { jsx as jsx34 } from "react/jsx-runtime";
193
+ var EditIcon = (props) => /* @__PURE__ */ jsx34(Icon, { ...props, children: /* @__PURE__ */ jsx34("path", { d: "M18.3688 3.29L20.7088 5.63C21.0988 6.02 21.0988 6.65 20.7088 7.04L18.8788 8.87L15.1288 5.12L16.9588 3.29C17.1488 3.1 17.3988 3 17.6588 3C17.9188 3 18.1688 3.09 18.3688 3.29ZM2.99878 17.25V21H6.74878L17.8088 9.94L14.0588 6.19L2.99878 17.25ZM5.91878 19H4.99878V18.08L14.0588 9.02L14.9788 9.94L5.91878 19Z" }) });
186
194
 
187
195
  // src/icons/FullScreenOnIcon.tsx
188
- import { jsx as jsx33 } from "react/jsx-runtime";
189
- var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx33(Icon, { ...props, children: /* @__PURE__ */ jsx33(
196
+ import { jsx as jsx35 } from "react/jsx-runtime";
197
+ var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx35(Icon, { ...props, children: /* @__PURE__ */ jsx35(
190
198
  "path",
191
199
  {
192
200
  d: `M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2
@@ -195,16 +203,16 @@ var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx33(Icon, { ...props, childr
195
203
  ) });
196
204
 
197
205
  // src/icons/FullScreenOffIcon.tsx
198
- import { jsx as jsx34 } from "react/jsx-runtime";
199
- var FullScreenOffIcon = (props) => /* @__PURE__ */ jsx34(Icon, { ...props, children: /* @__PURE__ */ jsx34("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) });
206
+ import { jsx as jsx36 } from "react/jsx-runtime";
207
+ var FullScreenOffIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, children: /* @__PURE__ */ jsx36("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) });
200
208
 
201
209
  // src/icons/BookmarkIcon.tsx
202
- import { jsx as jsx35 } from "react/jsx-runtime";
203
- var BookmarkIcon = (props) => /* @__PURE__ */ jsx35(Icon, { ...props, children: /* @__PURE__ */ jsx35("path", { d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15-5-2.18L7 18V5h10v13z" }) });
210
+ import { jsx as jsx37 } from "react/jsx-runtime";
211
+ var BookmarkIcon = (props) => /* @__PURE__ */ jsx37(Icon, { ...props, children: /* @__PURE__ */ jsx37("path", { d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15-5-2.18L7 18V5h10v13z" }) });
204
212
 
205
213
  // src/icons/BookmarkAddIcon.tsx
206
- import { jsx as jsx36 } from "react/jsx-runtime";
207
- var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, children: /* @__PURE__ */ jsx36(
214
+ import { jsx as jsx38 } from "react/jsx-runtime";
215
+ var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx38(Icon, { ...props, children: /* @__PURE__ */ jsx38(
208
216
  "path",
209
217
  {
210
218
  d: `M17 11v6.97l-5-2.14-5 2.14V5h6V3H7c-1.1 0-2
@@ -213,8 +221,8 @@ var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, childre
213
221
  ) });
214
222
 
215
223
  // src/icons/ExportTableIcon.tsx
216
- import { jsx as jsx37 } from "react/jsx-runtime";
217
- var ExportTableIcon = (props) => /* @__PURE__ */ jsx37(Icon, { ...props, children: /* @__PURE__ */ jsx37(
224
+ import { jsx as jsx39 } from "react/jsx-runtime";
225
+ var ExportTableIcon = (props) => /* @__PURE__ */ jsx39(Icon, { ...props, children: /* @__PURE__ */ jsx39(
218
226
  "path",
219
227
  {
220
228
  fill: "currentColor",
@@ -230,12 +238,12 @@ var ExportTableIcon = (props) => /* @__PURE__ */ jsx37(Icon, { ...props, childre
230
238
  ) });
231
239
 
232
240
  // src/icons/DownloadIcon.tsx
233
- import { jsx as jsx38 } from "react/jsx-runtime";
234
- var DownloadIcon = (props) => /* @__PURE__ */ jsx38(Icon, { ...props, children: /* @__PURE__ */ jsx38("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z" }) });
241
+ import { jsx as jsx40 } from "react/jsx-runtime";
242
+ var DownloadIcon = (props) => /* @__PURE__ */ jsx40(Icon, { ...props, children: /* @__PURE__ */ jsx40("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z" }) });
235
243
 
236
244
  // src/icons/VisibilityIcon.tsx
237
- import { jsx as jsx39 } from "react/jsx-runtime";
238
- var VisibilityIcon = (props) => /* @__PURE__ */ jsx39(Icon, { ...props, children: /* @__PURE__ */ jsx39(
245
+ import { jsx as jsx41 } from "react/jsx-runtime";
246
+ var VisibilityIcon = (props) => /* @__PURE__ */ jsx41(Icon, { ...props, children: /* @__PURE__ */ jsx41(
239
247
  "path",
240
248
  {
241
249
  d: `M12 6.375C15.75 6.375 18.9525 8.7075 20.25 12C18.9525 15.2925 15.75 17.625 12 17.625C8.25
@@ -259,6 +267,8 @@ export {
259
267
  ArrowDropUpIcon,
260
268
  AttachIcon,
261
269
  BarChartIcon,
270
+ RadioDeselectedIcon,
271
+ RadioSelectedIcon,
262
272
  ChevronLeftIcon,
263
273
  ChevronRightIcon,
264
274
  CircleFilledIcon,
package/icons/index.d.ts CHANGED
@@ -22,6 +22,10 @@ declare const CheckboxDeselectedIcon: React__default.FC<IconProps>;
22
22
 
23
23
  declare const CheckboxSeveralIcon: React__default.FC<IconProps>;
24
24
 
25
+ declare const RadioDeselectedIcon: React__default.FC<IconProps>;
26
+
27
+ declare const RadioSelectedIcon: React__default.FC<IconProps>;
28
+
25
29
  declare const ChevronLeftIcon: React__default.FC<IconProps>;
26
30
 
27
31
  declare const ChevronRightIcon: React__default.FC<IconProps>;
@@ -82,4 +86,4 @@ declare const DownloadIcon: React__default.FC<IconProps>;
82
86
 
83
87
  declare const VisibilityIcon: React__default.FC<IconProps>;
84
88
 
85
- export { AddIcon, AlertIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, BookmarkAddIcon, BookmarkIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DeleteIcon, DoneIcon, DownloadIcon, EditIcon, ExportTableIcon, FileUploadIcon, FilterClearIcon, FilterIcon, FullScreenOffIcon, FullScreenOnIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, VisibilityIcon, WellIcon };
89
+ export { AddIcon, AlertIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, BookmarkAddIcon, BookmarkIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DeleteIcon, DoneIcon, DownloadIcon, EditIcon, ExportTableIcon, FileUploadIcon, FilterClearIcon, FilterIcon, FullScreenOffIcon, FullScreenOnIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, RadioDeselectedIcon, RadioSelectedIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, VisibilityIcon, WellIcon };
package/icons/index.js CHANGED
@@ -29,6 +29,8 @@ import {
29
29
  KeyboardArrowDownIcon,
30
30
  ListIcon,
31
31
  MoreVerticalIcon,
32
+ RadioDeselectedIcon,
33
+ RadioSelectedIcon,
32
34
  SearchIcon,
33
35
  SettingsIcon,
34
36
  SortDownIcon,
@@ -37,7 +39,7 @@ import {
37
39
  UploadIcon,
38
40
  VisibilityIcon,
39
41
  WellIcon
40
- } from "../chunk-64SOJQ5A.js";
42
+ } from "../chunk-AV32MYLN.js";
41
43
  export {
42
44
  AddIcon,
43
45
  AlertIcon,
@@ -69,6 +71,8 @@ export {
69
71
  KeyboardArrowDownIcon,
70
72
  ListIcon,
71
73
  MoreVerticalIcon,
74
+ RadioDeselectedIcon,
75
+ RadioSelectedIcon,
72
76
  SearchIcon,
73
77
  SettingsIcon,
74
78
  SortDownIcon,
package/index.css CHANGED
@@ -1523,6 +1523,100 @@
1523
1523
  width: 100%;
1524
1524
  }
1525
1525
 
1526
+ /* src/components/common/RadioButton/radioButton.module.css */
1527
+ .radioButton_root {
1528
+ position: relative;
1529
+ width: 100%;
1530
+ max-width: 320px;
1531
+ height: 24px;
1532
+ }
1533
+ .radioButton_input {
1534
+ position: absolute;
1535
+ top: 0;
1536
+ left: 0;
1537
+ z-index: 10;
1538
+ width: 100%;
1539
+ height: 24px;
1540
+ margin: 0;
1541
+ cursor: pointer;
1542
+ opacity: 0;
1543
+ }
1544
+ .radioButton_label {
1545
+ position: relative;
1546
+ z-index: 1;
1547
+ display: flex;
1548
+ flex-direction: row;
1549
+ gap: 0;
1550
+ align-items: center;
1551
+ width: 100%;
1552
+ height: 24px;
1553
+ padding-left: 24px;
1554
+ }
1555
+ .radioButton_radio {
1556
+ position: absolute;
1557
+ top: 0;
1558
+ left: 0;
1559
+ z-index: 2;
1560
+ display: block;
1561
+ width: 24px;
1562
+ height: 24px;
1563
+ opacity: 0;
1564
+ transition: opacity 0.1s linear;
1565
+ }
1566
+ .radioButton_radio > svg {
1567
+ fill: var(--theme-selection-border);
1568
+ }
1569
+ .radioButton_deselected {
1570
+ opacity: 1;
1571
+ }
1572
+ .radioButton_input:checked + .radioButton_label > .radioButton_deselected {
1573
+ opacity: 0;
1574
+ }
1575
+ .radioButton_input:checked + .radioButton_label > .radioButton_selected {
1576
+ opacity: 1;
1577
+ }
1578
+ .radioButton_radio.radioButton_selected > svg {
1579
+ fill: var(--theme-focus);
1580
+ }
1581
+ .radioButton_labelText {
1582
+ display: block;
1583
+ margin-left: 12px;
1584
+ overflow: hidden;
1585
+ text-overflow: ellipsis;
1586
+ white-space: nowrap;
1587
+ }
1588
+ .radioButton_input + .radioButton_label > .radioButton_radio::before {
1589
+ position: absolute;
1590
+ top: -8px;
1591
+ left: -8px;
1592
+ z-index: 0;
1593
+ display: block;
1594
+ width: 40px;
1595
+ height: 40px;
1596
+ content: "";
1597
+ background-color: transparent;
1598
+ border-radius: 50%;
1599
+ transition: background-color 0.1s linear;
1600
+ }
1601
+ .radioButton_input:hover + .radioButton_label > .radioButton_radio::before {
1602
+ background-color: var(--theme-selection-hover);
1603
+ }
1604
+ .radioButton_input:focus + .radioButton_label > .radioButton_radio::before {
1605
+ background-color: var(--theme-selection-focused);
1606
+ }
1607
+ .radioButton_input.radioButton_pressed + .radioButton_label > .radioButton_radio::before {
1608
+ background-color: var(--theme-selection-pressed);
1609
+ }
1610
+ .radioButton_input:hover + .radioButton_label > .radioButton_radio.radioButton_selected::before {
1611
+ background-color: var(--theme-selection-selected-hover);
1612
+ }
1613
+ .radioButton_input:focus + .radioButton_label > .radioButton_radio.radioButton_selected::before {
1614
+ background-color: var(--theme-selection-selected-focused);
1615
+ }
1616
+ .radioButton_input.radioButton_pressed + .radioButton_label > .radioButton_radio.radioButton_selected::before {
1617
+ background-color: var(--theme-selection-selected-pressed);
1618
+ }
1619
+
1526
1620
  /* src/components/layout/Surface/surface.module.css */
1527
1621
  .surface_root {
1528
1622
  padding: 16px;
@@ -1900,10 +1994,20 @@
1900
1994
  border-bottom: 1px solid var(--border-color);
1901
1995
  }
1902
1996
  .virtualTable_td {
1997
+ position: relative;
1903
1998
  display: flex;
1904
1999
  align-items: center;
1905
2000
  padding: 0;
1906
2001
  }
2002
+ .virtualTable_rowspanContent {
2003
+ position: absolute;
2004
+ top: 0;
2005
+ left: 0;
2006
+ z-index: 3;
2007
+ display: flex;
2008
+ align-items: center;
2009
+ width: 100%;
2010
+ }
1907
2011
  .virtualTable_root.virtualTable_bordersAll .virtualTable_td:nth-child(2),
1908
2012
  .virtualTable_root.virtualTable_root.virtualTable_bordersVertical .virtualTable_td:nth-child(2) {
1909
2013
  border-left: 1px solid var(--border-color);
@@ -2058,6 +2162,9 @@
2058
2162
  font-size: calc(var(--text-body2-size) - 4px);
2059
2163
  line-height: calc(var(--text-body2-height) - 4px);
2060
2164
  }
2165
+ .virtualTable_input {
2166
+ border-radius: 0 !important;
2167
+ }
2061
2168
 
2062
2169
  /* src/components/view/VirtualTable/ui/HeaderDropdown/headerDropdown.module.css */
2063
2170
  .headerDropdown_root {