@indico-data/design-system 3.1.0 → 3.2.0

package/lib/index.d.ts

@@ -230,7 +230,8 @@ interface TableProps<T> extends Omit<IDataTableProps<T>, 'paginationComponent' |
 }
 
 type PillSize = 'sm' | 'md' | 'lg';
-type PillColor = SemanticColor | 'neutral';
+type PillColor = ChromaticColor;
+type PillShade = 1 | 2 | 3 | 4 | 5;
 interface PillProps {
     /** The content displayed inside the pill */
     children: React$1.ReactNode | React$1.ReactNode[];
@@ -238,6 +239,8 @@ interface PillProps {
     color?: PillColor;
     /** Applies a CSS class to change the size of the pill */
     size?: PillSize;
+    /** Applies a CSS class to change the shade of the pill */
+    shade?: PillShade;
     className?: string;
 }
 
@@ -248,7 +251,7 @@ type PermafrostComponent = {
     'data-testid'?: string;
 };
 
-type SemanticColor = 'neutral' | 'info' | 'warning' | 'error' | 'success' | 'teal' | 'purple' | 'orange' | 'pending';
+type ChromaticColor = 'blue' | 'purple' | 'red' | 'yellow' | 'gray' | 'green' | 'pink' | 'orange' | 'teal';
 
 type ButtonVariants = 'solid' | 'outline' | 'link' | 'action' | 'destructive' | 'soft';
 type ButtonSizes = 'xs' | 'sm' | 'md' | 'lg';
@@ -780,7 +783,7 @@ type MenuProps = {
 };
 declare function Menu({ children, className, ...rest }: MenuProps): react_jsx_runtime.JSX.Element;
 
-declare const Pill: ({ children, className, color, size, ...rest }: PillProps) => react_jsx_runtime.JSX.Element;
+declare const Pill: ({ children, className, color, size, shade, ...rest }: PillProps) => react_jsx_runtime.JSX.Element;
 
 type BadgeSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 interface BadgeProps {