@gataca/design-system 4.1.0 → 4.3.0

package/dist/styles/Colors.d.ts

@@ -1,4 +1,6 @@
 export type ColorsType = {
+    fundationWhite: string;
+    fundationBlack: string;
     neutral100: string;
     neutral200: string;
     neutral300: string;
@@ -76,4 +78,173 @@ export type ColorsType = {
     buttonsWhiteShadow: string;
     buttonsGreyShadow: string;
 };
+export type ThemeColorsType = {
+    generalPage: string;
+    generalPageSecondary: string;
+    generalDefaultCard: string;
+    generalDefaultSecondaryCard: string;
+    generalDefaultTertiaryCard: string;
+    transparent: string;
+    textDefaultHeading: string;
+    textDefaultBody: string;
+    textDefaultCaption: string;
+    textDefaultPlaceholder: string;
+    textOnColorHeading: string;
+    textOnColorBody: string;
+    textOnColorCaption: string;
+    textOnColorPlaceholder: string;
+    textPrimaryDefault: string;
+    textPrimaryDefaultHover: string;
+    textPrimaryOnColor: string;
+    textPrimaryOnColorHover: string;
+    textSecondaryDefault: string;
+    textSecondaryDefaultHover: string;
+    textSecondaryOnColor: string;
+    textSecondaryOnColorHover: string;
+    textAlertDefault: string;
+    textAlertDefaultHover: string;
+    textAlertOnColor: string;
+    textAlertOnColorHover: string;
+    textWarningDefault: string;
+    textWarningDefaultHover: string;
+    textWarningOnColor: string;
+    textWarningOnColorHover: string;
+    textSuccessDefault: string;
+    textSuccessDefaultHover: string;
+    textSuccessOnColor: string;
+    textSuccessOnColorHover: string;
+    textInfoDefault: string;
+    textInfoDefaultHover: string;
+    textInfoOnColor: string;
+    textInfoOnColorHover: string;
+    textNeutralDefault: string;
+    textNeutralDefaultHover: string;
+    textNeutralOnColor: string;
+    textNeutralOnColorHover: string;
+    textContentDefault: string;
+    textContentDefaultHover: string;
+    textContentOnColor: string;
+    textContentOnColorHover: string;
+    textDisableDefault: string;
+    textDisableOnColor: string;
+    iconsPrimaryDefault: string;
+    iconsPrimaryDefaultHover: string;
+    iconsPrimaryOnColor: string;
+    iconsPrimaryOnColorHover: string;
+    iconsSecondaryDefault: string;
+    iconsSecondaryDefaultHover: string;
+    iconsSecondaryOnColor: string;
+    iconsSecondaryOnColorHover: string;
+    iconsAlertDefault: string;
+    iconsAlertDefaultHover: string;
+    iconsAlertOnColor: string;
+    iconsAlertOnColorHover: string;
+    iconsWarningDefault: string;
+    iconsWarningDefaultHover: string;
+    iconsWarningOnColor: string;
+    iconsWarningOnColorHover: string;
+    iconsSuccessDefault: string;
+    iconsSuccessDefaultHover: string;
+    iconsSuccessOnColor: string;
+    iconsSuccessOnColorHover: string;
+    iconsInfoDefault: string;
+    iconsInfoDefaultHover: string;
+    iconsInfoOnColor: string;
+    iconsInfoOnColorHover: string;
+    iconsNeutralDefault: string;
+    iconsNeutralDefaultHover: string;
+    iconsNeutralOnColor: string;
+    iconsNeutralOnColorHover: string;
+    iconsDisabledDefault: string;
+    iconsDisabledOnColor: string;
+    iconsContentDefault: string;
+    iconsContentDefaultHover: string;
+    iconsContentOnColor: string;
+    iconsContentOnColorHover: string;
+    surfacePrimaryDefault: string;
+    surfacePrimaryDefaultHover: string;
+    surfacePrimaryDefaultSubtle: string;
+    surfacePrimaryDefaultSubtleHover: string;
+    surfaceSecondaryDefault: string;
+    surfaceSecondaryDefaultHover: string;
+    surfaceSecondaryDefaultSubtle: string;
+    surfaceSecondaryDefaultSubtleHover: string;
+    surfaceAlertDefault: string;
+    surfaceAlertDefaultHover: string;
+    surfaceAlertDefaultSubtle: string;
+    surfaceAlertDefaultSubtleHover: string;
+    surfaceWarningDefault: string;
+    surfaceWarningDefaultHover: string;
+    surfaceWarningDefaultSubtle: string;
+    surfaceWarningDefaultSubtleHover: string;
+    surfaceSuccessDefault: string;
+    surfaceSuccessDefaultHover: string;
+    surfaceSuccessDefaultSubtle: string;
+    surfaceSuccessDefaultSubtleHover: string;
+    surfaceInfoDefault: string;
+    surfaceInfoDefaultHover: string;
+    surfaceInfoDefaultSubtle: string;
+    surfaceInfoDefaultSubtleHover: string;
+    surfaceNeutralDefault: string;
+    surfaceNeutralDefaultHover: string;
+    surfaceNeutralDefaultSubtle: string;
+    surfaceNeutralDefaultSubtleHover: string;
+    surfaceNeutralDefaultMedium: string;
+    surfaceNeutralDefaultMediumHover: string;
+    surfaceDisableDisable: string;
+    surfaceSkeletonDefault: string;
+    surfaceSkeletonDefaultOnColor: string;
+    bordersGeneralDefault: string;
+    bordersGeneralOnColor: string;
+    bordersPrimaryDefault: string;
+    bordersPrimaryDefaultHover: string;
+    bordersPrimaryDefaultFocus: string;
+    bordersPrimaryDefaultSubtle: string;
+    bordersPrimaryDefaultSubtleHover: string;
+    bordersPrimaryDefaultSubtleFocus: string;
+    bordersSecondaryDefault: string;
+    bordersSecondaryDefaultHover: string;
+    bordersSecondaryDefaultFocus: string;
+    bordersSecondaryDefaultSubtle: string;
+    bordersSecondaryDefaultSubtleHover: string;
+    bordersSecondaryDefaultSubtleFocus: string;
+    bordersAlertDefault: string;
+    bordersAlertDefaultHover: string;
+    bordersAlertDefaultFocus: string;
+    bordersAlertDefaultSubtle: string;
+    bordersAlertDefaultSubtleHover: string;
+    bordersAlertDefaultSubtleFocus: string;
+    bordersWarningDefault: string;
+    bordersWarningDefaultHover: string;
+    bordersWarningDefaultFocus: string;
+    bordersWarningDefaultSubtle: string;
+    bordersWarningDefaultSubtleHover: string;
+    bordersWarningDefaultSubtleFocus: string;
+    bordersSuccessDefault: string;
+    bordersSuccessDefaultHover: string;
+    bordersSuccessDefaultFocus: string;
+    bordersSuccessDefaultSubtle: string;
+    bordersSuccessDefaultSubtleHover: string;
+    bordersSuccessDefaultSubtleFocus: string;
+    bordersInfoDefault: string;
+    bordersInfoDefaultHover: string;
+    bordersInfoDefaultFocus: string;
+    bordersInfoDefaultSubtle: string;
+    bordersInfoDefaultSubtleHover: string;
+    bordersInfoDefaultSubtleFocus: string;
+    bordersNeutralDefault: string;
+    bordersNeutralDefaultHover: string;
+    bordersNeutralDefaultFocus: string;
+    bordersNeutralDefaultSubtle: string;
+    bordersNeutralDefaultSubtleHover: string;
+    bordersNeutralDefaultSubtleFocus: string;
+    bordersNeutralDefaultMedium: string;
+    bordersNeutralDefaultMediumHover: string;
+    bordersNeutralDefaultMediumFocus: string;
+    bordersDisableDisable: string;
+    shadowColorDefault: string;
+    shadowColorMd: string;
+};
 export declare const colorsByLabel: Record<string, ColorsType>;
+export declare const themeLightColors: (brand: string) => ThemeColorsType;
+export declare const themeDarkColors: (brand: string) => ThemeColorsType;

package/dist/utils/theming/themeProvider.d.ts

@@ -1,15 +1,20 @@
 import { ReactNode } from 'react';
-import { ColorsType } from '../../styles/Colors';
+import { ColorsType, ThemeColorsType } from '../../styles/Colors';
 import { FontsType, StyleType } from '../../styles/Fonts';
+export type ThemeMode = 'light' | 'dark';
 type ThemeType = {
     fonts: FontsType;
     fontStyles: StyleType;
     colors: ColorsType;
+    themeColors: ThemeColorsType;
+    themeMode: ThemeMode;
 };
 type ThemeProviderProps = {
-    label: 'PRIMARY' | 'SECONDARY';
+    label: 'PRIMARY' | 'SECONDARY' | 'TERTIARY';
+    /** Overrides the default theme mode. Defaults to 'dark' for TERTIARY, 'light' otherwise. */
+    theme?: ThemeMode;
     children: ReactNode;
 };
-export declare const ThemeProvider: ({ label, children }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProvider: ({ label, theme, children }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useTheme: () => ThemeType;
 export default ThemeProvider;

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "https://gataca-io.github.io/design-system",
   "name": "@gataca/design-system",
-  "version": "4.1.0",
+  "version": "4.3.0",
   "files": [
     "dist"
   ],

package/dist/assets/fonts~tMhwBATi.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/fonts.css"],"names":[],"mappings":"AAAA,2GAA2G;AAC3G,wGAAwG;AACxG,yGAAyG;AACzG,6JAA6J","file":"fonts~tMhwBATi.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;300;400;500;600;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@100;300;400;500;600;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');\n"]}