Merge pull request #2548 from teamleadercrm/FEATURE_support-tiny-labe…

…l-size [FEATURE] Support "tiny" size for Label
teamleadercrm · Feb 2, 2023 · d269b43 · d269b43
2 parents 896ca12 + ca0e2d7
commit d269b43
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,12 @@
 
 ### Dependency updates
 
+## [19.1.0] - 2023-02-01
+
+### Added
+
+- `Label`: Add support for "tiny" label size ([@JorenSaeyTL](https://github.com/JorenSaeyTL)) in([#2548](https://github.com/teamleadercrm/ui/pull/2548))
+
 ## [19.0.1] - 2023-01-27
 
 ### Fixed

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@teamleader/ui",
   "description": "Teamleader UI library",
-  "version": "19.0.1",
+  "version": "19.1.0",
   "author": "Teamleader <[email protected]>",
   "bugs": {
     "url": "https://github.com/teamleadercrm/ui/issues"

diff --git a/src/components/label/Label.tsx b/src/components/label/Label.tsx
@@ -14,7 +14,7 @@ export interface LabelProps extends Omit<BoxProps, 'children'> {
   children: ReactNode;
   inverse?: boolean;
   required?: boolean;
-  size?: Exclude<typeof SIZES[number], 'tiny' | 'fullscreen' | 'smallest' | 'hero'>;
+  size?: Exclude<typeof SIZES[number], 'fullscreen' | 'smallest' | 'hero'>;
   tooltip?: ReactNode;
   tooltipProps?: Record<string, any>;
 }
@@ -33,7 +33,13 @@ const Label: GenericComponent<LabelProps> = ({
     marginTop: 1,
     size,
   };
-  const Element = size === 'large' ? TextDisplay : TextBodyCompact;
+
+  const Element = {
+    tiny: TextSmall,
+    small: TextBodyCompact,
+    medium: TextBodyCompact,
+    large: TextDisplay,
+  }[size];
 
   return (
     <Box data-teamleader-ui="label" display="block" element="label" marginBottom={3} {...others}>