@vodafone_de/brix-components 3.1.3 → 3.1.6

package/styles/ThemeProvider.d.ts

@@ -1,76 +0,0 @@
-import * as React from 'react';
-import { DefaultTheme } from '@mui/system';
-import { StorageManager } from '@mui/system/cssVars';
-import { CssThemeVariables } from "./createThemeNoVars.js";
-type ThemeProviderCssVariablesProps = CssThemeVariables extends {
-  enabled: true;
-} ? {
-  /**
-   * The node for attaching the `theme.colorSchemeSelector`.
-   * @default document
-   */
-  colorSchemeNode?: Element | null;
-  /**
-   * If `true`, the provider creates its own context and generate stylesheet as if it is a root `ThemeProvider`.
-   */
-  disableNestedContext?: boolean;
-  /**
-   * If `true`, the style sheet for CSS theme variables won't be generated.
-   *
-   * This is useful for controlling nested ThemeProvider behavior.
-   * @default false
-   */
-  disableStyleSheetGeneration?: boolean;
-  /**
-   * If `true`, theme values are recalculated when the mode changes.
-   * The `theme.colorSchemes.{mode}.*` nodes will be shallow merged to the top-level of the theme.
-   * @default false
-   */
-  forceThemeRerender?: boolean;
-} : {};
-export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderCssVariablesProps {
-  children?: React.ReactNode;
-  theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
-  /**
-   * The document used to perform `disableTransitionOnChange` feature
-   * @default document
-   */
-  documentNode?: Document | null;
-  /**
-   * The default mode when the local storage has no mode yet,
-   * requires the theme to have `colorSchemes` with light and dark.
-   * @default 'system'
-   */
-  defaultMode?: 'light' | 'dark' | 'system';
-  /**
-   * The window that attaches the 'storage' event listener
-   * @default window
-   */
-  storageWindow?: Window | null;
-  /**
-   * The storage manager to be used for storing the mode and color scheme
-   * @default using `window.localStorage`
-   */
-  storageManager?: StorageManager | null;
-  /**
-   * localStorage key used to store application `mode`
-   * @default 'mui-mode'
-   */
-  modeStorageKey?: string;
-  /**
-   * localStorage key used to store `colorScheme`
-   * @default 'mui-color-scheme'
-   */
-  colorSchemeStorageKey?: string;
-  noSsr?: boolean;
-  /**
-   * Disable CSS transitions when switching between modes or color schemes
-   * @default false
-   */
-  disableTransitionOnChange?: boolean;
-}
-export default function ThemeProvider<Theme = DefaultTheme>({
-  theme,
-  ...props
-}: ThemeProviderProps<Theme>): React.JSX.Element;
-export {};

package/styles/ThemeProvider.js

@@ -1,47 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ThemeProvider;
-var React = _interopRequireWildcard(require("react"));
-var _ThemeProviderNoVars = _interopRequireDefault(require("./ThemeProviderNoVars"));
-var _ThemeProviderWithVars = require("./ThemeProviderWithVars");
-var _identifier = _interopRequireDefault(require("./identifier"));
-var _jsxRuntime = require("react/jsx-runtime");
-function ThemeProvider({
-  theme,
-  ...props
-}) {
-  const noVarsTheme = React.useMemo(() => {
-    if (typeof theme === 'function') {
-      return theme;
-    }
-    const muiTheme = _identifier.default in theme ? theme[_identifier.default] : theme;
-    if (!('colorSchemes' in muiTheme)) {
-      if (!('vars' in muiTheme)) {
-        // For non-CSS variables themes, set `vars` to null to prevent theme inheritance from the upper theme.
-        // The example use case is the docs demo that uses ThemeProvider to customize the theme while the upper theme is using CSS variables.
-        return {
-          ...theme,
-          vars: null
-        };
-      }
-      return theme;
-    }
-    return null;
-  }, [theme]);
-  if (noVarsTheme) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeProviderNoVars.default, {
-      theme: noVarsTheme,
-      ...props
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeProviderWithVars.CssVarsProvider, {
-    theme: theme,
-    ...props
-  });
-}

