UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

54 lines 18.1 kB
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(".root_2433e2e1{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.picker_2433e2e1{color:\"[theme:black, default: #000000]\";font-size:14px;position:relative}html[dir='ltr'] .picker_2433e2e1{text-align:left}html[dir='rtl'] .picker_2433e2e1{text-align:right}.holder_2433e2e1{-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;background:\"[theme:white, default: #ffffff]\";min-width:300px;display:none}.picker_2433e2e1.pickerIsOpened_2433e2e1 .holder_2433e2e1{-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.pickerIsOpened_2433e2e1{position:relative}.frame_2433e2e1{padding:1px;position:relative}.wrap_2433e2e1{margin:-1px;padding:9px}.dayPicker_2433e2e1{display:block}.header_2433e2e1{height:40px;line-height:44px}.month_2433e2e1,.year_2433e2e1{display:inline-block;font-size:21px;font-weight:100;color:\"[theme:neutralPrimary, default: #333333]\";margin-top:-1px}.month_2433e2e1:hover,.year_2433e2e1:hover{color:\"[theme:themeDark, default: #005a9e]\";cursor:pointer}html[dir='ltr'] .month_2433e2e1{margin-left:15px}html[dir='rtl'] .month_2433e2e1{margin-right:15px}html[dir='ltr'] .year_2433e2e1{margin-left:15px}html[dir='rtl'] .year_2433e2e1{margin-right:15px}.table_2433e2e1{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit}.table_2433e2e1 td{margin:0;padding:0}.table_2433e2e1 td:hover{outline:1px solid transparent}.day_2433e2e1,.weekday_2433e2e1{width:40px;height:40px;padding:0;line-height:40px;font-size:15px;font-weight:400;color:\"[theme:neutralPrimary, default: #333333]\"}.dayIsToday_2433e2e1{position:relative;background-color:\"[theme:themeLight, default: #c7e0f4]\"}@media screen and (-ms-high-contrast: active){.dayIsToday_2433e2e1{border:1px solid WindowText}}.dayIsDisabled_2433e2e1:before{border-top-color:\"[theme:neutralTertiary, default: #a6a6a6]\"}.dayIsUnfocused_2433e2e1{color:\"[theme:neutralTertiary, default: #a6a6a6]\";font-weight:400}.dayIsFocused_2433e2e1:hover,.dayIsUnfocused_2433e2e1:hover{cursor:pointer;color:\"[theme:black, default: #000000]\";background:\"[theme:neutralLight, default: #eaeaea]\"}.day_2433e2e1.dayIsHighlighted_2433e2e1.dayIsFocused_2433e2e1::-moz-focus-inner{border:0}.day_2433e2e1.dayIsHighlighted_2433e2e1.dayIsFocused_2433e2e1{outline:transparent}.day_2433e2e1.dayIsHighlighted_2433e2e1.dayIsFocused_2433e2e1{position:relative}.ms-Fabric.is-focusVisible .day_2433e2e1.dayIsHighlighted_2433e2e1.dayIsFocused_2433e2e1:focus:after{content:'';position:absolute;top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;border:1px solid \"[theme:white, default: #ffffff]\"}.dayIsHighlighted_2433e2e1:hover,.pickerIsFocused_2433e2e1 .dayIsHighlighted_2433e2e1{cursor:pointer;color:\"[theme:white, default: #ffffff]\";background:\"[theme:themePrimary, default: #0078d7]\"}@media screen and (-ms-high-contrast: active){.dayIsHighlighted_2433e2e1:hover,.pickerIsFocused_2433e2e1 .dayIsHighlighted_2433e2e1{border:1px solid Highlight}}.dayIsHighlighted_2433e2e1.dayDisabled_2433e2e1,.dayIsHighlighted_2433e2e1.dayDisabled_2433e2e1:hover{background:\"[theme:neutralTertiary, default: #a6a6a6]\"}.monthPicker_2433e2e1,.yearPicker_2433e2e1{display:none}.monthComponents_2433e2e1{position:absolute;top:9px}[dir='ltr'] .monthComponents_2433e2e1{right:9px}[dir='rtl'] .monthComponents_2433e2e1{left:9px}[dir='ltr'] .monthComponents_2433e2e1{left:9px}[dir='rtl'] .monthComponents_2433e2e1{right:9px}.yearComponents_2433e2e1,.decadeComponents_2433e2e1{position:absolute;top:-2px}[dir='ltr'] .yearComponents_2433e2e1,[dir='ltr'] .decadeComponents_2433e2e1{right:10px}[dir='rtl'] .yearComponents_2433e2e1,[dir='rtl'] .decadeComponents_2433e2e1{left:10px}.prevMonth_2433e2e1,.nextMonth_2433e2e1,.prevYear_2433e2e1,.nextYear_2433e2e1,.prevDecade_2433e2e1,.nextDecade_2433e2e1{width:40px;height:40px;display:block;text-align:center;line-height:40px;text-align:center;font-size:16px;color:\"[theme:neutralSecondary, default: #666666]\";position:relative;top:2px}html[dir='ltr'] .prevMonth_2433e2e1,html[dir='ltr'] .nextMonth_2433e2e1,html[dir='ltr'] .prevYear_2433e2e1,html[dir='ltr'] .nextYear_2433e2e1,html[dir='ltr'] .prevDecade_2433e2e1,html[dir='ltr'] .nextDecade_2433e2e1{margin-left:10px}html[dir='rtl'] .prevMonth_2433e2e1,html[dir='rtl'] .nextMonth_2433e2e1,html[dir='rtl'] .prevYear_2433e2e1,html[dir='rtl'] .nextYear_2433e2e1,html[dir='rtl'] .prevDecade_2433e2e1,html[dir='rtl'] .nextDecade_2433e2e1{margin-right:10px}.prevMonth_2433e2e1:hover,.nextMonth_2433e2e1:hover,.prevYear_2433e2e1:hover,.nextYear_2433e2e1:hover,.prevDecade_2433e2e1:hover,.nextDecade_2433e2e1:hover{color:\"[theme:neutralDark, default: #212121]\";cursor:pointer;outline:1px solid transparent}.headerToggleView_2433e2e1{height:40px;position:absolute;top:0px;width:140px;cursor:pointer}[dir='ltr'] .headerToggleView_2433e2e1{left:0px}[dir='rtl'] .headerToggleView_2433e2e1{right:0px}.wrap_2433e2e1 div.headerToggleView_2433e2e1:focus{position:absolute}.currentYear_2433e2e1,.currentDecade_2433e2e1{display:block;font-size:21px;font-weight:100;color:\"[theme:neutralPrimary, default: #333333]\";height:40px;line-height:40px}html[dir='ltr'] .currentYear_2433e2e1,html[dir='ltr'] .currentDecade_2433e2e1{margin-left:15px}html[dir='rtl'] .currentYear_2433e2e1,html[dir='rtl'] .currentDecade_2433e2e1{margin-right:15px}.currentYear_2433e2e1{color:\"[theme:themePrimary, default: #0078d7]\"}.currentYear_2433e2e1:hover{color:\"[theme:themeDark, default: #005a9e]\";cursor:pointer}.optionGrid_2433e2e1{position:relative;height:210px;width:280px;margin:10px 0 0px 5px}html[dir='rtl'] .optionGrid_2433e2e1{margin:10px 5px 0px 0}.monthOption_2433e2e1,.yearOption_2433e2e1{background-color:\"[theme:neutralLighter, default: #f4f4f4]\";width:60px;height:60px;line-height:60px;cursor:pointer;margin:0 10px 10px 0;font-size:13px;font-weight:400;color:\"[theme:neutralPrimary, default: #333333]\";text-align:center}html[dir='ltr'] .monthOption_2433e2e1,html[dir='ltr'] .yearOption_2433e2e1{float:left}html[dir='rtl'] .monthOption_2433e2e1,html[dir='rtl'] .yearOption_2433e2e1{float:right}html[dir='rtl'] .monthOption_2433e2e1,html[dir='rtl'] .yearOption_2433e2e1{margin:0 0 10px 10px}.monthOption_2433e2e1:hover,.yearOption_2433e2e1:hover{background-color:\"[theme:neutralTertiaryAlt, default: #c8c8c8]\";outline:1px solid transparent}.monthOption_2433e2e1.isHighlighted_2433e2e1,.yearOption_2433e2e1.isHighlighted_2433e2e1{background-color:\"[theme:neutralPrimary, default: #333333]\";color:\"[theme:white, default: #ffffff]\"}.goToday_2433e2e1{bottom:9px;color:\"[theme:themePrimary, default: #0078d7]\";cursor:pointer;font-size:13px;font-weight:400;color:\"[theme:neutralPrimary, default: #333333]\";height:30px;line-height:30px;padding:0 10px;position:absolute !important}[dir='ltr'] .goToday_2433e2e1{right:3px}[dir='rtl'] .goToday_2433e2e1{left:3px}.goToday_2433e2e1:hover{outline:1px solid transparent}.wrap_2433e2e1.goTodaySpacing_2433e2e1{margin-bottom:30px}.root_2433e2e1.isPickingYears_2433e2e1 .dayPicker_2433e2e1,.root_2433e2e1.isPickingYears_2433e2e1 .monthComponents_2433e2e1{display:none}.root_2433e2e1.isPickingYears_2433e2e1 .monthPicker_2433e2e1{display:none}.root_2433e2e1.isPickingYears_2433e2e1 .yearPicker_2433e2e1{display:block}.pickerOnlyMonthPickerVisible_2433e2e1 .yearComponents_2433e2e1,.pickerOnlyMonthPickerVisible_2433e2e1 .decadeComponents_2433e2e1{top:9px}@media (min-width: 460px){.header_2433e2e1{height:30px;line-height:30px}.day_2433e2e1,.weekday_2433e2e1{width:30px;height:30px;line-height:28px;font-weight:600;font-size:12px}.monthComponents_2433e2e1,.yearComponents_2433e2e1{width:210px}.prevMonth_2433e2e1,.nextMonth_2433e2e1,.prevYear_2433e2e1,.nextYear_2433e2e1,.prevDecade_2433e2e1,.nextDecade_2433e2e1{font-size:12px;width:24px;height:24px;line-height:24px}.holder_2433e2e1{min-width:230px}.month_2433e2e1,.year_2433e2e1{font-weight:300}.month_2433e2e1,.year_2433e2e1{font-size:17px;color:\"[theme:neutralPrimary, default: #333333]\"}.month_2433e2e1:hover,.year_2433e2e1:hover{color:\"[theme:neutralPrimary, default: #333333]\";cursor:default}.pickerIsMonthPickerVisible_2433e2e1 .dayPicker_2433e2e1{margin:-10px 0;padding:10px 0}.pickerIsMonthPickerVisible_2433e2e1 .dayPicker_2433e2e1{-webkit-box-sizing:border-box;box-sizing:border-box;width:220px;min-height:230px}html[dir='ltr'] .pickerIsMonthPickerVisible_2433e2e1 .dayPicker_2433e2e1{border-right:1px solid \"[theme:neutralLight, default: #eaeaea]\"}html[dir='rtl'] .pickerIsMonthPickerVisible_2433e2e1 .dayPicker_2433e2e1{border-left:1px solid \"[theme:neutralLight, default: #eaeaea]\"}.pickerIsMonthPickerVisible_2433e2e1 .holder_2433e2e1{width:440px}.pickerIsMonthPickerVisible_2433e2e1 .monthPicker_2433e2e1{display:block}.pickerIsMonthPickerVisible_2433e2e1 .monthPicker_2433e2e1,.pickerIsMonthPickerVisible_2433e2e1 .yearPicker_2433e2e1{top:9px;position:absolute}[dir='ltr'] .pickerIsMonthPickerVisible_2433e2e1 .monthPicker_2433e2e1,[dir='ltr'] .pickerIsMonthPickerVisible_2433e2e1 .yearPicker_2433e2e1{left:238px}[dir='rtl'] .pickerIsMonthPickerVisible_2433e2e1 .monthPicker_2433e2e1,[dir='rtl'] .pickerIsMonthPickerVisible_2433e2e1 .yearPicker_2433e2e1{right:238px}html[dir='ltr'] .pickerIsMonthPickerVisible_2433e2e1 .month_2433e2e1{margin-left:12px}html[dir='rtl'] .pickerIsMonthPickerVisible_2433e2e1 .month_2433e2e1{margin-right:12px}.pickerIsMonthPickerVisible_2433e2e1 .optionGrid_2433e2e1{width:200px;margin:10px 0 0 0}html[dir='rtl'] .pickerIsMonthPickerVisible_2433e2e1 .optionGrid_2433e2e1{margin:10px 0 0 0}.pickerIsMonthPickerVisible_2433e2e1 .toggleMonthView_2433e2e1{display:none}.pickerIsMonthPickerVisible_2433e2e1 .currentYear_2433e2e1,.pickerIsMonthPickerVisible_2433e2e1 .currentDecade_2433e2e1{font-size:17px;margin:0;height:30px;line-height:26px;padding:0 10px;display:inline-block}.pickerIsMonthPickerVisible_2433e2e1 .monthOption_2433e2e1,.pickerIsMonthPickerVisible_2433e2e1 .yearOption_2433e2e1{width:40px;height:40px;line-height:38px;font-size:12px;margin:0 10px 10px 0}html[dir='rtl'] .pickerIsMonthPickerVisible_2433e2e1 .monthOption_2433e2e1,html[dir='rtl'] .pickerIsMonthPickerVisible_2433e2e1 .yearOption_2433e2e1{margin:0 0 10px 10px}.pickerIsMonthPickerVisible_2433e2e1 .monthOption_2433e2e1:hover,.pickerIsMonthPickerVisible_2433e2e1 .yearOption_2433e2e1:hover{outline:1px solid transparent}.pickerIsMonthPickerVisible_2433e2e1 .goToday_2433e2e1{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;height:30px;line-height:30px;padding:0 10px;top:199px}[dir='ltr'] .pickerIsMonthPickerVisible_2433e2e1 .goToday_2433e2e1{right:3px}[dir='rtl'] .pickerIsMonthPickerVisible_2433e2e1 .goToday_2433e2e1{left:3px}html[dir='ltr'] .pickerIsMonthPickerVisible_2433e2e1 .goToday_2433e2e1{text-align:right}html[dir='rtl'] .pickerIsMonthPickerVisible_2433e2e1 .goToday_2433e2e1{text-align:left}.pickerIsMonthPickerVisible_2433e2e1 .wrap_2433e2e1.goTodaySpacing_2433e2e1{margin-bottom:0px}.pickerIsMonthPickerVisible_2433e2e1 .root_2433e2e1.isPickingYears_2433e2e1 .dayPicker_2433e2e1,.pickerIsMonthPickerVisible_2433e2e1 .root_2433e2e1.isPickingYears_2433e2e1 .monthComponents_2433e2e1{display:block}.pickerIsMonthPickerVisible_2433e2e1 .root_2433e2e1.isPickingYears_2433e2e1 .monthPicker_2433e2e1{display:none}.pickerIsMonthPickerVisible_2433e2e1 .root_2433e2e1.isPickingYears_2433e2e1 .yearPicker_2433e2e1{display:block}.overlayedCalendars_2433e2e1 .holder_2433e2e1{width:230px}.overlayedCalendars_2433e2e1 .monthPicker_2433e2e1{display:block}.overlayedCalendars_2433e2e1 .monthPicker_2433e2e1,.overlayedCalendars_2433e2e1 .yearPicker_2433e2e1{top:0px;position:relative}[dir='ltr'] .overlayedCalendars_2433e2e1 .monthPicker_2433e2e1,[dir='ltr'] .overlayedCalendars_2433e2e1 .yearPicker_2433e2e1{left:0px}[dir='rtl'] .overlayedCalendars_2433e2e1 .monthPicker_2433e2e1,[dir='rtl'] .overlayedCalendars_2433e2e1 .yearPicker_2433e2e1{right:0px}.overlayedCalendars_2433e2e1 .currentYear_2433e2e1,.overlayedCalendars_2433e2e1 .currentDecade_2433e2e1{padding:0px}.overlayedCalendars_2433e2e1 .optionGrid_2433e2e1{margin:10px 0 0 10px}[dir='ltr'] .overlayedCalendars_2433e2e1 .yearComponents_2433e2e1,[dir='ltr'] .overlayedCalendars_2433e2e1 .decadeComponents_2433e2e1{right:2px}[dir='rtl'] .overlayedCalendars_2433e2e1 .yearComponents_2433e2e1,[dir='rtl'] .overlayedCalendars_2433e2e1 .decadeComponents_2433e2e1{left:2px}.overlayedCalendars_2433e2e1 .goToday_2433e2e1{bottom:9px}[dir='ltr'] .overlayedCalendars_2433e2e1 .goToday_2433e2e1{right:5px}[dir='rtl'] .overlayedCalendars_2433e2e1 .goToday_2433e2e1{left:5px}.pickerOnlyMonthPickerVisible_2433e2e1 .dayPicker_2433e2e1,.pickerOnlyMonthPickerVisible_2433e2e1 .monthComponents_2433e2e1{display:none}.pickerOnlyMonthPickerVisible_2433e2e1 .monthPicker_2433e2e1{display:block}.pickerOnlyMonthPickerVisible_2433e2e1 .holder_2433e2e1{width:296px}.pickerOnlyMonthPickerVisible_2433e2e1 .currentYear_2433e2e1{height:30px;line-height:30px}.pickerOnlyMonthPickerVisible_2433e2e1 .wrap_2433e2e1.goTodaySpacing_2433e2e1{margin-bottom:30px}}@media (max-width: 459px){.holder_2433e2e1{width:300px}.root_2433e2e1.isPickingMonths_2433e2e1 .dayPicker_2433e2e1,.root_2433e2e1.isPickingMonths_2433e2e1 .monthComponents_2433e2e1{display:none}.root_2433e2e1.isPickingMonths_2433e2e1 .monthPicker_2433e2e1{display:block}.pickerOnlyMonthPickerVisible_2433e2e1 .monthPicker_2433e2e1,.overlayedCalendars_2433e2e1 .monthPicker_2433e2e1{display:block}.pickerOnlyMonthPickerVisible_2433e2e1 .optionGrid_2433e2e1,.overlayedCalendars_2433e2e1 .optionGrid_2433e2e1{height:210px;width:280px}.pickerOnlyMonthPickerVisible_2433e2e1 .yearComponents_2433e2e1,.pickerOnlyMonthPickerVisible_2433e2e1 .decadeComponents_2433e2e1,.overlayedCalendars_2433e2e1 .yearComponents_2433e2e1,.overlayedCalendars_2433e2e1 .decadeComponents_2433e2e1{top:9px}[dir='ltr'] .pickerOnlyMonthPickerVisible_2433e2e1 .yearComponents_2433e2e1,[dir='ltr'] .pickerOnlyMonthPickerVisible_2433e2e1 .decadeComponents_2433e2e1,[dir='ltr'] .overlayedCalendars_2433e2e1 .yearComponents_2433e2e1,[dir='ltr'] .overlayedCalendars_2433e2e1 .decadeComponents_2433e2e1{right:9px}[dir='rtl'] .pickerOnlyMonthPickerVisible_2433e2e1 .yearComponents_2433e2e1,[dir='rtl'] .pickerOnlyMonthPickerVisible_2433e2e1 .decadeComponents_2433e2e1,[dir='rtl'] .overlayedCalendars_2433e2e1 .yearComponents_2433e2e1,[dir='rtl'] .overlayedCalendars_2433e2e1 .decadeComponents_2433e2e1{left:9px}.wrap_2433e2e1.goTodaySpacing_2433e2e1{margin-bottom:30px}}.wrap_2433e2e1 span:focus::-moz-focus-inner,.wrap_2433e2e1 div:focus::-moz-focus-inner{border:0}.wrap_2433e2e1 span:focus,.wrap_2433e2e1 div:focus{outline:transparent}.wrap_2433e2e1 span:focus,.wrap_2433e2e1 div:focus{position:relative}.ms-Fabric.is-focusVisible .wrap_2433e2e1 span:focus:focus:after,.ms-Fabric.is-focusVisible .wrap_2433e2e1 div:focus:focus:after{content:'';position:absolute;top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;border:1px solid \"[theme:themePrimary, default: #0078d7]\"}.goToday_2433e2e1{width:auto}.nextMonth_2433e2e1,.prevMonth_2433e2e1,.nextYear_2433e2e1,.prevYear_2433e2e1{display:inline-block}html[dir='ltr'] .navContainer_2433e2e1{float:right}html[dir='rtl'] .navContainer_2433e2e1{float:left}.monthIsCurrentMonth_2433e2e1{background-color:\"[theme:themeLight, default: #c7e0f4]\"}\n"); exports.root = "root_2433e2e1"; exports.picker = "picker_2433e2e1"; exports.holder = "holder_2433e2e1"; exports.pickerIsOpened = "pickerIsOpened_2433e2e1"; exports.frame = "frame_2433e2e1"; exports.wrap = "wrap_2433e2e1"; exports.dayPicker = "dayPicker_2433e2e1"; exports.header = "header_2433e2e1"; exports.month = "month_2433e2e1"; exports.year = "year_2433e2e1"; exports.table = "table_2433e2e1"; exports.day = "day_2433e2e1"; exports.weekday = "weekday_2433e2e1"; exports.dayIsToday = "dayIsToday_2433e2e1"; exports.dayIsDisabled = "dayIsDisabled_2433e2e1"; exports.dayIsUnfocused = "dayIsUnfocused_2433e2e1"; exports.dayIsFocused = "dayIsFocused_2433e2e1"; exports.dayIsHighlighted = "dayIsHighlighted_2433e2e1"; exports.pickerIsFocused = "pickerIsFocused_2433e2e1"; exports.dayDisabled = "dayDisabled_2433e2e1"; exports.monthPicker = "monthPicker_2433e2e1"; exports.yearPicker = "yearPicker_2433e2e1"; exports.monthComponents = "monthComponents_2433e2e1"; exports.yearComponents = "yearComponents_2433e2e1"; exports.decadeComponents = "decadeComponents_2433e2e1"; exports.prevMonth = "prevMonth_2433e2e1"; exports.nextMonth = "nextMonth_2433e2e1"; exports.prevYear = "prevYear_2433e2e1"; exports.nextYear = "nextYear_2433e2e1"; exports.prevDecade = "prevDecade_2433e2e1"; exports.nextDecade = "nextDecade_2433e2e1"; exports.headerToggleView = "headerToggleView_2433e2e1"; exports.currentYear = "currentYear_2433e2e1"; exports.currentDecade = "currentDecade_2433e2e1"; exports.optionGrid = "optionGrid_2433e2e1"; exports.monthOption = "monthOption_2433e2e1"; exports.yearOption = "yearOption_2433e2e1"; exports.isHighlighted = "isHighlighted_2433e2e1"; exports.goToday = "goToday_2433e2e1"; exports.goTodaySpacing = "goTodaySpacing_2433e2e1"; exports.isPickingYears = "isPickingYears_2433e2e1"; exports.pickerOnlyMonthPickerVisible = "pickerOnlyMonthPickerVisible_2433e2e1"; exports.pickerIsMonthPickerVisible = "pickerIsMonthPickerVisible_2433e2e1"; exports.toggleMonthView = "toggleMonthView_2433e2e1"; exports.overlayedCalendars = "overlayedCalendars_2433e2e1"; exports.isPickingMonths = "isPickingMonths_2433e2e1"; exports.navContainer = "navContainer_2433e2e1"; exports.monthIsCurrentMonth = "monthIsCurrentMonth_2433e2e1"; }); //# sourceMappingURL=Calendar.scss.js.map