/** * Photon Grid base styles — import-menu section. * * Concatenated (in order) by base-styles.ts; edit here, not there. Order is * preserved because CSS cascade depends on it. * * Every value is a theme variable (with a sensible fallback) so the Import * launcher, dropdown and menu items re-theme with the rest of the grid — light, * dark and custom themes — with zero inline styles anywhere in the component. */ export declare const importMenuCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Import Menu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Launcher \u2014 an \"Import\" pill living in the shared .pg-grid__tools bar\n (see filters-tool-panel.css.ts). 'order' places it to the right of the\n Filters funnel; the bar handles absolute positioning and stacking. */\n.pg-import-launcher {\n order: 2;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n height: 32px;\n padding: 0 10px;\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-md, 6px);\n background: var(--pg-colors-surface, #ffffff);\n color: var(--pg-colors-text-secondary, #64748b);\n box-shadow: var(--pg-shadows-sm, 0 1px 2px rgba(15, 23, 42, 0.08));\n font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n font-size: var(--pg-typography-font-size-sm, 13px);\n font-weight: var(--pg-typography-font-weight-medium, 500);\n cursor: pointer;\n transition:\n background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease),\n color var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease),\n border-color var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-import-launcher:hover {\n background: var(--pg-colors-background-alt, #f1f5f9);\n color: var(--pg-colors-text-primary, #0f172a);\n border-color: var(--pg-colors-border-strong, #cbd5e1);\n}\n.pg-import-launcher:focus-visible {\n outline: 2px solid var(--pg-colors-primary, #2563eb);\n outline-offset: 1px;\n}\n.pg-import-launcher__icon,\n.pg-import-launcher__caret {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.pg-import-launcher__icon svg,\n.pg-import-launcher__caret svg { display: block; }\n.pg-import-launcher__caret { color: var(--pg-colors-text-disabled, #94a3b8); }\n.pg-import-launcher__label { line-height: 1; }\n\n/* Dropdown menu \u2014 anchored below the launcher, clipped to the grid. */\n.pg-import-menu {\n position: absolute;\n top: 48px;\n right: 8px;\n z-index: var(--pg-z-index-filter-panel, 200);\n min-width: 220px;\n display: none;\n flex-direction: column;\n padding: 4px;\n background: var(--pg-colors-surface, #ffffff);\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-lg, 10px);\n box-shadow: var(--pg-shadows-dropdown, 0 16px 48px rgba(15, 23, 42, 0.24));\n font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n font-size: var(--pg-typography-font-size-sm, 13px);\n color: var(--pg-colors-text-primary, #0f172a);\n}\n.pg-import-menu--open { display: flex; }\n\n.pg-import-menu__item {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 8px 10px;\n border: none;\n border-radius: var(--pg-borders-radius-sm, 4px);\n background: transparent;\n color: inherit;\n font: inherit;\n text-align: left;\n cursor: pointer;\n transition: background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-import-menu__item:hover,\n.pg-import-menu__item:focus-visible {\n background: var(--pg-colors-selection-background, rgba(37, 99, 235, 0.12));\n outline: none;\n}\n.pg-import-menu__item-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--pg-colors-text-secondary, #64748b);\n}\n.pg-import-menu__item-icon svg { display: block; }\n.pg-import-menu__item-label { flex: 1; line-height: 1.2; }\n\n/* Hidden native file input \u2014 visually removed but still programmatically\n clickable (kept in the layout box rather than display:none). */\n.pg-import-file-input {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n white-space: nowrap;\n border: 0;\n}\n"; //# sourceMappingURL=import-menu.css.d.ts.map