{"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\";\r\n\r\n.#{$component-prefix}checkbox {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  font-size: $checkbox-font-size;\r\n  cursor: pointer;\r\n  user-select: none;\r\n\r\n  &--disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &--horizontal {\r\n    margin-right: $checkbox-gap;\r\n\r\n    &:last-child {\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  &--vertical {\r\n    margin-bottom: $checkbox-gap;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  &__icon {\r\n    flex: none;\r\n    height: 1em;\r\n    font-size: $checkbox-icon-font-size;\r\n    line-height: 1em;\r\n    cursor: pointer;\r\n\r\n    .#{$component-prefix}icon {\r\n      box-sizing: border-box;\r\n      display: block;\r\n      width: 1.25em;\r\n      height: 1.25em;\r\n      font-size: 0.8em;\r\n      line-height: 1.25;\r\n      color: transparent;\r\n      text-align: center;\r\n      border: 1px solid $checkbox-border-color;\r\n      transition-duration: $checkbox-transition-duration;\r\n      transition-property: color, border-color, background-color;\r\n    }\r\n\r\n    &--round {\r\n      .#{$component-prefix}icon {\r\n        border-radius: 100%;\r\n      }\r\n    }\r\n\r\n    &--checked {\r\n      .#{$component-prefix}icon {\r\n        color: $checkbox-checked-icon-color;\r\n        background: $checkbox-checked-icon-border-color;\r\n        border-color: $checkbox-checked-icon-border-color;\r\n      }\r\n\r\n      &.#{$component-prefix}checkbox__icon--disabled {\r\n        .#{$component-prefix}icon {\r\n          color: $checkbox-disabled-icon-color;\r\n        }\r\n      }\r\n    }\r\n\r\n    &--disabled {\r\n      cursor: not-allowed;\r\n\r\n      .#{$component-prefix}icon {\r\n        background-color: $checkbox-disabled-icon-background-color;\r\n        border-color: $checkbox-disabled-icon-border-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__label {\r\n    line-height: $checkbox-label-line-height;\r\n    margin-left: $checkbox-label-margin;\r\n    color: $checkbox-label-color;\r\n\r\n    &--left {\r\n      margin: 0 $checkbox-label-margin 0 0;\r\n    }\r\n\r\n    &--disabled {\r\n      color: $checkbox-disabled-label-color;\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$checkbox-size: var(--checkbox-size, 20px * $hd);\r\n$checkbox-font-size: var(--checkbox-font-size, var(--font-size-lg, $font-size-lg));\r\n$checkbox-border-color: var(--checkbox-border-color, var(--gray-5, $gray-5));\r\n$checkbox-transition-duration: var(--checkbox-transition-duration, var(--animation-duration-fast, $animation-duration-fast));\r\n$checkbox-gap: var(--checkbox-gap, var(--padding-sm, $padding-sm));\r\n//\r\n$checkbox-label-margin: var(--checkbox-label-margin, var(--padding-xs, $padding-xs));\r\n$checkbox-label-color: var(--checkbox-label-color, var(--text-color, $text-color));\r\n$checkbox-label-line-height: var(--checkbox-label-line-height, $checkbox-size);\r\n$checkbox-disabled-label-color: var(--checkbox-disabled-label-color, var(--gray-5, $gray-5));\r\n//\r\n$checkbox-icon-font-size: var(--checkbox-icon-font-size, $checkbox-size);\r\n//\r\n$checkbox-checked-icon-color: var(--checkbox-checked-icon-color, var(--white, $white));\r\n$checkbox-checked-icon-border-color: var(--checkbox-checked-icon-border-color, var(--primary-color, $primary-color));\r\n$checkbox-checked-icon-background-color: var(--checkbox-checked-icon-background-color, var(--primary-color, $primary-color));\r\n//\r\n$checkbox-disabled-icon-color: var(--checkbox-disabled-icon-color, var(--gray-5, $gray-5));\r\n$checkbox-disabled-icon-border-color: var(--checkbox-disabled-icon-border-color, var(--gray-5, $gray-5));\r\n$checkbox-disabled-icon-background-color: var(--checkbox-disabled-icon-background-color, var(--border-color, $border-color));\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}checkbox-group {\r\n  &--horizontal {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  &--vertical {\r\n    .#{$component-prefix}checkbox {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  .#{$component-prefix}cell__value {\r\n    flex: 0;\r\n  }\r\n}\r\n"]}