@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 8.77 kB
Source Map (JSON)
{"version":3,"sources":["single-select.less","imports/mixins/icon-pseudoelement.less","imports/aui-theme/core/icons.less","imports/mixins/dropdown2-trigger-chevron-icon.less"],"names":[],"mappings":"AASA;EACI,yBAAA;;AAGJ;EACI,sBAAA;EACA,wCAAA;EACA,gBAAA;EACA,gBAAA;EACA,kBAAA;;AALJ,YAOI;EACI,cAAA;EACA,cAAA;EACA,iBAAA;EACA,qBAAA;;AAEA,YANJ,gBAMK;EACG,eAAA;;AAdZ,YAkBI;EACI,qBAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,QAAA;EACA,wBAAA;EACA,WAAA;;AAzBR,YA4BI;EACI,gBAAA;EACA,aAAA;EACA,eAAA;;AA/BR,YA4BI,GAeI;EATI,yBAAA;EACA,cAAA;;AAWA,YAlBR,GAeI,gBAGK,IAAI,4BAA4B;EAPjC,yBAAA;EACA,cAAA;;AAWJ,YAvBJ,GAuBK,IAAI,QAAS,gBAAe;EAZzB,yBAAA;EACA,cAAA;;AAgBR,YAAC;EACG,YAAA;;AAIR,IAAI,IAAK;AACT;EAOI,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,WAAA;;AAEA,IAbA,IAAK,WAaJ,IAAI;AAAL,UAAC,IAAI;EACD,qBAAA;EACA,oBAAA;EACA,WAAA;EACA,gBAAA;EACA,sBAAA;;AAlBR,IAAI,IAAK,WAqBL,WAAU,IAAI;AApBlB,UAoBI,WAAU,IAAI;EACV,aAAA;;AAtBR,IAAI,IAAK,WAyBL,MAAK;AAxBT,UAwBI,MAAK;EACD,6BAAA;EACA,4BAAA;EACA,qBAAA;EACA,kBAAA;;AA7BR,IAAI,IAAK,WAgCL;AA/BJ,UA+BI;AAhCJ,IAAI,IAAK,WAiCL;AAhCJ,UAgCI;EACI,aAAA;;AAlCR,IAAI,IAAK,WAqCL,MAAK;AApCT,UAoCI,MAAK;EACD,mBAAA;EACA,eAAA;;AAvCR,IAAI,IAAK,WA0CL,OAAM;AAzCV,UAyCI,OAAM;EACF,4BAAA;EACA,qBAAA;EACA,4BAAA;EACA,yBAAA;EACA,SAAA;EACA,sBAAA;EACA,qBAAA;EACA,oBAAA;EACA,QAAA;EACA,SAAA;EACA,kBAAA;EACA,MAAA;EACA,mBAAA;EACA,WAAA;;AAEA,IA1DJ,IAAK,WA0CL,OAAM,WAgBD,IAAI;AAAL,UAhBJ,OAAM,WAgBD,IAAI;EACD,6BAAA;EACA,+BAAA;EACA,gCAAA;;AAGJ,IAhEJ,IAAK,WA0CL,OAAM,WAsBD,IAAI,aAAa;AAAlB,UAtBJ,OAAM,WAsBD,IAAI,aAAa;ECrIlB,kCAAA;EACA,mCAAA;EACA,4BAAA;EACA,aCJe,YDIf;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EELA,SDKiB,OCLjB;EACA,eAAA;EACA,YAAA;EACA,cAAA;EACA,gBAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,cAAA;EACA,WAAA;EH8HI,UAAA;;AAQJ,IAFJ,IACA,WACK,6BAA8B;EAC3B,qBAAA;;AAGJ,IANJ,IACA,WAKK,+BAAgC;EAC7B,qBAAA","sourcesContent":["@import 'imports/global';\n\n@aui-select-image-size: 16px;\n@aui-select-image-in-input-top: 6px;\n@aui-select-image-in-input-left: 10px;\n@aui-select-image-in-input-right: 5px;\n@aui-select-image-vertical-padding: 2px;\n@aui-select-image-horizontal-padding: 6px;\n\n.aui-optionlist {\n background-color: @aui-color-white;\n}\n\n.aui-popover {\n box-sizing: border-box;\n box-shadow: @aui-single-select-box-shadow;\n max-width: 300px;\n min-width: 160px;\n position: absolute;\n\n [role=\"option\"] {\n color: inherit;\n display: block;\n padding: 3px 10px;\n text-decoration: none;\n\n &.aui-select-suggestion {\n cursor: pointer;\n }\n }\n\n img {\n display: inline-block;\n height: @aui-select-image-size;\n position: relative;\n padding-right: @aui-select-image-horizontal-padding;\n top: @aui-select-image-vertical-padding;\n vertical-align: baseline;\n width: @aui-select-image-size;\n }\n\n ul {\n list-style: none;\n margin: 2px 0;\n padding-left: 0;\n\n .inactive-color() {\n background-color: @aui-single-select-bg-color;\n color: @aui-single-select-text-color;\n }\n\n .active-color() {\n background-color: @aui-single-select-active-bg-color;\n color: @aui-single-select-active-text-color;\n }\n\n [role=\"option\"] {\n .inactive-color();\n\n &:not(.aui-select-no-suggestions):hover {\n .active-color();\n }\n }\n\n &:not(:hover) [role=\"option\"].aui-select-active {\n .active-color();\n }\n }\n\n &.aui-layer {\n height: auto;\n }\n}\n\nform.aui aui-select,\naui-select {\n @select-trigger-padding-left: 6px;\n @select-trigger-padding-right: 6px;\n @select-trigger-arrow-width: 8px;\n @select-trigger-width: @aui-button-border-width * 2 + @select-trigger-padding-left + @select-trigger-arrow-width + @select-trigger-padding-right;\n @select-trigger-arrow-height: @select-trigger-arrow-width / 2;\n\n display: inline-block;\n position: relative;\n max-width: @aui-form-field-width-default;\n width: 100%;\n\n &:not([resolved]) {\n display: inline-block;\n height: @aui-form-field-height;\n width: 100%;\n max-width: 250px;\n vertical-align: bottom;\n }\n\n aui-option:not([resolved]) {\n display: none;\n }\n\n input.aui-select-has-inline-image {\n background-position: @aui-select-image-in-input-left @aui-select-image-in-input-top;\n background-repeat: no-repeat;\n background-size: @aui-select-image-size;\n padding-left: @aui-select-image-size + @aui-select-image-in-input-left + @aui-select-image-in-input-right;\n }\n\n select,\n datalist {\n display: none;\n }\n\n input.text {\n padding-right: @select-trigger-width;\n max-width: 100%;\n }\n\n button.aui-button {\n background-clip: padding-box;\n border-color: @aui-form-field-border-color;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n bottom: 0;\n box-sizing: border-box;\n display: inline-block;\n height: @aui-form-field-height;\n right: 0;\n margin: 0;\n position: absolute;\n top: 0;\n vertical-align: top;\n width: @select-trigger-width;\n\n &:not(:hover) {\n border-top-color: transparent;\n border-right-color: transparent;\n border-bottom-color: transparent;\n }\n\n &:not([aria-busy])::before {\n #aui.aui-dropdown2-trigger-chevron-icon();\n\n right: ((@select-trigger-width - @aui-icon-size-small - (@aui-button-border-width *2)) / 2);\n }\n }\n}\n\n//Form notification + single select\nform.aui {\n aui-select {\n &[data-aui-notification-error] .text {\n border-color: @aui-notification-error-color;\n }\n\n &[data-aui-notification-success] .text {\n border-color: @aui-notification-success-color;\n }\n }\n}\n","@import '../aui-theme/core/icons';\n@import '../aui-theme/components/icons';\n\n#aui {\n .icon-pseudoelement(@fontface: @aui-icon-font-family) {\n -moz-osx-font-smoothing: grayscale; // Improves the rendering of icons in OSX + Firefox\n -webkit-font-smoothing: antialiased; // Improves the rendering of icons in OSX + (Safari, Google Chrome)\n -webkit-text-stroke-width: 0; // Prevents drawing a thicker edge on icons\n font-family: @fontface;\n font-weight: normal;\n font-style: normal;\n speak: none; // This prevents screen readers from pronouncing the pseudo element text content used to trigger the icon font\n }\n\n .icon(@icon-glyph-code; @rules) {\n &::before {\n #aui.icon-pseudoelement(@aui-icon-font-family);\n color: inherit;\n content: @icon-glyph-code;\n font-size: @aui-icon-size-small;\n height: @aui-icon-size-small;\n left: 0;\n line-height: 1;\n margin-top: -(@aui-icon-size-small / 2);\n position: absolute;\n text-indent: 0;\n top: 50%;\n width: @aui-icon-size-small;\n @rules();\n }\n }\n}\n","@aui-old-icon-font-family: \"Atlassian Icons\";\n@aui-old-icon-font-file: \"atlassian-icons\";\n@aui-old-icon-font-id: \"atlassian-icons\";\n\n@aui-icon-font-family: \"Adgs Icons\";\n@aui-icon-font-file: \"adgs-icons\";\n@aui-icon-font-id: \"adgs-icons\";\n\n// glyphs\n@aui-glyph-check: \"\\f194\";\n@aui-glyph-check-circle: \"\\f104\";\n@aui-glyph-chevron-down: \"\\f15b\";\n@aui-glyph-close: \"\\f11b\";\n@aui-glyph-exclamation-triangle: \"\\f1b3\";\n@aui-glyph-exclamation-circle: \"\\f15a\";\n@aui-glyph-info-circle: \"\\f234\";\n@aui-glyph-more-actions: \"\\f17f\"; // the \"more\" icon; should be three dots.\n@aui-glyph-search: \"\\f18c\";\n@aui-glyph-search-small: \"\\f18d\";\n@aui-glyph-radio: \"\\f500\";\n@aui-glyph-remove: \"\\f188\";\n\n@aui-glyph-sorted-ascending: \"\\f1ac\";\n@aui-glyph-sorted-descending: \"\\f140\";\n","@import './icon-pseudoelement';\n\n#aui {\n .aui-dropdown2-trigger-chevron-icon(@glyphsize: @aui-icon-size-small; @canvassize: @aui-icon-size-small-canvas) {\n @canvas-padding: ((@canvassize - @glyphsize) / 2);\n #aui.icon-pseudoelement(@aui-icon-font-family);\n content: @aui-glyph-chevron-down;\n font-size: @glyphsize;\n height: @glyphsize;\n line-height: 1;\n margin-top: -(@glyphsize / 2);\n position: absolute;\n right: @canvas-padding;\n top: 50%;\n text-indent: 0; // Reset indentation set by split button\n width: @glyphsize;\n }\n}\n"],"file":"single-select.css"}