box-content-preview 3.115.0 → 3.116.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.
Files changed (4) hide show
  1. package/README.md +7 -7
  2. package/dist/lib/index.css +4 -0
  3. package/dist/lib/index.js +4127 -325
  4. package/package.json +5 -1
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
  [![Mergify Status](https://img.shields.io/endpoint.svg?url=https://gh.mergify.io/badges/box/box-content-preview&style=flat)](https://mergify.io)
3
3
  [![Styled With Prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
4
4
  [![build status](https://img.shields.io/travis/box/box-content-preview/master.svg?style=flat-square)](https://travis-ci.org/box/box-content-preview)
5
- [![version](https://img.shields.io/badge/version-v3.115.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
5
+ [![version](https://img.shields.io/badge/version-v3.116.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
6
6
  [![npm version](https://img.shields.io/npm/v/box-ui-elements.svg?style=flat-square)](https://www.npmjs.com/package/box-ui-elements)
7
7
 
8
8
  # [Box Content Preview](https://developer.box.com/docs/box-content-preview)
@@ -22,11 +22,11 @@ We encourage all users to update their applications to utilize modern browsers f
22
22
 
23
23
  ## Current Version
24
24
 
25
- - Version: v3.115.0
25
+ - Version: v3.116.0
26
26
  - Locale: en-US
27
27
 
28
- https://cdn01.boxcdn.net/platform/preview/3.115.0/en-US/preview.js
29
- https://cdn01.boxcdn.net/platform/preview/3.115.0/en-US/preview.css
28
+ https://cdn01.boxcdn.net/platform/preview/3.116.0/en-US/preview.js
29
+ https://cdn01.boxcdn.net/platform/preview/3.116.0/en-US/preview.css
30
30
 
31
31
  ## Supported Locales
32
32
 
@@ -52,10 +52,10 @@ You can self-host the Box Content Preview library or reference the versions avai
52
52
  <title>Box Content Preview Demo</title>
53
53
 
54
54
  <!-- Latest version of Preview SDK for your locale -->
55
- <script src="https://cdn01.boxcdn.net/platform/preview/3.115.0/en-US/preview.js"></script>
55
+ <script src="https://cdn01.boxcdn.net/platform/preview/3.116.0/en-US/preview.js"></script>
56
56
  <link
57
57
  rel="stylesheet"
58
- href="https://cdn01.boxcdn.net/platform/preview/3.115.0/en-US/preview.css"
58
+ href="https://cdn01.boxcdn.net/platform/preview/3.116.0/en-US/preview.css"
59
59
  />
60
60
  </head>
61
61
  <body>
@@ -76,7 +76,7 @@ To self-host the Box Content Preview library, follow these steps:
76
76
 
77
77
  1. Either fork the repo and check out the version you want to host or download the specific version as a zip:
78
78
 
79
- - Check out a specific version with `git checkout v3.115.0`
79
+ - Check out a specific version with `git checkout v3.116.0`
80
80
  - Download a specific version as a zip from https://github.com/box/box-content-preview/releases
81
81
 
82
82
  2. Install dependencies and build the library with `yarn install && yarn build:i18n && yarn build:prod`
package/dist/lib/index.css CHANGED
@@ -20,6 +20,7 @@
20
20
  * See the Box license for the specific language governing permissions
21
21
  * and limitations under the license.
22
22
  */
23
+ .bp-ArchiveTableV2{height:100%}.bp-ArchiveTableV2-name{display:flex;gap:var(--bp-space-010);align-items:center}.bp-ArchiveTableV2-name svg{flex-shrink:0}.bp-ArchiveTableV2-row{cursor:default}.bp-ArchiveTableV2-row.is-folder{cursor:pointer}
23
24
  .bp-BreadcrumbsV2{display:flex;flex:0 0 50px;align-items:center;justify-content:space-between;padding:0 var(--bp-space-050);border-bottom:var(--bp-border-01) solid var(--bp-border-divider-border);box-shadow:0 4px 6px -2px var(--bp-black-opacity-04)}
24
25
  .bp-SearchBarV2{display:flex;flex:0 0 70px;align-items:center;padding:0 var(--bp-space-050);border-bottom:var(--bp-border-01) solid var(--bp-border-divider-border);background:var(--bp-surface-surface-secondary)}.bp-SearchBarV2>*{width:100%}
25
26
  .bp-Breadcrumbs{display:flex;flex:0 0 50px;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e8e8e8;box-shadow:0 4px 6px -2px rgba(51,51,51,.04)}.bp-Breadcrumbs .breadcrumb-item{max-width:200px}
@@ -46,6 +47,7 @@
46
47
  .bp-is-mobile .bp-box3d .bp-controls{z-index:1;opacity:1 !important}.bp-box3d{-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;display:flex;width:100%;height:100%;margin:0;padding:0;border:0 none;-webkit-touch-callout:none}.bp-box3d.vr-enabled .bp-ControlsRoot,.bp-box3d.vr-enabled .bp-controls{opacity:0 !important}.bp-box3d canvas{cursor:move;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bp-box3d.bp-invisible{visibility:hidden}.bp-box3d canvas:active{cursor:grabbing}.bp-box3d .bp-overlay-panel{position:absolute;z-index:2;margin:auto;border:1px solid #caccd0;font-size:13px;font-weight:normal;color:#484848;background:#fff;outline:0}.bp-box3d .bp-overlay-panel span{position:relative;top:5px;display:inline-block;opacity:.7}.bp-box3d .bp-toggle-overlay .bp-menu{min-width:196px}.bp-box3d li,.bp-box3d ul{margin:0;padding:0;list-style:none}.bp-box3d input[type=checkbox]{opacity:1}
47
48
  .bp-VrToggleControl{will-change:opacity;opacity:.9;transition:opacity 150ms,background-color 150ms;outline:0;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;zoom:1;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:25px;color:#fff;background:rgba(0,0,0,0)}.bp-VrToggleControl:focus:not(:disabled),.bp-VrToggleControl:hover:not(:disabled){opacity:1;background-color:rgba(255,255,255,.08)}.bp-VrToggleControl:focus:not(:disabled) svg,.bp-VrToggleControl:hover:not(:disabled) svg,.bp-VrToggleControl.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-VrToggleControl.bp-is-active,.bp-VrToggleControl:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-VrToggleControl.bp-is-active:focus:not(:disabled),.bp-VrToggleControl.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-VrToggleControl:focus:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-VrToggleControl:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-VrToggleControl:focus:not(:focus-visible){box-shadow:none}.bp-VrToggleControl:disabled{pointer-events:none;cursor:default;opacity:.2}.bp-VrToggleControl svg{width:32px;height:32px;padding:5px}
48
49
  .bp-image-360 .bp-reset-icon{display:none}
50
+ .bp-PrintModal-body{display:flex;flex-direction:column;gap:var(--bp-space-020);align-items:center;text-align:center}.bp-PrintModal-footer{justify-content:center}.bp-PrintModal-status{position:relative;display:flex;align-items:center;width:var(--bp-size-080);height:var(--bp-size-080)}
49
51
  .bp-content .bp-text{-webkit-user-select:none;user-select:none}.bp-content.bp-is-selectable .bp-text{-webkit-user-select:auto;user-select:auto}.bp-content.bp-is-selectable .bp-text-code{cursor:text}@media print{.bp-content .bp-text{display:none}.bp-content.bp-is-printable .bp-text{display:block}}.bp-text-plain{position:absolute;inset:0;overflow:auto;margin:0;line-height:1.5;text-align:left;word-wrap:break-word;white-space:pre-wrap;background-color:#fff}.bp .bp-text-plain{padding:20px 50px}.bp-text-plain ul{list-style:disc}.bp-text-plain ol{list-style:decimal}.bp-text-plain ol ul,.bp-text-plain ul ul{list-style:circle}.bp-text-truncated{padding-bottom:75px;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center}.bp-text-truncated p{margin:10px 0}@media print{.bp-text-plain{position:static;overflow:visible;margin:0;padding:0;word-wrap:break-word}.bp-text-truncated .bp-btn-download{display:none}}
50
52
  .bp-content .bp-text{-webkit-user-select:none;user-select:none}.bp-content.bp-is-selectable .bp-text{-webkit-user-select:auto;user-select:auto}.bp-content.bp-is-selectable .bp-text-code{cursor:text}@media print{.bp-content .bp-text{display:none}.bp-content.bp-is-printable .bp-text{display:block}}.bp-text-plain{position:absolute;inset:0;overflow:auto;margin:0;line-height:1.5;text-align:left;word-wrap:break-word;white-space:pre-wrap;background-color:#fff}.bp .bp-text-plain{padding:20px 50px}.bp-text-plain ul{list-style:disc}.bp-text-plain ol{list-style:decimal}.bp-text-plain ol ul,.bp-text-plain ul ul{list-style:circle}.bp-text-truncated{padding-bottom:75px;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center}.bp-text-truncated p{margin:10px 0}@media print{.bp-text-plain{position:static;overflow:visible;margin:0;padding:0;word-wrap:break-word}.bp-text-truncated .bp-btn-download{display:none}}.markdown-body{white-space:normal}.markdown-body ul li{list-style:disc}
51
53
  .bp-content .bp-text{-webkit-user-select:none;user-select:none}.bp-content.bp-is-selectable .bp-text{-webkit-user-select:auto;user-select:auto}.bp-content.bp-is-selectable .bp-text-code{cursor:text}@media print{.bp-content .bp-text{display:none}.bp-content.bp-is-printable .bp-text{display:block}}.bp-text-csv{position:absolute;inset:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin:0;color:#000;word-break:normal;word-wrap:normal;white-space:pre}.bp-text-csv .bp-text-csv-grid{width:100%}.bp-text-csv .bp-text-csv-odd-row{background-color:#fcfcfc}.bp-text-csv .bp-text-csv-cell{overflow:auto;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 .5em;border-right:1px solid #eaeaea;-ms-overflow-style:-ms-autohiding-scrollbar}.bp-text-csv ::-webkit-scrollbar{width:5px;height:5px}.bp-text-csv ::-webkit-scrollbar-track{border-radius:5px;background-color:#eaeaea}.bp-text-csv ::-webkit-scrollbar-thumb:vertical{border-radius:6px;background-color:rgba(0,0,0,.2)}.bp-text-csv ::-webkit-scrollbar-thumb:horizontal:hover,.bp-text-csv ::-webkit-scrollbar-thumb:vertical:hover{background:rgba(0,0,0,.4)}.bp-text-csv ::-webkit-scrollbar-thumb:horizontal{border-radius:6px;background-color:rgba(0,0,0,.2)}
@@ -57,6 +59,8 @@
57
59
  .bp-SettingsMenuBack{cursor:pointer;overflow:hidden;padding:8px;white-space:nowrap;outline:0 none}.bp-SettingsMenuBack:hover{border-radius:12px;background-color:#f4f4f4;backdrop-filter:blur(16px);box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}.bp-is-focused .bp-SettingsMenuBack:focus{background-color:#0061d5}.bp-is-focused .bp-SettingsMenuBack:focus .bp-SettingsMenuBack-arrow{fill:#fff}.bp-is-focused .bp-SettingsMenuBack:focus .bp-SettingsMenuBack-label{color:#fff}.bp-SettingsMenuBack-arrow{display:table-cell;line-height:1;vertical-align:middle}.bp-SettingsMenuBack-arrow svg{display:block}.bp-SettingsMenuBack-label{display:table-cell;line-height:1;vertical-align:middle;padding:6px;font-size:11px;font-weight:normal;color:#999ea4;text-align:left;text-transform:uppercase}.bp-SettingsMenuBack-label svg{display:block}.bp-media--v2 .bp-SettingsMenuBack{cursor:pointer;gap:16px;padding:6px 14px;border-radius:8px}.bp-media--v2 .bp-SettingsMenuBack:hover{border-radius:8px;background-color:#f4f4f4;backdrop-filter:none;box-shadow:none}.bp-media--v2 .bp-SettingsMenuBack-label{-webkit-user-select:none;user-select:none;padding:6px 14px;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:bold;line-height:20px;color:#767676;text-transform:none;letter-spacing:.3px}
58
60
  .bp-SettingsMenuItem{position:relative;display:flex;gap:8px;align-items:center;align-self:stretch;justify-content:space-between;min-width:160px;padding:8px;border:1px solid rgba(0,0,0,0)}.bp-SettingsMenuItem[aria-disabled=true]{cursor:default}.bp-SettingsMenuItem:hover{border-radius:12px;background-color:#f4f4f4;backdrop-filter:blur(16px);box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}.bp-SettingsMenuItem-arrow{display:flex;align-items:center;justify-content:center}.bp-SettingsMenuItem-label{display:table-cell;line-height:1;vertical-align:middle;padding:6px;font-size:11px;font-weight:normal;color:#999ea4;text-align:left;text-transform:uppercase}.bp-SettingsMenuItem-label svg{display:block}.bp-SettingsMenuItem-value{display:table-cell;line-height:1;vertical-align:middle;padding:6px;font-size:12px;color:#464a4f;text-align:left}.bp-SettingsMenuItem-value svg{display:block}.bp-SettingsMenuItem-value-container{display:flex;align-items:right}.bp-SettingsMenuItem-value-container .bp-SettingsMenuItem-label{display:block}.bp-SettingsMenuItem-value-container .bp-SettingsMenuItem-value{display:block}.bp-media--v2 .bp-SettingsMenuItem{cursor:pointer;gap:16px;padding:6px 14px;border:0;border-radius:8px}.bp-media--v2 .bp-SettingsMenuItem:hover{border-radius:8px;background-color:#f4f4f4;backdrop-filter:none;box-shadow:none}.bp-media--v2 .bp-SettingsMenuItem-label{padding:0 8px;font-size:16px;font-weight:normal;line-height:24px;color:#000;text-transform:none}.bp-media--v2 .bp-SettingsMenuItem-value{padding:0 8px;font-size:16px;line-height:24px;color:#767676}
59
61
  .bp-SettingsRadioItem{cursor:pointer;overflow:hidden;padding:8px;white-space:nowrap;outline:0 none}.bp-SettingsRadioItem.bp-is-selected .bp-SettingsRadioItem-check-icon{visibility:visible}.bp-SettingsRadioItem.bp-is-selected .bp-SettingsRadioItem-value{color:#0061d5}.bp-SettingsRadioItem:hover{border-radius:12px;background-color:#f4f4f4;backdrop-filter:blur(16px);box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}.bp-SettingsRadioItem:hover .bp-SettingsRadioItem-check-icon{fill:#2c3e50}.bp-SettingsRadioItem:hover .bp-SettingsRadioItem-value{color:#2c3e50}.bp-is-focused .bp-SettingsRadioItem:focus .bp-SettingsRadioItem-check-icon{fill:#fff}.bp-is-focused .bp-SettingsRadioItem:focus .bp-SettingsRadioItem-value{color:#fff}.bp-SettingsRadioItem-check{display:table-cell;line-height:1;vertical-align:middle}.bp-SettingsRadioItem-check svg{display:block}.bp-SettingsRadioItem-check-icon{visibility:hidden}.bp-SettingsRadioItem-value{display:table-cell;line-height:1;vertical-align:middle;padding:6px;font-size:12px;color:#464a4f;text-align:left}.bp-SettingsRadioItem-value svg{display:block}.bp-media--v2 .bp-SettingsRadioItem{cursor:pointer;display:flex;flex-direction:row-reverse;gap:16px;align-items:center;justify-content:space-between;padding:6px 14px;border-radius:8px}.bp-media--v2 .bp-SettingsRadioItem:hover{border-radius:8px;background-color:#f4f4f4;backdrop-filter:none;box-shadow:none}.bp-media--v2 .bp-SettingsRadioItem:hover .bp-SettingsRadioItem-check-icon{fill:#000}.bp-media--v2 .bp-SettingsRadioItem:hover .bp-SettingsRadioItem-value{color:#000}.bp-media--v2 .bp-SettingsRadioItem.bp-is-selected .bp-SettingsRadioItem-value{color:#000}.bp-media--v2 .bp-SettingsRadioItem.bp-is-selected .bp-SettingsRadioItem-check-icon{fill:#000}.bp-media--v2 .bp-SettingsRadioItem-value{padding:0;font-size:16px;line-height:24px;color:#000;text-align:left}
62
+ .bp-SettingsToggleV2{position:relative;display:inline-flex}.bp-SettingsToggleV2-badge{pointer-events:none;position:absolute;top:50%;left:50%;transform:translateY(-100%);display:flex;align-items:center}
63
+ .bp-MediaSettingsV2{min-width:240px}.bp-MediaSettingsV2-value{display:flex;gap:4px;align-items:center}
60
64
  .bp-PlayPauseToggle{will-change:opacity;opacity:.9;transition:opacity 150ms,background-color 150ms;outline:0;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;zoom:1;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:25px;color:#fff;background:rgba(0,0,0,0)}.bp-PlayPauseToggle:focus:not(:disabled),.bp-PlayPauseToggle:hover:not(:disabled){opacity:1;background-color:rgba(255,255,255,.08)}.bp-PlayPauseToggle:focus:not(:disabled) svg,.bp-PlayPauseToggle:hover:not(:disabled) svg,.bp-PlayPauseToggle.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-PlayPauseToggle.bp-is-active,.bp-PlayPauseToggle:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-PlayPauseToggle.bp-is-active:focus:not(:disabled),.bp-PlayPauseToggle.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-PlayPauseToggle:focus:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-PlayPauseToggle:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-PlayPauseToggle:focus:not(:focus-visible){box-shadow:none}.bp-PlayPauseToggle:disabled{pointer-events:none;cursor:default;opacity:.2}.bp-PlayPauseToggle svg{width:32px;height:32px;padding:5px}
61
65
  .bp-TabularDigit{display:inline-block;width:1ch;text-align:center}
62
66
  .bp-DurationLabels{display:flex;align-items:center;justify-content:space-between;margin-right:5px;margin-left:5px}.bp-DurationLabels .bp-DurationLabels-label{font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;color:rgba(255,255,255,.8);letter-spacing:.3px}.bp-DurationLabels-label{will-change:opacity;opacity:.9;transition:opacity 150ms,background-color 150ms;cursor:default;padding-right:4px;padding-left:4px;font-size:12px;line-height:12px;color:#fff}.bp-DurationLabels-label:focus:not(:disabled),.bp-DurationLabels-label:hover:not(:disabled){opacity:1;background-color:rgba(255,255,255,.08)}.bp-DurationLabels-label:focus:not(:disabled) svg,.bp-DurationLabels-label:hover:not(:disabled) svg,.bp-DurationLabels-label.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-DurationLabels-label.bp-is-active,.bp-DurationLabels-label:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-DurationLabels-label.bp-is-active:focus:not(:disabled),.bp-DurationLabels-label.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}