@primer/react/lib-esm/Select/Select-ab428dc7.css.map

An implementation of GitHub's Primer Design System using React

{"version":3,"sources":["../src/Select/Select.module.css"],"names":[],"mappings":"AAAA,yBAqBE,eAAgB,CAJhB,wBAAyB,CACzB,QAAS,CACT,qBAAsB,CAVtB,kBAAmB,CADnB,iBAAkB,CAHlB,iBAAkB,CAElB,eAAgB,CAJhB,cAAe,CAiBf,YAAa,CAnBb,UAsCF,CAZE,kCACE,4BACF,CAKA,yCACE,kCACE,8BACF,CACF,CAGF,mCAEE,eAAgB,CADhB,iBASF,CANE,yCACE,uCAEE,gBACF,CAMA,+BAEE,eACF,CARF,CAYF,iCAIE,mBAAoB,CAHpB,iBAAkB,CAElB,+BAAyB,CADzB,OAAQ,CAGR,0BACF","file":"Select-ab428dc7.css","sourcesContent":[".Select {\n  width: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: 1px;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: 1px;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-left: 1px;\n  font-size: inherit;\n  color: currentColor;\n\n  /* Firefox hacks:\n   * 1. Makes Firefox's native dropdown menu's background match the theme.\n   *    background-color should be 'transparent', but Firefox uses the background-color on\n   *    <select> to determine the background color used for the dropdown menu.\n   * 2. Adds 1px margins to the <select> so the background color doesn't hide the focus outline created with an inset box-shadow.\n   */\n  background-color: inherit;\n  border: 0;\n  border-radius: inherit;\n  outline: none;\n  appearance: none;\n\n  /* 2. Prevents visible overlap of partially transparent background colors.\n   *    'colors.input.disabledBg' happens to be partially transparent in light mode, so we use a\n   *    transparent background-color on a disabled <select>. \n   */\n  &:disabled {\n    background-color: transparent;\n  }\n\n  /* 3. Maintain dark bg color in Firefox on Windows high-contrast mode\n   *    Firefox makes the <select>'s background color white when setting 'background-color: transparent;'   \n   */\n  @media screen and (forced-colors: active) {\n    &:disabled {\n      background-color: -moz-combobox;\n    }\n  }\n}\n\n.TextInputWrapper {\n  position: relative;\n  overflow: hidden;\n\n  @media screen and (forced-colors: active) {\n    svg {\n      /* stylelint-disable-next-line declaration-property-value-no-unknown */\n      fill: 'FieldText';\n    }\n  }\n}\n\n.Disabled {\n  @media screen and (forced-colors: active) {\n    svg {\n      /* stylelint-disable-next-line declaration-property-value-no-unknown */\n      fill: 'GrayText';\n    }\n  }\n}\n\n.ArrowIndicator {\n  position: absolute;\n  top: 50%;\n  right: var(--base-size-4);\n  pointer-events: none;\n  transform: translateY(-50%);\n}\n"]}