@webority/mobile-ui 0.96.0 → 0.98.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas-kit/kit.js +6747 -6580
- package/dist/canvas-kit/manifest.json +19 -1
- package/dist/canvas-kit/release.json +6 -6
- package/lib/commonjs/canvasKit/index.js +1 -1
- package/lib/commonjs/components/AppBar/AppBar.js +1 -1
- package/lib/commonjs/components/Avatar/Avatar.js +1 -1
- package/lib/commonjs/components/Banner/Banner.js +1 -1
- package/lib/commonjs/components/BottomNavigation/BottomNavigation.js +1 -1
- package/lib/commonjs/components/Button/Button.js +1 -1
- package/lib/commonjs/components/Calendar/Calendar.js +1 -1
- package/lib/commonjs/components/Checkbox/Checkbox.js +1 -1
- package/lib/commonjs/components/Chip/Chip.js +1 -1
- package/lib/commonjs/components/DatePicker/DatePicker.js +1 -1
- package/lib/commonjs/components/FilePicker/FilePicker.js +1 -1
- package/lib/commonjs/components/IconButton/IconButton.js +1 -1
- package/lib/commonjs/components/ImageGallery/ImageGallery.js +1 -1
- package/lib/commonjs/components/InlineSelect/InlineSelect.js +1 -1
- package/lib/commonjs/components/Input/Input.js +1 -1
- package/lib/commonjs/components/KeyboardToolbar/KeyboardToolbar.js +1 -1
- package/lib/commonjs/components/OptionSheet/OptionSheet.js +1 -1
- package/lib/commonjs/components/PhoneNumberInput/PhoneNumberInput.js +1 -1
- package/lib/commonjs/components/Radio/Radio.js +1 -1
- package/lib/commonjs/components/Rating/Rating.js +1 -1
- package/lib/commonjs/components/RichTextEditor/RichTextEditor.js +1 -1
- package/lib/commonjs/components/SearchBar/SearchBar.js +1 -1
- package/lib/commonjs/components/SliderField/SliderField.js +1 -1
- package/lib/commonjs/components/Stepper/Stepper.js +1 -1
- package/lib/commonjs/components/Switch/Switch.js +1 -1
- package/lib/commonjs/components/Text/Text.js +1 -1
- package/lib/commonjs/components/Toast/Toast.js +1 -1
- package/lib/commonjs/index.js +1 -1
- package/lib/commonjs/theme/index.js +1 -1
- package/lib/module/canvasKit/index.js +1 -1
- package/lib/module/components/AppBar/AppBar.js +1 -1
- package/lib/module/components/Avatar/Avatar.js +1 -1
- package/lib/module/components/Banner/Banner.js +1 -1
- package/lib/module/components/BottomNavigation/BottomNavigation.js +1 -1
- package/lib/module/components/Button/Button.js +1 -1
- package/lib/module/components/Calendar/Calendar.js +1 -1
- package/lib/module/components/Checkbox/Checkbox.js +1 -1
- package/lib/module/components/Chip/Chip.js +1 -1
- package/lib/module/components/DatePicker/DatePicker.js +1 -1
- package/lib/module/components/FilePicker/FilePicker.js +1 -1
- package/lib/module/components/IconButton/IconButton.js +1 -1
- package/lib/module/components/ImageGallery/ImageGallery.js +1 -1
- package/lib/module/components/InlineSelect/InlineSelect.js +1 -1
- package/lib/module/components/Input/Input.js +1 -1
- package/lib/module/components/KeyboardToolbar/KeyboardToolbar.js +1 -1
- package/lib/module/components/OptionSheet/OptionSheet.js +1 -1
- package/lib/module/components/PhoneNumberInput/PhoneNumberInput.js +1 -1
- package/lib/module/components/Radio/Radio.js +1 -1
- package/lib/module/components/Rating/Rating.js +1 -1
- package/lib/module/components/RichTextEditor/RichTextEditor.js +1 -1
- package/lib/module/components/SearchBar/SearchBar.js +1 -1
- package/lib/module/components/SliderField/SliderField.js +1 -1
- package/lib/module/components/Stepper/Stepper.js +1 -1
- package/lib/module/components/Switch/Switch.js +1 -1
- package/lib/module/components/Text/Text.js +1 -1
- package/lib/module/components/Toast/Toast.js +1 -1
- package/lib/module/index.js +1 -1
- package/lib/module/theme/index.js +1 -1
- package/lib/typescript/commonjs/canvasKit/index.d.ts +20 -3
- package/lib/typescript/commonjs/components/AppBar/AppBar.d.ts +1 -0
- package/lib/typescript/commonjs/components/Button/Button.meta.d.ts +1 -1
- package/lib/typescript/commonjs/components/Card/Card.meta.d.ts +1 -1
- package/lib/typescript/commonjs/components/Checkbox/Checkbox.meta.d.ts +1 -1
- package/lib/typescript/commonjs/components/DecimalInput/DecimalInput.meta.d.ts +1 -1
- package/lib/typescript/commonjs/components/Input/Input.meta.d.ts +1 -1
- package/lib/typescript/commonjs/components/Radio/Radio.meta.d.ts +1 -1
- package/lib/typescript/commonjs/components/SearchBar/SearchBar.meta.d.ts +1 -1
- package/lib/typescript/commonjs/components/Switch/Switch.meta.d.ts +1 -1
- package/lib/typescript/commonjs/components/Text/Text.meta.d.ts +1 -1
- package/lib/typescript/commonjs/index.d.ts +2 -3
- package/lib/typescript/commonjs/theme/index.d.ts +0 -20
- package/lib/typescript/module/canvasKit/index.d.ts +20 -3
- package/lib/typescript/module/components/AppBar/AppBar.d.ts +1 -0
- package/lib/typescript/module/components/Button/Button.meta.d.ts +1 -1
- package/lib/typescript/module/components/Card/Card.meta.d.ts +1 -1
- package/lib/typescript/module/components/Checkbox/Checkbox.meta.d.ts +1 -1
- package/lib/typescript/module/components/DecimalInput/DecimalInput.meta.d.ts +1 -1
- package/lib/typescript/module/components/Input/Input.meta.d.ts +1 -1
- package/lib/typescript/module/components/Radio/Radio.meta.d.ts +1 -1
- package/lib/typescript/module/components/SearchBar/SearchBar.meta.d.ts +1 -1
- package/lib/typescript/module/components/Switch/Switch.meta.d.ts +1 -1
- package/lib/typescript/module/components/Text/Text.meta.d.ts +1 -1
- package/lib/typescript/module/index.d.ts +2 -3
- package/lib/typescript/module/theme/index.d.ts +0 -20
- package/package.json +6 -6
- package/lib/commonjs/initUI.js +0 -1
- package/lib/module/initUI.js +0 -1
- package/lib/typescript/commonjs/initUI.d.ts +0 -12
- package/lib/typescript/module/initUI.d.ts +0 -12
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { InputProps } from "./Input";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta").PhoneMeta<InputProps, "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta").PhoneMeta<InputProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "maxFontSizeMultiplier" | "textAlign" | "textAlignVertical" | "verticalAlign" | "numberOfLines" | "allowFontScaling" | "lineBreakStrategyIOS" | "selectionColor" | "textBreakStrategy" | "selection" | "scrollEnabled" | "defaultValue" | "submitBehavior" | "autoComplete" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "inputMode" | "placeholderTextColor" | "enterKeyHint" | "selectTextOnFocus" | "inputAccessoryViewID" | "inputAccessoryViewButtonLabel" | "disableKeyboardShortcuts" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "lineBreakModeIOS" | "smartInsertDelete" | "cursorColor" | "selectionHandleColor" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "leftIcon" | "rightIcon" | "action", never>;
|
|
3
3
|
//# sourceMappingURL=Input.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { RadioProps } from "./Radio";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta").PhoneMeta<RadioProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta").PhoneMeta<RadioProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "pressRetentionOffset" | "haptic" | "delayLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay", never>;
|
|
3
3
|
//# sourceMappingURL=Radio.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { SearchBarProps } from "./SearchBar";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta").PhoneMeta<Pick<SearchBarProps, "disabled" | "size" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta").PhoneMeta<Pick<SearchBarProps, "disabled" | "size" | "accessibilityLabel" | "value" | "label" | "borderRadius" | "variant" | "placeholder" | "haptic" | "autoFocus" | "leftIcon" | "labelMode" | "scope" | "scopes" | "recents" | "suggestions" | "debounceMs" | "recentsTitle" | "maxRecents" | "maxSuggestions">, "haptic", never>;
|
|
3
3
|
//# sourceMappingURL=SearchBar.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { SwitchProps } from "./Switch";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta").PhoneMeta<SwitchProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta").PhoneMeta<SwitchProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "pressRetentionOffset" | "haptic" | "delayLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay", never>;
|
|
3
3
|
//# sourceMappingURL=Switch.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { TextProps } from "./Text";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta").PhoneMeta<TextProps, "disabled" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta").PhoneMeta<TextProps, "disabled" | "id" | "pointerEvents" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "maxFontSizeMultiplier" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency", never>;
|
|
3
3
|
//# sourceMappingURL=Text.meta.d.ts.map
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { PHONE_CHROME_INSETS } from "./canvasKit";
|
|
1
2
|
export * from "./components";
|
|
2
3
|
export type { AppIconName, AppIconProps, AppIconSize, CuratedIconName, IconName, IconsaxShadowedName, IconVariant, SlotIcon, SlotIconRef, SlotIconState, SlotNode, } from "./components/AppIcon";
|
|
3
4
|
export { APP_ICON_SIZES, AppIcon, CURATED_ICON_NAMES, defaultIcons, ICON_NAMES, ICONSAX_SUFFIX, renderSlotIcon, } from "./components/AppIcon";
|
|
@@ -5,12 +6,10 @@ export type { FieldArrayApi, FieldInputProps, FieldRules, FieldState, FocusableN
|
|
|
5
6
|
export { deletePath, Form, getPath, HookFormField, isFieldFilled, rules, setPath, useField, useFieldArray, useForm, useFormCompletion, useFormContext, useHookFormField, useOptionalFormContext, } from "./form";
|
|
6
7
|
export type { FieldChain, FieldChainProps, MotionDurationKey, PresenceMotion, PressAnimationPreset, ScrollDirection, UseControllableStateOptions, UsePressAnimationOptions, UsePressAnimationResult, UseRefreshControlLabels, UseRefreshControlOptions, UseRefreshControlResult, UseScrollDirectionOptions, UseScrollDirectionResult, UseToggleResult, } from "./hooks";
|
|
7
8
|
export { FLICK_TOLERANCE, PRESENCE_REDUCE_MOTION, PRESS_ANIMATION_PRESETS, useControllableState, useDebounce, useFieldChain, useFlickGuard, usePresenceMotion, usePressAnimation, useReducedMotion, useRefreshControl, useScrollDirection, useToggle, } from "./hooks";
|
|
8
|
-
export type { InitUIOptions } from "./initUI";
|
|
9
|
-
export { initUI } from "./initUI";
|
|
10
9
|
export type { NetworkStatusBannerProps } from "./network";
|
|
11
10
|
export { NetworkStatusBanner } from "./network";
|
|
12
11
|
export type { BrandOverrides, ColorMode, ColorName, ColorSchemePreference, ComponentName, ComponentSettings, ComponentSizeTokens, ComponentTokens, DurationName, EaseName, FieldVariant, FontFaces, FontName, FontWeightValue, GradientDefinition, GradientScale, IconRegistry, IconRenderer, LeadingName, LetterSpacingName, PhoneShadow, RadiusName, Resolved, ShadowName, SizeName, SpaceName, Spring, SpringScale, TextName, TextVariantSpec, Theme, ThemeProviderProps, ThemeSettings, TokenSet, WeightName, } from "./theme";
|
|
13
|
-
export { COLOR_NAMES, DURATION_NAMES, darkTheme, EASE_NAMES, FONT_NAMES,
|
|
12
|
+
export { COLOR_NAMES, DURATION_NAMES, darkTheme, EASE_NAMES, FONT_NAMES, LEADING_NAMES, LETTER_SPACING_NAMES, lightTheme, mergeBrand, RADIUS_NAMES, radiusOf, resolveBadgeSize, resolveButtonSize, resolveCheckboxSize, resolveChipSize, resolveEmptyStateSize, resolveFieldSize, resolveFloatingActionButtonSize, resolveListItemSize, resolveOtpInputSize, resolveRadioSize, resolveSegmentedControlSize, resolveSliderSize, resolveSwitchSize, resolveTabsSize, SHADOW_NAMES, SIZE_NAMES, SPACE_NAMES, spaceOf, TEXT_NAMES, ThemeProvider, textOf, useTheme, useThemeMode, WEIGHT_NAMES, } from "./theme";
|
|
14
13
|
export type { AnnounceOptions, BreakpointKey, FeedbackIntent, HapticType, ResponsiveScales, ScreenInfo, SquirclePathParams, } from "./utils";
|
|
15
14
|
export { announce, Breakpoints, configureFeedback, feedback, hapticForIntent, isFeedbackEnabled, isScreenSize, isTablet, Responsive, ScreenDimensions, SQUIRCLE_MIN_RADIUS, SQUIRCLE_SMOOTHING, setHapticImplementation, shadowStyle, smoothCorners, squircleApplies, squircleHostRadius, squirclePath, triggerHaptic, useScreenDimensions, warnUnknownProps, } from "./utils";
|
|
16
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,23 +1,3 @@
|
|
|
1
|
-
import type { BrandOverrides, ColorMode, Theme, ThemeSettings } from "./types";
|
|
2
|
-
/**
|
|
3
|
-
* Set the brand and the settings the app's theme is built from.
|
|
4
|
-
*
|
|
5
|
-
* REPLACES both stored values; it does not accumulate them. Calling
|
|
6
|
-
* `setTheme(brandA)` and then `setTheme(undefined, settingsB)` leaves ONLY
|
|
7
|
-
* settingsB live: the brand silently reverts to the base theme. Pass the
|
|
8
|
-
* complete brand and settings in one call, or merge them yourself before calling.
|
|
9
|
-
*
|
|
10
|
-
* This is deliberate (one call sets the whole configuration, last call wins) and
|
|
11
|
-
* is pinned by a test. Do not "fix" it to merge without treating that as the
|
|
12
|
-
* behaviour change it is: an app relying on replace to CLEAR a previous brand
|
|
13
|
-
* would silently keep it.
|
|
14
|
-
*/
|
|
15
|
-
export declare const setTheme: (brand?: BrandOverrides, settings?: ThemeSettings) => void;
|
|
16
|
-
export declare const setColorMode: (mode: ColorMode) => void;
|
|
17
|
-
export declare const getColorMode: () => ColorMode;
|
|
18
|
-
export declare const getTheme: () => Theme;
|
|
19
|
-
export declare const resetTheme: () => void;
|
|
20
|
-
export declare const subscribeTheme: (callback: () => void) => (() => void);
|
|
21
1
|
export { createAnimatedValue, setNativeValue } from "./animatedValue";
|
|
22
2
|
export type { Resolved } from "./componentSizes";
|
|
23
3
|
export { resolveBadgeSize, resolveButtonSize, resolveCheckboxSize, resolveChipSize, resolveEmptyStateSize, resolveFieldSize, resolveFloatingActionButtonSize, resolveListItemSize, resolveOtpInputSize, resolveRadioSize, resolveSegmentedControlSize, resolveSliderSize, resolveSwitchSize, resolveTabsSize, validateComponentTokens, } from "./componentSizes";
|
|
@@ -2,11 +2,27 @@ import { type ReactNode } from "react";
|
|
|
2
2
|
import { View } from "react-native";
|
|
3
3
|
import type { ColorMode } from "../theme/types.js";
|
|
4
4
|
export type PhoneChromeOs = "Ios" | "Android";
|
|
5
|
+
export declare const PHONE_CHROME_INSETS: {
|
|
6
|
+
readonly Ios: {
|
|
7
|
+
readonly top: 54;
|
|
8
|
+
readonly bottom: 34;
|
|
9
|
+
};
|
|
10
|
+
readonly Android: {
|
|
11
|
+
readonly top: 24;
|
|
12
|
+
readonly bottom: 0;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
5
15
|
export interface StatusBarProps {
|
|
6
16
|
os: PhoneChromeOs;
|
|
7
17
|
colorMode?: ColorMode;
|
|
18
|
+
/** The clock as shown, such as 9:41. */
|
|
19
|
+
time?: string;
|
|
20
|
+
/** Signal strength in bars, 0 to 4. */
|
|
21
|
+
signal?: number;
|
|
22
|
+
/** Battery level in percent, 0 to 100. */
|
|
23
|
+
battery?: number;
|
|
8
24
|
}
|
|
9
|
-
export declare const StatusBar: ({ os, colorMode }: StatusBarProps) => import("react").CElement<import("react-native").ViewProps, View>;
|
|
25
|
+
export declare const StatusBar: ({ os, colorMode, time, signal, battery }: StatusBarProps) => import("react").CElement<import("react-native").ViewProps, View>;
|
|
10
26
|
export interface HomeIndicatorProps {
|
|
11
27
|
os: PhoneChromeOs;
|
|
12
28
|
colorMode?: ColorMode;
|
|
@@ -31,9 +47,10 @@ export interface KeyboardFrameProps {
|
|
|
31
47
|
export declare const KeyboardFrame: ({ colorMode, previewOs, children }: KeyboardFrameProps) => import("react").CElement<import("react-native").ViewProps, View>;
|
|
32
48
|
export interface PhoneChromeManifestProp {
|
|
33
49
|
name: string;
|
|
34
|
-
type: "enum";
|
|
35
|
-
enum
|
|
50
|
+
type: "enum" | "string" | "number";
|
|
51
|
+
enum?: string[];
|
|
36
52
|
required: boolean;
|
|
53
|
+
description?: string;
|
|
37
54
|
}
|
|
38
55
|
export interface PhoneChromeManifestComponent {
|
|
39
56
|
name: string;
|
|
@@ -24,6 +24,7 @@ export interface AppBarRightAction extends AppBarAction {
|
|
|
24
24
|
}
|
|
25
25
|
export interface AppBarProps {
|
|
26
26
|
title?: string;
|
|
27
|
+
/** One line, two on the large variant; longer text ends in an ellipsis. */
|
|
27
28
|
subtitle?: string;
|
|
28
29
|
titleAlignment?: AppBarTitleAlignment;
|
|
29
30
|
leftAction?: AppBarAction;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { ButtonProps } from "./Button.js";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<ButtonProps, "gradient" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<ButtonProps, "gradient" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "pressRetentionOffset" | "haptic" | "delayLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "pressAnimation", never>;
|
|
3
3
|
//# sourceMappingURL=Button.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { CardProps } from "./Card.js";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<CardProps, "gradient" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<CardProps, "gradient" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "pressRetentionOffset" | "haptic" | "delayLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "imageSource", never>;
|
|
3
3
|
//# sourceMappingURL=Card.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { CheckboxProps } from "./Checkbox.js";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<CheckboxProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<CheckboxProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "pressRetentionOffset" | "haptic" | "delayLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay", never>;
|
|
3
3
|
//# sourceMappingURL=Checkbox.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { DecimalInputProps } from "./DecimalInput.js";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<DecimalInputProps, "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<DecimalInputProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "maxFontSizeMultiplier" | "textAlign" | "textAlignVertical" | "verticalAlign" | "numberOfLines" | "allowFontScaling" | "lineBreakStrategyIOS" | "selectionColor" | "textBreakStrategy" | "selection" | "scrollEnabled" | "defaultValue" | "returnKeyType" | "submitBehavior" | "autoCapitalize" | "autoComplete" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "editable" | "inputMode" | "placeholderTextColor" | "enterKeyHint" | "selectTextOnFocus" | "inputAccessoryViewID" | "inputAccessoryViewButtonLabel" | "disableKeyboardShortcuts" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "lineBreakModeIOS" | "smartInsertDelete" | "cursorColor" | "selectionHandleColor" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus", never>;
|
|
3
3
|
//# sourceMappingURL=DecimalInput.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { InputProps } from "./Input.js";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<InputProps, "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<InputProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "maxFontSizeMultiplier" | "textAlign" | "textAlignVertical" | "verticalAlign" | "numberOfLines" | "allowFontScaling" | "lineBreakStrategyIOS" | "selectionColor" | "textBreakStrategy" | "selection" | "scrollEnabled" | "defaultValue" | "submitBehavior" | "autoComplete" | "autoCorrect" | "autoFocus" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "inputMode" | "placeholderTextColor" | "enterKeyHint" | "selectTextOnFocus" | "inputAccessoryViewID" | "inputAccessoryViewButtonLabel" | "disableKeyboardShortcuts" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "keyboardAppearance" | "passwordRules" | "rejectResponderTermination" | "selectionState" | "spellCheck" | "textContentType" | "lineBreakModeIOS" | "smartInsertDelete" | "cursorColor" | "selectionHandleColor" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "underlineColorAndroid" | "showSoftInputOnFocus" | "leftIcon" | "rightIcon" | "action", never>;
|
|
3
3
|
//# sourceMappingURL=Input.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { RadioProps } from "./Radio.js";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<RadioProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<RadioProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "pressRetentionOffset" | "haptic" | "delayLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay", never>;
|
|
3
3
|
//# sourceMappingURL=Radio.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { SearchBarProps } from "./SearchBar.js";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<Pick<SearchBarProps, "disabled" | "size" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<Pick<SearchBarProps, "disabled" | "size" | "accessibilityLabel" | "value" | "label" | "borderRadius" | "variant" | "placeholder" | "haptic" | "autoFocus" | "leftIcon" | "labelMode" | "scope" | "scopes" | "recents" | "suggestions" | "debounceMs" | "recentsTitle" | "maxRecents" | "maxSuggestions">, "haptic", never>;
|
|
3
3
|
//# sourceMappingURL=SearchBar.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { SwitchProps } from "./Switch.js";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<SwitchProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<SwitchProps, "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "pointerEvents" | "removeClippedSubviews" | "nativeID" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "accessible" | "accessibilityActions" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "pressRetentionOffset" | "haptic" | "delayLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay", never>;
|
|
3
3
|
//# sourceMappingURL=Switch.meta.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { TextProps } from "./Text.js";
|
|
2
|
-
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<TextProps, "disabled" | "
|
|
2
|
+
export declare const meta: import("../../canvasKit/meta.js").PhoneMeta<TextProps, "disabled" | "id" | "pointerEvents" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "maxFontSizeMultiplier" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency", never>;
|
|
3
3
|
//# sourceMappingURL=Text.meta.d.ts.map
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { PHONE_CHROME_INSETS } from "./canvasKit/index.js";
|
|
1
2
|
export * from "./components/index.js";
|
|
2
3
|
export type { AppIconName, AppIconProps, AppIconSize, CuratedIconName, IconName, IconsaxShadowedName, IconVariant, SlotIcon, SlotIconRef, SlotIconState, SlotNode, } from "./components/AppIcon/index.js";
|
|
3
4
|
export { APP_ICON_SIZES, AppIcon, CURATED_ICON_NAMES, defaultIcons, ICON_NAMES, ICONSAX_SUFFIX, renderSlotIcon, } from "./components/AppIcon/index.js";
|
|
@@ -5,12 +6,10 @@ export type { FieldArrayApi, FieldInputProps, FieldRules, FieldState, FocusableN
|
|
|
5
6
|
export { deletePath, Form, getPath, HookFormField, isFieldFilled, rules, setPath, useField, useFieldArray, useForm, useFormCompletion, useFormContext, useHookFormField, useOptionalFormContext, } from "./form/index.js";
|
|
6
7
|
export type { FieldChain, FieldChainProps, MotionDurationKey, PresenceMotion, PressAnimationPreset, ScrollDirection, UseControllableStateOptions, UsePressAnimationOptions, UsePressAnimationResult, UseRefreshControlLabels, UseRefreshControlOptions, UseRefreshControlResult, UseScrollDirectionOptions, UseScrollDirectionResult, UseToggleResult, } from "./hooks/index.js";
|
|
7
8
|
export { FLICK_TOLERANCE, PRESENCE_REDUCE_MOTION, PRESS_ANIMATION_PRESETS, useControllableState, useDebounce, useFieldChain, useFlickGuard, usePresenceMotion, usePressAnimation, useReducedMotion, useRefreshControl, useScrollDirection, useToggle, } from "./hooks/index.js";
|
|
8
|
-
export type { InitUIOptions } from "./initUI.js";
|
|
9
|
-
export { initUI } from "./initUI.js";
|
|
10
9
|
export type { NetworkStatusBannerProps } from "./network/index.js";
|
|
11
10
|
export { NetworkStatusBanner } from "./network/index.js";
|
|
12
11
|
export type { BrandOverrides, ColorMode, ColorName, ColorSchemePreference, ComponentName, ComponentSettings, ComponentSizeTokens, ComponentTokens, DurationName, EaseName, FieldVariant, FontFaces, FontName, FontWeightValue, GradientDefinition, GradientScale, IconRegistry, IconRenderer, LeadingName, LetterSpacingName, PhoneShadow, RadiusName, Resolved, ShadowName, SizeName, SpaceName, Spring, SpringScale, TextName, TextVariantSpec, Theme, ThemeProviderProps, ThemeSettings, TokenSet, WeightName, } from "./theme/index.js";
|
|
13
|
-
export { COLOR_NAMES, DURATION_NAMES, darkTheme, EASE_NAMES, FONT_NAMES,
|
|
12
|
+
export { COLOR_NAMES, DURATION_NAMES, darkTheme, EASE_NAMES, FONT_NAMES, LEADING_NAMES, LETTER_SPACING_NAMES, lightTheme, mergeBrand, RADIUS_NAMES, radiusOf, resolveBadgeSize, resolveButtonSize, resolveCheckboxSize, resolveChipSize, resolveEmptyStateSize, resolveFieldSize, resolveFloatingActionButtonSize, resolveListItemSize, resolveOtpInputSize, resolveRadioSize, resolveSegmentedControlSize, resolveSliderSize, resolveSwitchSize, resolveTabsSize, SHADOW_NAMES, SIZE_NAMES, SPACE_NAMES, spaceOf, TEXT_NAMES, ThemeProvider, textOf, useTheme, useThemeMode, WEIGHT_NAMES, } from "./theme/index.js";
|
|
14
13
|
export type { AnnounceOptions, BreakpointKey, FeedbackIntent, HapticType, ResponsiveScales, ScreenInfo, SquirclePathParams, } from "./utils/index.js";
|
|
15
14
|
export { announce, Breakpoints, configureFeedback, feedback, hapticForIntent, isFeedbackEnabled, isScreenSize, isTablet, Responsive, ScreenDimensions, SQUIRCLE_MIN_RADIUS, SQUIRCLE_SMOOTHING, setHapticImplementation, shadowStyle, smoothCorners, squircleApplies, squircleHostRadius, squirclePath, triggerHaptic, useScreenDimensions, warnUnknownProps, } from "./utils/index.js";
|
|
16
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,23 +1,3 @@
|
|
|
1
|
-
import type { BrandOverrides, ColorMode, Theme, ThemeSettings } from "./types.js";
|
|
2
|
-
/**
|
|
3
|
-
* Set the brand and the settings the app's theme is built from.
|
|
4
|
-
*
|
|
5
|
-
* REPLACES both stored values; it does not accumulate them. Calling
|
|
6
|
-
* `setTheme(brandA)` and then `setTheme(undefined, settingsB)` leaves ONLY
|
|
7
|
-
* settingsB live: the brand silently reverts to the base theme. Pass the
|
|
8
|
-
* complete brand and settings in one call, or merge them yourself before calling.
|
|
9
|
-
*
|
|
10
|
-
* This is deliberate (one call sets the whole configuration, last call wins) and
|
|
11
|
-
* is pinned by a test. Do not "fix" it to merge without treating that as the
|
|
12
|
-
* behaviour change it is: an app relying on replace to CLEAR a previous brand
|
|
13
|
-
* would silently keep it.
|
|
14
|
-
*/
|
|
15
|
-
export declare const setTheme: (brand?: BrandOverrides, settings?: ThemeSettings) => void;
|
|
16
|
-
export declare const setColorMode: (mode: ColorMode) => void;
|
|
17
|
-
export declare const getColorMode: () => ColorMode;
|
|
18
|
-
export declare const getTheme: () => Theme;
|
|
19
|
-
export declare const resetTheme: () => void;
|
|
20
|
-
export declare const subscribeTheme: (callback: () => void) => (() => void);
|
|
21
1
|
export { createAnimatedValue, setNativeValue } from "./animatedValue.js";
|
|
22
2
|
export type { Resolved } from "./componentSizes.js";
|
|
23
3
|
export { resolveBadgeSize, resolveButtonSize, resolveCheckboxSize, resolveChipSize, resolveEmptyStateSize, resolveFieldSize, resolveFloatingActionButtonSize, resolveListItemSize, resolveOtpInputSize, resolveRadioSize, resolveSegmentedControlSize, resolveSliderSize, resolveSwitchSize, resolveTabsSize, validateComponentTokens, } from "./componentSizes.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/mobile-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.98.0",
|
|
4
4
|
"description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -86,8 +86,8 @@
|
|
|
86
86
|
"react-native-safe-area-context": ">=5.4.0",
|
|
87
87
|
"react-native-svg": ">=15.0.0",
|
|
88
88
|
"react-native-worklets": ">=0.10.0",
|
|
89
|
-
"@webority/canvas-kit": "0.
|
|
90
|
-
"@webority/mobile-core": "0.
|
|
89
|
+
"@webority/canvas-kit": "0.98.0",
|
|
90
|
+
"@webority/mobile-core": "0.98.0"
|
|
91
91
|
},
|
|
92
92
|
"peerDependenciesMeta": {
|
|
93
93
|
"@webority/canvas-kit": {
|
|
@@ -148,9 +148,9 @@
|
|
|
148
148
|
"react-test-renderer": "19.2.8",
|
|
149
149
|
"rimraf": "6.1.3",
|
|
150
150
|
"typescript": "5.9.3",
|
|
151
|
-
"@webority/canvas-kit": "0.
|
|
152
|
-
"@webority/mobile-core": "0.
|
|
153
|
-
"@webority/tokens": "0.
|
|
151
|
+
"@webority/canvas-kit": "0.98.0",
|
|
152
|
+
"@webority/mobile-core": "0.98.0",
|
|
153
|
+
"@webority/tokens": "0.98.0",
|
|
154
154
|
"@webority/mobile-dev": "0.0.0"
|
|
155
155
|
},
|
|
156
156
|
"scripts": {
|
package/lib/commonjs/initUI.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.initUI=void 0;var _index=require("./theme/index.js");const initUI=(e={})=>{e.defaultMode&&(0,_index.setColorMode)(e.defaultMode),(e.brand||e.settings)&&(0,_index.setTheme)(e.brand,e.settings)};exports.initUI=initUI;
|
package/lib/module/initUI.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";import{setColorMode,setTheme}from"./theme/index.js";export const initUI=(e={})=>{e.defaultMode&&setColorMode(e.defaultMode),(e.brand||e.settings)&&setTheme(e.brand,e.settings)};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { BrandOverrides, ColorMode, ThemeSettings } from "./theme/types";
|
|
2
|
-
export interface InitUIOptions {
|
|
3
|
-
brand?: BrandOverrides;
|
|
4
|
-
settings?: ThemeSettings;
|
|
5
|
-
defaultMode?: ColorMode;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* Configure the global functional theme API used outside of React tree
|
|
9
|
-
* (use ThemeProvider for React-tree consumers; both can coexist).
|
|
10
|
-
*/
|
|
11
|
-
export declare const initUI: (options?: InitUIOptions) => void;
|
|
12
|
-
//# sourceMappingURL=initUI.d.ts.map
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { BrandOverrides, ColorMode, ThemeSettings } from "./theme/types.js";
|
|
2
|
-
export interface InitUIOptions {
|
|
3
|
-
brand?: BrandOverrides;
|
|
4
|
-
settings?: ThemeSettings;
|
|
5
|
-
defaultMode?: ColorMode;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* Configure the global functional theme API used outside of React tree
|
|
9
|
-
* (use ThemeProvider for React-tree consumers; both can coexist).
|
|
10
|
-
*/
|
|
11
|
-
export declare const initUI: (options?: InitUIOptions) => void;
|
|
12
|
-
//# sourceMappingURL=initUI.d.ts.map
|