@react-md/core 1.0.0-next.20 → 1.0.0-next.21

package/dist/button/buttonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/button/buttonStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport {\n  type OutlineColor,\n  type TextColor,\n  type ThemeColor,\n  cssUtils,\n} from \"../cssUtils.js\";\nimport { bem } from \"../utils/bem.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-button-background-color\"?: string;\n    \"--rmd-button-color\"?: string;\n    \"--rmd-button-border-radius\"?: string | number;\n    \"--rmd-button-contained-background-color\"?: string;\n    \"--rmd-button-contained-color\"?: string;\n    \"--rmd-button-text-horizontal-padding\"?: string | number;\n    \"--rmd-button-text-vertical-padding\"?: string | number;\n    \"--rmd-button-text-min-height\"?: string | number;\n    \"--rmd-button-text-min-width\"?: string | number;\n    \"--rmd-button-icon-size\"?: string | number;\n    \"--rmd-button-icon-radius\"?: string | number;\n  }\n}\n\nconst styles = bem(\"rmd-button\");\n\n/**\n * When this is set to `\"text\"`, the size of the button will be determined by\n * the content and will be more block-like. Icons can still be rendered in\n * `\"text\"` buttons and will have spacing automatically applied between other\n * content in the button.\n *\n * When this is set to `\"icon\"`, the button will be equal height/width and\n * circular.\n */\nexport type ButtonType = \"text\" | \"icon\" | \"icon-square\";\n\n/**\n * One of the valid material design default button themes that can be used. This\n * will update the general look and feel by updating the colors within the\n * button while the `ButtonThemeType` will update the borders or box shadow.\n */\nexport type ButtonTheme = ThemeColor | \"clear\" | \"disabled\";\n\n/**\n * When this is set to `\"flat\"`, the button will have no `background-color`,\n * `border`, and `box-shadow`. It will only set the `color` to the\n * {@link ButtonTheme}.\n *\n * When this is set to `\"outline\"`, the button will have no `background-color`,\n * but gain a `border` and `color` set to the {@link ButtonTheme}.\n *\n * When this is set to `\"contained\"`, the button will set the `background-color`\n * to the {@link ButtonTheme}, add some `box-shadow`, and set the `color` to\n * either `#000` or `#fff`. (The `color` defaults to whichever value has the\n * highest contrast ratio with the `background-color`)\n */\nexport type ButtonThemeType = \"flat\" | \"outline\" | \"contained\";\n\n/** @since 6.0.0 */\nexport interface ButtonClassNameThemeOptions {\n  className?: string;\n\n  /** @defaultValue `false` */\n  disabled?: boolean;\n\n  /**\n   * @see {@link ButtonTheme} for information about the different types.\n   * @defaultValue `\"text\"`\n   */\n  buttonType?: ButtonType;\n\n  /** @defaultValue `\"clear\"` */\n  theme?: ButtonTheme;\n\n  /**\n   * @see {@link ButtonThemeType} for information about the theming behavior.\n   * @defaultValue `\"flat\"`\n   */\n  themeType?: ButtonThemeType;\n\n  /**\n   * This will display the button as an icon button until the tablet breakpoint\n   * which will then display as a button with an icon.\n   *\n   * @defaultValue `false`\n   */\n  responsive?: boolean;\n\n  /**\n   * @defaultValue `\"normal\"`\n   */\n  iconSize?: \"small\" | \"normal\" | \"large\";\n}\n\n/**\n * @since 6.0.0\n */\nexport interface ButtonClassNameOptions extends ButtonClassNameThemeOptions {\n  /** @defaultValue `false` */\n  pressed?: boolean;\n  pressedClassName?: string;\n}\n\n/**\n * Creates a button theme based on the button theming props. This is really just\n * used so that other elements like clickable `<div>`s or `<input type=\"file\">`\n * can look like buttons.\n *\n * @param options - An object containing the themeable button props to generate a\n * button theme className.\n * @returns a string of class names to create an element with a button theme.\n * @since 6.0.0 This used to be called `buttonThemeClassNames`.\n */\nexport function button(options: ButtonClassNameOptions = {}): string {\n  const {\n    theme: propTheme = \"clear\",\n    themeType = \"flat\",\n    iconSize,\n    buttonType = \"text\",\n    disabled: propDisabled = false,\n    responsive,\n    pressed = false,\n    pressedClassName,\n    className,\n  } = options;\n\n  const theme = propTheme === \"disabled\" ? \"clear\" : propTheme;\n  const disabled = propDisabled || propTheme === \"disabled\";\n  const text = buttonType === \"text\" && !responsive && !iconSize;\n  const icon = !text;\n  const outline = themeType === \"outline\";\n  const contained = themeType === \"contained\";\n  const clear = theme === \"clear\";\n  const isThemed = !disabled && !clear;\n\n  let textColor: ThemeColor | TextColor | undefined;\n  let outlineColor: OutlineColor | undefined;\n  let backgroundColor: ThemeColor | undefined;\n  if (isThemed && !contained) {\n    textColor = theme;\n  } else if (disabled) {\n    textColor = \"text-disabled\";\n  }\n  if (isThemed && contained) {\n    backgroundColor = theme;\n  }\n  if (outline) {\n    outlineColor = clear ? \"greyscale\" : theme;\n  }\n\n  return cnb(\n    styles({\n      text,\n      icon,\n      \"icon-square\": buttonType === \"icon-square\",\n      disabled,\n      contained: !disabled && contained,\n      pressed: contained && pressed,\n      responsive,\n      small: icon && iconSize === \"small\",\n      large: icon && iconSize === \"large\",\n    }),\n    pressedClassName,\n    cssUtils({\n      surface: true,\n      textColor,\n      outlineColor,\n      backgroundColor,\n    }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","bem","styles","button","options","theme","propTheme","themeType","iconSize","buttonType","disabled","propDisabled","responsive","pressed","pressedClassName","className","text","icon","outline","contained","clear","isThemed","textColor","outlineColor","backgroundColor","small","large","surface"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAIEC,QAAQ,QACH,iBAAiB;AACxB,SAASC,GAAG,QAAQ,kBAAkB;AAkBtC,MAAMC,SAASD,IAAI;AAgFnB;;;;;;;;;CASC,GACD,OAAO,SAASE,OAAOC,UAAkC,CAAC,CAAC;IACzD,MAAM,EACJC,OAAOC,YAAY,OAAO,EAC1BC,YAAY,MAAM,EAClBC,QAAQ,EACRC,aAAa,MAAM,EACnBC,UAAUC,eAAe,KAAK,EAC9BC,UAAU,EACVC,UAAU,KAAK,EACfC,gBAAgB,EAChBC,SAAS,EACV,GAAGX;IAEJ,MAAMC,QAAQC,cAAc,aAAa,UAAUA;IACnD,MAAMI,WAAWC,gBAAgBL,cAAc;IAC/C,MAAMU,OAAOP,eAAe,UAAU,CAACG,cAAc,CAACJ;IACtD,MAAMS,OAAO,CAACD;IACd,MAAME,UAAUX,cAAc;IAC9B,MAAMY,YAAYZ,cAAc;IAChC,MAAMa,QAAQf,UAAU;IACxB,MAAMgB,WAAW,CAACX,YAAY,CAACU;IAE/B,IAAIE;IACJ,IAAIC;IACJ,IAAIC;IACJ,IAAIH,YAAY,CAACF,WAAW;QAC1BG,YAAYjB;IACd,OAAO,IAAIK,UAAU;QACnBY,YAAY;IACd;IACA,IAAID,YAAYF,WAAW;QACzBK,kBAAkBnB;IACpB;IACA,IAAIa,SAAS;QACXK,eAAeH,QAAQ,cAAcf;IACvC;IAEA,OAAON,IACLG,OAAO;QACLc;QACAC;QACA,eAAeR,eAAe;QAC9BC;QACAS,WAAW,CAACT,YAAYS;QACxBN,SAASM,aAAaN;QACtBD;QACAa,OAAOR,QAAQT,aAAa;QAC5BkB,OAAOT,QAAQT,aAAa;IAC9B,IACAM,kBACAd,SAAS;QACP2B,SAAS;QACTL;QACAC;QACAC;IACF,IACAT;AAEJ"}

