@admin-layout/client 9.0.2-alpha.4 → 9.0.4-alpha.102

package/lib/antd-themes/spotify-dark-theme.js

@@ -0,0 +1,168 @@
+import {theme}from'antd';const { defaultAlgorithm, darkAlgorithm } = theme;
+const spotifyDarkTheme = {
+    algorithm: darkAlgorithm,
+    token: {
+        colorPrimary: '#1db954',
+        colorBgContainer: '#121212',
+        colorText: '#ffffff',
+        colorTextSecondary: '#b3b3b3',
+        fontFamily: 'Circular, Helvetica, Arial, sans-serif',
+        borderRadius: 500,
+        colorLink: '#1ed760',
+        colorLinkHover: '#1fdf64',
+        colorLinkActive: '#169c46',
+    },
+    components: {
+        Button: {
+            // colorPrimary: '#1db954',
+            algorithm: true,
+            borderRadius: 500,
+            controlHeight: 48,
+            controlHeightLG: 56,
+            controlHeightSM: 32,
+            paddingContentHorizontal: 32,
+        },
+        Menu: {
+            itemBg: 'transparent',
+            itemColor: '#b3b3b3',
+            itemHoverColor: '#ffffff',
+            itemSelectedColor: '#ffffff',
+            itemSelectedBg: '#282828',
+            itemHoverBg: '#282828',
+            activeBarWidth: 4,
+            activeBarHeight: 0,
+            activeBarBorderWidth: 0,
+            colorActiveBarColor: '#1db954',
+        },
+        Typography: {
+            fontSizeHeading1: 96,
+            fontSizeHeading2: 48,
+            fontSizeHeading3: 32,
+            fontSizeHeading4: 24,
+            fontSizeHeading5: 16,
+        },
+        Form: {
+            labelColor: '#ffffff',
+            colorError: '#f15e6c',
+            colorWarning: '#ffa42b',
+            colorSuccess: '#1db954',
+        },
+        Input: {
+            controlHeight: 40,
+            controlHeightLG: 48,
+            controlHeightSM: 32,
+            paddingHorizontal: 16,
+            borderRadius: 4,
+        },
+    },
+    scopes: [
+        {
+            scope: ['Button'],
+            settings: {
+                default: {
+                    background: '#ffffff',
+                    foreground: '#000000',
+                    border: 'transparent',
+                },
+                primary: {
+                    background: '#1DB954',
+                    foreground: '#000000',
+                    border: 'transparent',
+                },
+                hover: {
+                    background: '#1ED760',
+                    foreground: '#000000',
+                    border: 'transparent',
+                },
+                active: {
+                    background: '#169C46',
+                    foreground: '#000000',
+                    border: 'transparent',
+                },
+                disabled: {
+                    background: '#535353',
+                    foreground: '#B3B3B3',
+                    border: 'transparent',
+                },
+            },
+        },
+        {
+            scope: ['Input'],
+            settings: {
+                default: {
+                    background: '#ffffff',
+                    foreground: '#000000',
+                    border: 'transparent',
+                },
+                focus: {
+                    border: '#1DB954',
+                    boxShadow: '0 0 0 2px rgba(29, 185, 84, 0.5)',
+                },
+                hover: {
+                    border: '#1ED760',
+                },
+                disabled: {
+                    background: '#535353',
+                    foreground: '#B3B3B3',
+                    border: 'transparent',
+                },
+            },
+        },
+        {
+            scope: ['Menu'],
+            settings: {
+                background: '#121212',
+                item: {
+                    default: {
+                        background: 'transparent',
+                        foreground: '#B3B3B3',
+                    },
+                    hover: {
+                        background: '#282828',
+                        foreground: '#FFFFFF',
+                    },
+                    active: {
+                        background: '#282828',
+                        foreground: '#1DB954',
+                    },
+                },
+            },
+        },
+        {
+            scope: ['Table'],
+            settings: {
+                header: {
+                    background: '#181818',
+                    foreground: '#B3B3B3',
+                },
+                row: {
+                    odd: {
+                        background: '#121212',
+                    },
+                    even: {
+                        background: '#181818',
+                    },
+                    hover: {
+                        background: '#282828',
+                    },
+                },
+            },
+        },
+        {
+            scope: ['Typography'],
+            settings: {
+                heading: {
+                    1: { fontSize: 96, fontWeight: 900 },
+                    2: { fontSize: 48, fontWeight: 700 },
+                    3: { fontSize: 32, fontWeight: 700 },
+                    4: { fontSize: 24, fontWeight: 700 },
+                    5: { fontSize: 16, fontWeight: 700 },
+                },
+                text: {
+                    default: { fontSize: 14, fontWeight: 400 },
+                    secondary: { fontSize: 14, fontWeight: 400, foreground: '#B3B3B3' },
+                },
+            },
+        },
+    ],
+};export{spotifyDarkTheme};//# sourceMappingURL=spotify-dark-theme.js.map