package/styles/ThemeProviderNoVars.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { DefaultTheme } from '@mui/system';
-export interface ThemeProviderNoVarsProps<Theme = DefaultTheme> {
-  children?: React.ReactNode;
-  theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
-}
-export default function ThemeProviderNoVars<Theme = DefaultTheme>({
-  theme: themeInput,
-  ...props
-}: ThemeProviderNoVarsProps<Theme>): React.ReactElement<ThemeProviderNoVarsProps<Theme>>;

package/styles/ThemeProviderNoVars.js

@@ -1,24 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ThemeProviderNoVars;
-var React = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
-var _identifier = _interopRequireDefault(require("./identifier"));
-var _jsxRuntime = require("react/jsx-runtime");
-function ThemeProviderNoVars({
-  theme: themeInput,
-  ...props
-}) {
-  const scopedTheme = _identifier.default in themeInput ? themeInput[_identifier.default] : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.ThemeProvider, {
-    ...props,
-    themeId: scopedTheme ? _identifier.default : undefined,
-    theme: scopedTheme || themeInput
-  });
-}

package/styles/ThemeProviderWithVars.d.ts

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { SupportedColorScheme } from "./createThemeWithVars.js";
-declare const useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>, deprecatedGetInitColorSchemeScript: typeof import("@mui/system/InitColorSchemeScript").default;
-declare function Experimental_CssVarsProvider(props: any): React.JSX.Element;
-declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScript;
-/**
- * TODO: remove this export in v7
- * @deprecated
- * The `CssVarsProvider` component has been deprecated and ported into `ThemeProvider`.
- *
- * You should use `ThemeProvider` and `createTheme()` instead:
- *
- * ```diff
- * - import { CssVarsProvider, extendTheme } from '@mui/material/styles';
- * + import { ThemeProvider, createTheme } from '@mui/material/styles';
- *
- * - const theme = extendTheme();
- * + const theme = createTheme({
- * +   cssVariables: true,
- * +   colorSchemes: { light: true, dark: true },
- * + });
- *
- * - <CssVarsProvider theme={theme}>
- * + <ThemeProvider theme={theme}>
- * ```
- *
- * To see the full documentation, check out https://mui.com/material-ui/customization/css-theme-variables/usage/.
- */
-export declare const CssVarsProvider: (props: React.PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
-  theme?: {
-    cssVariables?: false;
-    cssVarPrefix?: string;
-    colorSchemes: Partial<Record<SupportedColorScheme, any>>;
-    colorSchemeSelector?: "media" | "class" | "data" | string;
-  } | {
-    $$material: {
-      cssVariables?: false;
-      cssVarPrefix?: string;
-      colorSchemes: Partial<Record<SupportedColorScheme, any>>;
-      colorSchemeSelector?: "media" | "class" | "data" | string;
-    };
-  } | undefined;
-  defaultMode?: "light" | "dark" | "system";
-  documentNode?: Document | null;
-  colorSchemeNode?: Element | null;
-  storageManager?: import("@mui/system").StorageManager | null;
-  storageWindow?: Window | null;
-  disableNestedContext?: boolean;
-  disableStyleSheetGeneration?: boolean;
-}>) => React.JSX.Element;
-export { useColorScheme, getInitColorSchemeScript, Experimental_CssVarsProvider };

package/styles/ThemeProviderWithVars.js

