diff --git a/.changeset/popular-taxis-lay.md b/.changeset/popular-taxis-lay.md
new file mode 100644
index 000000000..6c1eabcdb
--- /dev/null
+++ b/.changeset/popular-taxis-lay.md
@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Add new icons: Folder, FolderFilled, FolderOpen, FolderOpenFilled, Hierarchy.
diff --git a/.size-limit.js b/.size-limit.js
index 4006c539c..9059119f8 100644
--- a/.size-limit.js
+++ b/.size-limit.js
@@ -19,20 +19,20 @@ module.exports = [
}),
);
},
- limit: '230kB',
+ limit: '235kB',
},
{
name: 'Tree shaking (just a Button)',
path: './dist/es/index.js',
webpack: true,
import: '{ Button }',
- limit: '37 kB',
+ limit: '38 kB',
},
{
name: 'Tree shaking (just an Icon)',
path: './dist/es/index.js',
webpack: true,
import: '{ AiIcon }',
- limit: '27 kB',
+ limit: '28 kB',
},
];
diff --git a/src/components/fields/RadioGroup/Radio.tsx b/src/components/fields/RadioGroup/Radio.tsx
index dc18c3750..55cffbfc1 100644
--- a/src/components/fields/RadioGroup/Radio.tsx
+++ b/src/components/fields/RadioGroup/Radio.tsx
@@ -162,6 +162,7 @@ export interface CubeRadioProps
inputStyles?: Styles;
/* The visual type of the radio button */
type?: 'button' | 'radio';
+ value?: string;
}
function Radio(props: CubeRadioProps, ref) {
diff --git a/src/icons/FolderFilledIcon.tsx b/src/icons/FolderFilledIcon.tsx
new file mode 100644
index 000000000..5105a2868
--- /dev/null
+++ b/src/icons/FolderFilledIcon.tsx
@@ -0,0 +1,14 @@
+export const FolderFilledIcon = (
+
+);
diff --git a/src/icons/FolderIcon.tsx b/src/icons/FolderIcon.tsx
new file mode 100644
index 000000000..966d2d528
--- /dev/null
+++ b/src/icons/FolderIcon.tsx
@@ -0,0 +1,16 @@
+export const FolderIcon = (
+
+);
diff --git a/src/icons/FolderOpenFilledIcon.tsx b/src/icons/FolderOpenFilledIcon.tsx
new file mode 100644
index 000000000..fabe75b79
--- /dev/null
+++ b/src/icons/FolderOpenFilledIcon.tsx
@@ -0,0 +1,16 @@
+export const FolderOpenFilledIcon = (
+
+);
diff --git a/src/icons/FolderOpenIcon.tsx b/src/icons/FolderOpenIcon.tsx
new file mode 100644
index 000000000..7d8e5a7dc
--- /dev/null
+++ b/src/icons/FolderOpenIcon.tsx
@@ -0,0 +1,16 @@
+export const FolderOpenIcon = (
+
+);
diff --git a/src/icons/HierarchyIcon.tsx b/src/icons/HierarchyIcon.tsx
new file mode 100644
index 000000000..66de37356
--- /dev/null
+++ b/src/icons/HierarchyIcon.tsx
@@ -0,0 +1,16 @@
+export const HierarchyIcon = (
+
+);
diff --git a/src/icons/index.ts b/src/icons/index.ts
index f5bf585d8..2a68a5bb3 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -73,6 +73,11 @@ import { UserGroupIcon as _UserGroupIcon } from './UserGroupIcon';
import { UserLockIcon as _UserLockIcon } from './UserLockIcon';
import { ShieldIcon as _ShieldIcon } from './ShieldIcon';
import { ShieldFilledIcon as _ShieldFilledIcon } from './ShieldFilledIcon';
+import { FolderIcon as _FolderIcon } from './FolderIcon';
+import { FolderFilledIcon as _FolderFilledIcon } from './FolderFilledIcon';
+import { FolderOpenIcon as _FolderOpenIcon } from './FolderOpenIcon';
+import { FolderOpenFilledIcon as _FolderOpenFilledIcon } from './FolderOpenFilledIcon';
+import { HierarchyIcon as _HierarchyIcon } from './HierarchyIcon';
export const CloseIcon = wrapIcon('CloseIcon', _CloseIcon);
export const ExclamationIcon = wrapIcon('ExclamationIcon', _ExclamationIcon);
@@ -172,6 +177,14 @@ export const UserGroupIcon = wrapIcon('UserGroupIcon', _UserGroupIcon);
export const UserLockIcon = wrapIcon('UserLockIcon', _UserLockIcon);
export const ShieldIcon = wrapIcon('ShieldIcon', _ShieldIcon);
export const ShieldFilledIcon = wrapIcon('ShieldFilledIcon', _ShieldFilledIcon);
+export const FolderIcon = wrapIcon('FolderIcon', _FolderIcon);
+export const FolderFilledIcon = wrapIcon('FolderFilledIcon', _FolderFilledIcon);
+export const FolderOpenIcon = wrapIcon('FolderOpenIcon', _FolderOpenIcon);
+export const FolderOpenFilledIcon = wrapIcon(
+ 'FolderOpenFilledIcon',
+ _FolderOpenFilledIcon,
+);
+export const HierarchyIcon = wrapIcon('HierarchyIcon', _HierarchyIcon);
export { IconContainer } from './IconContainer';