Moji: Update translations

boxmoji · boxmoji · commit a2f92388469c · 2025-04-14T12:34:10.000-07:00
diff --git a/guides/embed/ui-elements/access.md b/guides/embed/ui-elements/access.md
@@ -1,5 +1,5 @@
 ---
-rank: 11
+rank: 12
 related_endpoints: []
 related_guides:
   - embed/ui-elements
@@ -13,11 +13,11 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/access
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
-next_page_id: embed/ui-elements/scopes
-previous_page_id: embed/ui-elements/logo
+next_page_id: embed/ui-elements/viewers-and-events
+previous_page_id: embed/ui-elements/theming-styling
 source_url: >-
   https://github.com/box/developer.box.com/blob/main/content/guides/embed/ui-elements/access.md
 fullyTranslated: true
diff --git a/guides/embed/ui-elements/annotations.md b/guides/embed/ui-elements/annotations.md
@@ -14,7 +14,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/annotations
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/logo
diff --git a/guides/embed/ui-elements/browser.md b/guides/embed/ui-elements/browser.md
@@ -12,7 +12,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/browser
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/explorer
diff --git a/guides/embed/ui-elements/custom-domains.md b/guides/embed/ui-elements/custom-domains.md
@@ -13,7 +13,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/custom-domains
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: ''
diff --git a/guides/embed/ui-elements/explorer.md b/guides/embed/ui-elements/explorer.md
@@ -14,7 +14,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/explorer
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/open-with
diff --git a/guides/embed/ui-elements/index.md b/guides/embed/ui-elements/index.md
@@ -11,7 +11,7 @@ subcategory_id: embed/ui-elements
 is_index: true
 id: embed/ui-elements
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed
 parent_id: embed
 next_page_id: embed/ui-elements/browser
diff --git a/guides/embed/ui-elements/installation.md b/guides/embed/ui-elements/installation.md
@@ -12,7 +12,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/installation
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/browser
@@ -50,7 +50,7 @@ yarn add box-ui-elements
 これにより、`package.json`ファイルのバージョンが更新されます。
 
 ```json
-"box-ui-elements": "^21.0.0"
+"box-ui-elements": "^23.0.0"
 
 ```
 
