@oxy.so/bloom 2.10.0 → 2.11.0

package/lib/typescript/commonjs/listing-details/use-container-width.d.ts

@@ -1,13 +0,0 @@
-import type { LayoutChangeEvent } from 'react-native';
-/**
- * The width a part was laid out at, or `null` before the first layout.
- *
- * Parts measure THEMSELVES rather than the window, so a listing page split
- * into a content column and a booking column picks its layout from the space
- * it actually has.
- */
-export declare function useContainerWidth(): {
-    width: number | null;
-    onLayout: (event: LayoutChangeEvent) => void;
-};
-//# sourceMappingURL=use-container-width.d.ts.map

package/lib/typescript/commonjs/listing-details/use-container-width.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-container-width.d.ts","sourceRoot":"","sources":["../../../../src/listing-details/use-container-width.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,IAAI;IACnC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C,CAOA"}

package/lib/typescript/commonjs/music-library/GlyphButton.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-/**
- * The family's round glyph-only control: transparent (or `fill`) at rest,
- * `hoverFill` under the pointer — a colour change only. With `pressedState` it
- * is a toggle and carries `aria-pressed` (web) and `accessibilityState.selected`
- * (native).
- */
-export declare function GlyphButton({ label, onPress, size, children, fill, hoverFill, pressedState, ring, testID, disabled, }: {
-    label: string;
-    onPress?: () => void;
-    size: number;
-    children: React.ReactNode;
-    fill: string;
-    hoverFill: string;
-    pressedState?: boolean;
-    ring: string;
-    testID?: string;
-    disabled?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=GlyphButton.d.ts.map

package/lib/typescript/commonjs/music-library/GlyphButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlyphButton.d.ts","sourceRoot":"","sources":["../../../../src/music-library/GlyphButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CA8BA"}

package/lib/typescript/commonjs/stay-filters/FilterTextButton.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface FilterTextButtonProps {
-    label: string;
-    onPress: () => void;
-    disabled?: boolean;
-    /** Set for a disclosure ("Show more"); emitted as `aria-expanded`. */
-    expanded?: boolean;
-    testID?: string;
-}
-declare function FilterTextButtonComponent({ label, onPress, disabled, expanded, testID }: FilterTextButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare const FilterTextButton: React.MemoExoticComponent<typeof FilterTextButtonComponent>;
-export {};
-//# sourceMappingURL=FilterTextButton.d.ts.map

package/lib/typescript/commonjs/stay-filters/FilterTextButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterTextButton.d.ts","sourceRoot":"","sources":["../../../../src/stay-filters/FilterTextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AA2CxD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,yBAAyB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAgB,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CAiD/G;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC"}

package/lib/typescript/module/listing-details/use-container-width.d.ts

@@ -1,13 +0,0 @@
-import type { LayoutChangeEvent } from 'react-native';
-/**
- * The width a part was laid out at, or `null` before the first layout.
- *
- * Parts measure THEMSELVES rather than the window, so a listing page split
- * into a content column and a booking column picks its layout from the space
- * it actually has.
- */
-export declare function useContainerWidth(): {
-    width: number | null;
-    onLayout: (event: LayoutChangeEvent) => void;
-};
-//# sourceMappingURL=use-container-width.d.ts.map

package/lib/typescript/module/listing-details/use-container-width.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-container-width.d.ts","sourceRoot":"","sources":["../../../../src/listing-details/use-container-width.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,IAAI;IACnC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C,CAOA"}

package/lib/typescript/module/music-library/GlyphButton.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-/**
- * The family's round glyph-only control: transparent (or `fill`) at rest,
- * `hoverFill` under the pointer — a colour change only. With `pressedState` it
- * is a toggle and carries `aria-pressed` (web) and `accessibilityState.selected`
- * (native).
- */
-export declare function GlyphButton({ label, onPress, size, children, fill, hoverFill, pressedState, ring, testID, disabled, }: {
-    label: string;
-    onPress?: () => void;
-    size: number;
-    children: React.ReactNode;
-    fill: string;
-    hoverFill: string;
-    pressedState?: boolean;
-    ring: string;
-    testID?: string;
-    disabled?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=GlyphButton.d.ts.map

package/lib/typescript/module/music-library/GlyphButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlyphButton.d.ts","sourceRoot":"","sources":["../../../../src/music-library/GlyphButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CA8BA"}

package/lib/typescript/module/stay-filters/FilterTextButton.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface FilterTextButtonProps {
-    label: string;
-    onPress: () => void;
-    disabled?: boolean;
-    /** Set for a disclosure ("Show more"); emitted as `aria-expanded`. */
-    expanded?: boolean;
-    testID?: string;
-}
-declare function FilterTextButtonComponent({ label, onPress, disabled, expanded, testID }: FilterTextButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare const FilterTextButton: React.MemoExoticComponent<typeof FilterTextButtonComponent>;
-export {};
-//# sourceMappingURL=FilterTextButton.d.ts.map

package/lib/typescript/module/stay-filters/FilterTextButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterTextButton.d.ts","sourceRoot":"","sources":["../../../../src/stay-filters/FilterTextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AA2CxD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,yBAAyB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAgB,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CAiD/G;AAED,eAAO,MAAM,gBAAgB,6DAAkC,CAAC"}

package/src/music-library/GlyphButton.tsx

@@ -1,67 +0,0 @@
-import React, { useState } from 'react';
-import { Pressable } from 'react-native';
-
-import { webDataSet } from '../checkbox/shared';
-import { borderRadius } from '../styles/tokens';
-import type { WebCssStyle } from '../styles/web-view-style';
-
-/**
- * The family's round glyph-only control: transparent (or `fill`) at rest,
- * `hoverFill` under the pointer — a colour change only. With `pressedState` it
- * is a toggle and carries `aria-pressed` (web) and `accessibilityState.selected`
- * (native).
- */
-export function GlyphButton({
-  label,
-  onPress,
-  size,
-  children,
-  fill,
-  hoverFill,
-  pressedState,
-  ring,
-  testID,
-  disabled,
-}: {
-  label: string;
-  onPress?: () => void;
-  size: number;
-  children: React.ReactNode;
-  fill: string;
-  hoverFill: string;
-  pressedState?: boolean;
-  ring: string;
-  testID?: string;
-  disabled?: boolean;
-}) {
-  const [hovered, setHovered] = useState(false);
-  const style: WebCssStyle = {
-    width: size,
-    height: size,
-    borderRadius: borderRadius.full,
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: hovered ? hoverFill : fill,
-    '--bloom-music-ring': ring,
-  };
-  const toggle = pressedState !== undefined;
-  return (
-    <Pressable
-      {...webDataSet({ bloomMusicFocusable: '' })}
-      role="button"
-      accessibilityLabel={label}
-      aria-pressed={toggle ? pressedState : undefined}
-      accessibilityState={toggle ? { selected: pressedState } : undefined}
-      onPress={onPress}
-      disabled={disabled}
-      aria-disabled={disabled || undefined}
-      onHoverIn={() => setHovered(true)}
-      onHoverOut={() => setHovered(false)}
-      style={style}
-      testID={testID}
-    >
-      {children}
-    </Pressable>
-  );
-}
-

package/src/stay-filters/FilterTextButton.tsx

@@ -1,105 +0,0 @@
-import React, { memo, useEffect, useMemo } from 'react';
-import { Pressable } from 'react-native';
-
-import { resolveButtonRamps } from '../button/shared';
-import { FOCUS_RING_OFFSET_COLOR, webDataSet } from '../checkbox/shared';
-import { useInteractionState } from '../hooks/use-interaction-state';
-import { adoptStyleSheet } from '../styles/adopt-style-sheet';
-import type { WebCssStyle } from '../styles/web-view-style';
-import { useTheme } from '../theme/use-theme';
-import { Text } from '../typography';
-
-/**
- * The underlined text action of a filters surface ("Clear all", "Show more").
- * Internal.
- *
- *   label     body-semibold, text-primary, underlined
- *   hover     text-secondary (web pointer); press the same — colour only
- *   disabled  text-tertiary, not pressable
- *   target    8px of padding around the label, taken back out with negative
- *             margins so the underline still aligns with the content edge
- *
- * Why not `Button`: its `link` variant paints the accent (or neutral-500) and
- * underlines only on hover; here the underline IS the affordance at rest and the
- * label stays the reading colour, so it sits quietly beside the primary action.
- */
-
-const STYLE_ID = 'bloom-filter-text-button-web-css';
-const SELECTOR = '[data-bloom-filter-text-button]';
-const CSS = `
-${SELECTOR} {
-  outline: none;
-  cursor: pointer;
-}
-${SELECTOR}[aria-disabled="true"] {
-  cursor: default;
-}
-${SELECTOR}:focus-visible {
-  box-shadow: 0 0 0 2px ${FOCUS_RING_OFFSET_COLOR}, 0 0 0 4px var(--bloom-filter-text-button-ring, currentColor);
-}
-`;
-
-const PAD = 8;
-
-export interface FilterTextButtonProps {
-  label: string;
-  onPress: () => void;
-  disabled?: boolean;
-  /** Set for a disclosure ("Show more"); emitted as `aria-expanded`. */
-  expanded?: boolean;
-  testID?: string;
-}
-
-function FilterTextButtonComponent({ label, onPress, disabled = false, expanded, testID }: FilterTextButtonProps) {
-  const theme = useTheme();
-  useEffect(() => {
-    adoptStyleSheet(STYLE_ID, CSS);
-  }, []);
-  const { accent } = useMemo(() => resolveButtonRamps(theme), [theme]);
-  const { state: hovered, onIn: onHoverIn, onOut: onHoverOut } = useInteractionState();
-  const { state: pressed, onIn: onPressIn, onOut: onPressOut } = useInteractionState();
-  const color = disabled
-    ? theme.colors.textTertiary
-    : hovered || pressed
-      ? theme.colors.textSecondary
-      : theme.colors.text;
-
-  const style: WebCssStyle = {
-    paddingTop: PAD,
-    paddingBottom: PAD,
-    paddingLeft: PAD,
-    paddingRight: PAD,
-    marginTop: -PAD,
-    marginBottom: -PAD,
-    marginLeft: -PAD,
-    marginRight: -PAD,
-    borderRadius: 8,
-    '--bloom-filter-text-button-ring': accent[500],
-  };
-
-  return (
-    <Pressable
-      role="button"
-      accessibilityLabel={label}
-      accessibilityState={expanded === undefined ? { disabled } : { disabled, expanded }}
-      aria-expanded={expanded}
-      aria-disabled={disabled || undefined}
-      disabled={disabled}
-      onPress={onPress}
-      onPressIn={onPressIn}
-      onPressOut={onPressOut}
-      onHoverIn={onHoverIn}
-      onHoverOut={onHoverOut}
-      testID={testID}
-      {...webDataSet({ bloomFilterTextButton: '' })}
-      style={style}
-    >
-      <Text variant="body-semibold" style={{ color, textDecorationLine: 'underline' }}>
-        {label}
-      </Text>
-    </Pressable>
-  );
-}
-
-export const FilterTextButton = memo(FilterTextButtonComponent);
-FilterTextButton.displayName = 'FilterTextButton';