{"version":3,"sources":["checkbox/checkbox.scss","checkbox/_variables.scss","checkbox/checkbox-group.scss"],"names":[],"mappings":"AAEA,kBAEE,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CAGA,cAAA,CAJA,0BAAA,CAAA,2BAAA,CAAA,0BAAA,CAAA,mBAAA,CAGA,4DCFmB,CDCnB,eAAA,CAGA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CAEA,4BACE,kBAAA,CAGF,8BACE,uDCRW,CDUX,yCACE,cAAA,CAIJ,4BACE,wDChBW,CDkBX,uCACE,eAAA,CAIJ,wBACE,kBAAA,CAIA,cAAA,CAJA,iBAAA,CAAA,aAAA,CAAA,SAAA,CAEA,kECnBsB,CDkBtB,UAAA,CAEA,eACA,CAEA,sCASE,mEAAA,CARA,6BAAA,CAAA,qBAAA,CAMA,mBAAA,CALA,aAAA,CAGA,cAAA,CADA,aAAA,CAEA,gBAAA,CAEA,iBAAA,CAEA,kGCzCyB,CDyCzB,6FCzCyB,CDyCzB,0FCzCyB,CD0CzB,+DAAA,CAAA,0DAAA,CAAA,uDAAA,CARA,YAQA,CAIA,6CACE,kBAAA,CAKF,+CAEE,6FC3C6B,CD4C7B,+FC5C6B,CD0C7B,0DC1C6B,CDgD7B,gFACE,+DC9CqB,CDmD3B,kCACE,kBAAA,CAEA,gDACE,yGCrDkC,CDsDlC,6ECvD8B,CD4DpC,yBAGE,yEC1EmB,CDwEnB,uECvEyB,CDwEzB,+DCzEmB,CD4EnB,+BACE,gEAAA,CAGF,mCACE,gEC/E0B,CCT9B,oCAEE,sBAAA,CAAA,kBAAA,CAAA,cAAA,CAIA,wFALA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAME,CAIJ,6CACE,kBAAA,CAAA,cAAA,CAAA,UAAA,CAAA,MAAA","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}checkbox {\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  font-size: $checkbox-font-size;\n  cursor: pointer;\n  user-select: none;\n\n  &--disabled {\n    cursor: not-allowed;\n  }\n\n  &--horizontal {\n    margin-right: $checkbox-gap;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n\n  &--vertical {\n    margin-bottom: $checkbox-gap;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__icon {\n    flex: none;\n    height: 1em;\n    font-size: $checkbox-icon-font-size;\n    line-height: 1em;\n    cursor: pointer;\n\n    .#{$component-prefix}icon {\n      box-sizing: border-box;\n      display: block;\n      width: 1.25em;\n      height: 1.25em;\n      font-size: 0.8em;\n      line-height: 1.25;\n      color: transparent;\n      text-align: center;\n      border: 1px solid $checkbox-border-color;\n      transition-duration: $checkbox-transition-duration;\n      transition-property: color, border-color, background-color;\n    }\n\n    &--round {\n      .#{$component-prefix}icon {\n        border-radius: 100%;\n      }\n    }\n\n    &--checked {\n      .#{$component-prefix}icon {\n        color: $checkbox-checked-icon-color;\n        background: $checkbox-checked-icon-border-color;\n        border-color: $checkbox-checked-icon-border-color;\n      }\n\n      &.#{$component-prefix}checkbox__icon--disabled {\n        .#{$component-prefix}icon {\n          color: $checkbox-disabled-icon-color;\n        }\n      }\n    }\n\n    &--disabled {\n      cursor: not-allowed;\n\n      .#{$component-prefix}icon {\n        background-color: $checkbox-disabled-icon-background-color;\n        border-color: $checkbox-disabled-icon-border-color;\n      }\n    }\n  }\n\n  &__label {\n    line-height: $checkbox-label-line-height;\n    margin-left: $checkbox-label-margin;\n    color: $checkbox-label-color;\n\n    &--left {\n      margin: 0 $checkbox-label-margin 0 0;\n    }\n\n    &--disabled {\n      color: $checkbox-disabled-label-color;\n    }\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$checkbox-size: var(--checkbox-size, 20px * $hd);\n$checkbox-font-size: var(--checkbox-font-size, var(--font-size-lg, $font-size-lg));\n$checkbox-border-color: var(--checkbox-border-color, var(--gray-5, $gray-5));\n$checkbox-transition-duration: var(--checkbox-transition-duration, var(--animation-duration-fast, $animation-duration-fast));\n$checkbox-gap: var(--checkbox-gap, var(--padding-sm, $padding-sm));\n//\n$checkbox-label-margin: var(--checkbox-label-margin, var(--padding-xs, $padding-xs));\n$checkbox-label-color: var(--checkbox-label-color, var(--text-color, $text-color));\n$checkbox-label-line-height: var(--checkbox-label-line-height, $checkbox-size);\n$checkbox-disabled-label-color: var(--checkbox-disabled-label-color, var(--gray-5, $gray-5));\n//\n$checkbox-icon-font-size: var(--checkbox-icon-font-size, $checkbox-size);\n//\n$checkbox-checked-icon-color: var(--checkbox-checked-icon-color, var(--white, $white));\n$checkbox-checked-icon-border-color: var(--checkbox-checked-icon-border-color, var(--primary-color, $primary-color));\n$checkbox-checked-icon-background-color: var(--checkbox-checked-icon-background-color, var(--primary-color, $primary-color));\n//\n$checkbox-disabled-icon-color: var(--checkbox-disabled-icon-color, var(--gray-5, $gray-5));\n$checkbox-disabled-icon-border-color: var(--checkbox-disabled-icon-border-color, var(--gray-5, $gray-5));\n$checkbox-disabled-icon-background-color: var(--checkbox-disabled-icon-background-color, var(--border-color, $border-color));\n","@import \"./variables\";\n\n.#{$component-prefix}checkbox-group {\n  &--horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  &--vertical {\n    .#{$component-prefix}checkbox {\n      display: flex;\n    }\n  }\n\n  .#{$component-prefix}cell__value {\n    flex: 0;\n  }\n}\n"]}