@carbon/web-components 2.58.0 → 2.59.0-rc.0

package/es-custom/components/slider/slider.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.scss.js","names":[],"sources":["../../../src/components/slider/slider.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/components/slider';\n@use '@carbon/styles/scss/type' as type;\n@use '@carbon/styles/scss/layout' as *;\n\n:host(#{$prefix}-slider),\n:host(#{$prefix}-slider-skeleton) {\n  outline: none;\n  @include emit-layout-tokens();\n\n  .#{$prefix}--slider {\n    transform: rotate(0) #{'/*rtl:rotate(180deg)*/'};\n  }\n\n  .#{$prefix}-ce--slider__filled-track-container {\n    transform: rotate(0) #{'/*rtl:rotate(180deg)*/'};\n  }\n\n  .#{$prefix}--slider > .#{$prefix}--slider__thumb {\n    z-index: 3;\n    block-size: 0.875rem;\n    inline-size: 0.875rem;\n    inset: inherit;\n\n    transform: translate(-50%, -50%) #{'/*rtl:ignore*/'};\n  }\n\n  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper {\n    --#{prefix}-tooltip-padding-block: 0.125rem;\n    --#{prefix}-popover-caret-width: 0.5rem;\n    --#{prefix}-popover-caret-height: 0.25rem;\n    --#{prefix}-popover-offset: 0.5rem;\n  }\n\n  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper\n    #{$prefix}-tooltip-content::part(content) {\n    @include type.type-style('body-compact-01');\n\n    padding: 0.125rem 0.5rem;\n  }\n\n  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper::part(\n      popover-container\n    ) {\n    display: block;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--slider__thumb-wrapper:focus-within\n    ~ .#{$prefix}-ce--slider__filled-track-container\n    .#{$prefix}--slider__filled-track,\n  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper:focus-within\n    ~ .#{$prefix}-ce--slider__filled-track-container\n    .#{$prefix}--slider__filled-track {\n    // TODO: audit\n    background-color: $interactive;\n  }\n}\n\n:host(#{$prefix}-slider-input) {\n  position: relative;\n\n  input {\n    box-sizing: border-box;\n  }\n}\n\n:host(#{$prefix}-slider-input[readonly]) {\n  input {\n    background-color: transparent;\n  }\n}\n.#{$prefix}--slider__thumb-wrapper:focus-within .#{$prefix}--slider__thumb-icon,\n#{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper:focus-within\n  .#{$prefix}--slider__thumb-icon {\n  display: none;\n}\n.#{$prefix}--slider__thumb-wrapper:focus-within\n  .#{$prefix}--slider__thumb-icon--focus,\n#{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper:focus-within\n  .#{$prefix}--slider__thumb-icon--focus {\n  display: block;\n}\n.#{$prefix}--slider__thumb-disabled {\n  pointer-events: none;\n}\n\n:host(#{$prefix}-slider-skeleton) {\n  .#{$prefix}--slider > .#{$prefix}--slider__thumb {\n    inset-inline-start: 50%;\n  }\n  .#{$prefix}--slider__thumb--upper,\n  .#{$prefix}--slider__thumb--lower {\n    block-size: inherit;\n    inline-size: inherit;\n    inset: initial;\n    inset-inline-start: initial;\n    transform: unset;\n  }\n}\n.#{$prefix}--slider--readonly {\n  .#{$prefix}--slider__filled-track {\n    background: $border-inverse;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"slider.scss.js","names":[],"sources":["../../../src/components/slider/slider.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/components/slider';\n@use '@carbon/styles/scss/type' as type;\n@use '@carbon/styles/scss/utilities/layout' as *;\n\n:host(#{$prefix}-slider),\n:host(#{$prefix}-slider-skeleton) {\n  outline: none;\n  @include emit-layout-tokens();\n\n  .#{$prefix}--slider {\n    transform: rotate(0) #{'/*rtl:rotate(180deg)*/'};\n  }\n\n  .#{$prefix}-ce--slider__filled-track-container {\n    transform: rotate(0) #{'/*rtl:rotate(180deg)*/'};\n  }\n\n  .#{$prefix}--slider > .#{$prefix}--slider__thumb {\n    z-index: 3;\n    block-size: 0.875rem;\n    inline-size: 0.875rem;\n    inset: inherit;\n\n    transform: translate(-50%, -50%) #{'/*rtl:ignore*/'};\n  }\n\n  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper {\n    --#{prefix}-tooltip-padding-block: 0.125rem;\n    --#{prefix}-popover-caret-width: 0.5rem;\n    --#{prefix}-popover-caret-height: 0.25rem;\n    --#{prefix}-popover-offset: 0.5rem;\n  }\n\n  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper\n    #{$prefix}-tooltip-content::part(content) {\n    @include type.type-style('body-compact-01');\n\n    padding: 0.125rem 0.5rem;\n  }\n\n  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper::part(\n      popover-container\n    ) {\n    display: block;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  .#{$prefix}--slider__thumb-wrapper:focus-within\n    ~ .#{$prefix}-ce--slider__filled-track-container\n    .#{$prefix}--slider__filled-track,\n  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper:focus-within\n    ~ .#{$prefix}-ce--slider__filled-track-container\n    .#{$prefix}--slider__filled-track {\n    // TODO: audit\n    background-color: $interactive;\n  }\n}\n\n:host(#{$prefix}-slider-input) {\n  position: relative;\n\n  input {\n    box-sizing: border-box;\n  }\n}\n\n:host(#{$prefix}-slider-input[readonly]) {\n  input {\n    background-color: transparent;\n  }\n}\n.#{$prefix}--slider__thumb-wrapper:focus-within .#{$prefix}--slider__thumb-icon,\n#{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper:focus-within\n  .#{$prefix}--slider__thumb-icon {\n  display: none;\n}\n.#{$prefix}--slider__thumb-wrapper:focus-within\n  .#{$prefix}--slider__thumb-icon--focus,\n#{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper:focus-within\n  .#{$prefix}--slider__thumb-icon--focus {\n  display: block;\n}\n.#{$prefix}--slider__thumb-disabled {\n  pointer-events: none;\n}\n\n:host(#{$prefix}-slider-skeleton) {\n  .#{$prefix}--slider > .#{$prefix}--slider__thumb {\n    inset-inline-start: 50%;\n  }\n  .#{$prefix}--slider__thumb--upper,\n  .#{$prefix}--slider__thumb--lower {\n    block-size: inherit;\n    inline-size: inherit;\n    inset: initial;\n    inset-inline-start: initial;\n    transform: unset;\n  }\n}\n.#{$prefix}--slider--readonly {\n  .#{$prefix}--slider__filled-track {\n    background: $border-inverse;\n  }\n}\n"],"mappings":""}