@salutejs/plasma-new-hope 0.346.0-canary.2431.21286178286.0 → 0.346.0-canary.2431.21393540147.0

package/dist/css/cjs/components/File/File.css

@@ -0,0 +1,80 @@
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.base_je3m22_bglpt23__b0eef474[disabled]{opacity:var(--plasma-file-disabled-opacity);cursor:not-allowed;}.base_je3m22_bglpt23__b0eef474[disabled] .base_je3m22_s3czsgs__b0eef474{pointer-events:none;}
+
+.File_styles_x6tfzx_s1m3tq90__28147ee8{width:100%;height:100%;color:currentColor;}
+.File_styles_x6tfzx_f1l1bm2h__28147ee8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;color:var(--plasma-file-cell-title-color);width:var(--plasma-file-thumb-size);height:var(--plasma-file-thumb-size);margin:var(--plasma-file-thumb-margin);border-radius:var(--plasma-file-thumb-radius);}
+.File_styles_x6tfzx_t1o86cdi__28147ee8{width:100%;height:100%;object-fit:cover;}
+.File_styles_x6tfzx_b1bbw1jz__28147ee8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;width:var(--plasma_private-file-inner-width);}.File_styles_x6tfzx_b1bbw1jz__28147ee8.File_styles_x6tfzx_fileLoaderLinear__28147ee8{gap:var(--plasma-file-content-linear-progress-gap);}
+
+.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
+
+.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
+
+.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
+
+.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
+.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
+.Cell_styles_1lali49_cdgokyj__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;}
+.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
+.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+
+.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
+
+.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
+
+.Cell_styles_1nus00g_s3czsgs__9c0e5e1b{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.Cell_styles_1nus00g_s3czsgs__9c0e5e1b.Cell_styles_1nus00g_fileActionLeft__9c0e5e1b .Cell_styles_1nus00g_c1spqh22__9c0e5e1b{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
+.Cell_styles_1nus00g_f1g9th3m__9c0e5e1b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-file-cell-textbox-gap);}
+.Cell_styles_1nus00g_f141hb5t__9c0e5e1b{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
+.Cell_styles_1nus00g_t15n7eg9__9c0e5e1b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.Cell_styles_1nus00g_fv8e3ac__9c0e5e1b{color:var(--plasma-file-cell-subtitle-color);font-family:var(--plasma-file-cell-subtitle-font-family);font-size:var(--plasma-file-cell-subtitle-font-size);font-style:var(--plasma-file-cell-subtitle-font-style);font-weight:var(--plasma-file-cell-subtitle-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);line-height:var(--plasma-file-cell-subtitle-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
+
+.base_3okasg_b1ty39ru__477848f8{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_3okasg_b1ty39ru__477848f8.base_3okasg_buttonLoading__477848f8{background:var(--plasma-button-loading-background-color);}@media (hover:hover) and (pointer:fine){.base_3okasg_b1ty39ru__477848f8:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}}.base_3okasg_b1ty39ru__477848f8:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
+
+.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
+
+.base_do83p2_b169l30m__044ccc85[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_do83p2_b169l30m__044ccc85[disabled]:hover,.base_do83p2_b169l30m__044ccc85[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}
+
+.base_sl2bqh_b187cmzt__515f87fd{position:relative;}.base_sl2bqh_b187cmzt__515f87fd:focus{outline:none;}.base_sl2bqh_b187cmzt__515f87fd:focus-visible{outline:none;}.base_sl2bqh_b187cmzt__515f87fd::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_sl2bqh_b187cmzt__515f87fd.base_sl2bqh_focusVisible__515f87fd:focus::before,.base_sl2bqh_b187cmzt__515f87fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
+
+.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:var(--plasma-embed-icon-button-padding);--plasma-button-color:var(--plasma-embed-icon-button-color);--plasma-button-background-color:var(--plasma-embed-icon-button-background-color);--plasma-button-color-hover:var(--plasma-embed-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-embed-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-embed-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-embed-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-embed-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-embed-icon-button-font-family);--plasma-button-font-size:var(--plasma-embed-icon-button-font-size);--plasma-button-font-style:var(--plasma-embed-icon-button-font-style);--plasma-button-font-weight:var(--plasma-embed-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-embed-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-embed-icon-button-line-height);--plasma-button-width:var(--plasma-embed-icon-button-width);--plasma-button-height:var(--plasma-embed-icon-button-height);--plasma-button-radius:var(--plasma-embed-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-embed-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-embed-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-embed-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-embed-icon-button-spinner-color);}a.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044{-webkit-text-decoration:none;text-decoration:none;}.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044.EmbedIconButton_styles_1n2j754_buttonSquare__13bd0044{width:var(--plasma-button-height);padding:0;}@media (hover:hover) and (pointer:fine){.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}}.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044:focus-visible{outline:none;}.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044.EmbedIconButton_styles_1n2j754_focusVisible__13bd0044:focus::before,.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}@media (hover:hover) and (pointer:fine){.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044[disabled]:hover,.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}}.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044.EmbedIconButton_styles_1n2j754_buttonStretchingFixed__13bd0044{width:var(--plasma-button-width);}.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044.EmbedIconButton_styles_1n2j754_buttonStretchingFilled__13bd0044{width:100%;}.EmbedIconButton_styles_1n2j754_bhhav47__13bd0044.EmbedIconButton_styles_1n2j754_buttonStretchingAuto__13bd0044{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.EmbedIconButton_styles_15pej3s_e3v51gd__38fa766b{--plasma-embed-icon-button-color:var(--plasma-file-embed-icon-button-color);--plasma-embed-icon-button-color-hover:var(--plasma-file-embed-icon-button-color-hover);--plasma-embed-icon-button-color-active:var(--plasma-file-embed-icon-button-color-active);--plasma-embed-icon-button-height:var(--plasma-file-embed-icon-button-height);--plasma-embed-icon-button-width:var(--plasma-file-embed-icon-button-width);--plasma-embed-icon-button-padding:var(--plasma-file-embed-icon-button-padding);--plasma-embed-icon-button-radius:var(--plasma-file-embed-icon-button-radius);--plasma-embed-icon-button-focus-color:var(--plasma-file-embed-icon-button-focus-color);}
+
+.Progress_styles_1co5z1v_blc0ex6__856bd32c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.Progress_styles_1co5z1v_swmawm7__856bd32c{width:100%;position:relative;}
+.Progress_styles_1co5z1v_s1mmwynp__856bd32c{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:var(--s1mmwynp-0);}
+.Progress_styles_1co5z1v_s1oe6gw0__856bd32c{font-family:var(--plasma-typo-caption-font-family);font-weight:var(--plasma-typo-caption-font-weight);font-style:var(--plasma-typo-caption-font-style);font-size:var(--plasma-typo-caption-font-size);-webkit-letter-spacing:var(--plasma-typo-caption-letter-spacing);-moz-letter-spacing:var(--plasma-typo-caption-letter-spacing);-ms-letter-spacing:var(--plasma-typo-caption-letter-spacing);letter-spacing:var(--plasma-typo-caption-letter-spacing);line-height:var(--plasma-typo-caption-line-height);}
+
+.base_1qnkfja_b1qw8a6e__0b9c871d .base_1qnkfja_swmawm7__0b9c871d{background:var(--plasma-progress-track-background-color);}.base_1qnkfja_b1qw8a6e__0b9c871d .base_1qnkfja_s1mmwynp__0b9c871d{background:var(--plasma-progress-filled-background-color);}.base_1qnkfja_b1qw8a6e__0b9c871d .base_1qnkfja_s1oe6gw0__0b9c871d{color:var(--plasma-progress-value-color);}
+
+.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_swmawm7__0445cc63{height:var(--plasma-progress-track-height);border-radius:var(--plasma-progress-track-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1mmwynp__0445cc63{height:var(--plasma-progress-filled-height);border-radius:var(--plasma-progress-filled-border-radius);}.base_1gha00t_blzorgi__0445cc63 .base_1gha00t_s1oe6gw0__0445cc63{margin-left:var(--plasma-progress-value-margin-left);}
+
+.ProgressBarCircular_styles_16hxdvd_b18reh89__8bec966a{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
+.ProgressBarCircular_styles_16hxdvd_s2tt3b5__8bec966a{width:100%;height:100%;}
+.ProgressBarCircular_styles_16hxdvd_slvt37h__8bec966a{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
+.ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
+.ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+
+.Loader_styles_10xh4ax_p8jxzss__79efb33a{--plasma-progressbar-circular-size:var(--plasma-file-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-file-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-file-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-file-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-file-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-file-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-file-progressbar-circular-stroke);--plasma-progressbar-circular-content-color:var(--plasma-file-progressbar-circular-content-color);}
+.Loader_styles_10xh4ax_pfkaftk__79efb33a{--plasma-progress-track-background-color:var(--plasma-file-progress-track-background-color);--plasma-progress-track-height:var(--plasma-file-progress-track-height);--plasma-progress-track-border-radius:var(--plasma-file-progress-track-border-radius);--plasma-progress-filled-background-color:var(--plasma-file-progress-filled-background-color);--plasma-progress-filled-height:var(--plasma-file-progress-filled-height);--plasma-progress-filled-border-radius:var(--plasma-file-progress-filled-border-radius);width:100%;}

package/dist/css/cjs/components/File/File.js

@@ -0,0 +1,154 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var getFileIcon = require('./utils/getFileIcon.js');
+var base = require('./variations/_view/base.js');
+var base$1 = require('./variations/_size/base.js');
+var base$2 = require('./variations/_disabled/base.js');
+var File_styles = require('./File.styles.js');
+var File_tokens = require('./File.tokens.js');
+var extractExtension = require('../Attach/utils/extractExtension.js');
+var Cell = require('./ui/Cell/Cell.js');
+var Loader_styles = require('./ui/Loader/Loader.styles.js');
+var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
+var EmbedIconButton_styles = require('./ui/EmbedIconButton/EmbedIconButton.styles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+
+var _excluded = ["className", "style", "filename", "description", "actionContent", "actionPlacement", "fileUrl", "thumbUrl", "thumbIcon", "fileContainerWidth", "stretched", "loader", "isLoading", "loaderType", "loaderValue", "loaderMaxValue", "view", "size", "disabled", "onCancel", "onActionClick"];
+var fileRoot = function fileRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _ProgressBarCircularU, _EmbedIconButtonUI, _FileThumb, _FileThumb2;
+    var className = props.className,
+      style = props.style,
+      filename = props.filename,
+      description = props.description,
+      actionContent = props.actionContent,
+      _props$actionPlacemen = props.actionPlacement,
+      actionPlacement = _props$actionPlacemen === void 0 ? 'right' : _props$actionPlacemen,
+      fileUrl = props.fileUrl,
+      thumbUrl = props.thumbUrl,
+      thumbIcon = props.thumbIcon,
+      _props$fileContainerW = props.fileContainerWidth,
+      fileContainerWidth = _props$fileContainerW === void 0 ? '100%' : _props$fileContainerW,
+      stretched = props.stretched,
+      loader = props.loader,
+      _props$isLoading = props.isLoading,
+      isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
+      _props$loaderType = props.loaderType,
+      loaderType = _props$loaderType === void 0 ? 'circular' : _props$loaderType,
+      _props$loaderValue = props.loaderValue,
+      loaderValue = _props$loaderValue === void 0 ? 0 : _props$loaderValue,
+      _props$loaderMaxValue = props.loaderMaxValue,
+      loaderMaxValue = _props$loaderMaxValue === void 0 ? 100 : _props$loaderMaxValue,
+      view = props.view,
+      size = props.size,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      onCancel = props.onCancel,
+      onActionClick = props.onActionClick,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var _useMemo = React.useMemo(function () {
+        var ext = extractExtension.extractExtension(filename) || '';
+        var name = ext ? filename.slice(0, -1 - ext.length) : filename;
+        return {
+          extension: ext,
+          filenameWithoutExtension: name
+        };
+      }, [filename]),
+      extension = _useMemo.extension,
+      filenameWithoutExtension = _useMemo.filenameWithoutExtension;
+    var actualInnerWidth = React.useMemo(function () {
+      var fileContainerWidthValue = fileContainerWidth ? getSizeValueFromProp.getSizeValueFromProp(fileContainerWidth, 'rem') : '100%';
+      return stretched ? '100%' : fileContainerWidthValue;
+    }, [fileContainerWidth, stretched]);
+    var renderAction = function renderAction() {
+      if (isLoading && loaderType === 'circular') {
+        return loader || _ProgressBarCircularU || (_ProgressBarCircularU = /*#__PURE__*/React__default.default.createElement(Loader_styles.ProgressBarCircularUI, {
+          value: loaderValue,
+          maxValue: loaderMaxValue
+        }, /*#__PURE__*/React__default.default.createElement(EmbedIconButton_styles.EmbedIconButtonUI, {
+          onClick: onCancel,
+          type: "button",
+          "aria-label": "Cancel"
+        }, actionContent)));
+      }
+      if (actionContent) {
+        return _EmbedIconButtonUI || (_EmbedIconButtonUI = /*#__PURE__*/React__default.default.createElement(EmbedIconButton_styles.EmbedIconButtonUI, {
+          onClick: onActionClick
+        }, actionContent));
+      }
+      return null;
+    };
+    var renderFileThumb = function renderFileThumb() {
+      if (actionPlacement === 'left') {
+        return renderAction();
+      }
+      if (thumbUrl) {
+        return _FileThumb || (_FileThumb = /*#__PURE__*/React__default.default.createElement(File_styles.FileThumb, null, /*#__PURE__*/React__default.default.createElement(File_styles.ThumbImg, {
+          src: thumbUrl,
+          alt: ""
+        })));
+      }
+      if (thumbIcon) {
+        return _FileThumb2 || (_FileThumb2 = /*#__PURE__*/React__default.default.createElement(File_styles.FileThumb, null, thumbIcon));
+      }
+      if (fileUrl) {
+        return /*#__PURE__*/React__default.default.createElement(File_styles.FileThumb, null, getFileIcon.getFileIcon(extension, size));
+      }
+      return null;
+    };
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: ref,
+      className: cls__default.default(className, File_tokens.classes.fileItem, _rollupPluginBabelHelpers.defineProperty({}, File_tokens.classes.fileLoaderLinear, loaderType === 'linear')),
+      view: view,
+      size: size,
+      disabled: disabled,
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, _rollupPluginBabelHelpers.defineProperty({}, File_tokens.privateTokens.fileInnerWidth, actualInnerWidth))
+    }, rest), /*#__PURE__*/React__default.default.createElement(Cell.CellUI, {
+      className: cls__default.default(_rollupPluginBabelHelpers.defineProperty({}, File_tokens.classes.fileActionLeft, actionPlacement === 'left')),
+      filenameWithoutExtension: filenameWithoutExtension,
+      extension: extension,
+      description: description,
+      size: size,
+      cellContentLeft: renderFileThumb(),
+      cellContentRight: actionPlacement === 'right' ? renderAction() : null
+    }), isLoading && loaderType === 'linear' && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, loader || /*#__PURE__*/React__default.default.createElement(Loader_styles.ProgressUI, {
+      displayValue: false,
+      value: loaderValue
+    })));
+  });
+};
+var fileConfig = {
+  name: 'File',
+  tag: 'div',
+  layout: fileRoot,
+  base: File_styles.base,
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    },
+    disabled: {
+      css: base$2.base,
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.fileConfig = fileConfig;
+exports.fileRoot = fileRoot;
+//# sourceMappingURL=File.js.map

package/dist/css/cjs/components/File/File.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"File.js","sources":["../../../../../src/components/File/File.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport cls from 'classnames';\nimport { getSizeValueFromProp } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { extractExtension } from '../Attach/utils';\n\nimport { getFileIcon } from './utils/getFileIcon';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { FileProps, FileRootProps } from './File.types';\nimport { base, FileThumb, ThumbImg } from './File.styles';\nimport { classes, privateTokens } from './File.tokens';\nimport { CellUI, EmbedIconButtonUI, ProgressBarCircularUI, ProgressUI } from './ui';\n\nexport const fileRoot = (Root: RootProps<HTMLDivElement, FileRootProps>) =>\n    forwardRef<HTMLDivElement, FileProps>((props, ref) => {\n        const {\n            className,\n            style,\n\n            // layout\n            filename,\n            description,\n            actionContent,\n            actionPlacement = 'right',\n            fileUrl,\n            thumbUrl,\n            thumbIcon,\n            fileContainerWidth = '100%',\n            stretched,\n\n            // loader\n            loader,\n            isLoading = false,\n            loaderType = 'circular',\n            loaderValue = 0,\n            loaderMaxValue = 100,\n\n            // variations\n            view,\n            size,\n            disabled = false,\n\n            // events\n            onCancel,\n            onActionClick,\n\n            ...rest\n        } = props;\n        const { extension, filenameWithoutExtension } = useMemo(() => {\n            const ext = extractExtension(filename) || '';\n            const name = ext ? filename.slice(0, -1 - ext.length) : filename;\n            return { extension: ext, filenameWithoutExtension: name };\n        }, [filename]);\n\n        const actualInnerWidth = useMemo(() => {\n            const fileContainerWidthValue = fileContainerWidth\n                ? getSizeValueFromProp(fileContainerWidth, 'rem')\n                : '100%';\n\n            return stretched ? '100%' : fileContainerWidthValue;\n        }, [fileContainerWidth, stretched]);\n\n        const renderAction = () => {\n            if (isLoading && loaderType === 'circular') {\n                return (\n                    loader || (\n                        <ProgressBarCircularUI value={loaderValue} maxValue={loaderMaxValue}>\n                            <EmbedIconButtonUI onClick={onCancel} type=\"button\" aria-label=\"Cancel\">\n                                {actionContent}\n                            </EmbedIconButtonUI>\n                        </ProgressBarCircularUI>\n                    )\n                );\n            }\n\n            if (actionContent) {\n                return <EmbedIconButtonUI onClick={onActionClick}>{actionContent}</EmbedIconButtonUI>;\n            }\n\n            return null;\n        };\n\n        const renderFileThumb = () => {\n            if (actionPlacement === 'left') {\n                return renderAction();\n            }\n\n            if (thumbUrl) {\n                return (\n                    <FileThumb>\n                        <ThumbImg src={thumbUrl} alt=\"\" />\n                    </FileThumb>\n                );\n            }\n\n            if (thumbIcon) {\n                return <FileThumb>{thumbIcon}</FileThumb>;\n            }\n\n            if (fileUrl) {\n                return <FileThumb>{getFileIcon(extension, size)}</FileThumb>;\n            }\n\n            return null;\n        };\n\n        return (\n            <Root\n                ref={ref}\n                className={cls(className, classes.fileItem, { [classes.fileLoaderLinear]: loaderType === 'linear' })}\n                view={view}\n                size={size}\n                disabled={disabled}\n                style={{\n                    ...style,\n                    [privateTokens.fileInnerWidth]: actualInnerWidth,\n                }}\n                {...rest}\n            >\n                <CellUI\n                    className={cls({ [classes.fileActionLeft]: actionPlacement === 'left' })}\n                    filenameWithoutExtension={filenameWithoutExtension}\n                    extension={extension}\n                    description={description}\n                    size={size}\n                    cellContentLeft={renderFileThumb()}\n                    cellContentRight={actionPlacement === 'right' ? renderAction() : null}\n                />\n                {isLoading && loaderType === 'linear' && (\n                    <>{loader || <ProgressUI displayValue={false} value={loaderValue} />}</>\n                )}\n            </Root>\n        );\n    });\n\nexport const fileConfig = {\n    name: 'File',\n    tag: 'div',\n    layout: fileRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["fileRoot","Root","forwardRef","props","ref","_ProgressBarCircularU","_EmbedIconButtonUI","_FileThumb","_FileThumb2","className","style","filename","description","actionContent","_props$actionPlacemen","actionPlacement","fileUrl","thumbUrl","thumbIcon","_props$fileContainerW","fileContainerWidth","stretched","loader","_props$isLoading","isLoading","_props$loaderType","loaderType","_props$loaderValue","loaderValue","_props$loaderMaxValue","loaderMaxValue","view","size","_props$disabled","disabled","onCancel","onActionClick","rest","_objectWithoutProperties","_excluded","_useMemo","useMemo","ext","extractExtension","name","slice","length","extension","filenameWithoutExtension","actualInnerWidth","fileContainerWidthValue","getSizeValueFromProp","renderAction","React","createElement","ProgressBarCircularUI","value","maxValue","EmbedIconButtonUI","onClick","type","renderFileThumb","FileThumb","ThumbImg","src","alt","getFileIcon","_extends","cls","classes","fileItem","_defineProperty","fileLoaderLinear","_objectSpread","privateTokens","fileInnerWidth","CellUI","fileActionLeft","cellContentLeft","cellContentRight","Fragment","ProgressUI","displayValue","fileConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/dist/css/cjs/components/File/File.styles.js

@@ -0,0 +1,23 @@
+require('./File.styles_x6tfzx.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var FileThumb = /*#__PURE__*/react.styled('div')({
+  name: "FileThumb",
+  "class": "f1l1bm2h",
+  propsAsIs: false
+});
+var ThumbImg = /*#__PURE__*/react.styled('img')({
+  name: "ThumbImg",
+  "class": "t1o86cdi",
+  propsAsIs: false
+});
+var base = "b1bbw1jz";
+
+exports.FileThumb = FileThumb;
+exports.ThumbImg = ThumbImg;
+exports.base = base;
+//# sourceMappingURL=File.styles.js.map

package/dist/css/cjs/components/File/File.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"File.styles.js","sources":["../../../../../src/components/File/File.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { IconClose } from '../_Icon';\n\nimport { classes, privateTokens, tokens } from './File.tokens';\n\nexport const StyledIconClose = styled(IconClose)`\n    width: 100%;\n    height: 100%;\n    color: currentColor;\n`;\n\nexport const FileThumb = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    overflow: hidden;\n\n    color: var(${tokens.cellTitleColor});\n\n    width: var(${tokens.fileThumbSize});\n    height: var(${tokens.fileThumbSize});\n    margin: var(${tokens.fileThumbMargin});\n    border-radius: var(${tokens.fileThumbRadius});\n`;\n\nexport const ThumbImg = styled.img`\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n`;\n\nexport const base = css`\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n    width: var(${privateTokens.fileInnerWidth});\n\n    &.${classes.fileLoaderLinear} {\n        gap: var(${tokens.progressLinearGap});\n    }\n`;\n"],"names":["FileThumb","styled","name","class","propsAsIs","ThumbImg","base"],"mappings":";;;;;;AAaO,IAAMA,SAAS,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa9B,EAAA;AAEM,IAAMC,QAAQ,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI7B,EAAA;AAEM,IAAME,IAAI,GAShB;;;;;;"}

