@vellira-ui/tokens 2.19.6 → 2.20.0

package/dist/highContrast/semantic/skeleton.d.ts

@@ -1,5 +1,5 @@
 export declare const skeleton: {
     readonly base: "#111827";
-    readonly highlight: "#4DA3FF";
+    readonly highlight: "#3399FF";
 };
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/highContrast/semantic/status.d.ts

@@ -18,10 +18,10 @@ export declare const status: {
         readonly strong: "#FFFF00";
     };
     readonly info: {
-        readonly fg: "#4DA3FF";
+        readonly fg: "#3399FF";
         readonly bg: "#111827";
-        readonly border: "#4DA3FF";
-        readonly strong: "#4DA3FF";
+        readonly border: "#3399FF";
+        readonly strong: "#3399FF";
     };
 };
 //# sourceMappingURL=status.d.ts.map

package/dist/highContrast/semantic/surface.d.ts

@@ -3,6 +3,7 @@ export declare const surface: {
     readonly muted: "#111827";
     readonly subtle: "#1F2937";
     readonly elevated: "#374151";
+    readonly pressed: "#111827";
     readonly hover: "#1F2937";
     readonly active: "#111827";
     readonly inverse: "#FFFFFF";

package/dist/highContrast/semantic/surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/surface.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;CAUV,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/surface.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;CAWV,CAAC"}

package/dist/highContrast/semantic/surface.js

@@ -4,6 +4,7 @@ export const surface = {
     muted: colors.gray[900],
     subtle: colors.gray[800],
     elevated: colors.gray[700],
+    pressed: colors.gray[900],
     hover: colors.gray[800],
     active: colors.gray[900],
     inverse: colors.mono[50],

package/dist/highContrast/theme.d.ts

@@ -23,11 +23,11 @@ export declare const highContrastTheme: {
             readonly 300: "#9EA2EA";
             readonly 400: "#7B80D8";
             readonly 500: "#4C4F8F";
-            readonly 600: "#5F64B8";
-            readonly 700: "#555AA8";
-            readonly 800: "#494F95";
-            readonly 900: "#42477C";
-            readonly 950: "#373B68";
+            readonly 600: "#3c2d9e";
+            readonly 700: "#2e156e";
+            readonly 800: "#2f106c";
+            readonly 900: "#190947";
+            readonly 950: "#160537";
         };
         readonly vellira: {
             readonly 25: "#FDFCFF";
@@ -48,13 +48,15 @@ export declare const highContrastTheme: {
         readonly info: {
             readonly 50: "#F0F9FF";
             readonly 100: "#EFF6FF";
-            readonly 200: "#DBEAFE";
-            readonly 300: "#93C5FD";
-            readonly 400: "#4DA3FF";
-            readonly 500: "#7BBCFF";
-            readonly 600: "#3399FF";
-            readonly 700: "#0EA5E9";
-            readonly 800: "#0284C7";
+            readonly 150: "#DBEAFE";
+            readonly 200: "#93C5FD";
+            readonly 250: "#4DA3FF";
+            readonly 300: "#7BBCFF";
+            readonly 400: "#3399FF";
+            readonly 500: "#0EA5E9";
+            readonly 600: "#0284C7";
+            readonly 700: "#0265c7";
+            readonly 800: "#023ac7";
             readonly 900: "#002B55";
             readonly 950: "#102A43";
         };

package/dist/highContrast/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/highContrast/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYpB,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/highContrast/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYpB,CAAC"}

package/dist/light/components/button.d.ts

@@ -1,59 +1,220 @@
 export declare const button: {
     readonly primary: {
-        readonly default: {
-            readonly bg: "#5B4BEA";
-            readonly fg: "#FFFFFF";
-            readonly border: "#5B4BEA";
+        readonly solid: {
+            readonly default: {
+                readonly bg: "#5B4BEA";
+                readonly fg: "#FFFFFF";
+                readonly border: "#5B4BEA";
+            };
+            readonly hover: {
+                readonly bg: "#4936D9";
+                readonly fg: "#FFFFFF";
+                readonly border: "#4936D9";
+            };
+            readonly pressed: {
+                readonly bg: "#3B2BBF";
+                readonly fg: "#FFFFFF";
+                readonly border: "#3B2BBF";
+            };
         };
-        readonly hover: {
-            readonly bg: "#4936D9";
-            readonly fg: "#FFFFFF";
-            readonly border: "#4936D9";
+        readonly outline: {
+            readonly default: {
+                readonly fg: "#5B4BEA";
+                readonly border: "#5B4BEA";
+                readonly bg: string;
+            };
+            readonly hover: {
+                readonly bg: "#EEF0FF";
+                readonly fg: "#4936D9";
+                readonly border: "#4936D9";
+            };
+            readonly pressed: {
+                readonly bg: "#EEF0FF";
+                readonly fg: "#3B2BBF";
+                readonly border: "#3B2BBF";
+            };
         };
-        readonly pressed: {
-            readonly bg: "#3B2BBF";
-            readonly fg: "#FFFFFF";
-            readonly border: "#3B2BBF";
+        readonly ghost: {
+            readonly default: {
+                readonly fg: "#5B4BEA";
+                readonly border: "transparent";
+                readonly bg: string;
+            };
+            readonly hover: {
+                readonly bg: "#EEF0FF";
+                readonly fg: "#4936D9";
+                readonly border: "transparent";
+            };
+            readonly pressed: {
+                readonly bg: "#EEF0FF";
+                readonly fg: "#3B2BBF";
+                readonly border: "transparent";
+            };
         };
     };
     readonly secondary: {
-        readonly default: {
-            readonly bg: "#4C4F8F";
-            readonly fg: "#FFFFFF";
-            readonly border: "#4C4F8F";
+        readonly solid: {
+            readonly default: {
+                readonly bg: "#4C4F8F";
+                readonly fg: "#FFFFFF";
+                readonly border: "#4C4F8F";
+            };
+            readonly hover: {
+                readonly bg: "#190947";
+                readonly fg: "#FFFFFF";
+                readonly border: "#190947";
+            };
+            readonly pressed: {
+                readonly bg: "#160537";
+                readonly fg: "#FFFFFF";
+                readonly border: "#160537";
+            };
         };
-        readonly hover: {
-            readonly bg: "#42477C";
-            readonly fg: "#FFFFFF";
-            readonly border: "#42477C";
+        readonly outline: {
+            readonly default: {
+                readonly fg: "#4C4F8F";
+                readonly border: "#4C4F8F";
+                readonly bg: string;
+            };
+            readonly hover: {
+                readonly bg: "#EEE8FA";
+                readonly fg: "#190947";
+                readonly border: "#190947";
+            };
+            readonly pressed: {
+                readonly bg: "#EEE8FA";
+                readonly fg: "#160537";
+                readonly border: "#160537";
+            };
         };
-        readonly pressed: {
-            readonly bg: "#373B68";
-            readonly fg: "#FFFFFF";
-            readonly border: "#373B68";
+        readonly ghost: {
+            readonly default: {
+                readonly fg: "#4C4F8F";
+                readonly border: "transparent";
+                readonly bg: string;
+            };
+            readonly hover: {
+                readonly bg: "#EEE8FA";
+                readonly fg: "#190947";
+                readonly border: "transparent";
+            };
+            readonly pressed: {
+                readonly bg: "#EEE8FA";
+                readonly fg: "#160537";
+                readonly border: "transparent";
+            };
+        };
+    };
+    readonly close: {
+        readonly solid: {
+            readonly default: {
+                readonly bg: "#E8E2F3";
+                readonly fg: "#0F0F0F";
+                readonly border: "#E8E2F3";
+            };
+            readonly hover: {
+                readonly bg: "#D8D3E8";
+                readonly fg: "#0F0F0F";
+                readonly border: "#D8D3E8";
+            };
+            readonly pressed: {
+                readonly bg: "#A8A1BA";
+                readonly fg: "#0F0F0F";
+                readonly border: "#A8A1BA";
+            };
+        };
+        readonly outline: {
+            readonly default: {
+                readonly fg: "#E8E2F3";
+                readonly border: "#E8E2F3";
+                readonly bg: string;
+            };
+            readonly hover: {
+                readonly bg: "#EEE8FA";
+                readonly fg: "#D8D3E8";
+                readonly border: "#D8D3E8";
+            };
+            readonly pressed: {
+                readonly bg: "#EEE8FA";
+                readonly fg: "#A8A1BA";
+                readonly border: "#A8A1BA";
+            };
+        };
+        readonly ghost: {
+            readonly default: {
+                readonly fg: "#E8E2F3";
+                readonly border: "transparent";
+                readonly bg: string;
+            };
+            readonly hover: {
+                readonly bg: "#EEE8FA";
+                readonly fg: "#D8D3E8";
+                readonly border: "transparent";
+            };
+            readonly pressed: {
+                readonly bg: "#EEE8FA";
+                readonly fg: "#A8A1BA";
+                readonly border: "transparent";
+            };
         };
     };
     readonly danger: {
-        readonly default: {
-            readonly bg: "#DC2626";
-            readonly fg: "#FFFFFF";
-            readonly border: "#DC2626";
+        readonly solid: {
+            readonly default: {
+                readonly bg: "#DC2626";
+                readonly fg: "#FFFFFF";
+                readonly border: "#DC2626";
+            };
+            readonly hover: {
+                readonly bg: "#B91C1C";
+                readonly fg: "#FFFFFF";
+                readonly border: "#B91C1C";
+            };
+            readonly pressed: {
+                readonly bg: "#B91C1C";
+                readonly fg: "#FFFFFF";
+                readonly border: "#B91C1C";
+            };
         };
-        readonly hover: {
-            readonly bg: "#B91C1C";
-            readonly fg: "#FFFFFF";
-            readonly border: "#B91C1C";
+        readonly outline: {
+            readonly default: {
+                readonly fg: "#DC2626";
+                readonly border: "#DC2626";
+                readonly bg: string;
+            };
+            readonly hover: {
+                readonly bg: "#FEF2F2";
+                readonly fg: "#B91C1C";
+                readonly border: "#B91C1C";
+            };
+            readonly pressed: {
+                readonly bg: "#FEF2F2";
+                readonly fg: "#B91C1C";
+                readonly border: "#B91C1C";
+            };
         };
-        readonly pressed: {
-            readonly bg: "#B91C1C";
-            readonly fg: "#FFFFFF";
-            readonly border: "#B91C1C";
+        readonly ghost: {
+            readonly default: {
+                readonly fg: "#DC2626";
+                readonly border: "transparent";
+                readonly bg: string;
+            };
+            readonly hover: {
+                readonly bg: "#FEF2F2";
+                readonly fg: "#B91C1C";
+                readonly border: "transparent";
+            };
+            readonly pressed: {
+                readonly bg: "#FEF2F2";
+                readonly fg: "#B91C1C";
+                readonly border: "transparent";
+            };
         };
     };
     readonly disabled: {
         readonly bg: "#F4F1FB";
         readonly fg: "#9CA3AF";
-        readonly border: "#EEE8FA";
+        readonly border: "#E8E2F3";
     };
 };
 //# sourceMappingURL=button.d.ts.map

package/dist/light/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/light/components/button.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBT,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/light/components/button.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KT,CAAC"}

package/dist/light/components/button.js

@@ -2,25 +2,177 @@ import { action } from '../semantic/action.js';
 import { border } from '../semantic/border.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
+const transparent = {
+    bg: 'transparent',
+};
 export const button = {
     primary: {
-        default: action.primary.default,
-        hover: action.primary.hover,
-        pressed: action.primary.active,
+        solid: {
+            default: action.primary.default,
+            hover: action.primary.hover,
+            pressed: action.primary.active,
+        },
+        outline: {
+            default: {
+                ...transparent,
+                fg: action.primary.default.bg,
+                border: action.primary.default.border,
+            },
+            hover: {
+                bg: action.primary.subtle.bg,
+                fg: action.primary.hover.bg,
+                border: action.primary.hover.border,
+            },
+            pressed: {
+                bg: action.primary.subtle.bg,
+                fg: action.primary.active.bg,
+                border: action.primary.active.border,
+            },
+        },
+        ghost: {
+            default: {
+                ...transparent,
+                fg: action.primary.default.bg,
+                border: 'transparent',
+            },
+            hover: {
+                bg: action.primary.subtle.bg,
+                fg: action.primary.hover.bg,
+                border: 'transparent',
+            },
+            pressed: {
+                bg: action.primary.subtle.bg,
+                fg: action.primary.active.bg,
+                border: 'transparent',
+            },
+        },
     },
     secondary: {
-        default: action.secondary.default,
-        hover: action.secondary.hover,
-        pressed: action.secondary.active,
+        solid: {
+            default: action.secondary.default,
+            hover: action.secondary.hover,
+            pressed: action.secondary.active,
+        },
+        outline: {
+            default: {
+                ...transparent,
+                fg: action.secondary.default.bg,
+                border: action.secondary.default.border,
+            },
+            hover: {
+                bg: surface.hover,
+                fg: action.secondary.hover.bg,
+                border: action.secondary.hover.border,
+            },
+            pressed: {
+                bg: surface.pressed,
+                fg: action.secondary.active.bg,
+                border: action.secondary.active.border,
+            },
+        },
+        ghost: {
+            default: {
+                ...transparent,
+                fg: action.secondary.default.bg,
+                border: 'transparent',
+            },
+            hover: {
+                bg: surface.hover,
+                fg: action.secondary.hover.bg,
+                border: 'transparent',
+            },
+            pressed: {
+                bg: surface.pressed,
+                fg: action.secondary.active.bg,
+                border: 'transparent',
+            },
+        },
+    },
+    close: {
+        solid: {
+            default: action.close.default,
+            hover: action.close.hover,
+            pressed: action.close.active,
+        },
+        outline: {
+            default: {
+                ...transparent,
+                fg: action.close.default.bg,
+                border: action.close.default.border,
+            },
+            hover: {
+                bg: surface.hover,
+                fg: action.close.hover.bg,
+                border: action.close.hover.border,
+            },
+            pressed: {
+                bg: surface.pressed,
+                fg: action.close.active.bg,
+                border: action.close.active.border,
+            },
+        },
+        ghost: {
+            default: {
+                ...transparent,
+                fg: action.close.default.bg,
+                border: 'transparent',
+            },
+            hover: {
+                bg: surface.hover,
+                fg: action.close.hover.bg,
+                border: 'transparent',
+            },
+            pressed: {
+                bg: surface.pressed,
+                fg: action.close.active.bg,
+                border: 'transparent',
+            },
+        },
     },
     danger: {
-        default: action.danger.default,
-        hover: action.danger.hover,
-        pressed: action.danger.active,
+        solid: {
+            default: action.danger.default,
+            hover: action.danger.hover,
+            pressed: action.danger.active,
+        },
+        outline: {
+            default: {
+                ...transparent,
+                fg: action.danger.default.bg,
+                border: action.danger.default.border,
+            },
+            hover: {
+                bg: action.danger.subtle.bg,
+                fg: action.danger.hover.bg,
+                border: action.danger.hover.border,
+            },
+            pressed: {
+                bg: action.danger.subtle.bg,
+                fg: action.danger.active.bg,
+                border: action.danger.active.border,
+            },
+        },
+        ghost: {
+            default: {
+                ...transparent,
+                fg: action.danger.default.bg,
+                border: 'transparent',
+            },
+            hover: {
+                bg: action.danger.subtle.bg,
+                fg: action.danger.hover.bg,
+                border: 'transparent',
+            },
+            pressed: {
+                bg: action.danger.subtle.bg,
+                fg: action.danger.active.bg,
+                border: 'transparent',
+            },
+        },
     },
     disabled: {
         bg: surface.subtle,
         fg: text.disabled,
-        border: border.muted,
+        border: border.default,
     },
 };

package/dist/light/components/formField.d.ts

@@ -19,7 +19,7 @@ export declare const formField: {
             readonly fg: "#C05621";
         };
         readonly info: {
-            readonly fg: "#0EA5E9";
+            readonly fg: "#0265c7";
         };
     };
     readonly requiredMark: {

package/dist/light/semantic/action.d.ts

@@ -33,14 +33,31 @@ export declare const action: {
             readonly border: "#4C4F8F";
         };
         readonly hover: {
-            readonly bg: "#42477C";
+            readonly bg: "#190947";
             readonly fg: "#FFFFFF";
-            readonly border: "#42477C";
+            readonly border: "#190947";
         };
         readonly active: {
-            readonly bg: "#373B68";
+            readonly bg: "#160537";
             readonly fg: "#FFFFFF";
-            readonly border: "#373B68";
+            readonly border: "#160537";
+        };
+    };
+    readonly close: {
+        readonly default: {
+            readonly bg: "#E8E2F3";
+            readonly fg: "#0F0F0F";
+            readonly border: "#E8E2F3";
+        };
+        readonly hover: {
+            readonly bg: "#D8D3E8";
+            readonly fg: "#0F0F0F";
+            readonly border: "#D8D3E8";
+        };
+        readonly active: {
+            readonly bg: "#A8A1BA";
+            readonly fg: "#0F0F0F";
+            readonly border: "#A8A1BA";
         };
     };
     readonly danger: {

package/dist/light/semantic/action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/action.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwET,CAAC"}
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/action.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0FT,CAAC"}

package/dist/light/semantic/action.js

@@ -45,6 +45,23 @@ export const action = {
             border: colors.secondary[950],
         },
     },
+    close: {
+        default: {
+            bg: colors.vellira[200],
+            fg: text.onInverse,
+            border: colors.vellira[200],
+        },
+        hover: {
+            bg: colors.vellira[250],
+            fg: text.onInverse,
+            border: colors.vellira[250],
+        },
+        active: {
+            bg: colors.vellira[300],
+            fg: text.onInverse,
+            border: colors.vellira[300],
+        },
+    },
     danger: {
         default: {
             bg: colors.error[700],

package/dist/light/semantic/status.d.ts

@@ -18,10 +18,10 @@ export declare const status: {
         readonly strong: "#C05621";
     };
     readonly info: {
-        readonly fg: "#0EA5E9";
+        readonly fg: "#0265c7";
         readonly bg: "#F0F9FF";
-        readonly border: "#93C5FD";
-        readonly strong: "#0EA5E9";
+        readonly border: "#7BBCFF";
+        readonly strong: "#0265c7";
     };
 };
 //# sourceMappingURL=status.d.ts.map

package/dist/light/semantic/surface.d.ts

@@ -3,6 +3,7 @@ export declare const surface: {
     readonly muted: "#FAF8FF";
     readonly subtle: "#F4F1FB";
     readonly elevated: "#FFFFFF";
+    readonly pressed: "#EEE8FA";
     readonly hover: "#EEE8FA";
     readonly active: "#413957";
     readonly inverse: "#1B1726";

package/dist/light/semantic/surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/surface.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;CAUV,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/surface.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;CAWV,CAAC"}

package/dist/light/semantic/surface.js

@@ -4,6 +4,7 @@ export const surface = {
     muted: colors.vellira[50],
     subtle: colors.vellira[100],
     elevated: colors.mono[50],
+    pressed: colors.vellira[150],
     hover: colors.vellira[150],
     active: colors.vellira[500],
     inverse: colors.vellira[950],

package/dist/light/semantic/text.d.ts

@@ -5,7 +5,7 @@ export declare const text: {
     readonly disabled: "#9CA3AF";
     readonly subtle: "#1A1A1A";
     readonly inverse: "#FFFFFF";
-    readonly onInverse: "#FFFFFF";
+    readonly onInverse: "#0F0F0F";
     readonly brand: "#5B4BEA";
 };
 //# sourceMappingURL=text.d.ts.map

package/dist/light/semantic/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/text.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;;;;;;;;CAWP,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;CAWP,CAAC"}