@northlight/ui 2.18.2 → 2.18.3

package/dist/es/northlight.d.ts

@@ -2620,7 +2620,7 @@ interface NotificationIconButtonProps extends IconButtonProps$1 {
  */
 declare const NotificationIconButton: (props: NotificationIconButtonProps & React__default.RefAttributes<unknown>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
-type PinVariant = 'green' | 'yellow' | 'gray' | 'red';
+type PinVariant = 'green' | 'running' | 'yellow' | 'inProgress' | 'gray' | 'notExecuted' | 'red' | 'rejected';
 type PinSize = 'sm' | 'md' | 'lg';
 type PinSizeTuple = [number, number];
 interface PinInputProps extends PinInputProps$1 {
@@ -3390,7 +3390,25 @@ interface StatusPinProps {
  * @see {@link https://northlight/reference/status-pin}
  *
  * @example
- * (? <StatusPin variant="green" /> ?)
+ * (?
+ * +
+ * const variants = ["running", "inProgress", "notExecuted", "rejected"]
+ * const sizes = ["sm", "md", "lg"]
+ * const Example = () => {
+ *     return <Stack>
+ *         { sizes.map((size) => (
+ *         <HStack spacing={ 4 }>
+ *             {
+ *                 variants.map((variant) => (
+ *                 <StatusPin variant={variant} size={size} />
+ *                 ))
+ *             }
+ *             </HStack>
+ *         ))}
+ *         </Stack>
+ * }
+ * render(<Example/>)
+ * ?)
  *
  */
 declare const StatusPin: ({ size, variant }: StatusPinProps) => JSX.Element;

package/dist/es/northlight.js

@@ -12916,10 +12916,14 @@ const useToast = (defaultOpts = {}) => {
 };
 
 const pinVariantMap = {
-  green: "green.300",
-  yellow: "yellow.300",
+  green: "green.500",
+  running: "green.500",
+  yellow: "yellow.600",
+  inProgress: "yellow.600",
   gray: "gray.300",
-  red: "red.400"
+  notExecuted: "gray.300",
+  red: "red.500",
+  rejected: "red.500"
 };
 
 const pinSizeMap = {