package/lib/antd-themes/spotify-dark-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotify-dark-theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/antd-themes/spotify-light-theme.d.ts

@@ -0,0 +1,230 @@
+export declare const spotifyLightTheme: {
+    algorithm: typeof import("antd/es/theme/themes/default").default;
+    token: {
+        colorPrimary: string;
+        colorBgContainer: string;
+        colorText: string;
+        colorTextSecondary: string;
+        fontFamily: string;
+        borderRadius: number;
+        colorLink: string;
+        colorLinkHover: string;
+        colorLinkActive: string;
+    };
+    components: {
+        Button: {
+            algorithm: boolean;
+            borderRadius: number;
+            controlHeight: number;
+            controlHeightLG: number;
+            controlHeightSM: number;
+            paddingContentHorizontal: number;
+        };
+        Menu: {
+            itemBg: string;
+            itemColor: string;
+            itemHoverColor: string;
+            itemSelectedColor: string;
+            itemSelectedBg: string;
+            itemHoverBg: string;
+            activeBarWidth: number;
+            activeBarHeight: number;
+            activeBarBorderWidth: number;
+            colorActiveBarColor: string;
+        };
+        Typography: {
+            fontSizeHeading1: number;
+            fontSizeHeading2: number;
+            fontSizeHeading3: number;
+            fontSizeHeading4: number;
+            fontSizeHeading5: number;
+        };
+        Form: {
+            labelColor: string;
+            colorError: string;
+            colorWarning: string;
+            colorSuccess: string;
+        };
+        Input: {
+            controlHeight: number;
+            controlHeightLG: number;
+            controlHeightSM: number;
+            paddingHorizontal: number;
+            borderRadius: number;
+        };
+    };
+    scopes: ({
+        scope: string[];
+        settings: {
+            default: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            primary: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            hover: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            active: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            disabled: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            default: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            focus: {
+                border: string;
+                boxShadow: string;
+            };
+            hover: {
+                border: string;
+                background?: undefined;
+                foreground?: undefined;
+            };
+            disabled: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            primary?: undefined;
+            active?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            background: string;
+            item: {
+                default: {
+                    background: string;
+                    foreground: string;
+                };
+                hover: {
+                    background: string;
+                    foreground: string;
+                };
+                active: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            header: {
+                background: string;
+                foreground: string;
+            };
+            row: {
+                odd: {
+                    background: string;
+                };
+                even: {
+                    background: string;
+                };
+                hover: {
+                    background: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            heading: {
+                1: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                2: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                3: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                4: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                5: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+            };
+            text: {
+                default: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                secondary: {
+                    fontSize: number;
+                    fontWeight: number;
+                    foreground: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+        };
+    })[];
+};
+//# sourceMappingURL=spotify-light-theme.d.ts.map

package/lib/antd-themes/spotify-light-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotify-light-theme.d.ts","sourceRoot":"","sources":["../../src/antd-themes/spotify-light-theme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsK7B,CAAC"}

package/lib/antd-themes/spotify-light-theme.js

@@ -0,0 +1,168 @@
+import {theme}from'antd';const { defaultAlgorithm, darkAlgorithm } = theme;
+const spotifyLightTheme = {
+    algorithm: defaultAlgorithm,
+    token: {
+        colorPrimary: '#1db954',
+        colorBgContainer: '#ffffff',
+        colorText: '#181818',
+        colorTextSecondary: '#535353',
+        fontFamily: 'Circular, Helvetica, Arial, sans-serif',
+        borderRadius: 500,
+        colorLink: '#1db954',
+        colorLinkHover: '#1ed760',
+        colorLinkActive: '#169c46',
+    },
+    components: {
+        Button: {
+            // colorPrimary: '#1db954',
+            algorithm: true,
+            borderRadius: 500,
+            controlHeight: 48,
+            controlHeightLG: 56,
+            controlHeightSM: 32,
+            paddingContentHorizontal: 32,
+        },
+        Menu: {
+            itemBg: 'transparent',
+            itemColor: '#535353',
+            itemHoverColor: '#181818',
+            itemSelectedColor: '#181818',
+            itemSelectedBg: '#f0f0f0',
+            itemHoverBg: '#f0f0f0',
+            activeBarWidth: 4,
+            activeBarHeight: 0,
+            activeBarBorderWidth: 0,
+            colorActiveBarColor: '#1db954',
+        },
+        Typography: {
+            fontSizeHeading1: 96,
+            fontSizeHeading2: 48,
+            fontSizeHeading3: 32,
+            fontSizeHeading4: 24,
+            fontSizeHeading5: 16,
+        },
+        Form: {
+            labelColor: '#181818',
+            colorError: '#e91429',
+            colorWarning: '#ffa42b',
+            colorSuccess: '#1db954',
+        },
+        Input: {
+            controlHeight: 40,
+            controlHeightLG: 48,
+            controlHeightSM: 32,
+            paddingHorizontal: 16,
+            borderRadius: 4,
+        },
+    },
+    scopes: [
+        {
+            scope: ['Button'],
+            settings: {
+                default: {
+                    background: '#ffffff',
+                    foreground: '#181818',
+                    border: '#c1c1c1',
+                },
+                primary: {
+                    background: '#1DB954',
+                    foreground: '#ffffff',
+                    border: 'transparent',
+                },
+                hover: {
+                    background: '#1ED760',
+                    foreground: '#ffffff',
+                    border: 'transparent',
+                },
+                active: {
+                    background: '#169C46',
+                    foreground: '#ffffff',
+                    border: 'transparent',
+                },
+                disabled: {
+                    background: '#f0f0f0',
+                    foreground: '#a7a7a7',
+                    border: 'transparent',
+                },
+            },
+        },
+        {
+            scope: ['Input'],
+            settings: {
+                default: {
+                    background: '#ffffff',
+                    foreground: '#181818',
+                    border: '#c1c1c1',
+                },
+                focus: {
+                    border: '#1DB954',
+                    boxShadow: '0 0 0 2px rgba(29, 185, 84, 0.3)',
+                },
+                hover: {
+                    border: '#1ED760',
+                },
+                disabled: {
+                    background: '#f0f0f0',
+                    foreground: '#a7a7a7',
+                    border: '#e0e0e0',
+                },
+            },
+        },
+        {
+            scope: ['Menu'],
+            settings: {
+                background: '#ffffff',
+                item: {
+                    default: {
+                        background: 'transparent',
+                        foreground: '#535353',
+                    },
+                    hover: {
+                        background: '#f0f0f0',
+                        foreground: '#181818',
+                    },
+                    active: {
+                        background: '#f0f0f0',
+                        foreground: '#1DB954',
+                    },
+                },
+            },
+        },
+        {
+            scope: ['Table'],
+            settings: {
+                header: {
+                    background: '#f7f7f7',
+                    foreground: '#535353',
+                },
+                row: {
+                    odd: {
+                        background: '#ffffff',
+                    },
+                    even: {
+                        background: '#f7f7f7',
+                    },
+                    hover: {
+                        background: '#f0f0f0',
+                    },
+                },
+            },
+        },
+        {
+            scope: ['Typography'],
+            settings: {
+                heading: {
+                    1: { fontSize: 96, fontWeight: 900 },
+                    2: { fontSize: 48, fontWeight: 700 },
+                    3: { fontSize: 32, fontWeight: 700 },
+                    4: { fontSize: 24, fontWeight: 700 },
+                    5: { fontSize: 16, fontWeight: 700 },
+                },
+                text: {
+                    default: { fontSize: 14, fontWeight: 400 },
+                    secondary: { fontSize: 14, fontWeight: 400, foreground: '#535353' },
+                },
+            },
+        },
+    ],
+};export{spotifyLightTheme};//# sourceMappingURL=spotify-light-theme.js.map

package/lib/antd-themes/spotify-light-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotify-light-theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}