{"version":3,"file":"Action.module.cjs","names":[],"sources":["../../../../../src/components/Form/Controls/Action/Action.module.css"],"sourcesContent":["/*\nCopyright 2023 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.container {\n  display: inline-flex;\n  position: relative;\n}\n\n.control {\n  flex: 1;\n  padding-inline-end: var(--cpd-space-12x) !important;\n\n  /* From the flexbox spec:\n   *   \"By default, flex items won’t shrink below their minimum content size\"\n   * This allows the element to shrink lower than its natural default size.\n   */\n  min-inline-size: 0;\n}\n\n.action {\n  all: unset;\n  color: var(--cpd-color-icon-secondary);\n  background-color: transparent;\n  cursor: pointer;\n  position: absolute;\n  inset-block: var(--cpd-space-2x);\n  inset-inline-end: var(--cpd-space-2x);\n  padding: var(--cpd-space-1x);\n  overflow: visible;\n  border-radius: 50%;\n}\n\n.action > svg {\n  inline-size: var(--cpd-space-6x);\n  block-size: var(--cpd-space-6x);\n}\n\n@media (hover) {\n  .action:hover {\n    color: var(--cpd-color-icon-primary);\n    background-color: var(--cpd-color-bg-subtle-secondary);\n  }\n}\n\n.action:focus-visible {\n  outline: 2px solid var(--cpd-color-border-focused);\n  outline-offset: 1px;\n}\n\n.control[disabled] + .action {\n  pointer-events: none;\n  color: var(--cpd-color-text-disabled);\n}\n\n.control[readonly] + .action {\n  pointer-events: none;\n  color: var(--cpd-color-text-secondary);\n}\n"],"mappings":""}