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';