@webority/mobile-ui 0.96.0 → 0.99.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 +6773 -6594
- package/dist/canvas-kit/manifest.json +20 -2
- 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/MessageList/MessageList.js +1 -1
- package/lib/commonjs/components/Modal/Modal.js +1 -1
- package/lib/commonjs/components/OTPInput/OTPInput.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/Swipeable/Swipeable.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/form/path.js +1 -1
- package/lib/commonjs/index.js +1 -1
- package/lib/commonjs/theme/index.js +1 -1
- package/lib/commonjs/utils/announce.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/MessageList/MessageList.js +1 -1
- package/lib/module/components/Modal/Modal.js +1 -1
- package/lib/module/components/OTPInput/OTPInput.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/Swipeable/Swipeable.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/form/path.js +1 -1
- package/lib/module/index.js +1 -1
- package/lib/module/theme/index.js +1 -1
- package/lib/module/utils/announce.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 +7 -7
- 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 { 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.99.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.99.0",
|
|
90
|
+
"@webority/mobile-core": "0.99.0"
|
|
91
91
|
},
|
|
92
92
|
"peerDependenciesMeta": {
|
|
93
93
|
"@webority/canvas-kit": {
|
|
@@ -148,10 +148,10 @@
|
|
|
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/
|
|
154
|
-
"@webority/
|
|
151
|
+
"@webority/canvas-kit": "0.99.0",
|
|
152
|
+
"@webority/mobile-core": "0.99.0",
|
|
153
|
+
"@webority/mobile-dev": "0.0.0",
|
|
154
|
+
"@webority/tokens": "0.99.0"
|
|
155
155
|
},
|
|
156
156
|
"scripts": {
|
|
157
157
|
"build": "bob build && node ../mobile-dev/scripts/minify-lib.mjs && node -e \"require('node:fs').rmSync('dist/canvas-kit',{recursive:true,force:true})\" && node ../canvas-kit/dist/cli.js build --config canvas-kit.json --out dist/canvas-kit",
|
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
|