@orfeas126/box-ui-elements
Version:
Box UI Elements
1 lines • 17.6 kB
Source Map (JSON)
{"version":3,"file":"versions-sidebar.css","mappings":"AAgFI,gBAQJ,CCrFI,oCACI,SAYR,CATI,sCACI,WAWR,CCjBA,gCAEI,kBAAmB,CACnB,qBAAsB,CAItB,iBAAkB,CANlB,YAAa,CAKb,WAAY,CAFZ,sBAAuB,CAIvB,YAAa,CACb,mBAAoB,CAJpB,UAiBJ,CAXI,4EAEI,wBCWM,CDVN,SAYR,CATI,4CACI,YAWR,CARI,iDACI,gBAUR,CEhCA,wBAEI,sBAAuB,CAMvB,wBAA6B,CAC7B,iBCFqB,CDHrB,UDaO,CChBP,YAAa,CAIb,cAAe,CACf,gBAAiB,CAIjB,YAAa,CAHb,eAAgB,CAIhB,4DAA8D,CAR9D,UAqBJ,CAXI,oFAGI,sBAWR,CARI,4DAEI,oBASR,CANI,wCACI,kBAAyB,CACzB,cAAe,CACf,mBAQR,CANQ,+DACI,wBAQZ,CALQ,iIAEI,aAOZ,CAHI,wCACI,wBEhCgB,CFiChB,oBAKR,CAHQ,+DACI,aAKZ,CGjDA,uBAKI,wBDKuB,CCJvB,iBFCqB,CELrB,aJIW,CIHX,cAAe,CAFf,gBAAiB,CAGjB,iBAeJ,CPlBA,kBAII,iBAUJ,CARI,0CACI,iBAUR,CANQ,sDAEI,kBAAmB,CADnB,eASZ,CAJI,kDACI,iBAAkB,CAElB,UAnBgC,CAkBhC,QAOR,CAJQ,wDACI,yBACA,oDAMZ,CADA,wBACI,aAAc,CACd,iBAIJ,CADA,0BACI,aG9BW,CH+BX,eAIJ,CADA,0BACI,aAAc,CACd,eAIJ,CAFI,uDACI,iBAIR,uBACI,eAAgB,CAEhB,sBAAuB,CADvB,kBAIJ,wBAEI,kBAAmB,CACnB,aGvCU,CHqCV,YAAa,CAGb,kBAGJ,6BAEI,kBAAmB,CAEnB,aG/CU,CH4CV,YAAa,CAEb,cAIJ,0BACI,aGnDU,CHoDV,cAGJ,wBACI,eAAgB,CAChB,sBAGJ,CADI,8BAKI,YAFA,aAAc,CADd,gBAAiB,CADjB,iBAAkB,CAGlB,kBAIR,CQrFI,sBACI,QAKR,CAGI,yCAGI,mBACA,kBAFA,mBADA,uBAGR,CAEQ,8FAEI,SADZ,CAIQ,yDACI,SAFZ,CAMI,8CACI,4BAJR,CAMQ,gEACI,eAJZ,CC1BA,2BAKI,aNcU,CMbV,cAAe,CACf,aAAc,CALd,eAAgB,CADhB,YAAa,CAGb,mBAAoB,CADpB,gBAUJ,CCZI,8CACI,4BAKR,CCNA,0BAII,8BADA,gBAAiB,CAFjB,iBAAkB,CAClB,WAqBJ,CAjBI,2DAEI,kBAAmB,CAGnB,gCAJA,YAAa,CAEb,WAAY,CACZ,aAoBR,CAjBQ,2FACI,YAAa,CACb,cAmBZ,CAfI,oEACI,iBAAkB,CAClB,uBAiBR,CAfQ,sGACI,iBAAkB,CAClB,mBAiBZ,CAfY,+JAEI,wBLtBQ,CKuBR,yBAFA,UAmBhB,CAXA,yCAII,oDAFA,WAAY,CADZ,iBAAkB,CAElB,iBAeJ,CAZI,0EAGI,YAAa,CAFb,iBAAkB,CAClB,OAeR,CAZQ,gHAEI,WAAY,CADZ,UAeZ,CAXQ,kHAEI,eAAiB,CADjB,eAcZ,CAVQ,kHAGI,iBAAkB,CAFlB,eAAgB,CAChB,iBAaZ,CCxEI,kCACI,UAKR,CAFI,+CACI,aAIR,CADI,8BACI,gBAGR,CAAI,uBAEI,kBAAmB,CADnB,YAAa,CAEb,WAER,CAEA,sBACI,WAAY,CAEZ,iBAAkB,CADlB,kBAEJ,CAEA,6CAEI,gBAAiB,CACjB,iBACJ,CAGI,uBACI,mBAAR","sources":["webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/VersionsItem.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/VersionsItemAction.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/VersionsItemActions.scss","webpack://@orfeas126/box-ui-elements/./src/styles/constants/_colors.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/VersionsItemButton.scss","webpack://@orfeas126/box-ui-elements/./src/styles/constants/_layout.scss","webpack://@orfeas126/box-ui-elements/./src/styles/_deprecated.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/VersionsItemBadge.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/VersionsList.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/VersionsGroup.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/VersionsMenu.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/StaticVersionsSidebar.scss","webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/versions/VersionsSidebar.scss"],"sourcesContent":["@import '../../common/variables';\n@import '../../../styles/constants/buttons';\n\n.bcs-VersionsItem {\n $bcs-VersionsItemButton-horizontal: 10px;\n $bcs-VersionsItemButton-vertical: 15px;\n\n position: relative;\n\n .bcs-VersionsItemButton {\n padding: $bcs-VersionsItemButton-vertical $bcs-VersionsItemButton-horizontal;\n }\n\n .bcs-VersionsItemActions {\n .aria-menu {\n padding-top: 8px;\n padding-bottom: 8px;\n }\n }\n\n .bcs-VersionsItemActions-toggle {\n position: absolute;\n top: $bcs-VersionsItemButton-vertical;\n right: $bcs-VersionsItemButton-horizontal;\n\n &:focus {\n border: $bdl-btn-border-width solid $primary-color;\n box-shadow: $bdl-btn-primary-box-shadow;\n }\n }\n}\n\n.bcs-VersionsItem-badge {\n flex: 1 0 auto;\n margin-right: 10px;\n}\n\n.bcs-VersionsItem-current {\n color: $bdl-box-blue;\n font-weight: bold;\n}\n\n.bcs-VersionsItem-details {\n flex: 1 1 100%;\n overflow: hidden;\n\n & > :not(.bcs-VersionsItem-info) {\n margin-right: 35px; // Avoid flowing under action toggle button\n }\n}\n\n.bcs-VersionsItem-log {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.bcs-VersionsItem-info {\n display: flex;\n align-items: center;\n color: $bdl-gray-65;\n white-space: nowrap;\n}\n\n.bcs-VersionsItem-retention {\n display: flex;\n align-items: center;\n margin-top: 8px;\n color: $bdl-gray-65;\n}\n\n.bcs-VersionsItem-footer {\n color: $bdl-gray-65;\n font-size: 12px;\n}\n\n.bcs-VersionsItem-size {\n overflow: hidden;\n text-overflow: ellipsis;\n\n &::before {\n padding-right: 5px;\n padding-left: 5px;\n font-size: 8px;\n vertical-align: top;\n content: '•';\n }\n}\n","@import '../../common/variables';\n\n.bcs-VersionsItemAction {\n .fill-color {\n fill: $bdl-gray;\n }\n\n .stroke-color {\n stroke: $bdl-gray;\n }\n}\n","@import '../../common/variables';\n\n.bcs-VersionsItemActions-toggle {\n display: flex;\n align-items: center;\n align-self: flex-start;\n justify-content: center;\n width: 32px;\n height: 24px;\n border-radius: 2px;\n outline: none;\n pointer-events: auto;\n\n &:focus,\n &:hover {\n background-color: $bdl-gray-10;\n fill: $bdl-gray;\n }\n\n .fill-color {\n fill: $bdl-gray-50;\n }\n\n .icon-clock-past {\n margin-left: -2px;\n }\n}\n","// Box Design Language Colors\n// confirm with design before extending\n\n$white: #fff !default;\n$black: #000 !default;\n$countBadgeBackground: #e9163c !default;\n\n// Box/Primary Blues\n$bdl-box-blue: #0061d5 !default;\n$bdl-box-blue-80: #3381dd !default;\n$bdl-box-blue-50: #7fb0ea !default;\n$bdl-box-blue-40: #99c0ee !default;\n$bdl-box-blue-30: #b2cff2 !default;\n$bdl-box-blue-20: #ccdff7 !default;\n$bdl-box-blue-10: #e5effa !default;\n$bdl-box-blue-05: #f2f7fd !default;\n$bdl-box-blue-02: #fafcfe !default;\n\n// Box/Primary Grays\n$bdl-gray: #222 !default;\n$bdl-gray-80: #4e4e4e !default;\n$bdl-gray-65: #6f6f6f !default;\n$bdl-gray-50: #909090 !default;\n$bdl-gray-40: #a7a7a7 !default;\n$bdl-gray-30: #bcbcbc !default;\n$bdl-gray-20: #d3d3d3 !default;\n$bdl-gray-10: #e8e8e8 !default;\n$bdl-gray-05: #f4f4f4 !default;\n$bdl-gray-02: #fbfbfb !default;\n\n// Dark Blues\n$bdl-dark-blue: #003c84 !default;\n$bdl-dark-blue-50: #7f9dc1 !default;\n$bdl-dark-blue-20: #ccd8e6 !default;\n$bdl-dark-blue-10: #e5ebf2 !default;\n$bdl-dark-blue-05: #f2f5f9 !default;\n$bdl-dark-blue-02: #fafbfd !default;\n\n// Light Blues\n$bdl-light-blue: #2486fc !default;\n$bdl-light-blue-50: #91c2fd !default;\n$bdl-light-blue-20: #d3e7fe !default;\n$bdl-light-blue-10: #e9f2fe !default;\n$bdl-light-blue-05: #f4f9ff !default;\n$bdl-light-blue-02: #fbfdff !default;\n\n// Yelloranges\n$bdl-yellorange: #f5b31b !default;\n$bdl-yellorange-50: #fad98d !default;\n$bdl-yellorange-20: #fdf0d1 !default;\n$bdl-yellorange-10: #fef7e8 !default;\n$bdl-yellorange-05: #fefbf3 !default;\n$bdl-yellorange-02: #fffefb !default;\n\n// Yellows\n$bdl-yellow: #ffd700 !default;\n$bdl-yellow-50: #ffeb7f !default;\n$bdl-yellow-20: #fff7cc !default;\n$bdl-yellow-10: #fffbe5 !default;\n$bdl-yellow-05: #fffdf2 !default;\n$bdl-yellow-02: #fffefa !default;\n\n// Green Lights\n$bdl-green-light: #26c281 !default;\n$bdl-green-light-50: #92e0c0 !default;\n$bdl-green-light-20: #d4f3e6 !default;\n$bdl-green-light-10: #e9f8f2 !default;\n$bdl-green-light-05: #f4fcf8 !default;\n$bdl-green-light-02: #fbfefd !default;\n\n// Grimaces\n$bdl-grimace: #4826c2 !default;\n$bdl-grimace-50: #a392e0 !default;\n$bdl-grimace-20: #dad4f3 !default;\n$bdl-grimace-10: #ece9f8 !default;\n$bdl-grimace-05: #f6f4fc !default;\n$bdl-grimace-02: #fbfbfe !default;\n\n// Orange\n$bdl-orange: #f1811a !default;\n$bdl-orange-50: #f8c08c !default;\n$bdl-orange-20: #fce6d1 !default;\n$bdl-orange-10: #fdf2e8 !default;\n$bdl-orange-05: #fef8f3 !default;\n$bdl-orange-02: #fffdfb !default;\n\n// Purple Rains\n$bdl-purple-rain: #9f3fed !default;\n$bdl-purple-rain-50: #cf9ff6 !default;\n$bdl-purple-rain-20: #ecd9fb !default;\n$bdl-purple-rain-10: #f5ebfd !default;\n$bdl-purple-rain-05: #faf5fe !default;\n$bdl-purple-rain-02: #fdfbff !default;\n\n// Watermelon Reds\n$bdl-watermelon-red: #ed3757 !default;\n$bdl-watermelon-red-50: #f69bab !default;\n$bdl-watermelon-red-20: #fbd7dd !default;\n$bdl-watermelon-red-10: #fdebee !default;\n$bdl-watermelon-red-05: #fef5f6 !default;\n$bdl-watermelon-red-02: #fffbfc !default;\n","@import '../../common/variables';\n\n.bcs-VersionsItemButton {\n display: flex;\n align-items: flex-start;\n width: 100%;\n color: $bdl-gray;\n font-size: 100%;\n line-height: 20px;\n text-align: left;\n background-color: transparent;\n border-radius: $bdl-border-radius-size;\n outline: none;\n transition: background-color 50ms ease-in, border 50ms ease-in;\n\n &,\n &:hover,\n &:focus {\n border: 1px solid transparent; // Override plain button styles\n }\n\n &:hover,\n &:focus {\n border-color: $bdl-gray-50;\n }\n\n &.bcs-is-disabled {\n border-color: transparent;\n cursor: default;\n pointer-events: none;\n\n .bcs-VersionsItemBadge {\n background-color: $bdl-gray-05;\n }\n\n .bcs-VersionsItemBadge,\n .bcs-VersionsItem-current {\n color: inherit;\n }\n }\n\n &.bcs-is-selected {\n background-color: $hover-blue-background;\n border-color: $bdl-box-blue;\n\n .bcs-VersionsItem-info {\n color: inherit;\n }\n }\n}\n","// Z-Indexes\n$modal-dialog-z-index: 160 !default;\n$menu-z-index: 170 !default;\n$submenu-z-index: 171 !default;\n$overlay-z-index: 190 !default;\n$tooltip-z-index: 190 !default;\n$notifications-wrapper-z-index: 200 !default;\n\n// Borders\n$bdl-border-radius-size: 4px;\n$bdl-border-radius-size-med: $bdl-border-radius-size * 1.5;\n$bdl-border-radius-size-large: $bdl-border-radius-size * 2;\n$bdl-border-radius-size-xlarge: $bdl-border-radius-size * 3;\n\n// Drop shadows\n$bdl-header-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);\n\n// Spacing\n$bdl-grid-unit: 4px !default;\n$bdl-grid-unit-px: 4 !default; // unitless grid unit (defined in pixels for manual multiplication in JS)\n\n// Headers\n$bdl-header-height: 64px;\n","// DEPRECATED VALUES\n// DO NOT USE IN NEW CODE\n\n@import './constants/colors';\n\n// src/styles/_variables.scss\n$box-blue: $bdl-box-blue !default;\n$primary-color: $bdl-box-blue !default;\n$koray-ing: #2a62b9 !default;\n$picton-blue: #3392ec !default;\n$hover-blue-background: #f6fafd !default;\n$hover-blue-border: #d9e3e9 !default;\n$selected-blue-background: #ecf4fc !default;\n$selected-blue-border: #bfd4df !default;\n$bdl-secondary-blue: $bdl-dark-blue !default;\n$bdl-gray-62: #767676 !default;\n$bdl-neutral-01: $bdl-gray !default;\n$bdl-neutral-02: $bdl-gray-62 !default;\n$bdl-neutral-03: $bdl-gray-50 !default;\n$bdl-neutral-04: $bdl-gray-10 !default;\n$bdl-neutral-05: $bdl-gray-05 !default;\n$bdl-neutral-06: $bdl-gray-02 !default;\n$baby-blue: #bed4de !default;\n$blue-purple: #6d83ff !default;\n$hover-blue: #48b6f3 !default;\n$dusty-plum: #9b59b6 !default;\n$sad-sunjin: #72388f !default;\n$pale-mint: #eefbf5 !default;\n$thats-mint: $bdl-green-light !default;\n$shady-acres: #15aa61 !default;\n$wild-rice: #ede097 !default;\n$early-dawn: #fffbe5 !default;\n$lemon-meringue: #ffd522 !default;\n$dehydrated: $bdl-yellorange !default;\n$kumera: #81721b !default;\n$mad-max: #f39c12 !default;\n$ayers-rock: #e06e2b !default;\n$amaranth: $bdl-watermelon-red !default;\n$lavender-blush: #feeff2 !default;\n$carissma: #eb8b9c !default;\n$great-balls-of-fire: #ef4836 !default;\n$king-crimson: #c82341 !default;\n$bfive: #b5b5b5 !default;\n$dtwo: #d2d2d2 !default;\n$efive: #e5e5e5 !default;\n$ffive: #f5f5f5 !default;\n$fnine: #f9f9f9 !default;\n$seesee: #ccc !default;\n$haze: #fcfcfc !default;\n$off-white: $bdl-neutral-04 !default;\n$sf-fog: #bdc3c7 !default;\n$karl-fog: #fbfbfc !default;\n$silver-chalice: #afafaf !default;\n$storms-a-comin: #737f8b !default;\n$blue-steel: #2c3e50 !default;\n$better-black: #494949 !default;\n$downtown-grey: #999ea4 !default;\n$twos: $bdl-gray !default;\n$fours: #444 !default;\n$sevens: #777 !default;\n$eights: #888 !default;\n$nines: #999 !default;\n$eees: #eee !default;\n$tendemob-grey: #64686d !default;\n$sunset-grey: #464a4f !default;\n$seventy-sixers: $bdl-gray-62 !default;\n$approx-mischka-grey: #a3adb9 !default;\n$lightest-charcoal: #c4c4c4;\n$purple-rain: $bdl-purple-rain;\n\n// src/elements/common/_variables.scss SOLID COLORS\n$blue: #0061d5 !default;\n$light-blue: #e4f4ff !default;\n$grey-blue: #bed4de !default;\n$dark-cerulean: #1a5976 !default;\n$white: #fff !default;\n$black: #000 !default;\n$threes: #333 !default;\n$fivef: #f5f5f5 !default;\n$almost-white: #fcfcfc !default;\n$red: #c82341 !default;\n$see-see: #ccc !default;\n$grey: #bdc3c7 !default;\n\n// src/elements/common/_variables.scss TRANSPARENT COLORS\n$transparent-black: rgba($threes, .04) !default;\n$lightest-black: rgba($threes, .1) !default;\n$lighter-black: rgba($threes, .2) !default;\n$darker-black: rgba($threes, .4) !default;\n$lighter-white: rgba($white, .9) !default;\n$lighter-grey-blue: rgba($grey-blue, .4) !default;\n$lighter-light-blue: rgba($light-blue, .4) !default;\n","@import '../../common/variables';\n\n.bcs-VersionsItemBadge {\n padding: 10px 8px;\n color: $bdl-box-blue;\n font-size: 18px;\n text-align: center;\n background-color: $selected-blue-background;\n border-radius: $bdl-border-radius-size;\n}\n","@import '../../../styles/variables';\n\n.bcs-VersionsList {\n .be & {\n margin: 0;\n }\n}\n\n.bcs-VersionsList-item {\n $border-height: 1px;\n $border-padding: 10px;\n\n .bcs-VersionsItem {\n width: calc(100% + #{$border-padding * 2});\n margin-right: -$border-padding;\n margin-bottom: -$border-height;\n margin-left: -$border-padding;\n\n &:focus,\n &:hover {\n z-index: 2;\n }\n\n &.bcs-is-selected {\n z-index: 1;\n }\n }\n\n & + & {\n border-top: $border-height solid $bdl-gray-10;\n\n .bcs-VersionsItem {\n margin-top: -$border-height;\n }\n }\n}\n","@import '../../../styles/variables';\n\n.bcs-VersionsGroup-heading {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 20px;\n padding-bottom: 10px;\n color: $bdl-gray-65;\n font-size: 14px;\n line-height: 1;\n}\n","@import '../../../styles/variables';\n\n.bcs-VersionsMenu-item {\n & + & {\n border-top: 1px solid $bdl-gray-10;\n }\n}\n","@import '../../../styles/variables';\n@import '../../common/variables';\n\n.bcs-StaticVersionSidebar {\n position: relative;\n width: 341px; // 1px extra to account for the margin left\n margin-left: -1px; // -1px to make nav button hover not have blank space\n border-left: 1px solid $bdl-gray-10;\n\n .bcs-StaticVersionSidebar-header {\n display: flex;\n align-items: center;\n height: 60px;\n margin: 0 25px;\n border-bottom: 1px solid $bdl-gray-10;\n\n .bcs-StaticVersionSidebar-title {\n display: flex;\n font-size: 16px;\n }\n }\n\n .bcs-StaticVersionSidebar-content-wrapper {\n position: absolute;\n width: calc(100% - 20px);\n\n .bcs-StaticVersionSidebar-content {\n padding-left: 25px;\n pointer-events: none;\n\n button[data-resin-iscurrent='true'].bcs-VersionsItemButton {\n width: 100%;\n background-color: $hover-blue-background;\n border: 1px solid $bdl-box-blue;\n }\n }\n }\n}\n\n.bcs-StaticVersionSidebar-upsell-wrapper {\n position: relative;\n height: 100%;\n text-align: center;\n background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);\n\n .bcs-StaticVersionSidebar-upsell {\n position: absolute;\n top: 30%;\n padding: 48px;\n\n .bcs-StaticVersionSidebar-upsell-icon {\n width: 80px;\n height: 80px;\n }\n\n .bcs-StaticVersionSidebar-upsell-header {\n margin: 0 0 10px;\n font-weight: bold;\n }\n\n .bcs-StaticVersionSidebar-upsell-button {\n margin-top: -8px;\n padding: 10px 15px;\n border-radius: 5px;\n }\n }\n}\n","@import '../../../styles/variables';\n\n.bcs-Versions {\n .bcs-scroll-content {\n width: 100%;\n }\n\n .bcs-section-content:first-child {\n padding-top: 0;\n }\n\n .bdl-BackButton {\n margin-right: 5px;\n }\n\n .crawler {\n display: flex;\n align-items: center;\n height: 50px;\n }\n}\n\n.bcs-Versions-content {\n height: 100%;\n padding-right: 25px;\n padding-left: 25px;\n}\n\n.bcs-Versions-empty,\n.bcs-Versions-maxEntries {\n padding-top: 10px;\n text-align: center;\n}\n\n.bcs-Versions-menu {\n .be & {\n padding-bottom: 20px;\n }\n}\n"],"names":[],"sourceRoot":""}