@@ -90,23 +90,23 @@ NPMウェブサイトの詳細を確認する
 
 | Element                                                            | バージョン     | ファイル                                                                                                                                                                         |
 | ------------------------------------------------------------------ | --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [コンテンツエクスプローラ](g://embed/ui-elements/explorer)                     | `21.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/explorer.css`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/explorer.css)                           |
-|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/explorer.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/explorer.js)                    |
-|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/explorer.no.react.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/explorer.no.react.js) |
-| [Content Open With](g://embed/ui-elements/open-with)               | `21.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/openwith.css`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/openwith.css)                           |
-|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/openwith.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/openwith.js)                    |
-|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/openwith.no.react.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/openwith.no.react.js) |
-| [Content Picker](g://embed/ui-elements/picker)                     | `21.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/picker.css`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/picker.css)                               |
-|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/picker.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/picker.js)                        |
-|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/picker.no.react.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/picker.no.react.js)     |
-| [Content Sidebar](g://embed/ui-elements/sidebar)                   | `21.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/sidebar.css`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/sidebar.css)                             |
-|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/sidebar.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/sidebar.js)                      |
-|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/sidebar.no.react.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/sidebar.no.react.js)   |
-| [コンテンツアップローダー](g://embed/ui-elements/uploader)                     | `21.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/uploader.css`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/uploader.css)                           |
-|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/uploader.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/uploader.js)                    |
-|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/uploader.no.react.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/uploader.no.react.js) |
-| [コンテンツプレビューUI Element](https://github.com/box/box-content-preview) | `21.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/preview.css`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/preview.css)                             |
-|                                                                    | `21.0.0`  | JS [`https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/preview.js`](https://cdn01.boxcdn.net/platform/elements/21.0.0/en-US/preview.js)                                |
+| [コンテンツエクスプローラ](g://embed/ui-elements/explorer)                     | `23.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/explorer.css`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/explorer.css)                           |
+|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/explorer.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/explorer.js)                    |
+|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/explorer.no.react.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/explorer.no.react.js) |
+| [Content Open With](g://embed/ui-elements/open-with)               | `23.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/openwith.css`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/openwith.css)                           |
+|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/openwith.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/openwith.js)                    |
+|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/openwith.no.react.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/openwith.no.react.js) |
+| [Content Picker](g://embed/ui-elements/picker)                     | `23.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/picker.css`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/picker.css)                               |
+|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/picker.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/picker.js)                        |
+|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/picker.no.react.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/picker.no.react.js)     |
+| [Content Sidebar](g://embed/ui-elements/sidebar)                   | `23.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/sidebar.css`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/sidebar.css)                             |
+|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/sidebar.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/sidebar.js)                      |
+|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/sidebar.no.react.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/sidebar.no.react.js)   |
+| [コンテンツアップローダー](g://embed/ui-elements/uploader)                     | `23.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/uploader.css`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/uploader.css)                           |
+|                                                                    |           | Reactを使用するJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/uploader.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/uploader.js)                    |
+|                                                                    |           | Reactを使用しないJS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/uploader.no.react.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/uploader.no.react.js) |
+| [コンテンツプレビューUI Element](https://github.com/box/box-content-preview) | `23.0.0`  | CSS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/preview.css`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/preview.css)                             |
+|                                                                    | `23.0.0`  | JS [`https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/preview.js`](https://cdn01.boxcdn.net/platform/elements/23.0.0/en-US/preview.js)                                |
 | [コンテンツプレビューSDK](g://embed/ui-elements/preview)                     | `2.106.0` | CSS [`https://cdn01.boxcdn.net/platform/preview/2.106.0/en-US/preview.css`](https://cdn01.boxcdn.net/platform/preview/2.106.0/en-US/preview.css)                             |
 |                                                                    |           | JS [`https://cdn01.boxcdn.net/platform/preview/2.106.0/en-US/preview.js`](https://cdn01.boxcdn.net/platform/preview/2.106.0/en-US/preview.js)                                |
 
diff --git a/guides/embed/ui-elements/logo.md b/guides/embed/ui-elements/logo.md
@@ -13,10 +13,10 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/logo
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
-next_page_id: embed/ui-elements/access
+next_page_id: embed/ui-elements/theming-styling
 previous_page_id: embed/ui-elements/annotations
 source_url: >-
   https://github.com/box/developer.box.com/blob/main/content/guides/embed/ui-elements/logo.md
diff --git a/guides/embed/ui-elements/open-with.md b/guides/embed/ui-elements/open-with.md
@@ -13,7 +13,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/open-with
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/picker
diff --git a/guides/embed/ui-elements/picker.md b/guides/embed/ui-elements/picker.md
@@ -14,7 +14,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/picker
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/preview
diff --git a/guides/embed/ui-elements/preview.md b/guides/embed/ui-elements/preview.md
@@ -14,7 +14,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/preview
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/sidebar
diff --git a/guides/embed/ui-elements/scopes.md b/guides/embed/ui-elements/scopes.md
@@ -13,11 +13,11 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/scopes
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/viewers-and-events
-previous_page_id: embed/ui-elements/access
+previous_page_id: embed/ui-elements/theming-styling
 source_url: >-
   https://github.com/box/developer.box.com/blob/main/content/guides/embed/ui-elements/scopes.md
 fullyTranslated: true
diff --git a/guides/embed/ui-elements/sidebar.md b/guides/embed/ui-elements/sidebar.md
@@ -13,7 +13,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/sidebar
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/uploader
diff --git a/guides/embed/ui-elements/theming-styling.md b/guides/embed/ui-elements/theming-styling.md
@@ -0,0 +1,141 @@
+---
+rank: 11
+related_endpoints: []
+related_guides:
+  - embed/ui-elements
+  - embed/ui-elements/explorer
+  - embed/ui-elements/uploader
+required_guides:
+  - embed/ui-elements/installation
+related_resources: []
+category_id: embed
+subcategory_id: embed/ui-elements
+is_index: false
+id: embed/ui-elements/theming-styling
+type: guide
+total_steps: 15
+sibling_id: embed/ui-elements
+parent_id: embed/ui-elements
+next_page_id: embed/ui-elements/access
+previous_page_id: embed/ui-elements/logo
+source_url: >-
+  https://github.com/box/developer.box.com/blob/main/content/guides/embed/ui-elements/theming-styling.md
+fullyTranslated: true
+---
+<!--alex ignore -->
+
+# Theming & styling for Box UI Elements
+
+With theming & styling for Box UI Elements you can customize the look of the embedded Box component to your enterprise's requirements.
+
+<!--alex ignore -->
+
+<Message type="notice">
+
+As of now, theming & styling is available for Content Explorer and Content Uploader.
+
+</Message>
+
+<!--alex enable -->
+
+## How to start
+
+Add the selected Box component to your application. The default Box theme is applied.
+
+## Customization
+
+Box uses design tokens for the customization purposes.
+
+<Message type="notice">
+
+Design tokens are named entities that store specific visual attributes, such as colors, spacing, typography, scale, and many more. They are used instead of hard-coded values to simplify sharing design properties across platforms, tools, and components.
+
+</Message>
+
+You can change the following elements in your embedded Box component.
+
+<!--alex ignore -->
+
+### Colors
+
+Customize:
+
+<!--alex ignore -->
+
+* global color palette - select the primary, secondary, and access colors
+
+* state colors - select color for states such as hover, focus, active, disabled
+
+* component-specific colors - for example, you can select different colors for your buttons depending on their type
+  <!--alex enable -->
+
+* gradients - choose and adjust a gradient as your background or other components
+
+* opacity - adjust the opacity of the overlay effects for Box Modals and side panels
+
+### Typography
+
+Customize:
+
+* text decoration - underline, strikethrough, letter spacing
+* line heights and paragraph spacing 
+
+### Border, radius
+
+Choose:
+
+<!--alex ignore -->
+
+* border styling - width, styles, and colors
+* border radius
+  <!--alex enable -->
+
+### Spacing
+
+Choose:
+
+* global spacing
+* component-specific spacing
+* component-specific alignment and distribution, for example justify-content
+
+### Shadows and elevation
+
+Define:
+
+* shadow presets
+* custom shadows
+
+### Interactive states
+
+Customize:
+
+<!--alex ignore -->
+
+* hover, active, focus, disabled, and error states - visual effect such as changed background color
+* transitions and animations
+  <!--alex enable -->
+
+### Component-level overrides
+
+<!--alex ignore -->
+
+Customize text inputs, drop-downs, and checkboxes with individual color
+
+<!--alex enable -->
+
+### Miscellaneous
+
+Style:
+
+* help text and labels
+* tool tips
+
+## デモ
+
+<iframe height="560" scrolling="no" title="Box theming branding" src="https://codepen.io/box-platform/embed/KwKbrPw?default-tab=html%2Cresult" frameborder="no" allowtransparency allowfullscreen style="width: 100%;">
+
+</iframe>
+
+[explorer]: g://embed/ui-elements/explorer
+
+[uploader]: g://embed/ui-elements/uploader
diff --git a/guides/embed/ui-elements/uploader.md b/guides/embed/ui-elements/uploader.md
@@ -14,7 +14,7 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/uploader
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/annotations
diff --git a/guides/embed/ui-elements/viewers-and-events.md b/guides/embed/ui-elements/viewers-and-events.md
@@ -14,11 +14,11 @@ subcategory_id: embed/ui-elements
 is_index: false
 id: embed/ui-elements/viewers-and-events
 type: guide
-total_steps: 14
+total_steps: 15
 sibling_id: embed/ui-elements
 parent_id: embed/ui-elements
 next_page_id: embed/ui-elements/custom-domains
-previous_page_id: embed/ui-elements/scopes
+previous_page_id: embed/ui-elements/access
 source_url: >-
   https://github.com/box/developer.box.com/blob/main/content/guides/embed/ui-elements/viewers-and-events.md
 fullyTranslated: true
diff --git a/pages/sdks-and-tools/index.md b/pages/sdks-and-tools/index.md
