{"version":3,"sources":["share-sheet/share-sheet.scss","share-sheet/_variables.scss","styles/mixins/_hairline.scss"],"names":[],"mappings":"AAIE,iDACE,2ECDgC,CDKlC,8BAOE,gCAAA,CALA,6BAAA,CAAA,qBAAA,CACA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,eAAA,CACA,kBAAA,CAFA,iHCR0B,CDK1B,iBAMA,CAEA,qCEQF,8DAAA,CAtBA,6BAAA,CAAA,qBAAA,CAEA,WAAA,CAmBA,2BFL8D,CEf9D,mBAAA,CAFA,iBAAA,CAqBA,4BFJ8F,CEG9F,KAAA,CAIA,4BAAA,CAAA,wBAAA,CAAA,oBAAA,CFHI,mDACE,YAAA,CAIJ,iDACE,QAAA,CAIJ,6BAGE,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CAOA,cAAA,CATA,0BAAA,CAAA,2BAAA,CAAA,0BAAA,CAAA,mBAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAKA,YAAA,CAPA,iBAAA,CAWA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CAPA,UAOA,CAQA,oDACE,8BAAA,CACA,gCAAA,CAGF,kCAIE,2FCpD8B,CDkD9B,qFCnD2B,CDsD3B,aAAA,CAFA,qECvD2B,CDqD3B,mFAIA,CAGF,kCAKE,gECzD0B,CDuD1B,2ECtD8B,CDuD9B,0DCtDgC,CDoDhC,2ECvD+B,CDsD/B,wECrD0B,CD4D5B,yCAGE,uEC1DiC,CDyDjC,kFCxDqC,CDuDrC,+ECxDiC","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}share-sheet {\r\n\r\n  .#{$component-prefix}sheet__description {\r\n    font-size: $share-sheet-description-font-size;\r\n\r\n  }\r\n\r\n  &__options {\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    padding: $share-sheet-options-padding;\r\n    overflow-x: auto;\r\n    overflow-y: visible;\r\n    -webkit-overflow-scrolling: touch;\r\n\r\n    &::before {\r\n      // TODO Use scss vars\r\n      @include hairline-top(var(--border-color, $border-color), var(--padding-md, $padding-md), var(--padding-md, $padding-md));\r\n    }\r\n\r\n    &:first-of-type {\r\n      &::before {\r\n        content: none;\r\n      }\r\n    }\r\n\r\n    &::-webkit-scrollbar {\r\n      height: 0;\r\n    }\r\n  }\r\n\r\n  &__option {\r\n    position: relative;\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: initial;\r\n    //// Remove VnmfButton default style\r\n    //background-color: unset;\r\n    margin-top: 0;\r\n    //// Remove sheet__item style\r\n    //padding: 0;\r\n    cursor: pointer;\r\n    user-select: none;\r\n\r\n    //// Remove VnmfButton default style\r\n    //&::after {\r\n    //  border: unset;\r\n    //  border-radius: unset;\r\n    //}\r\n\r\n    &:not([disabled]):active {\r\n      background-color: transparent;\r\n      opacity: var(--active-opacity, $active-opacity);\r\n    }\r\n\r\n    &-icon {\r\n      width: $share-sheet-option-icon-width;\r\n      height: $share-sheet-option-icon-height;\r\n      margin: $share-sheet-option-icon-margin;\r\n      font-size: $share-sheet-option-icon-font-size;\r\n      line-height: 1;\r\n    }\r\n\r\n    &-name {\r\n      padding: $share-sheet-option-name-padding;\r\n      margin-top: $share-sheet-option-name-margin-top;\r\n      font-size: $share-sheet-option-name-font-size;\r\n      line-height: $share-sheet-option-name-line-height;\r\n      color: $share-sheet-option-name-color;\r\n    }\r\n\r\n    &-description {\r\n      padding: $share-sheet-option-description-padding;\r\n      font-size: $share-sheet-option-description-font-size;\r\n      color: $share-sheet-option-description-color;\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/mixins/hairline\";\r\n@import \"../styles/variables\";\r\n\r\n$share-sheet-description-font-size: var(--share-sheet-description-font-size, var(--font-size-sm, $font-size-sm));\r\n$share-sheet-options-padding: var(--share-sheet-options-padding, var(--padding-md, $padding-md) 0 var(--padding-md, $padding-md) var(--padding-xs, $padding-xs));\r\n//\r\n$share-sheet-option-icon-margin: var(--share-sheet-option-icon-margin, 0 var(--padding-md, $padding-md));\r\n$share-sheet-option-icon-size: var(--share-sheet-option-icon-size, 48px * $hd);\r\n$share-sheet-option-icon-width: var(--share-sheet-option-icon-width, $share-sheet-option-icon-size);\r\n$share-sheet-option-icon-height: var(--share-sheet-option-icon-height, $share-sheet-option-icon-size);\r\n$share-sheet-option-icon-font-size: var(--share-sheet-option-icon-font-size, $share-sheet-option-icon-size);\r\n//\r\n$share-sheet-option-name-padding: var(--share-sheet-option-name-padding, 0 var(--padding-base, $padding-base));\r\n$share-sheet-option-name-margin-top: var(--share-sheet-option-name-margin-top, var(--padding-xs, $padding-xs));\r\n$share-sheet-option-name-color: var(--share-sheet-option-name-color, var(--gray-7, $gray-7));\r\n$share-sheet-option-name-font-size: var(--share-sheet-option-name-font-size, var(--font-size-sm, $font-size-sm));\r\n$share-sheet-option-name-line-height: var(--share-sheet-option-name-line-height, 1.4);\r\n//\r\n$share-sheet-option-description-padding: var(--share-sheet-option-description-padding, 0 var(--padding-base, $padding-base));\r\n$share-sheet-option-description-color: var(--share-sheet-option-description-color, var(--gray-5, $gray-5));\r\n$share-sheet-option-description-font-size: var(--share-sheet-option-description-font-size, var(--font-size-sm, $font-size-sm));\r\n","@import '../variables';\n\n@mixin hairline-common {\n  position: absolute;\n  box-sizing: border-box;\n  pointer-events: none;\n  content: ' ';\n}\n\n@mixin hairline($color: $border-color) {\n  @include hairline-common;\n\n  top: -50%;\n  right: -50%;\n  bottom: -50%;\n  left: -50%;\n  border: 0 solid $color;\n  transform: scale(0.5);\n}\n\n@mixin hairline-top($color: $border-color, $left: 0, $right: 0) {\n  @include hairline-common;\n\n  top: 0;\n  right: $right;\n  left: $left;\n  border-top: 2px solid $color;\n  transform: scaleY(0.5);\n}\n\n@mixin hairline-bottom($color: $border-color, $left: 0, $right: 0) {\n  @include hairline-common;\n\n  right: $right;\n  bottom: 0;\n  left: $left;\n  border-bottom: 2px solid $color;\n  transform: scaleY(0.5);\n}\n"]}