@ropav/styles 0.6.0 → 0.7.0

package/dist/components/checkbox/checkbox.styles.d.ts

@@ -1,46 +1,29 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const checkboxVariants: import("tailwind-variants").TVReturnType<{
-    variant: {
-        primary: {
-            base: string;
-        };
-        secondary: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    control: string;
-    indicator: string;
-}, undefined, {
-    variant: {
-        primary: {
-            base: string;
-        };
-        secondary: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    control: string;
-    indicator: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    variant: {
-        primary: {
-            base: string;
-        };
-        secondary: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    control: string;
-    indicator: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const checkboxVariants: (props?: ({
+    class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+} & {
+    variant?: "primary" | "secondary" | undefined;
+}) | undefined) => {
+    base: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {
+        variant?: "primary" | "secondary" | undefined;
+    }) | undefined) => string;
+    content: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {
+        variant?: "primary" | "secondary" | undefined;
+    }) | undefined) => string;
+    control: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {
+        variant?: "primary" | "secondary" | undefined;
+    }) | undefined) => string;
+    indicator: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {
+        variant?: "primary" | "secondary" | undefined;
+    }) | undefined) => string;
+};
 export type CheckboxVariants = VariantProps<typeof checkboxVariants>;
 //# sourceMappingURL=checkbox.styles.d.ts.map

package/dist/components/checkbox/checkbox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,gBAAgB;;QAYvB,OAAO;YACL,IAAI;;QAEN,SAAS;YACP,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIV,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CAoB3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/components/checkbox/checkbox.styles.js

@@ -1,16 +1,16 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/checkbox/checkbox.styles.ts
 const checkboxVariants = tv({
 	defaultVariants: { variant: "primary" },
 	slots: {
-		base: "checkbox",
-		content: "checkbox__content",
-		control: "checkbox__control",
-		indicator: "checkbox__indicator"
+		base: "rp-checkbox",
+		content: "rp-checkbox__content",
+		control: "rp-checkbox__control",
+		indicator: "rp-checkbox__indicator"
 	},
 	variants: { variant: {
-		primary: { base: "checkbox--primary" },
-		secondary: { base: "checkbox--secondary" }
+		primary: { base: "rp-checkbox--primary" },
+		secondary: { base: "rp-checkbox--secondary" }
 	} }
 });
 //#endregion

package/dist/components/checkbox-group/checkbox-group.styles.d.ts

