{"version":3,"file":"static/1733.1733.bb8c9690.css","sources":["webpack://techdocs-cli-embedded-app/../ui/src/components/ButtonIcon/ButtonIcon.module.css","webpack://techdocs-cli-embedded-app/../ui/src/components/TagGroup/TagGroup.module.css"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-ButtonIcon {\n    --loading-duration: 200ms;\n    --bg: transparent;\n    --bg-hover: transparent;\n    --bg-active: transparent;\n    --fg: inherit;\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    user-select: none;\n    padding: 0;\n    cursor: pointer;\n    border-radius: var(--bui-radius-2);\n    flex-shrink: 0;\n    transition: background-color var(--loading-duration) ease-out,\n      box-shadow var(--loading-duration) ease-out;\n\n    /* Apply variables */\n    color: var(--fg);\n    background-color: var(--bg);\n\n    &:hover {\n      background-color: var(--bg-hover);\n      transition: background-color 150ms ease;\n    }\n\n    &:active {\n      background-color: var(--bg-active);\n    }\n\n    &[data-disabled='true'] {\n      cursor: not-allowed;\n    }\n\n    &[data-ispending='true'] {\n      cursor: wait;\n    }\n  }\n\n  .bui-ButtonIcon[data-variant='primary'] {\n    --bg: var(--bui-bg-solid);\n    --bg-hover: var(--bui-bg-solid-hover);\n    --bg-active: var(--bui-bg-solid-pressed);\n    --fg: var(--bui-fg-solid);\n\n    &[data-disabled='true'],\n    &[data-ispending='true'] {\n      --bg: var(--bui-bg-solid-disabled);\n      --bg-hover: var(--bui-bg-solid-disabled);\n      --bg-active: var(--bui-bg-solid-disabled);\n      --fg: var(--bui-fg-solid-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n  }\n\n  .bui-ButtonIcon[data-variant='secondary'] {\n    --bg: var(--bui-bg-neutral-1);\n    --bg-hover: var(--bui-bg-neutral-1-hover);\n    --bg-active: var(--bui-bg-neutral-1-pressed);\n    --fg: var(--bui-fg-primary);\n\n    &[data-on-bg='neutral-1'] {\n      --bg: var(--bui-bg-neutral-2);\n      --bg-hover: var(--bui-bg-neutral-2-hover);\n      --bg-active: var(--bui-bg-neutral-2-pressed);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      --bg: var(--bui-bg-neutral-3);\n      --bg-hover: var(--bui-bg-neutral-3-hover);\n      --bg-active: var(--bui-bg-neutral-3-pressed);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      --bg: var(--bui-bg-neutral-4);\n      --bg-hover: var(--bui-bg-neutral-4-hover);\n      --bg-active: var(--bui-bg-neutral-4-pressed);\n    }\n\n    &[data-disabled='true'],\n    &[data-ispending='true'] {\n      --bg-hover: var(--bg);\n      --bg-active: var(--bg);\n      --fg: var(--bui-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: none;\n      transition: none;\n      box-shadow: inset 0 0 0 2px var(--bui-ring);\n    }\n  }\n\n  .bui-ButtonIcon[data-variant='tertiary'] {\n    --bg-hover: var(--bui-bg-neutral-1-hover);\n    --bg-active: var(--bui-bg-neutral-1-pressed);\n    --fg: var(--bui-fg-primary);\n\n    &[data-on-bg='neutral-1'] {\n      --bg-hover: var(--bui-bg-neutral-2-hover);\n      --bg-active: var(--bui-bg-neutral-2-pressed);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      --bg-hover: var(--bui-bg-neutral-3-hover);\n      --bg-active: var(--bui-bg-neutral-3-pressed);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      --bg-hover: var(--bui-bg-neutral-4-hover);\n      --bg-active: var(--bui-bg-neutral-4-pressed);\n    }\n\n    &[data-disabled='true'],\n    &[data-ispending='true'] {\n      --bg-hover: var(--bg);\n      --bg-active: var(--bg);\n      --fg: var(--bui-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: none;\n      transition: none;\n      box-shadow: inset 0 0 0 2px var(--bui-ring);\n    }\n  }\n\n  .bui-ButtonIcon[data-size='small'] {\n    width: 2rem;\n    height: 2rem;\n\n    svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .bui-ButtonIcon[data-size='medium'] {\n    width: 2.5rem;\n    height: 2.5rem;\n\n    svg {\n      width: 1.25rem;\n      height: 1.25rem;\n    }\n  }\n\n  .bui-ButtonIconContent {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    width: 100%;\n    transition: opacity var(--loading-duration) ease-out;\n\n    .bui-ButtonIcon[data-ispending='true'] & {\n      opacity: 0;\n    }\n  }\n\n  .bui-ButtonIconSpinner {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display: flex;\n    opacity: 0;\n    transition: opacity var(--loading-duration) ease-in;\n\n    .bui-ButtonIcon[data-ispending='true'] & {\n      opacity: 1;\n    }\n\n    & svg {\n      animation: bui-spin 1s linear infinite;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .bui-ButtonIcon {\n      transition-duration: 50ms;\n    }\n\n    .bui-ButtonIconContent {\n      transition-duration: 50ms;\n    }\n\n    .bui-ButtonIconSpinner {\n      transition-duration: 50ms;\n    }\n\n    .bui-ButtonIconSpinner svg {\n      animation: none;\n    }\n  }\n\n  @keyframes bui-spin {\n    from {\n      transform: rotate(0deg);\n    }\n\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n","/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-TagList {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--bui-space-2);\n  }\n\n  .bui-Tag {\n    color: var(--bui-fg-primary);\n    background-color: var(--bui-bg-neutral-2);\n    border-radius: var(--bui-radius-2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: var(--bui-font-weight-regular);\n    gap: var(--bui-space-1);\n    transition-property: background-color, box-shadow, color;\n    transition-duration: 0.2s;\n    transition-timing-function: ease-in-out;\n    box-sizing: border-box;\n  }\n\n  .bui-Tag[data-size='small'] {\n    height: 26px;\n    padding: 0 var(--bui-space-2);\n    font-size: var(--bui-font-size-1);\n  }\n\n  .bui-Tag[data-size='medium'] {\n    height: 32px;\n    padding: 0 var(--bui-space-2);\n    font-size: var(--bui-font-size-2);\n  }\n\n  .bui-Tag[data-hovered] {\n    background-color: var(--bui-bg-neutral-3);\n    cursor: pointer;\n  }\n\n  .bui-Tag[data-focus-visible] {\n    outline: 2px solid var(--bui-ring);\n    outline-offset: 1px;\n  }\n\n  .bui-Tag[data-selected] {\n    box-shadow: inset 0 0 0 1px var(--bui-fg-secondary);\n  }\n\n  .bui-Tag[data-disabled] {\n    color: var(--bui-fg-disabled);\n    cursor: not-allowed;\n  }\n\n  .bui-TagRemoveButton {\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    color: var(--bui-fg-primary);\n    padding: 0;\n    margin: 0;\n    width: 1rem;\n    height: 1rem;\n  }\n\n  .bui-TagIcon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: color 0.2s ease-in-out;\n\n    svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n}\n"],"names":[],"mappings":"AAgBA,qCAGE,kgBAwBE,0FAKA,2DAIA,yDAIA,mDAKF,uKAME,maAQA,iHAMF,uLAME,kLAMA,kLAMA,kLAMA,2QAOA,sIAOF,yJAKE,oJAKA,oJAKA,oJAKA,yQAOA,qIAOF,0DAIE,8DAMF,+DAIE,qEAMF,0JAQE,mEAKF,6JASE,mEAIA,oEAKF,uCACE,+EAYA,sCAKF,gFC3MA,qEAMA,6XAeA,6GAMA,8GAMA,wFAKA,2FAKA,oFAIA,iFAKA,gJAWA,0GAME,8CDxEJ"}