package/dist/css/cjs/components/File/File.styles_x6tfzx.css

@@ -0,0 +1,4 @@
+.s1m3tq90{width:100%;height:100%;color:currentColor;}
+.f1l1bm2h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;color:var(--plasma-file-cell-title-color);width:var(--plasma-file-thumb-size);height:var(--plasma-file-thumb-size);margin:var(--plasma-file-thumb-margin);border-radius:var(--plasma-file-thumb-radius);}
+.t1o86cdi{width:100%;height:100%;object-fit:cover;}
+.b1bbw1jz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;width:var(--plasma_private-file-inner-width);}.b1bbw1jz.file-loader-linear{gap:var(--plasma-file-content-linear-progress-gap);}

package/dist/css/cjs/components/File/File.tokens.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  fileItem: 'file-item',
+  fileActionLeft: 'file-action-left',
+  fileLoaderLinear: 'file-loader-linear'
+};
+var privateTokens = {
+  fileInnerWidth: '--plasma_private-file-inner-width'
+};
+var tokens = {
+  // EmbedIconButton
+  embedIconButtonColor: '--plasma-file-embed-icon-button-color',
+  embedIconButtonColorHover: '--plasma-file-embed-icon-button-color-hover',
+  embedIconButtonColorActive: '--plasma-file-embed-icon-button-color-active',
+  embedIconButtonHeight: '--plasma-file-embed-icon-button-height',
+  embedIconButtonWidth: '--plasma-file-embed-icon-button-width',
+  embedIconButtonPadding: '--plasma-file-embed-icon-button-padding',
+  embedIconButtonRadius: '--plasma-file-embed-icon-button-radius',
+  embedIconButtonFocusColor: '--plasma-file-embed-icon-button-focus-color',
+  // Cell
+  cellHeight: '--plasma-file-cell-height',
+  cellGap: '--plasma-file-cell-gap',
+  cellTextboxGap: '--plasma-file-cell-textbox-gap',
+  cellPadding: '--plasma-file-cell-padding',
+  cellPaddingContent: '--plasma-file-cell-padding-content',
+  cellPaddingLeftContent: '--plasma-file-cell-padding-left-content',
+  cellPaddingRightContent: '--plasma-file-cell-padding-right-content',
+  cellTitleColor: '--plasma-file-cell-title-color',
+  cellSubtitleColor: '--plasma-file-cell-subtitle-color',
+  cellTitleFontFamily: '--plasma-file-cell-title-font-family',
+  cellTitleFontSize: '--plasma-file-cell-title-font-size',
+  cellTitleFontStyle: '--plasma-file-cell-title-font-style',
+  cellTitleFontWeight: '--plasma-file-cell-title-font-weight',
+  cellTitleLetterSpacing: '--plasma-file-cell-title-letter-spacing',
+  cellTitleLineHeight: '--plasma-file-cell-title-line-height',
+  cellSubtitleFontFamily: '--plasma-file-cell-subtitle-font-family',
+  cellSubtitleFontSize: '--plasma-file-cell-subtitle-font-size',
+  cellSubtitleFontStyle: '--plasma-file-cell-subtitle-font-style',
+  cellSubtitleFontWeight: '--plasma-file-cell-subtitle-font-weight',
+  cellSubtitleLetterSpacing: '--plasma-file-cell-subtitle-letter-spacing',
+  cellSubtitleLineHeight: '--plasma-file-cell-subtitle-line-height',
+  // ProgressBarCircular tokens
+  progressBarCircularContentColor: '--plasma-file-progressbar-circular-content-color',
+  progressBarCircularBackgroundStroke: '--plasma-file-progressbar-circular-background-stroke',
+  progressBarCircularStroke: '--plasma-file-progressbar-circular-stroke',
+  progressBarCircularSize: '--plasma-file-progressbar-circular-size',
+  progressBarCircularWidth: '--plasma-file-progressbar-circular-width',
+  progressBarCircularHeight: '--plasma-file-progressbar-circular-height',
+  progressBarCircularStrokeWidth: '--plasma-file-progressbar-circular-stroke-width',
+  progressBarCircularStrokeSize: '--plasma-file-progressbar-circular-stroke-size',
+  // Progress (linear) tokens
+  progressTrackBackgroundColor: '--plasma-file-progress-track-background-color',
+  progressFilledBackgroundColor: '--plasma-file-progress-filled-background-color',
+  progressTrackHeight: '--plasma-file-progress-track-height',
+  progressTrackBorderRadius: '--plasma-file-progress-track-border-radius',
+  progressFilledHeight: '--plasma-file-progress-filled-height',
+  progressFilledBorderRadius: '--plasma-file-progress-filled-border-radius',
+  progressLinearGap: '--plasma-file-content-linear-progress-gap',
+  // File
+  fileThumbSize: '--plasma-file-thumb-size',
+  fileThumbMargin: '--plasma-file-thumb-margin',
+  fileThumbRadius: '--plasma-file-thumb-radius',
+  fileDisabledOpacity: '--plasma-file-disabled-opacity'
+};
+
+exports.classes = classes;
+exports.privateTokens = privateTokens;
+exports.tokens = tokens;
+//# sourceMappingURL=File.tokens.js.map

