@redocly/reference-docs 2.11.6 → 2.11.10

package/lib/redoc-lib/src/common-elements/dropdown.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MimeLabel=exports.SimpleDropdown=exports.Dropdown=exports.darkDropdownStyle=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,tslib_1=require("tslib"),react_dropdown_aria_1=(0,tslib_1.__importDefault)(require("@redocly/react-dropdown-aria")),styled_components_1=(0,tslib_1.__importStar)(require("../styled-components"));exports.darkDropdownStyle=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background-color: ",";\n  border-color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n\n  .dropdown-arrow {\n    color: ",";\n  }\n\n  .dropdown-selector-value {\n    color: ",";\n    left: 0;\n  }\n\n  .dropdown-selector-content {\n    background: ",";\n    border: 0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n\n    .dropdown-option {\n      color: ",";\n      background-color: transparent;\n\n      &[aria-selected='true'] {\n        background-color: transparent;\n      }\n\n      &:hover,\n      &.focused {\n        background-color: ",";\n      }\n    }\n  }\n"],["\n  background-color: ",";\n  border-color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n\n  .dropdown-arrow {\n    color: ",";\n  }\n\n  .dropdown-selector-value {\n    color: ",";\n    left: 0;\n  }\n\n  .dropdown-selector-content {\n    background: ",";\n    border: 0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n\n    .dropdown-option {\n      color: ",";\n      background-color: transparent;\n\n      &[aria-selected='true'] {\n        background-color: transparent;\n      }\n\n      &:hover,\n      &.focused {\n        background-color: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.colors.secondary.light}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.colors.secondary.main})),exports.Dropdown=(0,styled_components_1.default)(react_dropdown_aria_1.default)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  min-width: 100px;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  padding: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  line-height: normal;\n  font-size: 14px;\n  font-family: inherit;\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: 1px solid ",";\n    box-shadow: none;\n  }\n\n  .dropdown-selector {\n    margin-bottom: 0;\n    display: inline-flex;\n    height: auto;\n    padding: 0;\n    position: relative;\n    justify-content: flex-start;\n  }\n\n  .dropdown-selector-value {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    position: relative;\n    line-height: normal;\n    color: ",";\n    /* font-family: ","; */\n    vertical-align: middle;\n    left: -1px;\n    transition: color 0.25s ease, text-shadow 0.25s ease;\n\n    &::before {\n      content: '","';\n      opacity: 0.8;\n    }\n  }\n\n  .dropdown-arrow {\n    position: unset;\n    transition: transform 0.2s;\n    transform: ",";\n    color: ",";\n    margin-left: auto;\n  }\n\n  &[open] .dropdown-arrow {\n    transform: ",";\n  }\n\n  .dropdown-selector-placeholder {\n    left: 0;\n    line-height: normal;\n  }\n\n  .dropdown-selector-content {\n    position: absolute;\n    margin: ",";\n    padding: 0;\n    border-radius: ",";\n    left: 0;\n    width: auto;\n    min-width: 100%;\n\n    z-index: 10;\n\n    background: white;\n    border: 1px solid rgba(38, 50, 56, 0.2);\n    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);\n\n    max-height: 220px;\n    overflow: auto;\n  }\n\n  .dropdown-option {\n    font-size: 1em;\n    color: ",";\n    cursor: pointer;\n    padding: ",";\n    background-color: #ffffff;\n\n    &[aria-selected='true'] {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:hover {\n      background-color: rgba(38, 50, 56, 0.12);\n    }\n  }\n\n  input {\n    cursor: pointer;\n    height: 1px;\n    background-color: transparent;\n  }\n\n  ",";\n"],["\n  box-sizing: border-box;\n  min-width: 100px;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  padding: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  line-height: normal;\n  font-size: 14px;\n  font-family: inherit;\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: 1px solid ",";\n    box-shadow: none;\n  }\n\n  .dropdown-selector {\n    margin-bottom: 0;\n    display: inline-flex;\n    height: auto;\n    padding: 0;\n    position: relative;\n    justify-content: flex-start;\n  }\n\n  .dropdown-selector-value {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    position: relative;\n    line-height: normal;\n    color: ",";\n    /* font-family: ","; */\n    vertical-align: middle;\n    left: -1px;\n    transition: color 0.25s ease, text-shadow 0.25s ease;\n\n    &::before {\n      content: '","';\n      opacity: 0.8;\n    }\n  }\n\n  .dropdown-arrow {\n    position: unset;\n    transition: transform 0.2s;\n    transform: ",";\n    color: ",";\n    margin-left: auto;\n  }\n\n  &[open] .dropdown-arrow {\n    transform: ",";\n  }\n\n  .dropdown-selector-placeholder {\n    left: 0;\n    line-height: normal;\n  }\n\n  .dropdown-selector-content {\n    position: absolute;\n    margin: ",";\n    padding: 0;\n    border-radius: ",";\n    left: 0;\n    width: auto;\n    min-width: 100%;\n\n    z-index: 10;\n\n    background: white;\n    border: 1px solid rgba(38, 50, 56, 0.2);\n    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);\n\n    max-height: 220px;\n    overflow: auto;\n  }\n\n  .dropdown-option {\n    font-size: 1em;\n    color: ",";\n    cursor: pointer;\n    padding: ",";\n    background-color: #ffffff;\n\n    &[aria-selected='true'] {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:hover {\n      background-color: rgba(38, 50, 56, 0.12);\n    }\n  }\n\n  input {\n    cursor: pointer;\n    height: 1px;\n    background-color: transparent;\n  }\n\n  ",";\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.dense?"2px 8px":"8px 10px"}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.border.light}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.typography.headings.fontFamily}),(function(n){return n.prefix}),(function(n){return"rotate("+(n.openUp?"-180":"0")+"deg)"}),(function(n){return n.theme.colors.text.primary}),(function(n){return"rotate("+(n.openUp?"0":"-180")+"deg)"}),(function(n){return n.openUp?"0 0 2px 0":"2px 0 0 0"}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.dense?"0.4em 8px":"0.4em 10px"}),(function(n){return"dark"===n.variant?exports.darkDropdownStyle:""})),exports.SimpleDropdown=(0,styled_components_1.default)(exports.Dropdown)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  && {\n    padding: 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n\n    .dropdown-selector-value,\n    .dropdown-arrow {\n      color: ",";\n    }\n\n    .dropdown-selector-content {\n      border: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n"],["\n  && {\n    padding: 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n\n    .dropdown-selector-value,\n    .dropdown-arrow {\n      color: ",";\n    }\n\n    .dropdown-selector-content {\n      border: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n"])),(function(n){return n.theme.colors.text.primary})),exports.MimeLabel=styled_components_1.default.span(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"],["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.primary}));
-//# sourceMappingURL=dropdown.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingDropdown.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-export declare const CollapsingDropdown: import("styled-components").StyledComponent<{
-    (props: import("@redocly/react-dropdown-aria").DropdownProps): JSX.Element;
-    defaultProps: {
-        ariaDescribedBy: null;
-        ariaLabel: null;
-        ariaLabelledBy: null;
-        arrowRenderer: undefined;
-        centerText: boolean;
-        className: undefined;
-        contentClassName: null;
-        defaultOpen: boolean;
-        disabled: boolean;
-        height: null;
-        hideArrow: boolean;
-        id: null;
-        maxContentHeight: number;
-        openUp: boolean;
-        optionItemRenderer: undefined;
-        pageKeyTraverseSize: number;
-        placeholder: string;
-        searchable: boolean;
-        selectedValueClassName: null;
-        style: {};
-        value: undefined;
-        width: null;
-    };
-}, import("../../../services/extendTheme").ProTheme, {
-    dense?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    openUp?: boolean | undefined;
-    variant?: "light" | "dark" | undefined;
-    prefix?: string | undefined;
-} & {
-    active?: boolean | undefined;
-}, never>;

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingDropdown.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../../redoc-lib/src/styled-components";import{Dropdown,darkDropdownStyle}from"../../../redoc-lib/src/common-elements/dropdown";export var CollapsingDropdown=styled(Dropdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ",";\n\n  padding: 5px 10px;\n  height: 40px;\n\n  border-top-left-radius: 0;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n\n  margin: 0 0 -4px;\n  transition: none;\n  min-width: auto;\n  background: ",";\n  & {\n    border-bottom: 4px solid\n      ",";\n\n    &[open],\n    &:focus-within,\n    &:hover {\n      background: ",";\n      border-bottom: 4px solid\n        ",";\n    }\n  }\n\n  .dropdown-selector {\n    justify-content: center;\n  }\n\n  .dropdown-selector-value {\n    line-height: 26px;\n    font-family: ",";\n    text-align: center;\n  }\n\n  .dropdown-selector-content {\n    margin-top: 7px;\n    left: auto;\n    width: auto;\n  }\n\n  .dropdown-option {\n    justify-content: center;\n  }\n"],["\n  ",";\n\n  padding: 5px 10px;\n  height: 40px;\n\n  border-top-left-radius: 0;\n  border-top-right-radius: ",";\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n\n  margin: 0 0 -4px;\n  transition: none;\n  min-width: auto;\n  background: ",";\n  & {\n    border-bottom: 4px solid\n      ",";\n\n    &[open],\n    &:focus-within,\n    &:hover {\n      background: ",";\n      border-bottom: 4px solid\n        ",";\n    }\n  }\n\n  .dropdown-selector {\n    justify-content: center;\n  }\n\n  .dropdown-selector-value {\n    line-height: 26px;\n    font-family: ",";\n    text-align: center;\n  }\n\n  .dropdown-selector-content {\n    margin-top: 7px;\n    left: auto;\n    width: auto;\n  }\n\n  .dropdown-option {\n    justify-content: center;\n  }\n"])),darkDropdownStyle,(function(n){return n.theme.shape.borderRadius}),(function(n){var t=n.theme;return n.active?t.colors.border.dark:"none"}),(function(n){var t=n.active,o=n.theme;return t?o.colors.accent.main:"transparent"}),(function(n){return n.theme.colors.border.dark}),(function(n){var t=n.active,o=n.theme;return t?o.colors.accent.main:"transparent"}),(function(n){return n.theme.typography.fontFamily}));var templateObject_1;
-//# sourceMappingURL=CollapsingDropdown.js.map

