{"version":3,"sources":["auto_complete.pcss","../../../../lib/postcss_mixins/focusBoxShadowInset.pcss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB;mEACmE;;AAEnE,4BAA4B;;AAC5B;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA,+BAA+B;;AAC/B;EACE,eAAe;EACf,iBAAiB;AACnB;;AAEA,0CAA0C;;AAC1C;EACE;IACE,cAAc;IACd,kBAAkB;EACpB;AACF;;AAEA,kEAAkE;;AAClE;EACE,kBAAkB;EAClB,eAAe;AACjB;;AAEA,6DAA6D;;AAC7D;EACE,oBAAoB;EACpB,gBAAgB;EAChB,mBAAmB;AAsBrB;;AApBE;IACE,oCAAoC;;ICpCtC,oCAAoC;;IACpC,aAAa;;IACb,kDAAmD;EDqCnD;;AAEA;IACE,UAAU;IACV,gBAAgB;IAChB,YAAY;IACZ,gBAAgB;EASlB;;AAPE;MACE,gBAAgB;IAClB;;AAEA;MACE,gBAAgB;IAClB;;AAIJ,8DAA8D;;AAC9D;EACE,kBAAkB;EAClB,OAAO;EACP,WAAW;EACX,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,uCAAuC;EACvC,6EAA6E;EAC7E,qDAAqD;EACrD,sCAAsC;AACxC;;AAEA;wCACwC;;AAExC;EACE,cAAc;EACd,WAAW;EACX,gBAAgB;EAChB,gBAAgB;EAChB,kDAAkD;EAClD,8BAA8B;EAC9B,gBAAgB;EAChB,qBAAqB;EACrB,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,6CAA6C;EAC7C,SAAS;AAyBX;;AAvBE;IACE,kCAAkC;IAClC,qBAAqB;IACrB,8CAA8C;;IAE9C,kEAAkE;EAIpE;;AAHE;MACE,yBAAyB;IAC3B;;AAGF;;;IAGE,kCAAkC;IAClC,qBAAqB;IACrB,8CAA8C;;IAE9C,kEAAkE;EAIpE;;AAHE;MACE,yBAAyB;IAC3B","file":"auto_complete.css","sourcesContent":["/* autocomplete */\n\n/* This file can be deprecated when AutoComplete is upstreamed to YVC + rolled out to dotcom https://github.com/github/yattho/issues/796\n** AutoComplete relies on FormControl, Overlay and ActionList CSS */\n\n/* Stacked label (default) */\n.autocomplete-label-stacked {\n display: block;\n margin-bottom: 6px;\n}\n\n/* Inline label (non-default) */\n.autocomplete-label-inline {\n display: inline;\n margin-right: 6px;\n}\n\n/* Switch to stacked at smaller viewport */\n@media (max-width: 543.98px) {\n .autocomplete-label-inline {\n display: block;\n margin-bottom: 6px;\n }\n}\n\n/* Wrapper for the input and result elements to ensure alignment */\n.autocomplete-body {\n position: relative;\n display: inline;\n}\n\n/* Wrapper and conditional styles for when an icon is added */\n.autocomplete-embedded-icon-wrap {\n display: inline-flex;\n padding: 4px 8px;\n align-items: center;\n\n &:focus-within {\n border-color: var(--color-accent-fg);\n\n @mixin focusBoxShadowInset;\n }\n\n & .form-control {\n padding: 0;\n margin-left: 8px;\n border: none;\n box-shadow: none;\n\n &:focus {\n box-shadow: none;\n }\n\n &:focus-visible {\n box-shadow: none;\n }\n }\n}\n\n/* A pop up list of items used to show autocompleted results */\n.autocomplete-results {\n position: absolute;\n left: 0;\n z-index: 99;\n width: max-content;\n min-width: 100%;\n max-height: 20em;\n overflow-y: auto;\n font-size: 13px;\n list-style: none;\n background: var(--color-canvas-overlay);\n border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-default);\n border-radius: var(--yattho-borderRadius-medium, 6px);\n box-shadow: var(--color-shadow-medium);\n}\n\n/* One of the items that appears within an autocomplete group\n** Bold black text on white background */\n\n.autocomplete-item {\n display: block;\n width: 100%;\n padding: 4px 8px;\n overflow: hidden;\n font-weight: var(--base-text-weight-semibold, 600);\n color: var(--color-fg-default);\n text-align: left;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n background-color: var(--color-canvas-overlay);\n border: 0;\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n /* Inherit color on all child elements to ensure enough contrast */\n & * {\n color: inherit !important;\n }\n }\n\n &.selected,\n &[aria-selected='true'],\n &.navigation-focus {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n /* Inherit color on all child elements to ensure enough contrast */\n & * {\n color: inherit !important;\n }\n }\n}","/* inset box-shadow for form controls */\n@define-mixin focusBoxShadowInset $outlineWidth: 1px, $outlineColor: var(--color-accent-fg) {\n border-color: var(--color-accent-fg);\n outline: none;\n box-shadow: inset 0 0 0 $outlineWidth $outlineColor;\n}"]}