@uifabric/experiments
Version:
Experimental React components for building experiences for Microsoft 365.
38 lines • 15.7 kB
JavaScript
define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
load_themed_styles_1.loadStyles([{ "rawString": ".tile_39583318{display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear;color:" }, { "theme": "neutralPrimary", "defaultValue": "#323130" }, { "rawString": ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tile_39583318::-moz-focus-inner{border:0}.tile_39583318{outline:transparent}.tile_39583318.selectable_39583318:hover{background-color:" }, { "theme": "neutralLighter", "defaultValue": "#f3f2f1" }, { "rawString": "}.tile_39583318.selectable_39583318:hover.selected_39583318{background-color:" }, { "theme": "neutralQuaternaryAlt", "defaultValue": "#e1dfdd" }, { "rawString": "}.tile_39583318.selected_39583318{background-color:" }, { "theme": "neutralLight", "defaultValue": "#edebe9" }, { "rawString": "}.tile_39583318.selected_39583318.isFluentStyling_39583318 .name_39583318{font-weight:600}.ms-Fabric--isFocusVisible .tile_39583318:focus{background-color:" }, { "theme": "neutralLighter", "defaultValue": "#f3f2f1" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_39583318:focus.isFluentStyling_39583318{background-color:transparent}.ms-Fabric--isFocusVisible .tile_39583318:focus.selected_39583318{background-color:" }, { "theme": "neutralQuaternaryAlt", "defaultValue": "#e1dfdd" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_39583318:focus{outline:1px solid " }, { "theme": "neutralSecondary", "defaultValue": "#605e5c" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_39583318:focus.selected_39583318{outline:1px solid " }, { "theme": "themePrimary", "defaultValue": "#0078d4" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_39583318:focus.selected_39583318.isFluentStyling_39583318{outline:1px solid " }, { "theme": "neutralSecondary", "defaultValue": "#605e5c" }, { "rawString": "}.tile_39583318.hasBackgroundFrame_39583318{-webkit-box-shadow:0 1px 3px 1px rgba(1,1,0,.05);box-shadow:0 1px 3px 1px rgba(1,1,0,.05)}.tile_39583318.hasBackgroundFrame_39583318.selectable_39583318:hover{outline:1px solid " }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c6c4" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_39583318.hasBackgroundFrame_39583318:focus{outline:1px solid " }, { "theme": "neutralSecondary", "defaultValue": "#605e5c" }, { "rawString": "}.ms-Fabric--isFocusVisible .tile_39583318.hasBackgroundFrame_39583318:focus.selected_39583318{outline:1px solid " }, { "theme": "themePrimary", "defaultValue": "#0078d4" }, { "rawString": "}.tile_39583318.hasBackgroundFrame_39583318:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;border:2px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.tile_39583318.invokable_39583318:active{-webkit-transform:scale(.95);transform:scale(.95)}.label_39583318{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.description_39583318{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.link_39583318{border:none;background:0 0;position:absolute;padding:0;top:0;left:0;bottom:0;right:0;width:100%;text-decoration:none;color:inherit;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;pointer-events:none}.link_39583318::-moz-focus-inner{border:0}.link_39583318{outline:transparent}.foreground_39583318{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;overflow:visible;max-width:100%;max-height:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.tile_39583318.invokable_39583318 .foreground_39583318{pointer-events:auto;cursor:pointer}.foreground_39583318.foregroundHide_39583318{opacity:0}.hasForegroundFrame_39583318 .foreground_39583318{background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";-webkit-box-shadow:0 1px 3px 1px rgba(1,1,0,.05);box-shadow:0 1px 3px 1px rgba(1,1,0,.05);min-width:32px;min-height:32px}.hasForegroundFrame_39583318 .foreground_39583318:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;border:2px solid " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.check_39583318{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;top:0;border:none;background:0 0;background-color:transparent;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px}.check_39583318::-moz-focus-inner{border:0}.check_39583318{outline:transparent}.check_39583318{position:absolute}.ms-Fabric--isFocusVisible .check_39583318:focus:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid " }, { "theme": "focusBorder", "defaultValue": "#605e5c" }, { "rawString": "}html[dir=ltr] .check_39583318{right:0}html[dir=rtl] .check_39583318{left:0}.tile_39583318.uninvokable_39583318 .check_39583318{width:100%;height:100%}.tile_39583318.selectable_39583318 .check_39583318{display:-webkit-box;display:-ms-flexbox;display:flex}.tile_39583318.selected_39583318 .check_39583318,.tile_39583318.showCheck_39583318 .check_39583318,.tile_39583318:hover .check_39583318{opacity:1}.ms-Fabric--isFocusVisible .check_39583318:focus{opacity:1}.ms-Fabric--isFocusVisible .tile_39583318:focus .check_39583318{opacity:1}.background_39583318{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.tile_39583318.invokable_39583318 .background_39583318{cursor:pointer;pointer-events:auto}.background_39583318.backgroundHide_39583318{opacity:0}.aboveNameplate_39583318{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;margin:16px 16px 0 16px}.content_39583318{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hasForegroundFrame_39583318 .content_39583318{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nameplate_39583318{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;margin:auto 0 0 0;padding:12px 8px;text-align:center;z-index:0}.nameplate_39583318 .name_39583318{-webkit-transition:color .2s linear;transition:color .2s linear}.tile_39583318.invokable_39583318 .nameplate_39583318 .name_39583318{pointer-events:auto;cursor:pointer}.link_39583318:hover .nameplate_39583318 .name_39583318{text-decoration:underline}.isFluentStyling_39583318 .link_39583318:hover .nameplate_39583318 .name_39583318{text-decoration:none}.nameplate_39583318 .activity_39583318{-webkit-transition:color .2s linear;transition:color .2s linear}.tile_39583318.hasBackgroundFrame_39583318 .nameplate_39583318{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:12px 10px}.signal_39583318{display:inline-block}html[dir=ltr] .signal_39583318.storageSignal_39583318{margin-left:4px}html[dir=rtl] .signal_39583318.storageSignal_39583318{margin-right:4px}html[dir=ltr] .signal_39583318.socialSignal_39583318{margin-right:4px}html[dir=rtl] .signal_39583318.socialSignal_39583318{margin-left:4px}html[dir=ltr] .signal_39583318.lifecycleSignal_39583318{margin-right:4px}html[dir=rtl] .signal_39583318.lifecycleSignal_39583318{margin-left:4px}.name_39583318{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;color:" }, { "theme": "neutralPrimary", "defaultValue": "#323130" }, { "rawString": ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}html[dir=ltr] .name_39583318{margin-left:-8px}html[dir=rtl] .name_39583318{margin-right:-8px}html[dir=ltr] .name_39583318{padding-left:8px}html[dir=rtl] .name_39583318{padding-right:8px}.isLarge_39583318 .name_39583318,.name_39583318{font-size:14px;height:30px;margin-top:-7px;margin-bottom:-8px}.isSmall_39583318 .name_39583318{font-size:12px;height:24px;margin-top:-5px;margin-bottom:-7px}.activity_39583318{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:12px;color:" }, { "theme": "neutralSecondary", "defaultValue": "#605e5c" }, { "rawString": ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;height:24px;margin-bottom:-4px}html[dir=ltr] .activity_39583318{margin-left:-8px}html[dir=rtl] .activity_39583318{margin-right:-8px}html[dir=ltr] .activity_39583318{padding-left:8px}html[dir=rtl] .activity_39583318{padding-right:8px}.hasBackgroundFrame_39583318 .name_39583318{display:block}html[dir=ltr] .hasBackgroundFrame_39583318 .name_39583318{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}html[dir=rtl] .hasBackgroundFrame_39583318 .name_39583318{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.hasBackgroundFrame_39583318 .name_39583318,.isLarge_39583318 .isSmall_39583318 .hasBackgroundFrame_39583318 .name_39583318{font-size:14px;height:auto;padding-top:6px;margin-top:0;margin-bottom:0;line-height:22px}.hasBackgroundFrame_39583318 .activity_39583318{font-size:12px;display:block;height:auto;margin-top:0;margin-bottom:0;line-height:20px}html[dir=ltr] .hasBackgroundFrame_39583318 .activity_39583318{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;text-align:left}html[dir=rtl] .hasBackgroundFrame_39583318 .activity_39583318{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;text-align:left}.hasBackground_39583318 .nameplate_39583318:before{position:absolute;content:'';display:block;top:-4px;bottom:0;left:0;right:0;background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.65)),color-stop(55%,rgba(0,0,0,.5525)),color-stop(80%,rgba(0,0,0,.195)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.65) 0,rgba(0,0,0,.5525) 55%,rgba(0,0,0,.195) 80%,rgba(0,0,0,0) 100%);z-index:-1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0}.hasBackground_39583318 .onlyOnHover_39583318 .name_39583318{opacity:0;-webkit-transition:opacity .2s linear,color .2s linear,-webkit-transform .25s ease-out;transition:opacity .2s linear,color .2s linear,-webkit-transform .25s ease-out;transition:transform .25s ease-out,opacity .2s linear,color .2s linear;transition:transform .25s ease-out,opacity .2s linear,color .2s linear,-webkit-transform .25s ease-out;-webkit-transform:translateY(1rem);transform:translateY(1rem)}.hasBackground_39583318 .onlyOnHover_39583318 .activity_39583318{opacity:0;-webkit-transition:opacity .2s linear,color .2s linear,-webkit-transform .25s ease-out;transition:opacity .2s linear,color .2s linear,-webkit-transform .25s ease-out;transition:transform .25s ease-out,opacity .2s linear,color .2s linear;transition:transform .25s ease-out,opacity .2s linear,color .2s linear,-webkit-transform .25s ease-out;-webkit-transform:translateY(1rem);transform:translateY(1rem)}.hasBackground_39583318.selected_39583318 .name_39583318.onlyOnHover_39583318,.hasBackground_39583318:hover .name_39583318.onlyOnHover_39583318{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hasBackground_39583318.selected_39583318 .activity_39583318.onlyOnHover_39583318,.hasBackground_39583318:hover .activity_39583318.onlyOnHover_39583318{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hasBackground_39583318.showBackground_39583318.selected_39583318 .onlyOnHover_39583318.nameplate_39583318:before,.hasBackground_39583318.showBackground_39583318:hover .onlyOnHover_39583318.nameplate_39583318:before{opacity:1}.hasBackground_39583318.showBackground_39583318 .nameplate_39583318:not(.onlyOnHover_39583318):before{opacity:1}.hasBackground_39583318.showBackground_39583318 .name_39583318{color:#fff;text-shadow:.5px .5px 2px rgba(0,0,0,.55)}.hasBackground_39583318.showBackground_39583318 .activity_39583318{color:#fff;text-shadow:.5px .5px 2px rgba(0,0,0,.55)}.disabled_39583318{opacity:.5}" }]);
exports.tile = "tile_39583318";
exports.selectable = "selectable_39583318";
exports.selected = "selected_39583318";
exports.isFluentStyling = "isFluentStyling_39583318";
exports.name = "name_39583318";
exports.hasBackgroundFrame = "hasBackgroundFrame_39583318";
exports.invokable = "invokable_39583318";
exports.label = "label_39583318";
exports.description = "description_39583318";
exports.link = "link_39583318";
exports.foreground = "foreground_39583318";
exports.foregroundHide = "foregroundHide_39583318";
exports.hasForegroundFrame = "hasForegroundFrame_39583318";
exports.check = "check_39583318";
exports.uninvokable = "uninvokable_39583318";
exports.showCheck = "showCheck_39583318";
exports.background = "background_39583318";
exports.backgroundHide = "backgroundHide_39583318";
exports.aboveNameplate = "aboveNameplate_39583318";
exports.content = "content_39583318";
exports.nameplate = "nameplate_39583318";
exports.activity = "activity_39583318";
exports.signal = "signal_39583318";
exports.storageSignal = "storageSignal_39583318";
exports.socialSignal = "socialSignal_39583318";
exports.lifecycleSignal = "lifecycleSignal_39583318";
exports.isLarge = "isLarge_39583318";
exports.isSmall = "isSmall_39583318";
exports.hasBackground = "hasBackground_39583318";
exports.onlyOnHover = "onlyOnHover_39583318";
exports.showBackground = "showBackground_39583318";
exports.disabled = "disabled_39583318";
});
//# sourceMappingURL=Tile.scss.js.map