package/lib-esm/redoc-lib/src/common-elements/dropdown.d.ts

@@ -1,79 +0,0 @@
-/// <reference types="react" />
-import { DropdownProps as ReactDropdownProps } from '@redocly/react-dropdown-aria';
-export interface DropdownOption {
-    idx: number;
-    value: string;
-    title?: string;
-}
-export interface DropdownProps extends Partial<ReactDropdownProps> {
-    options: DropdownOption[];
-    onChange: (option: DropdownOption) => void;
-}
-export declare const darkDropdownStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../../services/extendTheme").ProTheme>>;
-export declare const Dropdown: import("styled-components").StyledComponent<{
-    (props: ReactDropdownProps): JSX.Element;
-    defaultProps: {
-        ariaDescribedBy: null;
-        ariaLabel: null;
-        ariaLabelledBy: null;
-        arrowRenderer: undefined;
-        centerText: boolean;
-        className: undefined;
-        contentClassName: null;
-        defaultOpen: boolean;
-        disabled: boolean;
-        height: null;
-        hideArrow: boolean;
-        id: null;
-        maxContentHeight: number;
-        openUp: boolean;
-        optionItemRenderer: undefined;
-        pageKeyTraverseSize: number;
-        placeholder: string;
-        searchable: boolean;
-        selectedValueClassName: null;
-        style: {};
-        value: undefined;
-        width: null;
-    };
-}, import("../../../services/extendTheme").ProTheme, {
-    dense?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    openUp?: boolean | undefined;
-    variant?: "light" | "dark" | undefined;
-    prefix?: string | undefined;
-}, never>;
-export declare const SimpleDropdown: import("styled-components").StyledComponent<{
-    (props: ReactDropdownProps): JSX.Element;
-    defaultProps: {
-        ariaDescribedBy: null;
-        ariaLabel: null;
-        ariaLabelledBy: null;
-        arrowRenderer: undefined;
-        centerText: boolean;
-        className: undefined;
-        contentClassName: null;
-        defaultOpen: boolean;
-        disabled: boolean;
-        height: null;
-        hideArrow: boolean;
-        id: null;
-        maxContentHeight: number;
-        openUp: boolean;
-        optionItemRenderer: undefined;
-        pageKeyTraverseSize: number;
-        placeholder: string;
-        searchable: boolean;
-        selectedValueClassName: null;
-        style: {};
-        value: undefined;
-        width: null;
-    };
-}, import("../../../services/extendTheme").ProTheme, {
-    dense?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    openUp?: boolean | undefined;
-    variant?: "light" | "dark" | undefined;
-    prefix?: string | undefined;
-}, never>;
-export declare const MimeLabel: import("styled-components").StyledComponent<"span", import("../../../services/extendTheme").ProTheme, {}, never>;