package/dist/button/buttonUnstyledStyles.d.ts

@@ -1,10 +0,0 @@
-/** @since 6.0.0 */
-export interface ButtonUnstyledClassNameOptions {
-    className?: string;
-}
-/**
- * This requires the `$disable-unstyled-utility-class` to be `false` to use.
- *
- * @since 6.0.0
- */
-export declare function buttonUnstyled(options?: ButtonUnstyledClassNameOptions): string;

package/dist/button/buttonUnstyledStyles.js

@@ -1,11 +0,0 @@
-import { cnb } from "cnbuilder";
-/**
- * This requires the `$disable-unstyled-utility-class` to be `false` to use.
- *
- * @since 6.0.0
- */ export function buttonUnstyled(options = {}) {
-    const { className } = options;
-    return cnb("rmd-button-unstyled", className);
-}
-
-//# sourceMappingURL=buttonUnstyledStyles.js.map

package/dist/button/buttonUnstyledStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/button/buttonUnstyledStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\n/** @since 6.0.0 */\nexport interface ButtonUnstyledClassNameOptions {\n  className?: string;\n}\n\n/**\n * This requires the `$disable-unstyled-utility-class` to be `false` to use.\n *\n * @since 6.0.0\n */\nexport function buttonUnstyled(\n  options: ButtonUnstyledClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(\"rmd-button-unstyled\", className);\n}\n"],"names":["cnb","buttonUnstyled","options","className"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAOhC;;;;CAIC,GACD,OAAO,SAASC,eACdC,UAA0C,CAAC,CAAC;IAE5C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOF,IAAI,uBAAuBG;AACpC"}

package/dist/overlay/overlayStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/overlay/overlayStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport {\n  type BoxAlignItems,\n  type BoxJustifyContent,\n  box,\n} from \"../box/styles.js\";\nimport {\n  type CSSTransitionClassNames,\n  type TransitionTimeout,\n} from \"../transition/types.js\";\nimport { bem } from \"../utils/bem.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-overlay-background-color\"?: string;\n    \"--rmd-overlay-z-index\"?: number;\n  }\n}\n\nconst styles = bem(\"rmd-overlay\");\n\n/** @since 6.0.0 */\nexport interface OverlayClassNameOptions {\n  className?: string;\n\n  visible: boolean;\n\n  /** @defaultValue `false` */\n  active?: boolean;\n\n  /** @defaultValue `false` */\n  clickable?: boolean;\n\n  /** @defaultValue `false` */\n  absolute?: boolean;\n  /** @defaultValue `\"center\"` */\n  align?: BoxAlignItems;\n\n  /** @defaultValue `\"center\"` */\n  justify?: BoxJustifyContent;\n}\n\n/**\n * @since 6.0.0\n */\nexport function overlay(\n  options: OverlayClassNameOptions & { active?: boolean }\n): string {\n  const {\n    visible,\n    active,\n    absolute = false,\n    clickable = false,\n    align = \"center\",\n    justify = \"center\",\n    className,\n  } = options;\n\n  return cnb(\n    styles({\n      active,\n      visible,\n      clickable,\n      absolute,\n    }),\n    box({\n      align,\n      justify,\n      disablePadding: true,\n    }),\n    className\n  );\n}\n\n/** @since 2.4.0 */\nexport const DEFAULT_OVERLAY_TIMEOUT = 150 as const satisfies TransitionTimeout;\n\n/** @since 2.4.0 */\nexport const DEFAULT_OVERLAY_CLASSNAMES = {\n  appearActive: \"rmd-overlay--active\",\n  appearDone: \"rmd-overlay--active\",\n  enterActive: \"rmd-overlay--active\",\n  enterDone: \"rmd-overlay--active\",\n} as const satisfies CSSTransitionClassNames;\n"],"names":["cnb","box","bem","styles","overlay","options","visible","active","absolute","clickable","align","justify","className","disablePadding","DEFAULT_OVERLAY_TIMEOUT","DEFAULT_OVERLAY_CLASSNAMES","appearActive","appearDone","enterActive","enterDone"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAGEC,GAAG,QACE,mBAAmB;AAK1B,SAASC,GAAG,QAAQ,kBAAkB;AAStC,MAAMC,SAASD,IAAI;AAuBnB;;CAEC,GACD,OAAO,SAASE,QACdC,OAAuD;IAEvD,MAAM,EACJC,OAAO,EACPC,MAAM,EACNC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,QAAQ,QAAQ,EAChBC,UAAU,QAAQ,EAClBC,SAAS,EACV,GAAGP;IAEJ,OAAOL,IACLG,OAAO;QACLI;QACAD;QACAG;QACAD;IACF,IACAP,IAAI;QACFS;QACAC;QACAE,gBAAgB;IAClB,IACAD;AAEJ;AAEA,iBAAiB,GACjB,OAAO,MAAME,0BAA0B,IAAyC;AAEhF,iBAAiB,GACjB,OAAO,MAAMC,6BAA6B;IACxCC,cAAc;IACdC,YAAY;IACZC,aAAa;IACbC,WAAW;AACb,EAA6C"}

package/dist/test-utils/mocks/match-media-implementation.d.ts

@@ -1,42 +0,0 @@
-import { type MatchMediaMatcher } from "./match-media.js";
-/**
- * @since 6.0.0
- */
-export interface MatchMediaChangeViewport {
-    /**
-     * @example Default Behavior
-     * ```tsx
-     * const matchMedia = spyOnMatchMedia();
-     * render(<Test />);
-     *
-     * // expect desktop results
-     *
-     * matchMedia.changeViewport(matchPhone);
-     * // expect phone results
-     * ```
-     *
-     * @example Custom Act Behavior
-     * ```tsx
-     * const matchMedia = spyOnMatchMedia();
-     * const { rerender } = render(<Test />);
-     *
-     * // expect desktop results
-     *
-     * matchMedia.changeViewport(matchPhone, false);
-     * rerender(<Test key="new-key" />);
-     *
-     * // expect phone results
-     * ```
-     */
-    changeViewport: (matcher: MatchMediaMatcher, disableAct?: boolean) => void;
-}
-/**
- * @since 6.0.0
- */
-export interface MatchMediaMockFunction {
-    mockImplementation(fn: typeof window.matchMedia): this;
-}
-/**
- * @since 6.0.0
- */
-export declare const createMatchMediaSpy: <SpyFunction extends MatchMediaMockFunction>(matchMediaSpy: SpyFunction, defaultMatch?: MatchMediaMatcher) => SpyFunction & MatchMediaChangeViewport;

package/dist/test-utils/mocks/match-media-implementation.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/test-utils/mocks/match-media-implementation.ts"],"sourcesContent":["import { act } from \"@testing-library/react\";\n\nimport {\n  BASE_MEDIA_QUERY_LIST,\n  type MatchMediaMatcher,\n  matchDesktop,\n} from \"./match-media.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface MatchMediaChangeViewport {\n  /**\n   * @example Default Behavior\n   * ```tsx\n   * const matchMedia = spyOnMatchMedia();\n   * render(<Test />);\n   *\n   * // expect desktop results\n   *\n   * matchMedia.changeViewport(matchPhone);\n   * // expect phone results\n   * ```\n   *\n   * @example Custom Act Behavior\n   * ```tsx\n   * const matchMedia = spyOnMatchMedia();\n   * const { rerender } = render(<Test />);\n   *\n   * // expect desktop results\n   *\n   * matchMedia.changeViewport(matchPhone, false);\n   * rerender(<Test key=\"new-key\" />);\n   *\n   * // expect phone results\n   * ```\n   */\n  changeViewport: (matcher: MatchMediaMatcher, disableAct?: boolean) => void;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface MatchMediaMockFunction {\n  mockImplementation(fn: typeof window.matchMedia): this;\n}\n\n/**\n * @since 6.0.0\n */\nexport const createMatchMediaSpy = <SpyFunction extends MatchMediaMockFunction>(\n  matchMediaSpy: SpyFunction,\n  defaultMatch: MatchMediaMatcher = matchDesktop\n): SpyFunction & MatchMediaChangeViewport => {\n  type Listener = (event: MediaQueryListEvent) => void;\n\n  const listeners = new Map<string, Listener>();\n  const matchMedia = matchMediaSpy.mockImplementation((query) => ({\n    ...BASE_MEDIA_QUERY_LIST,\n    addEventListener(type: string, listener: Listener | EventListenerObject) {\n      /* c8 ignore start */\n      if (typeof listener !== \"function\" || type !== \"change\") {\n        return;\n      }\n      /* c8 ignore stop */\n\n      listeners.set(query, listener);\n    },\n    removeEventListener(\n      type: string,\n      listener: Listener | EventListenerObject\n    ) {\n      /* c8 ignore start */\n      if (typeof listener !== \"function\" || type !== \"change\") {\n        return;\n      }\n      /* c8 ignore stop */\n\n      listeners.delete(query);\n    },\n    matches: defaultMatch(query),\n  }));\n\n  const changeViewport = (\n    matcher: MatchMediaMatcher,\n    disableAct = false\n  ): void => {\n    const update = (): void => {\n      window.dispatchEvent(new Event(\"resize\"));\n\n      const event = new Event(\"change\");\n      listeners.forEach((listener, query) => {\n        listener({\n          ...event,\n          media: \"\",\n          matches: matcher(query),\n        });\n      });\n    };\n    if (disableAct) {\n      update();\n    } else {\n      act(update);\n    }\n  };\n\n  const mock = matchMedia as SpyFunction & MatchMediaChangeViewport;\n  mock.changeViewport = changeViewport;\n\n  return mock;\n};\n"],"names":["act","BASE_MEDIA_QUERY_LIST","matchDesktop","createMatchMediaSpy","matchMediaSpy","defaultMatch","listeners","Map","matchMedia","mockImplementation","query","addEventListener","type","listener","set","removeEventListener","delete","matches","changeViewport","matcher","disableAct","update","window","dispatchEvent","Event","event","forEach","media","mock"],"mappings":"AAAA,SAASA,GAAG,QAAQ,yBAAyB;AAE7C,SACEC,qBAAqB,EAErBC,YAAY,QACP,mBAAmB;AAyC1B;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CACjCC,eACAC,eAAkCH,YAAY;IAI9C,MAAMI,YAAY,IAAIC;IACtB,MAAMC,aAAaJ,cAAcK,kBAAkB,CAAC,CAACC,QAAW,CAAA;YAC9D,GAAGT,qBAAqB;YACxBU,kBAAiBC,IAAY,EAAEC,QAAwC;gBACrE,mBAAmB,GACnB,IAAI,OAAOA,aAAa,cAAcD,SAAS,UAAU;oBACvD;gBACF;gBACA,kBAAkB,GAElBN,UAAUQ,GAAG,CAACJ,OAAOG;YACvB;YACAE,qBACEH,IAAY,EACZC,QAAwC;gBAExC,mBAAmB,GACnB,IAAI,OAAOA,aAAa,cAAcD,SAAS,UAAU;oBACvD;gBACF;gBACA,kBAAkB,GAElBN,UAAUU,MAAM,CAACN;YACnB;YACAO,SAASZ,aAAaK;QACxB,CAAA;IAEA,MAAMQ,iBAAiB,CACrBC,SACAC,aAAa,KAAK;QAElB,MAAMC,SAAS;YACbC,OAAOC,aAAa,CAAC,IAAIC,MAAM;YAE/B,MAAMC,QAAQ,IAAID,MAAM;YACxBlB,UAAUoB,OAAO,CAAC,CAACb,UAAUH;gBAC3BG,SAAS;oBACP,GAAGY,KAAK;oBACRE,OAAO;oBACPV,SAASE,QAAQT;gBACnB;YACF;QACF;QACA,IAAIU,YAAY;YACdC;QACF,OAAO;YACLrB,IAAIqB;QACN;IACF;IAEA,MAAMO,OAAOpB;IACboB,KAAKV,cAAc,GAAGA;IAEtB,OAAOU;AACT,EAAE"}

