From 078b2149e9aeb9168c3fee4e2dd42a241b45d15d Mon Sep 17 00:00:00 2001
From: Tomasz Sapeta
# Checklist
- [ ] I added a `changelog.md` entry and rebuilt the package sources
according to [this short
guide](https://github.com/expo/expo/blob/main/CONTRIBUTING.md#-before-submitting)
- [ ] This diff will work correctly for `npx expo prebuild` & EAS Build
(eg: updated a module plugin).
- [ ] Conforms with the [Documentation Writing Style
Guide](https://github.com/expo/expo/blob/main/guides/Expo%20Documentation%20Writing%20Style%20Guide.md)
---
docs/package.json | 2 +-
docs/pnpm-lock.yaml | 25 +++++++++++++++----------
docs/styles/global.css | 4 ++++
3 files changed, 20 insertions(+), 11 deletions(-)
diff --git a/docs/package.json b/docs/package.json
index 6a8e283da529fd..a4f3e0f7fc6550 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -48,7 +48,7 @@
"@expo/styleguide-base": "^3.3.0",
"@expo/styleguide-cookie-consent": "^2.3.0",
"@expo/styleguide-icons": "^4.4.0",
- "@expo/styleguide-search-ui": "^9.5.0",
+ "@expo/styleguide-search-ui": "^9.5.1",
"@kapaai/react-sdk": "^0.9.6",
"@mdx-js/loader": "^3.1.1",
"@mdx-js/mdx": "^3.1.1",
diff --git a/docs/pnpm-lock.yaml b/docs/pnpm-lock.yaml
index 4af8a2280fb006..29cd5967d90fe7 100644
--- a/docs/pnpm-lock.yaml
+++ b/docs/pnpm-lock.yaml
@@ -32,8 +32,8 @@ importers:
specifier: ^4.4.0
version: 4.4.0(react@19.2.8)(tailwindcss@4.3.3)
'@expo/styleguide-search-ui':
- specifier: ^9.5.0
- version: 9.5.0(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(next@16.2.11(patch_hash=423eaa79c801dbfda09aef892b3236e0194d49baf618fb3c7a89ec95d486eaeb)(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(tailwindcss@4.3.3)
+ specifier: ^9.5.1
+ version: 9.5.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(next@16.2.11(patch_hash=423eaa79c801dbfda09aef892b3236e0194d49baf618fb3c7a89ec95d486eaeb)(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(tailwindcss@4.3.3)
'@kapaai/react-sdk':
specifier: ^0.9.6
version: 0.9.6(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
@@ -784,8 +784,8 @@ packages:
react: '>= 19'
tailwindcss: ^4.2.2
- '@expo/styleguide-search-ui@9.5.0':
- resolution: {integrity: sha512-5K3iBU+aF8kAVI1/7O4IkeX945K2wrYbv29MvrroyyS4IdEyDmZxkC0Fc0lepUOZ0TnEiJ+goXyZ6C+DSwKn0w==}
+ '@expo/styleguide-search-ui@9.5.1':
+ resolution: {integrity: sha512-EFCY/v8HmRW6dG5voxil3BTpG+HIdhjOG4ng0tRqr1qlM0qwu3ZtX/vbMVGCkjkF042m3R2UgnBv8IPQrUgJiQ==}
peerDependencies:
next: '>= 16'
react: '>= 19'
@@ -3919,6 +3919,9 @@ packages:
es-module-lexer@2.3.1:
resolution: {integrity: sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==}
+ es-module-lexer@2.3.2:
+ resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==}
+
es-object-atoms@1.1.1:
resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
engines: {node: '>= 0.4'}
@@ -6587,8 +6590,8 @@ packages:
uglify-js:
optional: true
- terser@5.49.1:
- resolution: {integrity: sha512-7A2xlQ5EnGT8KPA92dUh6RbRYTVw8hEaEN9L1K68l4UOXFuV511NnAqObGoRqGOQofQcMypisu1s3xawCEHrvA==}
+ terser@5.51.2:
+ resolution: {integrity: sha512-bWnjSNscmuI+GJze6ZupnHP8G/cTcsJF+bXCeQknk2SHQsgbNJnLrqiH9jZ2W4STPVXH2mDKKRX3iwPhc9Cn/Q==}
engines: {node: '>=10'}
hasBin: true
@@ -7583,7 +7586,7 @@ snapshots:
react: 19.2.8
tailwindcss: 4.3.3
- '@expo/styleguide-search-ui@9.5.0(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(next@16.2.11(patch_hash=423eaa79c801dbfda09aef892b3236e0194d49baf618fb3c7a89ec95d486eaeb)(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(tailwindcss@4.3.3)':
+ '@expo/styleguide-search-ui@9.5.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(next@16.2.11(patch_hash=423eaa79c801dbfda09aef892b3236e0194d49baf618fb3c7a89ec95d486eaeb)(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(tailwindcss@4.3.3)':
dependencies:
'@expo/styleguide': 14.4.0(next@16.2.11(patch_hash=423eaa79c801dbfda09aef892b3236e0194d49baf618fb3c7a89ec95d486eaeb)(@babel/core@7.29.7)(@opentelemetry/api@1.9.1)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(react@19.2.8)(tailwindcss@4.3.3)
'@expo/styleguide-icons': 4.4.0(react@19.2.8)(tailwindcss@4.3.3)
@@ -10747,6 +10750,8 @@ snapshots:
es-module-lexer@2.3.1: {}
+ es-module-lexer@2.3.2: {}
+
es-object-atoms@1.1.1:
dependencies:
es-errors: 1.3.0
@@ -14253,12 +14258,12 @@ snapshots:
'@jridgewell/trace-mapping': 0.3.31
jest-worker: 27.5.1
schema-utils: 4.3.3
- terser: 5.49.1
+ terser: 5.51.2
webpack: 5.106.2(postcss@8.5.23)
optionalDependencies:
postcss: 8.5.23
- terser@5.49.1:
+ terser@5.51.2:
dependencies:
'@jridgewell/source-map': 0.3.11
acorn: 8.18.0
@@ -14714,7 +14719,7 @@ snapshots:
browserslist: 4.28.7
chrome-trace-event: 1.0.4
enhanced-resolve: 5.24.5
- es-module-lexer: 2.3.1
+ es-module-lexer: 2.3.2
eslint-scope: 5.1.1
events: 3.3.0
glob-to-regexp: 0.4.1
diff --git a/docs/styles/global.css b/docs/styles/global.css
index c5aee3262e256a..24d448acb0a6d1 100644
--- a/docs/styles/global.css
+++ b/docs/styles/global.css
@@ -58,6 +58,10 @@ code {
outline: none !important;
}
+[cmdk-input]:focus-visible {
+ @apply rounded-3xl;
+}
+
/* Collapsible */
details::details-content {
From fe526b3eae1b3d2829ef1239314c2482ff27f5cb Mon Sep 17 00:00:00 2001
From: Aman Mittal
**Collapsibles**
**Table**
**Terminal**
**Code blocks**
**Prerequisites**
**Tabs**
# Checklist
- [ ] I added a `changelog.md` entry and rebuilt the package sources
according to [this short
guide](https://github.com/expo/expo/blob/main/CONTRIBUTING.md#-before-submitting)
- [ ] This diff will work correctly for `npx expo prebuild` & EAS Build
(eg: updated a module plugin).
- [ ] Conforms with the [Documentation Writing Style
Guide](https://github.com/expo/expo/blob/main/guides/Expo%20Documentation%20Writing%20Style%20Guide.md)
---
docs/.oxlintrc.json | 1 +
docs/components/base/code.tsx | 41 +-
docs/components/plugins/CodeBlocksTable.tsx | 7 +-
.../__snapshots__/APISection.test.tsx.snap | 3964 +++++++++--------
.../APICommentTextBlock.test.tsx.snap | 100 +-
docs/styles/global.css | 8 +-
.../AppConfigSchemaTable.test.tsx.snap | 12 +-
docs/ui/components/AppJSBanner/index.tsx | 2 +-
docs/ui/components/Collapsible/index.tsx | 4 +-
docs/ui/components/ComponentExample.tsx | 4 +-
.../Home/sections/CommandLineTools.tsx | 4 +-
docs/ui/components/InlineHelp/index.tsx | 2 +-
.../components/PlatformTabs/PlatformTabs.tsx | 2 +-
.../PossibleRedirectNotification.tsx | 2 +-
docs/ui/components/Prerequisites/index.tsx | 4 +-
docs/ui/components/Snippet/Snippet.tsx | 4 +-
docs/ui/components/Snippet/SnippetContent.tsx | 2 +-
docs/ui/components/Snippet/SnippetHeader.tsx | 4 +-
.../components/Snippet/blocks/SnackInline.tsx | 2 +-
docs/ui/components/Table/Table.tsx | 46 +-
docs/ui/components/Tabs/TabButton.tsx | 4 +-
docs/ui/components/Tabs/Tabs.tsx | 2 +-
.../NativeUpgradePromptCallout.tsx | 2 +-
23 files changed, 2148 insertions(+), 2075 deletions(-)
diff --git a/docs/.oxlintrc.json b/docs/.oxlintrc.json
index ed5d7ab8d36b93..49cfa6b393886e 100644
--- a/docs/.oxlintrc.json
+++ b/docs/.oxlintrc.json
@@ -255,6 +255,7 @@
"error",
{
"allowlist": [
+ "code-block-wrapper",
"dark-theme",
"react-player",
"table-wrapper",
diff --git a/docs/components/base/code.tsx b/docs/components/base/code.tsx
index 9df84ded0020d4..be69fb4f55f366 100644
--- a/docs/components/base/code.tsx
+++ b/docs/components/base/code.tsx
@@ -129,8 +129,9 @@ export function Code({ className, children, title }: CodeProps) {
const forceWordWrap = params?.wrap === 'true';
const commonClasses = mergeClasses(
+ '[scrollbar-color:var(--slate-5)_transparent] scrollbar-thin',
(wordWrap || forceWordWrap) && 'wrap-break-word! whitespace-pre-wrap!',
- showExpand && !isExpanded && `overflow-y-hidden! [&::-webkit-scrollbar-track]:bg-default!`
+ showExpand && !isExpanded && 'overflow-y-hidden!'
);
return codeBlockTitle ? (
@@ -159,27 +160,29 @@ export function Code({ className, children, title }: CodeProps) {
) : (
-
-
+ )}>
+
-
+
+
);
}
diff --git a/docs/components/plugins/CodeBlocksTable.tsx b/docs/components/plugins/CodeBlocksTable.tsx
index 8c21f89daef95e..8544234eee6194 100644
--- a/docs/components/plugins/CodeBlocksTable.tsx
+++ b/docs/components/plugins/CodeBlocksTable.tsx
@@ -43,9 +43,10 @@ export function CodeBlocksTable({ children, tabs, connected = true, ...rest }: P
'grid grid-cols-2 gap-4',
connected && 'lg:mb-4 lg:gap-0',
connected &&
- '[&>div:nth-child(odd)>div]:lg:rounded-r-none! [&>div:nth-child(odd)>div]:lg:border-r-0',
- connected && '[&>div:nth-child(even)>div]:lg:rounded-l-none!',
- '[&_pre]:m-0 [&_pre]:border-0',
+ '[&>div:nth-child(odd)]:lg:rounded-r-none! [&>div:nth-child(odd)>div]:lg:rounded-r-none! [&>div:nth-child(odd)>div]:lg:border-r-0',
+ connected &&
+ '[&>div:nth-child(even)]:lg:rounded-l-none! [&>div:nth-child(even)>div]:lg:rounded-l-none!',
+ '[&_.code-block-wrapper]:m-0 [&_.code-block-wrapper]:border-0',
'max-lg:grid-cols-1'
)}
{...rest}>
diff --git a/docs/components/plugins/__snapshots__/APISection.test.tsx.snap b/docs/components/plugins/__snapshots__/APISection.test.tsx.snap
index 68bf6031a12636..9b4b2d7f28d431 100644
--- a/docs/components/plugins/__snapshots__/APISection.test.tsx.snap
+++ b/docs/components/plugins/__snapshots__/APISection.test.tsx.snap
@@ -266,7 +266,7 @@ button.
not appear on the screen.
+
@@ -1033,130 +1033,134 @@ properties.-- -
+ + AppleAuthenticationFullNameFormatStyle + + + +- - - -- Parameter - -- Type - -- Description - -- + + +- - fullName - - -- -+- - AppleAuthenticationFullName - - - + + Description + +- --- -- The full name object with the tokenized portions -
-- +- + +- formatStyle - - + + AppleAuthenticationFullName + + + +- (optional) - - -+ ++ The full name object with the tokenized portions +
+ +- - -- - AppleAuthenticationFullNameFormatStyle - -- -- ++ + (optional) + +- -- The style in which the name should be formatted -
- -+ + + + ++++ The style in which the name should be formatted +
+
-+ + + + +- -
+- - - -- Parameter - -- Type - -- Description - -- + + +- - user - - -- -+- string - - + + Description + +- - --- The unique identifier for the user whose credential state you'd like to check. -This should come from the user field of an - + +
+ ++ string +++ -+--
-- AppleAuthenticationCredential -- - object. -+ AppleAuthenticationCredential ++ + object. + +
@@ -1723,93 +1731,97 @@ value depending on the state of the credential.-- -
+ + +- - - -- Parameter - -- Type - -- Description - -- + + +- - options - - -+ + Type + ++ Description + +- - -- - AppleAuthenticationRefreshOptions - -- -- ++- -- An -
- -- AppleAuthenticationRefreshOptions -+ AppleAuthenticationRefreshOptions - object -+ + + + ++++ An + +
++ AppleAuthenticationRefreshOptions ++ + object +
-- -
+ + +- - - -- Parameter - -- Type - -- Description - -- + + +- - options - - + - (optional) - - - + + Description + +- - -- - AppleAuthenticationSignInOptions - -- -- ++ + (optional) + +- -- An optional -
- -- AppleAuthenticationSignInOptions -+ AppleAuthenticationSignInOptions - object -+ + + + ++++ An optional + +
++ AppleAuthenticationSignInOptions ++ + object +
-- -
+ + +- - - -- Parameter - -- Type - -- Description - -- + + +- - options - - -+ + Type + ++ Description + +- - -- - AppleAuthenticationSignOutOptions - -- -- ++- -- An -
- -- AppleAuthenticationSignOutOptions -+ AppleAuthenticationSignOutOptions - object -+ + + + ++++ An + +
++ AppleAuthenticationSignOutOptions ++ + object +
-- -
+ +- - - -- Parameter - -- Type - -- + + +- - listener - - -+ + Type + +- - -- () => + listener - - void -- -+ + + + ++ + () => + + + void ++
@@ -3169,431 +3193,435 @@ for more details. class="" />-+ + + + +- -
+ +- - - -- Property - -- Type - -- Description - -- + + +- - authorizationCode - - -- -+- - string - - | - - - - null - - - + + Description + +- --- -- A short-lived session token used by your app for proof of authorization when interacting with -the app's server counterpart. Unlike -
-- user -- , this is ephemeral and will change each session. -- +- + +- email - - -- ++ + string + + | + + + + null + ++- - string - + -- | -
- - - null - - -+ user + + , this is ephemeral and will change each session. + + + +- --- The user's email address. Might not be present if you didn't request the -
+ ++ ++ + string + + | + + + + null + +++ -+-- EMAIL - - scope. May + The user's email address. Might not be present if you didn't request the +
-+ EMAIL ++ scope. May also be null if this is not the first time the user has signed into your app. If the user chose to withhold their email address, this field will instead contain an obscured email address with an Apple domain. -- +- - fullName - - -+ + +- -- - - AppleAuthenticationFullName - - - | - - - - null + + fullName -- -- +- +- The user's name. May be -
- null -- or contain -+ + + AppleAuthenticationFullName + + + | + + + null -- values if you didn't request the -+++ -+-- FULL_NAME - - + The user's name. May be +
-+ null ++ or contain ++ null ++ values if you didn't request the ++ FULL_NAME ++ scope, if the user denied access, or if this is not the first time the user has signed into your app. -- +- - identityToken - - -+ + +- -- - string - - | - - - - null + + identityToken -- -- +- -- A JSON Web Token (JWT) that securely communicates information about the user to your app. -
- -- +- + string + + | + + + + null + + + +- realUserStatus - - -+ ++ A JSON Web Token (JWT) that securely communicates information about the user to your app. +
+ +- -- - AppleAuthenticationUserDetectionStatus - -- -- ++- -- A value that indicates whether the user appears to the system to be a real person. -
- -- +- + AppleAuthenticationUserDetectionStatus + + + +- state - - -+ ++ A value that indicates whether the user appears to the system to be a real person. +
+ +- -- - string - - | - - - - null + + state -- -- +- +- An arbitrary string that your app provided as -
+ string + + | + + + + null + +++ -+-- state - - in the request that generated the + An arbitrary string that your app provided as +
-+ state ++ in the request that generated the credential. Used to verify that the response was from the request you made. Can be used to avoid replay attacks. If you did not provide -- state -- when making the sign-in request, this field ++ state ++ when making the sign-in request, this field will be -- null -- . -- ++ null + + . + + + +- - user - - - - -- ++ user + +- string - - -- ++ string + +- -- An identifier associated with the authenticated user. You can use this to check if the user is +
+ An identifier associated with the authenticated user. You can use this to check if the user is still authenticated later. This is stable and can be shared across apps released under the same development team. The same user will have a different identifier for apps released by other developers. -
- --- -
+- - - -- Property - -- Type - -- Description - -- + + +- - familyName - - -+ + Type + ++ Description + +- -- - string - - | - - - - null + + familyName -- -- +- - - - -- +- + + string + + | + + + + null + + + +- givenName - - -+ - + + +- -- - string - - | - - - - null + + givenName -- -- +- - - - -- +- + + string + + | + + + + null + + + +- middleName - - -+ - + + +- -- - string - - | - - - - null + + middleName -- -- +- - - - -- +- + + string + + | + + + + null + + + +- namePrefix - - -+ - + + +- -- - string - - | - - - - null + + namePrefix -- -- +- - - - -- +- + + string + + | + + + + null + + + +- nameSuffix - - -+ - + + +- -- - string - - | - - - - null + + nameSuffix -- -- ++ ++ + string + + | + + + + null + ++- - - - -- ++ - + + +- - nickname - - - - -- ++ nickname + +- - string - - | + -+ + string + + | + -- - null - - -- ++ null + + +- - - - -+ - ++ + + + +@@ -4231,7 +4263,7 @@ for more details. You must include the ID string of the user whose credentials you'd like to refresh.@@ -4294,199 +4326,203 @@ for more details. class="" />-- -
+- - - -- Property - -- Type - -- Description - -- + + +- - requestedScopes - - + - (optional) - - - + + Description + +- -- - AppleAuthenticationScope - [] - -- -- ++ + (optional) + +- +- Array of user information scopes to which your app is requesting access. Note that the user can -choose to deny your app access to any scope at the time of logging in. You will still need to -handle -
+ AppleAuthenticationScope + [] + +++ -+-- null - - values for any scopes you request. Additionally, note that the requested scopes + Array of user information scopes to which your app is requesting access. Note that the user can +choose to deny your app access to any scope at the time of logging in. You will still need to +handle +
-+ null ++ values for any scopes you request. Additionally, note that the requested scopes will only be provided to you the first time each user signs into your app; in subsequent requests they will be -- null -- . Defaults to -- [] -- (no scopes). -- +- - state - - - (optional) - - -+ null + + . Defaults to + ++ [] ++ (no scopes). + + +- -- string -- -- ++ state + + + (optional) + +- +- An arbitrary string that is returned unmodified in the corresponding credential after a + string + +
+ -+-+ An arbitrary string that is returned unmodified in the corresponding credential after a successful authentication. This can be used to verify that the response was from the request you made and avoid replay attacks. More information on this property is available in the OAuth 2.0 protocol - - RFC6749 - - . -
-- ++ RFC6749 + + . + + + +- - user - - - - -- ++ user + +- string - - -- ++ string + +- - - - -+ - ++ + + + +@@ -4627,219 +4663,223 @@ for more details. class="" />-+ + + + +- -
+ + RFC6749 + + . + +- - - -- Property - -- Type - -- Description - -- + + +- - nonce - - + - (optional) - - - - -+- string - - + - --- -- An arbitrary string that is used to prevent replay attacks. See more information on this in the - - - OpenID Connect specification - - . -
-- +- + + (optional) + + +- requestedScopes - - + string + + +- (optional) - - -+ ++ An arbitrary string that is used to prevent replay attacks. See more information on this in the + + + OpenID Connect specification + + . +
+ +- -- - AppleAuthenticationScope - [] - -- -- ++ + (optional) + +- +- Array of user information scopes to which your app is requesting access. Note that the user can -choose to deny your app access to any scope at the time of logging in. You will still need to -handle -
+ AppleAuthenticationScope + [] + +++ -+-- null - - values for any scopes you request. Additionally, note that the requested scopes + Array of user information scopes to which your app is requesting access. Note that the user can +choose to deny your app access to any scope at the time of logging in. You will still need to +handle +
-+ null ++ values for any scopes you request. Additionally, note that the requested scopes will only be provided to you the first time each user signs into your app; in subsequent requests they will be -- null -- . Defaults to -- [] -- (no scopes). -- +- - state - - - (optional) - - -+ null + + . Defaults to + ++ [] ++ (no scopes). + + +- - -- string -- -- ++ state + + + (optional) + +- +- An arbitrary string that is returned unmodified in the corresponding credential after a + string + +
+ -+-+ An arbitrary string that is returned unmodified in the corresponding credential after a successful authentication. This can be used to verify that the response was from the request you made and avoid replay attacks. More information on this property is available in the OAuth 2.0 protocol - - RFC6749 - - . -
-@@ -4980,125 +5020,129 @@ for more details. class="" />-- -
+- - - -- Property - -- Type - -- Description - -- + + +- - state - - + - (optional) - - - + + Description + +- +- string -- -+ state + + + (optional) + + ++ ++ string +++ ++++ An arbitrary string that is returned unmodified in the corresponding credential after a +successful authentication. This can be used to verify that the response was from the request +you made and avoid replay attacks. More information on this property is available in the +OAuth 2.0 protocol + + RFC6749 + + . +
+- --- -- An arbitrary string that is returned unmodified in the corresponding credential after a -successful authentication. This can be used to verify that the response was from the request -you made and avoid replay attacks. More information on this property is available in the -OAuth 2.0 protocol - - RFC6749 - - . -
-- - -- - user - - -- ++- string - - -- ++ string + +- - - - -+ - ++ + + + +
@@ -6511,7 +6555,7 @@ for more details.@@ -6558,7 +6602,7 @@ You will still need to handle null values for any fields you request.@@ -6804,7 +6848,7 @@ for more details. An enum whose values specify the system's best guess for how likely the current user is a real person.@@ -7329,129 +7373,133 @@ exports[`APISection expo-pedometer 1`] = `-- -
+ + Date + + + +- - - -- Parameter - -- Type - -- Description - -- + + +- - start - - -+ + Type + ++ Description + +- -- - Date - -- -- ++- -- A date indicating the start of the range over which to measure steps. -
- -- +- + Date + + + +- end - - -+ ++ A date indicating the start of the range over which to measure steps. +
+ +- - -- - Date - -- -- ++- -- A date indicating the end of the range over which to measure steps. -
- -+ + + + ++++ A date indicating the end of the range over which to measure steps. +
+
@@ -7943,94 +7991,98 @@ available on this device.-- -
+ + +- - - -- Parameter - -- Type - -- Description - -- + + +- - callback - - -+ + Type + ++ Description + +- - -- - PedometerUpdateCallback - -- -- ++- -- A callback that is invoked when new step count data is available. The callback is -provided with a single argument that is -
- -- PedometerResult -+ PedometerUpdateCallback - . -+ + + + ++++ A callback that is invoked when new step count data is available. The callback is +provided with a single argument that is + +
++ PedometerResult ++ + . +
@@ -8540,75 +8592,79 @@ After calling this function, the listener will no longer receive any events from class="" />-- -
+ number + + +- - - -- Property - -- Type - -- Description - -- + + +- - steps - - -- -++ Type + +- number - - + - - -+ + steps + + +- -- Number of steps taken between the given dates. -
- -+ + + + ++++ Number of steps taken between the given dates. +
+-- -
+ result + + +- - - -- Parameter - -- Type - -- + + +- - result - - -- +- + + - -+ - PedometerResult - - - -+ + + + ++ + PedometerResult + ++-- -
+ + PermissionStatus + + + +- - - -- Property - -- Type - -- Description - -- + + +- - canAskAgain - - -- -+- boolean - - + + Description + +- --+ canAskAgain + + +
+ +- Indicates if user can be asked again for specific permission. + boolean +++ -+-+ Indicates if user can be asked again for specific permission. If not, one should be directed to the Settings app in order to enable/disable the permission. -
-- +- - expires - - -+ + +- -- PermissionExpiration -- -- ++ expires + +- -- Determines time when the permission expires. -
- -- +- + +- granted - - -+ ++ Determines time when the permission expires. +
+ +- -- boolean -- -- ++ granted + +- -- A convenience boolean that indicates if the permission is granted. -
- -- +- + +- status - - -+ ++ A convenience boolean that indicates if the permission is granted. +
+ +- - -- - PermissionStatus - -- -- ++- -- Determines the status of the permission. -
- -+ + + + ++++ Determines the status of the permission. +
+-
-+ + + + diff --git a/docs/styles/global.css b/docs/styles/global.css index 24d448acb0a6d1..e906328ec3d140 100644 --- a/docs/styles/global.css +++ b/docs/styles/global.css @@ -109,12 +109,8 @@ div:not(#root) > ::-webkit-scrollbar-thumb:hover { @apply bg-palette-gray6; } -div[class*='terminal-snippet'] > ::-webkit-scrollbar-thumb { - @apply bg-palette-gray11; -} - -div[class*='terminal-snippet'] > ::-webkit-scrollbar-thumb:hover { - @apply bg-palette-gray12; +div[class*='terminal-snippet'] > * { + scrollbar-color: var(--slate-11) transparent; } details > summary::-webkit-details-marker { diff --git a/docs/ui/components/AppConfigSchemaTable/__snapshots__/AppConfigSchemaTable.test.tsx.snap b/docs/ui/components/AppConfigSchemaTable/__snapshots__/AppConfigSchemaTable.test.tsx.snap index 7e922283589a23..521b3263f9c7a0 100644 --- a/docs/ui/components/AppConfigSchemaTable/__snapshots__/AppConfigSchemaTable.test.tsx.snap +++ b/docs/ui/components/AppConfigSchemaTable/__snapshots__/AppConfigSchemaTable.test.tsx.snap @@ -74,12 +74,12 @@ exports[`AppConfigSchemaPropertiesTable correctly matches snapshot 1`] = ` Name of your app.--- - await - - Application - - . - - - getInstallReferrerAsync - - - ( - - - ) - - - ; - - + + await + + Application + + . + + + getInstallReferrerAsync + + + ( + + + ) + + + ; + + - - // "utm_source=google-play&utm_medium=organic" - - + + // "utm_source=google-play&utm_medium=organic" + + --
= withHeadingManager( setIsOpen(event.currentTarget.open); }} className={mergeClasses( - 'mb-3 scroll-m-4 rounded-md border border-default bg-default p-0', + 'mb-3 scroll-m-4 rounded-3xl border border-default bg-default p-0', '[&[open]]:shadow-xs', '[h4+&]:mt-3 [li>&]:mt-3 [p+&]:mt-3', className @@ -75,7 +75,7 @@ const Collapsible: ComponentType= withHeadingManager( data-md="collapsible"> &]:rounded-b-none', '[&_h4]:my-0', '[&_code]:mt-px [&_code]:inline [&_code]:bg-element [&_code]:pb-px [&_code]:text-[85%] [&_code]:leading-snug' diff --git a/docs/ui/components/ComponentExample.tsx b/docs/ui/components/ComponentExample.tsx index ba3a3ed75d76e4..df8055ab17b8a6 100644 --- a/docs/ui/components/ComponentExample.tsx +++ b/docs/ui/components/ComponentExample.tsx @@ -98,8 +98,8 @@ export function ComponentExample({ title, src, darkSrc, alt, android, ios, child const device = active === 'android' ? DEVICE_FRAMES.android : DEVICE_FRAMES.ios; return ( -
- ++ diff --git a/docs/ui/components/Home/sections/CommandLineTools.tsx b/docs/ui/components/Home/sections/CommandLineTools.tsx index b00d252f5f113d..f69b39b1065d85 100644 --- a/docs/ui/components/Home/sections/CommandLineTools.tsx +++ b/docs/ui/components/Home/sections/CommandLineTools.tsx @@ -29,7 +29,7 @@ export function CommandLineTools() { Deploy to TestFlight -+ This is an iOS-only command that will upload your app to TestFlight. @@ -54,7 +54,7 @@ export function CommandLineTools() { Deploy your web app-+ For prerequisites and complete instructions, see{' '} our guide. diff --git a/docs/ui/components/InlineHelp/index.tsx b/docs/ui/components/InlineHelp/index.tsx index bc43850a2b59be..c8e5ec3f8fca16 100644 --- a/docs/ui/components/InlineHelp/index.tsx +++ b/docs/ui/components/InlineHelp/index.tsx @@ -52,7 +52,7 @@ export const InlineHelp = ({ type = 'default', size = 'md', icon, children, clas return ( +⚠️ The information you are looking for (addressed by "{targetId}") has moved.{' '} Continue to the new location. diff --git a/docs/ui/components/Prerequisites/index.tsx b/docs/ui/components/Prerequisites/index.tsx index f60e32d5badc7b..4d2665894750cb 100644 --- a/docs/ui/components/Prerequisites/index.tsx +++ b/docs/ui/components/Prerequisites/index.tsx @@ -69,7 +69,7 @@ const Prerequisites: ComponentType
= withHeadingManager( &]:mt-3 [p+&]:mt-3', className @@ -82,7 +82,7 @@ const Prerequisites: ComponentType= withHeadingManager( data-md="prerequisites"> &]:rounded-b-none', 'hocus:bg-subtle' )}> diff --git a/docs/ui/components/Snippet/Snippet.tsx b/docs/ui/components/Snippet/Snippet.tsx index 2d85e131d9e653..726ccd7b63e562 100644 --- a/docs/ui/components/Snippet/Snippet.tsx +++ b/docs/ui/components/Snippet/Snippet.tsx @@ -4,7 +4,9 @@ import type { HTMLAttributes } from 'react'; type SnippetProps = HTMLAttributes
; export const Snippet = ({ children, className, ...rest }: SnippetProps) => ( - +{children}); diff --git a/docs/ui/components/Snippet/SnippetContent.tsx b/docs/ui/components/Snippet/SnippetContent.tsx index 547f108f5f609a..d9c3a4ef5c47c1 100644 --- a/docs/ui/components/Snippet/SnippetContent.tsx +++ b/docs/ui/components/Snippet/SnippetContent.tsx @@ -20,7 +20,7 @@ export const SnippetContent = forwardRef( className={mergeClasses( preferredTheme === Themes.DARK && 'dark-theme', wordWrap && 'wrap-break-word! whitespace-pre-wrap!', - 'relative overflow-x-auto rounded-b-md border border-default bg-subtle p-4 leading-4.5! text-default', + '[scrollbar-color:var(--slate-5)_transparent] relative scrollbar-thin overflow-x-auto rounded-b-3xl border border-default bg-subtle p-4 leading-4.5! text-default', 'prose-code:px-0!', alwaysDark && 'dark-theme border-transparent bg-palette-black whitespace-nowrap', hideOverflow && 'overflow-hidden prose-code:whitespace-nowrap!', diff --git a/docs/ui/components/Snippet/SnippetHeader.tsx b/docs/ui/components/Snippet/SnippetHeader.tsx index 5d57f7eb21426a..7c3928d6f22e9e 100644 --- a/docs/ui/components/Snippet/SnippetHeader.tsx +++ b/docs/ui/components/Snippet/SnippetHeader.tsx @@ -29,8 +29,8 @@ export const SnippetHeader = ({ data-md="snippet-header" className={mergeClasses( 'flex min-h-10 justify-between overflow-hidden border border-default bg-default pl-4', - !float && 'rounded-t-md border-b-0', - float && 'rounded-md', + !float && 'rounded-t-3xl border-b-0', + float && 'rounded-3xl', Icon && 'pl-3', alwaysDark && 'dark-theme bg-palette-gray3! pr-2 dark:border-transparent' )}> diff --git a/docs/ui/components/Snippet/blocks/SnackInline.tsx b/docs/ui/components/Snippet/blocks/SnackInline.tsx index 6a64856ccbc433..24fb3820140ebd 100644 --- a/docs/ui/components/Snippet/blocks/SnackInline.tsx +++ b/docs/ui/components/Snippet/blocks/SnackInline.tsx @@ -72,7 +72,7 @@ export const SnackInline = ({ const { language, value } = getCodeBlockDataFromChildren(children); return ( - +