@@ -1,19 +1,8 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const checkboxGroupVariants: import("tailwind-variants").TVReturnType<{
-    variant: {
-        primary: "checkbox-group--primary";
-        secondary: "checkbox-group--secondary";
-    };
-}, undefined, "checkbox-group", {
-    variant: {
-        primary: "checkbox-group--primary";
-        secondary: "checkbox-group--secondary";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    variant: {
-        primary: "checkbox-group--primary";
-        secondary: "checkbox-group--secondary";
-    };
-}, undefined>>;
+import type { VariantProps } from "../../tv";
+export declare const checkboxGroupVariants: (props?: ({
+    class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+} & {
+    variant?: "primary" | "secondary" | undefined;
+}) | undefined) => string;
 export type CheckboxGroupVariants = VariantProps<typeof checkboxGroupVariants>;
 //# sourceMappingURL=checkbox-group.styles.d.ts.map

package/dist/components/checkbox-group/checkbox-group.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.styles.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group/checkbox-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;cAWhC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"checkbox-group.styles.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group/checkbox-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,qBAAqB;;;;yBAWhC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/components/checkbox-group/checkbox-group.styles.js

@@ -1,11 +1,11 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/checkbox-group/checkbox-group.styles.ts
 const checkboxGroupVariants = tv({
-	base: "checkbox-group",
+	base: "rp-checkbox-group",
 	defaultVariants: { variant: "primary" },
 	variants: { variant: {
-		primary: "checkbox-group--primary",
-		secondary: "checkbox-group--secondary"
+		primary: "rp-checkbox-group--primary",
+		secondary: "rp-checkbox-group--secondary"
 	} }
 });
 //#endregion

package/dist/components/checkbox-group.css

@@ -1,4 +1,4 @@
-.checkbox-group {
+.rp-checkbox-group {
   @apply flex flex-col;
 
   [data-slot="checkbox"] {

package/dist/components/checkbox.css

@@ -2,7 +2,7 @@
    Base checkbox styles
    ========================================================================== */
 
-.checkbox {
+.rp-checkbox {
   @apply flex flex-col items-start gap-1 outline-none no-highlight;
 
   cursor: var(--cursor-interactive);
@@ -17,7 +17,7 @@
     @apply select-none;
   }
 
-  .checkbox__content [data-slot="label"] {
+  .rp-checkbox__content [data-slot="label"] {
     cursor: var(--cursor-interactive);
   }
 
@@ -34,7 +34,7 @@
   /* Indicator styles */
   &[data-selected="true"],
   &[data-indeterminate="true"] {
-    .checkbox__indicator {
+    .rp-checkbox__indicator {
       border-color: var(--accent-foreground);
     }
   }
@@ -83,7 +83,7 @@
    Checkbox control (the square button)
    ========================================================================== */
 
-.checkbox__control {
+.rp-checkbox__control {
   @apply relative inline-flex size-4 shrink-0 items-center justify-center overflow-hidden border [border-width:var(--border-width-field)] shadow-field outline-none no-highlight;
 
   /* The cap is what keeps the box reading square at 16px: the field radius is set for a 36px
@@ -134,16 +134,16 @@
 
   /* Interactive states */
   /* Focus */
-  .checkbox:focus-visible &,
-  .checkbox:has([data-slot="checkbox-content"][data-focus-visible="true"]) &,
-  .checkbox [data-slot="checkbox-content"][data-focus-visible="true"] & {
+  .rp-checkbox:focus-visible &,
+  .rp-checkbox:has([data-slot="checkbox-content"][data-focus-visible="true"]) &,
+  .rp-checkbox [data-slot="checkbox-content"][data-focus-visible="true"] & {
     @apply status-focused;
   }
 
   /* Hover */
-  .checkbox:hover &,
-  .checkbox:has([data-slot="checkbox-content"][data-hovered="true"]) &,
-  .checkbox [data-slot="checkbox-content"][data-hovered="true"] & {
+  .rp-checkbox:hover &,
+  .rp-checkbox:has([data-slot="checkbox-content"][data-hovered="true"]) &,
+  .rp-checkbox [data-slot="checkbox-content"][data-hovered="true"] & {
     border-color: var(--checkbox-control-border-hover);
 
     &::before {
@@ -152,15 +152,15 @@
   }
 
   /* Pressed */
-  .checkbox:active &,
-  .checkbox:has([data-slot="checkbox-content"][data-pressed="true"]) &,
-  .checkbox [data-slot="checkbox-content"][data-pressed="true"] & {
+  .rp-checkbox:active &,
+  .rp-checkbox:has([data-slot="checkbox-content"][data-pressed="true"]) &,
+  .rp-checkbox [data-slot="checkbox-content"][data-pressed="true"] & {
   }
 
   /* Selection states */
   /* Selected */
-  .checkbox[aria-checked="true"] &,
-  .checkbox[data-selected="true"] & {
+  .rp-checkbox[aria-checked="true"] &,
+  .rp-checkbox[data-selected="true"] & {
     border-color: var(--checkbox-control-border-checked);
     color: var(--checkbox-control-fg-checked);
 
@@ -170,25 +170,26 @@
   }
 
   /* Indeterminate */
-  .checkbox[data-indeterminate="true"] & {
+  .rp-checkbox[data-indeterminate="true"] & {
     background-color: var(--checkbox-control-bg-checked);
     color: var(--checkbox-control-fg-checked);
   }
 
   /* Indeterminate + Pressed */
-  .checkbox:active[data-indeterminate="true"] &,
-  .checkbox[data-pressed="true"][data-indeterminate="true"] &,
-  .checkbox:has([data-slot="checkbox-content"][data-pressed="true"])[data-indeterminate="true"] & {
+  .rp-checkbox:active[data-indeterminate="true"] &,
+  .rp-checkbox[data-pressed="true"][data-indeterminate="true"] &,
+  .rp-checkbox:has([data-slot="checkbox-content"][data-pressed="true"])[data-indeterminate="true"]
+    & {
     background-color: var(--checkbox-control-bg-checked-pressed);
   }
 
   /* Validation states */
   /* Invalid (only when not selected/indeterminate) */
-  .checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not(
+  .rp-checkbox[data-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not(
       [data-indeterminate="true"]
     )
     &,
-  .checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not(
+  .rp-checkbox[aria-invalid="true"]:not([aria-checked="true"]):not([data-selected="true"]):not(
       [data-indeterminate="true"]
     )
     & {
@@ -196,10 +197,10 @@
   }
 
   /* Invalid + Selected */
-  .checkbox[data-invalid="true"][aria-checked="true"] &,
-  .checkbox[data-invalid="true"][data-selected="true"] &,
-  .checkbox[aria-invalid="true"][aria-checked="true"] &,
-  .checkbox[aria-invalid="true"][data-selected="true"] & {
+  .rp-checkbox[data-invalid="true"][aria-checked="true"] &,
+  .rp-checkbox[data-invalid="true"][data-selected="true"] &,
+  .rp-checkbox[aria-invalid="true"][aria-checked="true"] &,
+  .rp-checkbox[aria-invalid="true"][data-selected="true"] & {
     background-color: var(--checkbox-control-bg-invalid);
     border-color: var(--checkbox-control-border-checked);
     color: var(--checkbox-control-fg-invalid);
@@ -212,8 +213,8 @@
   }
 
   /* Invalid + Indeterminate */
-  .checkbox[data-indeterminate="true"][aria-invalid="true"] &,
-  .checkbox[data-indeterminate="true"][data-invalid="true"] & {
+  .rp-checkbox[data-indeterminate="true"][aria-invalid="true"] &,
+  .rp-checkbox[data-indeterminate="true"][data-invalid="true"] & {
     background-color: var(--checkbox-control-bg-invalid);
     color: var(--checkbox-control-fg-invalid);
   }
@@ -223,7 +224,7 @@
    Checkbox indicator
    ========================================================================== */
 
-.checkbox__indicator {
+.rp-checkbox__indicator {
   @apply relative z-10 flex size-3 items-center justify-center;
 
   & svg {
@@ -235,7 +236,7 @@
    Disabled modifier
    ========================================================================== */
 
-.checkbox--disabled {
+.rp-checkbox--disabled {
   @apply status-disabled;
 }
 
@@ -243,11 +244,11 @@
    Variant property definitions
    ========================================================================== */
 
-.checkbox--primary {
+.rp-checkbox--primary {
   /* Default styles */
 }
 
-.checkbox--secondary .checkbox__control {
+.rp-checkbox--secondary .rp-checkbox__control {
   @apply shadow-none;
 
   /* No border and no shadow leave the fill as the only thing drawing this box, so a flat neutral
@@ -257,6 +258,6 @@
 }
 
 /* Checkbox content — the clickable label (control + label text) */
-.checkbox__content {
+.rp-checkbox__content {
   @apply relative inline-flex cursor-[inherit] items-center gap-3 text-sm font-medium text-foreground outline-none select-none no-highlight;
 }

package/dist/components/chip/chip.styles.d.ts

@@ -1,142 +1,25 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const chipVariants: import("tailwind-variants").TVReturnType<{
-    color: {
-        accent: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-    size: {
-        lg: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-    };
-    variant: {
-        primary: {
-            base: string;
-        };
-        secondary: {
-            base: string;
-        };
-        soft: {
-            base: string;
-        };
-        tertiary: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    label: string;
-}, undefined, {
-    color: {
-        accent: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-    size: {
-        lg: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-    };
-    variant: {
-        primary: {
-            base: string;
-        };
-        secondary: {
-            base: string;
-        };
-        soft: {
-            base: string;
-        };
-        tertiary: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    label: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    color: {
-        accent: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-    size: {
-        lg: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-    };
-    variant: {
-        primary: {
-            base: string;
-        };
-        secondary: {
-            base: string;
-        };
-        soft: {
-            base: string;
-        };
-        tertiary: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    label: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const chipVariants: (props?: ({
+    class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+} & {
+    color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+    variant?: "primary" | "secondary" | "soft" | "tertiary" | undefined;
+}) | undefined) => {
+    base: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+        variant?: "primary" | "secondary" | "soft" | "tertiary" | undefined;
+    }) | undefined) => string;
+    label: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+        variant?: "primary" | "secondary" | "soft" | "tertiary" | undefined;
+    }) | undefined) => string;
+};
 export type ChipVariants = VariantProps<typeof chipVariants>;
 //# sourceMappingURL=chip.styles.d.ts.map

package/dist/components/chip/chip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,YAAY;;QAWnB,MAAM;YACJ,IAAI;;QAEN,MAAM;YACJ,IAAI;;QAEN,OAAO;YACL,IAAI;;QAEN,OAAO;YACL,IAAI;;QAEN,OAAO;YACL,IAAI;;;;QAIN,EAAE;YACA,IAAI;;QAEN,EAAE;YACA,IAAI;;QAEN,EAAE;YACA,IAAI;;;;QAIN,OAAO;YACL,IAAI;;QAEN,SAAS;YACP,IAAI;;QAEN,IAAI;YACF,IAAI;;QAEN,QAAQ;YACN,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIV,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;CAqDvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/components/chip/chip.styles.js

@@ -1,4 +1,4 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/chip/chip.styles.ts
 const chipVariants = tv({
 	defaultVariants: {
@@ -6,27 +6,27 @@ const chipVariants = tv({
 		variant: "secondary"
 	},
 	slots: {
-		base: "chip",
-		label: "chip__label"
+		base: "rp-chip",
+		label: "rp-chip__label"
 	},
 	variants: {
 		color: {
-			accent: { base: "chip--accent" },
-			danger: { base: "chip--danger" },
-			default: { base: "chip--default" },
-			success: { base: "chip--success" },
-			warning: { base: "chip--warning" }
+			accent: { base: "rp-chip--accent" },
+			danger: { base: "rp-chip--danger" },
+			default: { base: "rp-chip--default" },
+			success: { base: "rp-chip--success" },
+			warning: { base: "rp-chip--warning" }
 		},
 		size: {
-			lg: { base: "chip--lg" },
-			md: { base: "chip--md" },
-			sm: { base: "chip--sm" }
+			lg: { base: "rp-chip--lg" },
+			md: { base: "rp-chip--md" },
+			sm: { base: "rp-chip--sm" }
 		},
 		variant: {
-			primary: { base: "chip--primary" },
-			secondary: { base: "chip--secondary" },
-			soft: { base: "chip--soft" },
-			tertiary: { base: "chip--tertiary" }
+			primary: { base: "rp-chip--primary" },
+			secondary: { base: "rp-chip--secondary" },
+			soft: { base: "rp-chip--soft" },
+			tertiary: { base: "rp-chip--tertiary" }
 		}
 	}
 });