package/dist/css/cjs/components/File/File.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"File.tokens.js","sources":["../../../../../src/components/File/File.tokens.ts"],"sourcesContent":["export const classes = {\n    fileItem: 'file-item',\n    fileActionLeft: 'file-action-left',\n    fileLoaderLinear: 'file-loader-linear',\n};\n\nexport const privateTokens = {\n    fileInnerWidth: '--plasma_private-file-inner-width',\n};\n\nexport const tokens = {\n    // EmbedIconButton\n    embedIconButtonColor: '--plasma-file-embed-icon-button-color',\n    embedIconButtonColorHover: '--plasma-file-embed-icon-button-color-hover',\n    embedIconButtonColorActive: '--plasma-file-embed-icon-button-color-active',\n    embedIconButtonHeight: '--plasma-file-embed-icon-button-height',\n    embedIconButtonWidth: '--plasma-file-embed-icon-button-width',\n    embedIconButtonPadding: '--plasma-file-embed-icon-button-padding',\n    embedIconButtonRadius: '--plasma-file-embed-icon-button-radius',\n    embedIconButtonFocusColor: '--plasma-file-embed-icon-button-focus-color',\n\n    // Cell\n    cellHeight: '--plasma-file-cell-height',\n    cellGap: '--plasma-file-cell-gap',\n    cellTextboxGap: '--plasma-file-cell-textbox-gap',\n\n    cellPadding: '--plasma-file-cell-padding',\n    cellPaddingContent: '--plasma-file-cell-padding-content',\n    cellPaddingLeftContent: '--plasma-file-cell-padding-left-content',\n    cellPaddingRightContent: '--plasma-file-cell-padding-right-content',\n\n    cellTitleColor: '--plasma-file-cell-title-color',\n    cellSubtitleColor: '--plasma-file-cell-subtitle-color',\n\n    cellTitleFontFamily: '--plasma-file-cell-title-font-family',\n    cellTitleFontSize: '--plasma-file-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-file-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-file-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-file-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-file-cell-title-line-height',\n\n    cellSubtitleFontFamily: '--plasma-file-cell-subtitle-font-family',\n    cellSubtitleFontSize: '--plasma-file-cell-subtitle-font-size',\n    cellSubtitleFontStyle: '--plasma-file-cell-subtitle-font-style',\n    cellSubtitleFontWeight: '--plasma-file-cell-subtitle-font-weight',\n    cellSubtitleLetterSpacing: '--plasma-file-cell-subtitle-letter-spacing',\n    cellSubtitleLineHeight: '--plasma-file-cell-subtitle-line-height',\n\n    // ProgressBarCircular tokens\n    progressBarCircularContentColor: '--plasma-file-progressbar-circular-content-color',\n    progressBarCircularBackgroundStroke: '--plasma-file-progressbar-circular-background-stroke',\n    progressBarCircularStroke: '--plasma-file-progressbar-circular-stroke',\n\n    progressBarCircularSize: '--plasma-file-progressbar-circular-size',\n    progressBarCircularWidth: '--plasma-file-progressbar-circular-width',\n    progressBarCircularHeight: '--plasma-file-progressbar-circular-height',\n\n    progressBarCircularStrokeWidth: '--plasma-file-progressbar-circular-stroke-width',\n    progressBarCircularStrokeSize: '--plasma-file-progressbar-circular-stroke-size',\n\n    // Progress (linear) tokens\n    progressTrackBackgroundColor: '--plasma-file-progress-track-background-color',\n    progressFilledBackgroundColor: '--plasma-file-progress-filled-background-color',\n\n    progressTrackHeight: '--plasma-file-progress-track-height',\n    progressTrackBorderRadius: '--plasma-file-progress-track-border-radius',\n    progressFilledHeight: '--plasma-file-progress-filled-height',\n    progressFilledBorderRadius: '--plasma-file-progress-filled-border-radius',\n\n    progressLinearGap: '--plasma-file-content-linear-progress-gap',\n\n    // File\n    fileThumbSize: '--plasma-file-thumb-size',\n    fileThumbMargin: '--plasma-file-thumb-margin',\n    fileThumbRadius: '--plasma-file-thumb-radius',\n\n    fileDisabledOpacity: '--plasma-file-disabled-opacity',\n};\n"],"names":["classes","fileItem","fileActionLeft","fileLoaderLinear","privateTokens","fileInnerWidth","tokens","embedIconButtonColor","embedIconButtonColorHover","embedIconButtonColorActive","embedIconButtonHeight","embedIconButtonWidth","embedIconButtonPadding","embedIconButtonRadius","embedIconButtonFocusColor","cellHeight","cellGap","cellTextboxGap","cellPadding","cellPaddingContent","cellPaddingLeftContent","cellPaddingRightContent","cellTitleColor","cellSubtitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","progressBarCircularContentColor","progressBarCircularBackgroundStroke","progressBarCircularStroke","progressBarCircularSize","progressBarCircularWidth","progressBarCircularHeight","progressBarCircularStrokeWidth","progressBarCircularStrokeSize","progressTrackBackgroundColor","progressFilledBackgroundColor","progressTrackHeight","progressTrackBorderRadius","progressFilledHeight","progressFilledBorderRadius","progressLinearGap","fileThumbSize","fileThumbMargin","fileThumbRadius","fileDisabledOpacity"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,cAAc,EAAE,mCAAA;AACpB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClB;AACAC,EAAAA,oBAAoB,EAAE,uCAAuC;AAC7DC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,0BAA0B,EAAE,8CAA8C;AAC1EC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,oBAAoB,EAAE,uCAAuC;AAC7DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,yBAAyB,EAAE,6CAA6C;AAExE;AACAC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,cAAc,EAAE,gCAAgC;AAEhDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAA0C;AAEnEC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,iBAAiB,EAAE,mCAAmC;AAEtDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,mBAAmB,EAAE,sCAAsC;AAE3DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,oBAAoB,EAAE,uCAAuC;AAC7DC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,sBAAsB,EAAE,yCAAyC;AAEjE;AACAC,EAAAA,+BAA+B,EAAE,kDAAkD;AACnFC,EAAAA,mCAAmC,EAAE,sDAAsD;AAC3FC,EAAAA,yBAAyB,EAAE,2CAA2C;AAEtEC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,wBAAwB,EAAE,0CAA0C;AACpEC,EAAAA,yBAAyB,EAAE,2CAA2C;AAEtEC,EAAAA,8BAA8B,EAAE,iDAAiD;AACjFC,EAAAA,6BAA6B,EAAE,gDAAgD;AAE/E;AACAC,EAAAA,4BAA4B,EAAE,+CAA+C;AAC7EC,EAAAA,6BAA6B,EAAE,gDAAgD;AAE/EC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,0BAA0B,EAAE,6CAA6C;AAEzEC,EAAAA,iBAAiB,EAAE,2CAA2C;AAE9D;AACAC,EAAAA,aAAa,EAAE,0BAA0B;AACzCC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,eAAe,EAAE,4BAA4B;AAE7CC,EAAAA,mBAAmB,EAAE,gCAAA;AACzB;;;;;;"}

package/dist/css/cjs/components/File/ui/Cell/Cell.css

@@ -0,0 +1,22 @@
+.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
+
+.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
+
+.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
+
+.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
+.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
+.Cell_styles_1lali49_cdgokyj__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;}
+.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
+.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
+
+.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
+
+.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
+
+.Cell_styles_1nus00g_s3czsgs__9c0e5e1b{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.Cell_styles_1nus00g_s3czsgs__9c0e5e1b.Cell_styles_1nus00g_fileActionLeft__9c0e5e1b .Cell_styles_1nus00g_c1spqh22__9c0e5e1b{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
+.Cell_styles_1nus00g_f1g9th3m__9c0e5e1b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-file-cell-textbox-gap);}
+.Cell_styles_1nus00g_f141hb5t__9c0e5e1b{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
+.Cell_styles_1nus00g_t15n7eg9__9c0e5e1b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.Cell_styles_1nus00g_fv8e3ac__9c0e5e1b{color:var(--plasma-file-cell-subtitle-color);font-family:var(--plasma-file-cell-subtitle-font-family);font-size:var(--plasma-file-cell-subtitle-font-size);font-style:var(--plasma-file-cell-subtitle-font-style);font-weight:var(--plasma-file-cell-subtitle-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);line-height:var(--plasma-file-cell-subtitle-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/dist/css/cjs/components/File/ui/Cell/Cell.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Cell_styles = require('./Cell.styles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var CellUI = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var filenameWithoutExtension = _ref.filenameWithoutExtension,
+    extension = _ref.extension,
+    description = _ref.description,
+    className = _ref.className,
+    size = _ref.size,
+    cellContentLeft = _ref.cellContentLeft,
+    cellContentRight = _ref.cellContentRight;
+  return /*#__PURE__*/React__default.default.createElement(Cell_styles.StyledCell, {
+    ref: ref,
+    stretching: "filled",
+    size: size,
+    contentLeft: cellContentLeft,
+    contentRight: cellContentRight,
+    className: className
+  }, /*#__PURE__*/React__default.default.createElement(Cell_styles.FileInfoWrapper, null, /*#__PURE__*/React__default.default.createElement(Cell_styles.FilenameWrapper, null, /*#__PURE__*/React__default.default.createElement(Cell_styles.TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/React__default.default.createElement(Cell_styles.FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension)), /*#__PURE__*/React__default.default.createElement(Cell_styles.FileDescription, null, description)));
+});
+
+exports.CellUI = CellUI;
+//# sourceMappingURL=Cell.js.map

package/dist/css/cjs/components/File/ui/Cell/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/File/ui/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport {\n    StyledCell,\n    FilenameExtensionPart,\n    FilenameWrapper,\n    TruncatedFilenamePart,\n    FileInfoWrapper,\n    FileDescription,\n} from './Cell.styles';\n\ntype CellUIProps = {\n    filenameWithoutExtension: string;\n    extension: string;\n    description?: string;\n    size?: string;\n    cellContentLeft?: ReactNode;\n    cellContentRight?: ReactNode;\n    className?: string;\n};\n\nexport const CellUI = forwardRef<HTMLDivElement, CellUIProps>(\n    (\n        {\n            filenameWithoutExtension,\n            extension,\n            description,\n\n            className,\n            size,\n            cellContentLeft,\n            cellContentRight,\n        },\n        ref,\n    ) => {\n        return (\n            <StyledCell\n                ref={ref}\n                stretching=\"filled\"\n                size={size}\n                contentLeft={cellContentLeft}\n                contentRight={cellContentRight}\n                className={className}\n            >\n                <FileInfoWrapper>\n                    <FilenameWrapper>\n                        <TruncatedFilenamePart>{filenameWithoutExtension.slice(0, -1)}</TruncatedFilenamePart>\n                        <FilenameExtensionPart>\n                            {filenameWithoutExtension.at(-1)}.{extension}\n                        </FilenameExtensionPart>\n                    </FilenameWrapper>\n                    <FileDescription>{description}</FileDescription>\n                </FileInfoWrapper>\n            </StyledCell>\n        );\n    },\n);\n"],"names":["CellUI","forwardRef","_ref","ref","filenameWithoutExtension","extension","description","className","size","cellContentLeft","cellContentRight","React","createElement","StyledCell","stretching","contentLeft","contentRight","FileInfoWrapper","FilenameWrapper","TruncatedFilenamePart","slice","FilenameExtensionPart","at","FileDescription"],"mappings":";;;;;;;;;;;AAqBO,IAAMA,MAAM,gBAAGC,gBAAU,CAC5B,UAAAC,IAAA,EAWIC,GAAG,EACF;AAAA,EAAA,IAVGC,wBAAwB,GAAAF,IAAA,CAAxBE,wBAAwB;IACxBC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAEXC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IACJC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB,CAAA;AAIpB,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,sBAAU,EAAA;AACPV,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,UAAU,EAAC,QAAQ;AACnBN,IAAAA,IAAI,EAAEA,IAAK;AACXO,IAAAA,WAAW,EAAEN,eAAgB;AAC7BO,IAAAA,YAAY,EAAEN,gBAAiB;AAC/BH,IAAAA,SAAS,EAAEA,SAAAA;GAEXI,eAAAA,sBAAA,CAAAC,aAAA,CAACK,2BAAe,EACZN,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACM,2BAAe,EACZP,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACO,iCAAqB,EAAEf,IAAAA,EAAAA,wBAAwB,CAACgB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAyB,CAAC,eACtFT,sBAAA,CAAAC,aAAA,CAACS,iCAAqB,EACjBjB,IAAAA,EAAAA,wBAAwB,CAACkB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAC,GAAC,EAACjB,SAChB,CACV,CAAC,eAClBM,sBAAA,CAAAC,aAAA,CAACW,2BAAe,EAAEjB,IAAAA,EAAAA,WAA6B,CAClC,CACT,CAAC,CAAA;AAErB,CACJ;;;;"}

package/dist/css/cjs/components/File/ui/Cell/Cell.styles.js

@@ -0,0 +1,52 @@
+require('./Cell.styles_1nus00g.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var common = require('../../../../engines/common.js');
+var Cell$1 = require('../../../Cell/Cell.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(Cell$1.cellConfig);
+var Cell = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return Cell;
+};
+var StyledCell = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledCell",
+  "class": "s3czsgs",
+  propsAsIs: true
+});
+var FileInfoWrapper = /*#__PURE__*/react.styled('div')({
+  name: "FileInfoWrapper",
+  "class": "f1g9th3m",
+  propsAsIs: false
+});
+var FilenameWrapper = /*#__PURE__*/react.styled('div')({
+  name: "FilenameWrapper",
+  "class": "f141hb5t",
+  propsAsIs: false
+});
+var TruncatedFilenamePart = /*#__PURE__*/react.styled('span')({
+  name: "TruncatedFilenamePart",
+  "class": "t15n7eg9",
+  propsAsIs: false
+});
+var FilenameExtensionPart = /*#__PURE__*/react.styled('span')({
+  name: "FilenameExtensionPart",
+  "class": "f14z9cf2",
+  propsAsIs: false
+});
+var FileDescription = /*#__PURE__*/react.styled('span')({
+  name: "FileDescription",
+  "class": "fv8e3ac",
+  propsAsIs: false
+});
+
+exports.FileDescription = FileDescription;
+exports.FileInfoWrapper = FileInfoWrapper;
+exports.FilenameExtensionPart = FilenameExtensionPart;
+exports.FilenameWrapper = FilenameWrapper;
+exports.StyledCell = StyledCell;
+exports.TruncatedFilenamePart = TruncatedFilenamePart;
+//# sourceMappingURL=Cell.styles.js.map

package/dist/css/cjs/components/File/ui/Cell/Cell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.styles.js","sources":["../../../../../../../src/components/File/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { cellConfig, cellTokens } from 'src/components/Cell';\nimport { applyEllipsis } from 'src/mixins';\nimport { CellRight } from 'src/components/Cell/Cell.styles';\n\nimport { classes, tokens } from '../../File.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n    white-space: nowrap;\n    height: var(${tokens.cellHeight});\n    ${cellTokens.cellWidth}: 100%;\n\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n\n    &.${classes.fileActionLeft} {\n        ${CellRight} {\n            order: -1;\n        }\n    }\n`;\n\nexport const FileInfoWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.cellTextboxGap});\n`;\n\nexport const FilenameWrapper = styled.div`\n    display: inline-grid;\n    align-items: center;\n    grid-template-columns: auto 1fr;\n    min-width: 8ch;\n\n    color: var(${tokens.cellTitleColor});\n\n    font-family: var(${tokens.cellTitleFontFamily});\n    font-size: var(${tokens.cellTitleFontSize});\n    font-style: var(${tokens.cellTitleFontStyle});\n    font-weight: var(${tokens.cellTitleFontWeight});\n    letter-spacing: var(${tokens.cellTitleLetterSpacing});\n    line-height: var(${tokens.cellTitleLineHeight});\n`;\n\nexport const TruncatedFilenamePart = styled.span`\n    ${applyEllipsis()}\n`;\n\nexport const FilenameExtensionPart = styled.span``;\n\nexport const FileDescription = styled.span`\n    color: var(${tokens.cellSubtitleColor});\n\n    font-family: var(${tokens.cellSubtitleFontFamily});\n    font-size: var(${tokens.cellSubtitleFontSize});\n    font-style: var(${tokens.cellSubtitleFontStyle});\n    font-weight: var(${tokens.cellSubtitleFontWeight});\n    letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n    line-height: var(${tokens.cellSubtitleLineHeight});\n\n    ${applyEllipsis()}\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs","FileInfoWrapper","FilenameWrapper","TruncatedFilenamePart","FilenameExtensionPart","FileDescription"],"mappings":";;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GARnBA,SAQmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY/B,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIpC,EAAA;AAEM,IAAME,eAAe,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMG,qBAAqB,gBAAGN,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE1C,EAAA;AAEM,IAAMI,qBAAqB,gBAAGP,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAE3C,IAAMK,eAAe,gBAAGR,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWpC;;;;;;;;;"}

package/dist/css/cjs/components/File/ui/Cell/Cell.styles_1nus00g.css

@@ -0,0 +1,6 @@
+.s3czsgs{white-space:nowrap;height:var(--plasma-file-cell-height);--plasma-cell-width:100%;--plasma-cell-gap:var(--plasma-file-cell-gap);}.s3czsgs.file-action-left .c1spqh22{-webkit-order:-1;-ms-flex-order:-1;order:-1;}
+.f1g9th3m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-file-cell-textbox-gap);}
+.f141hb5t{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;color:var(--plasma-file-cell-title-color);font-family:var(--plasma-file-cell-title-font-family);font-size:var(--plasma-file-cell-title-font-size);font-style:var(--plasma-file-cell-title-font-style);font-weight:var(--plasma-file-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-title-letter-spacing);letter-spacing:var(--plasma-file-cell-title-letter-spacing);line-height:var(--plasma-file-cell-title-line-height);}
+.t15n7eg9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.fv8e3ac{color:var(--plasma-file-cell-subtitle-color);font-family:var(--plasma-file-cell-subtitle-font-family);font-size:var(--plasma-file-cell-subtitle-font-size);font-style:var(--plasma-file-cell-subtitle-font-style);font-weight:var(--plasma-file-cell-subtitle-font-weight);-webkit-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-file-cell-subtitle-letter-spacing);line-height:var(--plasma-file-cell-subtitle-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/dist/css/cjs/components/File/ui/EmbedIconButton/EmbedIconButton.styles.js

@@ -0,0 +1,22 @@
+require('./EmbedIconButton.styles_15pej3s.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var common = require('../../../../engines/common.js');
+var EmbedIconButton$1 = require('../../../EmbedIconButton/EmbedIconButton.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(EmbedIconButton$1.embedIconButtonConfig);
+var EmbedIconButton = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return EmbedIconButton;
+};
+var EmbedIconButtonUI = /*#__PURE__*/react.styled(_exp())({
+  name: "EmbedIconButtonUI",
+  "class": "e3v51gd",
+  propsAsIs: true
+});
+
+exports.EmbedIconButtonUI = EmbedIconButtonUI;
+//# sourceMappingURL=EmbedIconButton.styles.js.map

package/dist/css/cjs/components/File/ui/EmbedIconButton/EmbedIconButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedIconButton.styles.js","sources":["../../../../../../../src/components/File/ui/EmbedIconButton/EmbedIconButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { embedIconButtonConfig, embedIconButtonTokens } from 'src/components/EmbedIconButton';\n\nimport { tokens } from '../../File.tokens';\n\nconst mergedConfig = mergeConfig(embedIconButtonConfig);\nconst EmbedIconButton = component(mergedConfig);\n\nexport const EmbedIconButtonUI = styled(EmbedIconButton)`\n    ${embedIconButtonTokens.embedIconButtonColor}: var(${tokens.embedIconButtonColor});\n    ${embedIconButtonTokens.embedIconButtonColorHover}: var(${tokens.embedIconButtonColorHover});\n    ${embedIconButtonTokens.embedIconButtonColorActive}: var(${tokens.embedIconButtonColorActive});\n    ${embedIconButtonTokens.embedIconButtonHeight}: var(${tokens.embedIconButtonHeight});\n    ${embedIconButtonTokens.embedIconButtonWidth}: var(${tokens.embedIconButtonWidth});\n    ${embedIconButtonTokens.embedIconButtonPadding}: var(${tokens.embedIconButtonPadding});\n    ${embedIconButtonTokens.embedIconButtonRadius}: var(${tokens.embedIconButtonRadius});\n    ${embedIconButtonTokens.embedIconButtonFocusColor}: var(${tokens.embedIconButtonFocusColor});\n`;\n"],"names":["mergedConfig","mergeConfig","embedIconButtonConfig","EmbedIconButton","component","_exp","EmbedIconButtonUI","styled","name","class","propsAsIs"],"mappings":";;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uCAAqB,CAAC,CAAA;AACvD,IAAMC,eAAe,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAN9BA,SAM8BA,IAAAA,GAAA;AAAA,EAAA,OAERF,eAAe,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMG,iBAAiB,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAStC;;;;"}

package/dist/css/cjs/components/File/ui/EmbedIconButton/EmbedIconButton.styles_15pej3s.css

@@ -0,0 +1 @@
+.e3v51gd{--plasma-embed-icon-button-color:var(--plasma-file-embed-icon-button-color);--plasma-embed-icon-button-color-hover:var(--plasma-file-embed-icon-button-color-hover);--plasma-embed-icon-button-color-active:var(--plasma-file-embed-icon-button-color-active);--plasma-embed-icon-button-height:var(--plasma-file-embed-icon-button-height);--plasma-embed-icon-button-width:var(--plasma-file-embed-icon-button-width);--plasma-embed-icon-button-padding:var(--plasma-file-embed-icon-button-padding);--plasma-embed-icon-button-radius:var(--plasma-file-embed-icon-button-radius);--plasma-embed-icon-button-focus-color:var(--plasma-file-embed-icon-button-focus-color);}