@postenbring/hedwig-css/dist/radio-button.css.map

Styles for [Hedwig Design System](https://github.com/bring/hedwig-design-system).

{"version":3,"sourceRoot":null,"mappings":"AAAA,6WAiBE,mCAIA,8HAKA,+FAYA,iFAUA,2NAUA,6FAIA,yLAeA,sWAUE,yGAIA,mJAMA,wHAIA,4HASA,gIAAA,sIAMA,oIAMF,2GAIE,4IAMF","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/form/radio-button/radio-button.css"],"sourcesContent":[".hds-radio-button {\n  --checkmark-width: 16px;\n  --checkmark-margin: var(--hds-spacing-4);\n\n  display: block;\n  padding: 0 0 0\n    calc(var(--checkmark-width) + (var(--checkmark-margin) * 2) + var(--hds-spacing-12));\n  border-radius: var(--hds-border-radius);\n  font: var(--hds-typography-body-small);\n  position: relative;\n  cursor: pointer;\n\n  /**\n   * To avoid unexpected behavior of focus when clicking the radio button text\n   */\n  user-select: none;\n\n  * {\n    cursor: pointer;\n  }\n\n  .hds-radio-button__title {\n    font-weight: var(--hds-font-weight-body-title);\n    padding-bottom: var(--hds-spacing-12);\n  }\n\n  label::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n\n  /**\n  * Hide the browser default RadioButton\n  */\n  input[type=\"radio\"] {\n    position: absolute;\n    opacity: 0;\n    height: 0;\n    width: 0;\n  }\n\n  /**\n  * Create a custom RadioButton\n  */\n  .hds-radio-button__checkmark {\n    margin: var(--hds-spacing-4);\n    position: absolute;\n    left: 0;\n    height: var(--checkmark-width);\n    width: var(--checkmark-width);\n    border: solid 2px var(--hds-colors-darker);\n    border-radius: 50%;\n  }\n\n  input[type=\"radio\"]:checked ~ .hds-radio-button__checkmark::after {\n    display: block;\n  }\n\n  .hds-radio-button__checkmark::after {\n    content: \"\";\n    position: absolute;\n    display: none;\n    top: 3px;\n    left: 3px;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: var(--hds-colors-dark);\n  }\n\n  /**\n  * Variant bounding-box and state error\n  */\n  &.hds-radio-button--bounding-box {\n    background-color: var(--hds-colors-lighter);\n    padding: calc(var(--hds-spacing-16) - 1px) var(--hds-spacing-32)\n      calc(var(--hds-spacing-16) - 1px)\n      calc(\n        var(--hds-spacing-16) + var(--checkmark-width) + (var(--checkmark-margin) * 2) +\n          var(--hds-spacing-12)\n      );\n    border: solid var(--hds-stroke-default) var(--hds-colors-lighter);\n\n    .hds-radio-button__checkmark {\n      left: var(--hds-spacing-16);\n    }\n\n    &.hds-radio-button--error {\n      border: solid var(--hds-stroke-default) var(--hds-ui-colors-warning-yellow);\n    }\n  }\n\n  &.hds-radio-button--error {\n    .hds-radio-button__checkmark {\n      border-color: var(--hds-ui-colors-warning-yellow);\n    }\n\n    .hds-radio-button__checkmark::after {\n      background: var(--hds-ui-colors-warning-yellow);\n    }\n  }\n\n  /**\n  * State: Disabled\n  */\n  input[type=\"radio\"]:disabled {\n    ~ .hds-radio-button__checkmark,\n    ~ .hds-radio-button__checkmark::after {\n      border-color: var(--hds-ui-colors-grey);\n      cursor: default;\n    }\n\n    ~ .hds-radio-button__checkmark::after {\n      background: var(--hds-ui-colors-grey);\n      cursor: default;\n    }\n  }\n\n  &.hds-radio-button:has(input:disabled) {\n    cursor: default;\n    color: var(--hds-ui-colors-dark-grey);\n\n    &.hds-radio-button--bounding-box {\n      background-color: var(--hds-ui-colors-light-grey-fill);\n    }\n  }\n\n  /* Focus effect */\n  &:has(input[type=\"radio\"]:focus-visible) {\n    outline: 2px solid var(--hds-colors-dark);\n    outline-offset: 2px;\n  }\n}\n"],"names":[]}