package/lib-esm/redoc-lib/src/common-elements/dropdown.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import{default as DropdownComponent}from"@redocly/react-dropdown-aria";import styled,{css}from"../styled-components";export var darkDropdownStyle=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: ",";\n  border-color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n\n  .dropdown-arrow {\n    color: ",";\n  }\n\n  .dropdown-selector-value {\n    color: ",";\n    left: 0;\n  }\n\n  .dropdown-selector-content {\n    background: ",";\n    border: 0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n\n    .dropdown-option {\n      color: ",";\n      background-color: transparent;\n\n      &[aria-selected='true'] {\n        background-color: transparent;\n      }\n\n      &:hover,\n      &.focused {\n        background-color: ",";\n      }\n    }\n  }\n"],["\n  background-color: ",";\n  border-color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n\n  .dropdown-arrow {\n    color: ",";\n  }\n\n  .dropdown-selector-value {\n    color: ",";\n    left: 0;\n  }\n\n  .dropdown-selector-content {\n    background: ",";\n    border: 0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n\n    .dropdown-option {\n      color: ",";\n      background-color: transparent;\n\n      &[aria-selected='true'] {\n        background-color: transparent;\n      }\n\n      &:hover,\n      &.focused {\n        background-color: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.colors.secondary.light}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.colors.secondary.main}));export var Dropdown=styled(DropdownComponent)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  box-sizing: border-box;\n  min-width: 100px;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  padding: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  line-height: normal;\n  font-size: 14px;\n  font-family: inherit;\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: 1px solid ",";\n    box-shadow: none;\n  }\n\n  .dropdown-selector {\n    margin-bottom: 0;\n    display: inline-flex;\n    height: auto;\n    padding: 0;\n    position: relative;\n    justify-content: flex-start;\n  }\n\n  .dropdown-selector-value {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    position: relative;\n    line-height: normal;\n    color: ",";\n    /* font-family: ","; */\n    vertical-align: middle;\n    left: -1px;\n    transition: color 0.25s ease, text-shadow 0.25s ease;\n\n    &::before {\n      content: '","';\n      opacity: 0.8;\n    }\n  }\n\n  .dropdown-arrow {\n    position: unset;\n    transition: transform 0.2s;\n    transform: ",";\n    color: ",";\n    margin-left: auto;\n  }\n\n  &[open] .dropdown-arrow {\n    transform: ",";\n  }\n\n  .dropdown-selector-placeholder {\n    left: 0;\n    line-height: normal;\n  }\n\n  .dropdown-selector-content {\n    position: absolute;\n    margin: ",";\n    padding: 0;\n    border-radius: ",";\n    left: 0;\n    width: auto;\n    min-width: 100%;\n\n    z-index: 10;\n\n    background: white;\n    border: 1px solid rgba(38, 50, 56, 0.2);\n    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);\n\n    max-height: 220px;\n    overflow: auto;\n  }\n\n  .dropdown-option {\n    font-size: 1em;\n    color: ",";\n    cursor: pointer;\n    padding: ",";\n    background-color: #ffffff;\n\n    &[aria-selected='true'] {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:hover {\n      background-color: rgba(38, 50, 56, 0.12);\n    }\n  }\n\n  input {\n    cursor: pointer;\n    height: 1px;\n    background-color: transparent;\n  }\n\n  ",";\n"],["\n  box-sizing: border-box;\n  min-width: 100px;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  padding: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  line-height: normal;\n  font-size: 14px;\n  font-family: inherit;\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: 1px solid ",";\n    box-shadow: none;\n  }\n\n  .dropdown-selector {\n    margin-bottom: 0;\n    display: inline-flex;\n    height: auto;\n    padding: 0;\n    position: relative;\n    justify-content: flex-start;\n  }\n\n  .dropdown-selector-value {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    position: relative;\n    line-height: normal;\n    color: ",";\n    /* font-family: ","; */\n    vertical-align: middle;\n    left: -1px;\n    transition: color 0.25s ease, text-shadow 0.25s ease;\n\n    &::before {\n      content: '","';\n      opacity: 0.8;\n    }\n  }\n\n  .dropdown-arrow {\n    position: unset;\n    transition: transform 0.2s;\n    transform: ",";\n    color: ",";\n    margin-left: auto;\n  }\n\n  &[open] .dropdown-arrow {\n    transform: ",";\n  }\n\n  .dropdown-selector-placeholder {\n    left: 0;\n    line-height: normal;\n  }\n\n  .dropdown-selector-content {\n    position: absolute;\n    margin: ",";\n    padding: 0;\n    border-radius: ",";\n    left: 0;\n    width: auto;\n    min-width: 100%;\n\n    z-index: 10;\n\n    background: white;\n    border: 1px solid rgba(38, 50, 56, 0.2);\n    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);\n\n    max-height: 220px;\n    overflow: auto;\n  }\n\n  .dropdown-option {\n    font-size: 1em;\n    color: ",";\n    cursor: pointer;\n    padding: ",";\n    background-color: #ffffff;\n\n    &[aria-selected='true'] {\n      background-color: rgba(0, 0, 0, 0.05);\n    }\n\n    &:hover {\n      background-color: rgba(38, 50, 56, 0.12);\n    }\n  }\n\n  input {\n    cursor: pointer;\n    height: 1px;\n    background-color: transparent;\n  }\n\n  ",";\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.dense?"2px 8px":"8px 10px"}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.border.light}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.typography.headings.fontFamily}),(function(n){return n.prefix}),(function(n){return"rotate("+(n.openUp?"-180":"0")+"deg)"}),(function(n){return n.theme.colors.text.primary}),(function(n){return"rotate("+(n.openUp?"0":"-180")+"deg)"}),(function(n){return n.openUp?"0 0 2px 0":"2px 0 0 0"}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.dense?"0.4em 8px":"0.4em 10px"}),(function(n){return"dark"===n.variant?darkDropdownStyle:""}));export var SimpleDropdown=styled(Dropdown)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  && {\n    padding: 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n\n    .dropdown-selector-value,\n    .dropdown-arrow {\n      color: ",";\n    }\n\n    .dropdown-selector-content {\n      border: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n"],["\n  && {\n    padding: 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n\n    .dropdown-selector-value,\n    .dropdown-arrow {\n      color: ",";\n    }\n\n    .dropdown-selector-content {\n      border: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n"])),(function(n){return n.theme.colors.text.primary}));export var MimeLabel=styled.span(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"],["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.primary}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4;
-//# sourceMappingURL=dropdown.js.map