@@ -1,101 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CssVarsProvider = void 0;
-exports.Experimental_CssVarsProvider = Experimental_CssVarsProvider;
-exports.useColorScheme = exports.getInitColorSchemeScript = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _styleFunctionSx = _interopRequireDefault(require("@mui/system/styleFunctionSx"));
-var _system = require("@mui/system");
-var _createTheme = _interopRequireDefault(require("./createTheme"));
-var _createTypography = _interopRequireDefault(require("./createTypography"));
-var _identifier = _interopRequireDefault(require("./identifier"));
-var _InitColorSchemeScript = require("../InitColorSchemeScript/InitColorSchemeScript");
-var _jsxRuntime = require("react/jsx-runtime");
-const {
-  CssVarsProvider: InternalCssVarsProvider,
-  useColorScheme,
-  getInitColorSchemeScript: deprecatedGetInitColorSchemeScript
-} = (0, _system.unstable_createCssVarsProvider)({
-  themeId: _identifier.default,
-  // @ts-ignore ignore module augmentation tests
-  theme: () => (0, _createTheme.default)({
-    cssVariables: true
-  }),
-  colorSchemeStorageKey: _InitColorSchemeScript.defaultConfig.colorSchemeStorageKey,
-  modeStorageKey: _InitColorSchemeScript.defaultConfig.modeStorageKey,
-  defaultColorScheme: {
-    light: _InitColorSchemeScript.defaultConfig.defaultLightColorScheme,
-    dark: _InitColorSchemeScript.defaultConfig.defaultDarkColorScheme
-  },
-  resolveTheme: theme => {
-    const newTheme = {
-      ...theme,
-      typography: (0, _createTypography.default)(theme.palette, theme.typography)
-    };
-    newTheme.unstable_sx = function sx(props) {
-      return (0, _styleFunctionSx.default)({
-        sx: props,
-        theme: this
-      });
-    };
-    return newTheme;
-  }
-});
-exports.useColorScheme = useColorScheme;
-let warnedOnce = false;
-
-// TODO: remove in v7
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function Experimental_CssVarsProvider(props) {
-  if (process.env.NODE_ENV !== 'production') {
-    if (!warnedOnce) {
-      console.warn(['MUI: The Experimental_CssVarsProvider component has been ported into ThemeProvider.', '', "You should use `import { ThemeProvider } from '@mui/material/styles'` instead.", 'For more details, check out https://mui.com/material-ui/customization/css-theme-variables/usage/'].join('\n'));
-      warnedOnce = true;
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalCssVarsProvider, {
-    ...props
-  });
-}
-let warnedInitScriptOnce = false;
-
-// TODO: remove in v7
-const getInitColorSchemeScript = params => {
-  if (!warnedInitScriptOnce) {
-    console.warn(['MUI: The getInitColorSchemeScript function has been deprecated.', '', "You should use `import InitColorSchemeScript from '@mui/material/InitColorSchemeScript'`", 'and replace the function call with `<InitColorSchemeScript />` instead.'].join('\n'));
-    warnedInitScriptOnce = true;
-  }
-  return deprecatedGetInitColorSchemeScript(params);
-};
-
-/**
- * TODO: remove this export in v7
- * @deprecated
- * The `CssVarsProvider` component has been deprecated and ported into `ThemeProvider`.
- *
- * You should use `ThemeProvider` and `createTheme()` instead:
- *
- * ```diff
- * - import { CssVarsProvider, extendTheme } from '@mui/material/styles';
- * + import { ThemeProvider, createTheme } from '@mui/material/styles';
- *
- * - const theme = extendTheme();
- * + const theme = createTheme({
- * +   cssVariables: true,
- * +   colorSchemes: { light: true, dark: true },
- * + });
- *
- * - <CssVarsProvider theme={theme}>
- * + <ThemeProvider theme={theme}>
- * ```
- *
- * To see the full documentation, check out https://mui.com/material-ui/customization/css-theme-variables/usage/.
- */
-exports.getInitColorSchemeScript = getInitColorSchemeScript;
-const CssVarsProvider = exports.CssVarsProvider = InternalCssVarsProvider;

package/styles/adaptV4Theme.d.ts

@@ -1,36 +0,0 @@
-import { BreakpointsOptions, ShapeOptions, SpacingOptions } from '@mui/system';
-import { MixinsOptions } from "./createMixins.js";
-import { Palette, PaletteOptions } from "./createPalette.js";
-import { TypographyVariantsOptions } from "./createTypography.js";
-import { Shadows } from "./shadows.js";
-import { TransitionsOptions } from "./createTransitions.js";
-import { ZIndexOptions } from "./zIndex.js";
-import { ComponentsOverrides } from "./overrides.js";
-import { ComponentsVariants } from "./variants.js";
-import { ComponentsProps } from "./props.js";
-import { Theme } from "./createTheme.js";
-export type Direction = 'ltr' | 'rtl';
-export interface DeprecatedThemeOptions {
-  shape?: ShapeOptions;
-  breakpoints?: BreakpointsOptions;
-  direction?: Direction;
-  mixins?: MixinsOptions;
-  overrides?: ComponentsOverrides;
-  palette?: PaletteOptions;
-  props?: ComponentsProps;
-  shadows?: Shadows;
-  spacing?: SpacingOptions;
-  transitions?: TransitionsOptions;
-  typography?: TypographyVariantsOptions | ((palette: Palette) => TypographyVariantsOptions);
-  variants?: ComponentsVariants;
-  zIndex?: ZIndexOptions;
-  unstable_strictMode?: boolean;
-}
-
-/**
- * Generate a theme base on the V4 theme options received.
- * @deprecated Follow the upgrade guide on https://mui.com/r/migration-v4#theme
- * @param options Takes an incomplete theme object and adds the missing parts.
- * @returns A complete, ready-to-use theme object.
- */
-export default function adaptV4Theme(options?: DeprecatedThemeOptions): Theme;

package/styles/adaptV4Theme.js

@@ -1,88 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = adaptV4Theme;
-var _system = require("@mui/system");
-function adaptV4Theme(inputTheme) {
-  if (process.env.NODE_ENV !== 'production') {
-    console.warn(['MUI: adaptV4Theme() is deprecated.', 'Follow the upgrade guide on https://mui.com/r/migration-v4#theme.'].join('\n'));
-  }
-  const {
-    defaultProps = {},
-    mixins = {},
-    overrides = {},
-    palette = {},
-    props = {},
-    styleOverrides = {},
-    ...other
-  } = inputTheme;
-  const theme = {
-    ...other,
-    components: {}
-  };
-
-  // default props
-  Object.keys(defaultProps).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.defaultProps = defaultProps[component];
-    theme.components[component] = componentValue;
-  });
-  Object.keys(props).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.defaultProps = props[component];
-    theme.components[component] = componentValue;
-  });
-
-  // CSS overrides
-  Object.keys(styleOverrides).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.styleOverrides = styleOverrides[component];
-    theme.components[component] = componentValue;
-  });
-  Object.keys(overrides).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.styleOverrides = overrides[component];
-    theme.components[component] = componentValue;
-  });
-
-  // theme.spacing
-  theme.spacing = (0, _system.createSpacing)(inputTheme.spacing);
-
-  // theme.mixins.gutters
-  const breakpoints = (0, _system.createBreakpoints)(inputTheme.breakpoints || {});
-  const spacing = theme.spacing;
-  theme.mixins = {
-    gutters: (styles = {}) => {
-      return {
-        paddingLeft: spacing(2),
-        paddingRight: spacing(2),
-        ...styles,
-        [breakpoints.up('sm')]: {
-          paddingLeft: spacing(3),
-          paddingRight: spacing(3),
-          ...styles[breakpoints.up('sm')]
-        }
-      };
-    },
-    ...mixins
-  };
-  const {
-    type: typeInput,
-    mode: modeInput,
-    ...paletteRest
-  } = palette;
-  const finalMode = modeInput || typeInput || 'light';
-  theme.palette = {
-    // theme.palette.text.hint
-    text: {
-      hint: finalMode === 'dark' ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.38)'
-    },
-    mode: finalMode,
-    type: finalMode,
-    ...paletteRest
-  };
-  return theme;
-}