"use strict";
(this["webpackChunk_wavemaker_ai_foundation_css"] = this["webpackChunk_wavemaker_ai_foundation_css"] || []).push([["src_tokens_web_components_scrollbar_scrollbar_json"],{

/***/ "./src/tokens/web/components/scrollbar/scrollbar.json"
/*!************************************************************!*\
  !*** ./src/tokens/web/components/scrollbar/scrollbar.json ***!
  \************************************************************/
(module) {

module.exports = /*#__PURE__*/JSON.parse('{"scroll":{"bar":{"width":{"value":"6px","type":"space","attributes":{"subtype":"space","description":"Controls how wide scrollbars appear (the vertical scrollbar on the right side of content areas). This determines the thickness of the scrollbar track and thumb.<br>CSS variable: --wm-scroll-bar-width"}},"height":{"value":"6px","type":"space","attributes":{"subtype":"space","description":"Controls how tall scrollbars appear (the horizontal scrollbar at the bottom of content areas). This determines the thickness of the scrollbar track and thumb.<br>CSS variable: --wm-scroll-bar-height"}},"track":{"bg":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of scrollbar tracks (the channel that the scrollbar thumb moves along). This is the background area of the scrollbar.<br>CSS variable: --wm-scroll-bar-track-bg"}},"radius":{"value":"6px","type":"space","attributes":{"subtype":"radius","description":"Controls the corner rounding of scrollbar tracks (the channel that the scrollbar thumb moves along). This makes the scrollbar track appear with rounded corners.<br>CSS variable: --wm-scroll-bar-track-radius"}}},"thumb":{"bg":{"value":"{color.surface.container.high.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of scrollbar thumbs (the draggable part of the scrollbar that users click and drag to scroll). This is the interactive element of the scrollbar.<br>CSS variable: --wm-scroll-bar-thumb-bg"}},"radius":{"value":"6px","type":"space","attributes":{"subtype":"radius","description":"Controls the corner rounding of scrollbar thumbs (the draggable part of the scrollbar). This makes the scrollbar thumb appear with rounded corners.<br>CSS variable: --wm-scroll-bar-thumb-radius"}},"hover":{"value":"{color.surface.container.highest.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of scrollbar thumbs when users hover over them (the draggable part of the scrollbar). This provides visual feedback when users interact with the scrollbar.<br>CSS variable: --wm-scroll-bar-thumb-hover"}}}}}}');

/***/ }

}]);