{"version":3,"sources":["webpack://./src/components/textarea/_textarea.scss","webpack://./src/partial/scss/mixins/_textarea.scss","webpack://./src/partial/scss/configs/_defaults.scss","webpack://./src/partial/scss/mixins/_states.scss"],"names":[],"mappings":"AAEA,aAEE,qBAFF,CAGE,mBACE,oBAAA,CACA,wCAAA,CACA,wCADJ,CAGE,sBCPA,oCAAA,CACA,qBAAA,CACA,iBCGa,CDFb,qBAAA,CACA,+BAAA,CACA,aAAA,CACA,sCAAA,CACA,qCAAA,CACA,2BAAA,CACA,UAAA,CA+BA,sHAAA,CAEA,0HAAA,CAEA,wCAAA,CACA,qCDtBF,CGIE,4BACE,YHFJ,CGKE,wEAEE,gCAAA,CACA,kCAAA,CACA,gCAAA,CACA,gCHJJ,CGtBI,2CACE,qHHwBN,CGnBI,4CACE,yHHqBN,CCpBI,kEAEE,qCDqBN,CCpBM,kHACE,kBAAA,CACA,+BARkB,CASlB,yCAAA,CACA,mBAAA,CACA,WAAA,CACA,uCAAA,CACA,WDsBR,CChCI,gEAEE,oCDiCN,CChCM,8GACE,kBAAA,CACA,8BARkB,CASlB,yCAAA,CACA,mBAAA,CACA,WAAA,CACA,uCAAA,CACA,WDkCR,CC5CI,kEAEE,qCD6CN,CC5CM,kHACE,kBAAA,CACA,+BARkB,CASlB,yCAAA,CACA,mBAAA,CACA,WAAA,CACA,uCAAA,CACA,WAAA,CAIE,yCD0CV,CCxDI,4DAEE,kCD4DN,CC3DM,sGACE,kBAAA,CACA,4BARkB,CASlB,yCAAA,CACA,mBAAA,CACA,WAAA,CACA,uCAAA,CACA,WD6DR,CCzCI,8DAEE,oCD0CN,CC5CI,gEAEE,qCD6CN,CC/CI,8DAEE,oCDgDN,CGxFI,0DACE,qHH0FN,CGrFI,2DACE,yHHuFN,CA1FM,iJG2BJ,+BAAA,CACA,2DAAA,CACA,YHkEF,CAzFI,+DAEE,0CA0FN,CAzFM,mFACE,kBAAA,CACA,+BAAA,CACA,+BAAA,CACA,mBAAA,CACA,WAAA,CACA,uCAAA,CACA,cAAA,CACA,WA2FR,CAzFM,2EACE,YA2FR","file":"textarea.min.css","sourcesContent":["@import \"../../partial/scss/base\";\n\n.#{$prefix}textarea {\n  //position: relative;\n  box-sizing: border-box;\n  label {\n    display: inline-block;\n    margin-bottom: v(spacing-scale-baseh);\n    padding-bottom: v(spacing-scale-half);\n  }\n  textarea {\n    @include textarea;\n    @include textarea_state;\n    @include textarea_density;\n    &:not(:disabled) {\n      @include hover;\n\n      &:focus,\n      &:focus-visible,\n      &.focus-visible {\n        @include focus-shadow;\n      }\n    }\n    &.disabled,\n    &[disabled] {\n      background-color: v(color-secondary-03);\n      ~ .feedback {\n        align-items: center;\n        background: var(--color-warning);\n        color: var(--color-secondary-08);\n        display: inline-flex;\n        height: 35px;\n        margin-bottom: var(--spacing-scale-base);\n        margin-top: 7px;\n        padding: 5px;\n      }\n      ~ .help {\n        display: none;\n      }\n    }\n  }\n}\n","@mixin textarea {\n  @include focus;\n  @include hover;\n  background: v(color-secondary-01);\n  border: $input-border-width solid $input-border-color;\n  border-radius: $input-radius;\n  box-sizing: border-box;\n  color: v(color-secondary-07);\n  display: block;\n  font-size: v(font-size-scale-up-01);\n  font-weight: v(font-weight-medium);\n  padding: var(--padding-size);\n  width: 100%;\n}\n\n@mixin textarea_state {\n  /*** Estados ***/\n\n  @each $state, $color in (success, v(color-success)), (danger, v(color-danger)),\n    (warning, v(color-warning)), (info, v(color-info))\n  {\n    &.#{$state},\n    &[data-#{$state}] {\n      border: 2px solid $color;\n      ~ .feedback.color-#{$state} {\n        align-items: center;\n        background: $color;\n        color: var(--color-secondary-01) !important;\n        display: inline-flex;\n        height: 35px;\n        margin-bottom: var(--spacing-scale-base);\n        padding: 5px;\n      }\n      @if ($state == warning) {\n        ~ .feedback.color-warning {\n          color: var(--color-secondary-08) !important;\n        }\n      }\n    }\n  }\n}\n\n@mixin textarea_density {\n  --textarea-small: var(--spacing-scale-base) var(--spacing-scale-2x)\n    var(--spacing-scale-base) var(--spacing-scale-base);\n  --textarea-medium: var(--spacing-scale-baseh) var(--spacing-scale-2x)\n    var(--spacing-scale-baseh) var(--spacing-scale-baseh);\n  --textarea-large: var(--spacing-scale-2x);\n  --padding-size: var(--textarea-medium);\n\n  @each $size in \"small\", \"medium\", \"large\" {\n    &.#{$size},\n    &[data-#{$size}] {\n      --padding-size: var(--textarea-#{$size});\n    }\n  }\n}\n","// Prefixo de uso nos componentes\n$prefix: \"br-\";\n\n// Bordas\n$input-border-color: $color-secondary-06;\n$input-border-width: 1px;\n\n// Arredondamentos\n$input-radius: 6px;\n$button-radius: 8px;\n\n// Tamanhos\n$input-default: 40px;\n$input-medium: 40px;\n$input-small: 32px;\n","// Desabilitado\n@mixin disabled {\n  cursor: not-allowed;\n  opacity: var(--disabled);\n\n  * {\n    pointer-events: none;\n  }\n}\n\n// Hover\n@mixin hover {\n  &:not(:disabled) {\n    &:hover {\n      background-image: linear-gradient(\n        rgba(var(--interactive-rgb), var(--hover)),\n        rgba(var(--interactive-rgb), var(--hover))\n      );\n    }\n    &:active {\n      background-image: linear-gradient(\n        rgba(var(--interactive-rgb), var(--pressed)),\n        rgba(var(--interactive-rgb), var(--pressed))\n      );\n    }\n  }\n}\n\n// Focus\n@mixin focus {\n  &:focus {\n    outline: none;\n  }\n\n  &.focus-visible,\n  &:focus-visible {\n    outline-color: var(--focus-color);\n    outline-offset: var(--focus-offset);\n    outline-style: var(--focus-style);\n    outline-width: var(--focus-width);\n  }\n}\n\n@mixin focus-shadow {\n  border-color: var(--focus-color);\n  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);\n  outline: none;\n}\n\n// Ativo\n@mixin active {\n  background: var(--active);\n  color: var(--color-secondary-01);\n}\n\n// Dark mode\n@mixin dark-mode {\n  --text-color: var(--color-secondary-01);\n  --interactive: var(--color-primary-pastel-01);\n  --interactive-rgb: var(--rgb-primary-pastel-01);\n  --visited: var(--color-secondary-04);\n  --hover: var(--surface-opacity-sm, 0.3);\n  --pressed: var(--surface-opacity-lg, 0.65);\n  --focus-color: var(--color-support-10);\n  --active: var(--color-secondary-01);\n}\n"]}