package/dist/tooltip/tooltipStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/tooltip/tooltipStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { type TextOverflow, cssUtils } from \"../cssUtils.js\";\nimport type { SimplePosition } from \"../positioning/types.js\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-tooltip\");\n\n/**\n * @since 6.0.0\n */\nexport interface TooltipClassNameOptions {\n  className?: string;\n  dense?: boolean;\n  position: SimplePosition;\n  textOverflow?: TextOverflow;\n}\n\n/**\n * @since 6.0.0\n */\nexport function tooltip(options: TooltipClassNameOptions): string {\n  const { dense, position, className, textOverflow } = options;\n\n  return cnb(\n    styles({\n      dense,\n      [position]: true,\n    }),\n    cssUtils({ textOverflow }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","bem","styles","tooltip","options","dense","position","className","textOverflow"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAA4BC,QAAQ,QAAQ,iBAAiB;AAE7D,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAYnB;;CAEC,GACD,OAAO,SAASE,QAAQC,OAAgC;IACtD,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGJ;IAErD,OAAOL,IACLG,OAAO;QACLG;QACA,CAACC,SAAS,EAAE;IACd,IACAN,SAAS;QAAEQ;IAAa,IACxBD;AAEJ"}

package/src/button/buttonUnstyledStyles.ts

@@ -1,19 +0,0 @@
-import { cnb } from "cnbuilder";
-
-/** @since 6.0.0 */
-export interface ButtonUnstyledClassNameOptions {
-  className?: string;
-}
-
-/**
- * This requires the `$disable-unstyled-utility-class` to be `false` to use.
- *
- * @since 6.0.0
- */
-export function buttonUnstyled(
-  options: ButtonUnstyledClassNameOptions = {}
-): string {
-  const { className } = options;
-
-  return cnb("rmd-button-unstyled", className);
-}