@fileverse/ui 5.0.1-sepia-4 → 5.0.1-sepia-5

package/dist/index.css

@@ -713,6 +713,75 @@ video {
     /* Utility */
     --color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
   }
+
+  .theme-pink {
+    /* Button */
+    --color-button-default: 349, 25%, 13%, 1; /* #2A191C */
+    --color-button-default-hover: 349, 25%, 22%, 1; /* #462A2F */
+    --color-button-secondary: 346, 100%, 95%, 1; /* #FFE6EC */
+    --color-button-secondary-hover: 24, 16%, 21%, 0.06; /* #3E352D 6% */
+    --color-button-disabled: 24, 16%, 21%, 0.04; /* #3E352D 4% */
+    --color-button-danger: 2, 79%, 56%, 1; /* #E73D36 */
+    --color-button-danger-hover: 2, 79%, 48%, 1; /* #DB221A */
+    --color-button-floating: 346, 100%, 95%, 1; /* #FFE6EC */
+    --color-button-floating-hover: 24, 16%, 21%, 0.06; /* #3E352D 6% */
+
+    /* Text */
+    --color-text-default: 3, 88%, 26%, 1; /* #7C0E08 */
+    --color-text-secondary: 3, 39%, 59%, 1; /* #C0736F */
+    --color-text-disabled: 3, 43%, 76%, 1; /* #DCABA8 */
+    --color-text-danger: 2, 79%, 56%, 1; /* #E73D36 */
+    --color-text-success: 139, 35%, 42%, 1; /* #46905E */
+    --color-text-inverse: 346, 100%, 95%, 1; /* #FFE6EC */
+    --color-text-link: 209, 89%, 39%, 1; /* #0B67BD */
+    --color-text-on-brand: 3, 88%, 26%, 1; /* #7C0E08 */
+
+    /* Background */
+    --color-bg-default: 346, 100%, 95%, 1; /* #FFE6EC */
+    --color-bg-default-hover: 3, 88%, 26%, 0.08; /* #7C0E08 8% */
+    --color-bg-default-active: 45, 100%, 65%, 1; /* #FFD24D */
+    --color-bg-default-selected: 3, 88%, 26%, 0.06; /* #7C0E08 6% */
+    --color-bg-secondary: 345, 100%, 92%, 1; /* #FFD6E0 */
+    --color-bg-secondary-hover: 3, 88%, 26%, 0.12; /* #7C0E08 12% */
+    --color-bg-disabled: 24, 16%, 21%, 0.04; /* #3E352D 4% */
+    --color-bg-brand: 45, 100%, 65%, 1; /* #FFD24D */
+    --color-bg-brand-hover: 45, 100%, 56%, 1; /* #FFC61F */
+    --color-bg-brand-light: 45, 100%, 90%, 1; /* #FFF2CC */
+    --color-bg-danger: 2, 79%, 56%, 1; /* #E73D36 */
+    --color-bg-danger-light: 2, 79%, 56%, 0.14; /* #E73D36 14% */
+    --color-bg-default-inverse: 28, 16%, 21%, 1; /* #3E352D */
+    --color-bg-tertiary: 3, 88%, 26%, 0.12; /* #7C0E08 12% */
+    --color-bg-success: 139, 35%, 42%, 1; /* #46905E */
+    --color-bg-success-light: 140, 34%, 88%, 1; /* #D6EBDD */
+
+    /* Border */
+    --color-border-default: 346, 100%, 90%, 1; /* #FFCCD8 */
+    --color-border-hover: 346, 100%, 86%, 1; /* #FFB8C9 */
+    --color-border-light: 348, 100%, 96%, 1; /* #FFEBEF */
+    --color-border-active: 3, 88%, 26%, 1; /* #7C0E08 */
+    --color-border-focused: 209, 89%, 39%, 1; /* #0B67BD */
+    --color-border-danger: 2, 79%, 56%, 1; /* #E73D36 */
+    --color-border-warning: 19, 83%, 53%, 1; /* #EB6424 */
+    --color-border-success: 139, 35%, 42%, 1; /* #46905E */
+    --color-border-info: 209, 89%, 39%, 1; /* #0B67BD */
+    --color-border-disabled: 3, 43%, 76%, 1; /* #DCABA8 */
+
+    /* Icon */
+    --color-icon-default: 3, 88%, 26%, 1; /* #7C0E08 */
+    --color-icon-default-hover: 3, 88%, 32%, 1; /* #99110A */
+    --color-icon-brand: 45, 100%, 65%, 1; /* #FFD24D */
+    --color-icon-secondary: 3, 39%, 59%, 1; /* #C0736F */
+    --color-icon-disabled: 3, 43%, 76%, 1; /* #DCABA8 */
+    --color-icon-inverse: 346, 100%, 95%, 1; /* #FFE6EC */
+    --color-icon-danger: 2, 79%, 56%, 1; /* #E73D36 */
+    --color-icon-warning: 19, 83%, 53%, 1; /* #EB6424 */
+    --color-icon-info: 209, 89%, 39%, 1; /* #0B67BD */
+    --color-icon-success: 140, 35%, 45%, 1; /* #4B9B65 */
+    --color-icon-on-brand: 3, 88%, 26%, 1; /* #7C0E08 */
+
+    /* Utility */
+    --color-utility-overlay: 0, 0%, 0%, 0.72; /* Black 72% */
+  }
   * {
     border-color: hsl(var(--color-border-default));
     -webkit-font-smoothing: antialiased;

package/dist/index.es.d.ts

@@ -907,7 +907,7 @@ export declare interface TextFieldProps extends React_2.InputHTMLAttributes<HTML
     icon?: LucideIconProps["name"];
 }
 
-declare type Theme = "light" | "dark" | "theme-sepia";
+declare type Theme = "light" | "dark" | "theme-sepia" | "theme-pink";
 
 export declare const ThemeProvider: ({ children, defaultTheme, }: ThemeProviderProps) => JSX_2.Element;