@fluentui/react-slider 1.0.0-beta.99 → 9.0.0-alpha.12

package/lib-amd/index.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./Slider"], function (require, exports, tslib_1, Slider_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Slider_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './Slider';\n"]}

package/lib-commonjs/components/Slider/Slider.base.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { ISliderProps } from './Slider.types';
-export declare const SliderBase: React.FunctionComponent<ISliderProps>;

package/lib-commonjs/components/Slider/Slider.base.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderBase = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var utilities_1 = require("@fluentui/utilities");
-var Label_1 = require("@fluentui/react/lib-commonjs/Label");
-var useSlider_1 = require("./useSlider");
-var react_hooks_1 = require("@fluentui/react-hooks");
-var COMPONENT_NAME = 'SliderBase';
-exports.SliderBase = React.forwardRef(function (props, ref) {
-    var slotProps = useSlider_1.useSlider(props, ref);
-    if (process.env.NODE_ENV !== 'production') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks -- build-time conditional
-        react_hooks_1.useWarnings({
-            name: COMPONENT_NAME,
-            props: props,
-            mutuallyExclusive: { value: 'defaultValue' },
-        });
-    }
-    return (React.createElement("div", tslib_1.__assign({}, slotProps.root),
-        slotProps && React.createElement(Label_1.Label, tslib_1.__assign({}, slotProps.label)),
-        React.createElement("div", tslib_1.__assign({}, slotProps.container),
-            React.createElement("div", tslib_1.__assign({}, slotProps.sliderBox),
-                React.createElement("div", tslib_1.__assign({}, slotProps.sliderLine),
-                    React.createElement("span", tslib_1.__assign({}, slotProps.thumb)),
-                    slotProps.zeroTick && React.createElement("span", tslib_1.__assign({}, slotProps.zeroTick)),
-                    React.createElement("span", tslib_1.__assign({}, slotProps.bottomInactiveTrack)),
-                    React.createElement("span", tslib_1.__assign({}, slotProps.activeTrack)),
-                    React.createElement("span", tslib_1.__assign({}, slotProps.topInactiveTrack)))),
-            slotProps.valueLabel && React.createElement(Label_1.Label, tslib_1.__assign({}, slotProps.valueLabel))),
-        React.createElement(utilities_1.FocusRects, null)));
-});
-exports.SliderBase.displayName = COMPONENT_NAME;
-//# sourceMappingURL=Slider.base.js.map

package/lib-commonjs/components/Slider/Slider.base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.base.js","sourceRoot":"../src/","sources":["components/Slider/Slider.base.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,iDAAiD;AAEjD,mDAAkD;AAClD,yCAAwC;AACxC,qDAAoD;AAEpD,IAAM,cAAc,GAAG,YAAY,CAAC;AAEvB,QAAA,UAAU,GAA0C,KAAK,CAAC,UAAU,CAC/E,UAAC,KAAK,EAAE,GAAG;IACT,IAAM,SAAS,GAAG,qBAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAExC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,gFAAgF;QAChF,yBAAW,CAAC;YACV,IAAI,EAAE,cAAc;YACpB,KAAK,OAAA;YACL,iBAAiB,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;SAC7C,CAAC,CAAC;KACJ;IAED,OAAO,CACL,gDAAS,SAAS,CAAC,IAAI;QACpB,SAAS,IAAI,oBAAC,aAAK,uBAAK,SAAS,CAAC,KAAK,EAAI;QAC5C,gDAAS,SAAS,CAAC,SAAS;YAC1B,gDAAS,SAAS,CAAC,SAAS;gBAC1B,gDAAS,SAAS,CAAC,UAAU;oBAC3B,iDAAU,SAAS,CAAC,KAAK,EAAI;oBAC5B,SAAS,CAAC,QAAQ,IAAI,iDAAU,SAAS,CAAC,QAAQ,EAAI;oBACvD,iDAAU,SAAS,CAAC,mBAAmB,EAAI;oBAC3C,iDAAU,SAAS,CAAC,WAAW,EAAI;oBACnC,iDAAU,SAAS,CAAC,gBAAgB,EAAI,CACpC,CACF;YACL,SAAS,CAAC,UAAU,IAAI,oBAAC,aAAK,uBAAK,SAAS,CAAC,UAAU,EAAI,CACxD;QACN,oBAAC,sBAAU,OAAG,CACV,CACmB,CAAC;AAC9B,CAAC,CACF,CAAC;AACF,kBAAU,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\nimport { FocusRects } from '@fluentui/utilities';\nimport { ISliderProps } from './Slider.types';\nimport { Label } from '@fluentui/react/lib/Label';\nimport { useSlider } from './useSlider';\nimport { useWarnings } from '@fluentui/react-hooks';\n\nconst COMPONENT_NAME = 'SliderBase';\n\nexport const SliderBase: React.FunctionComponent<ISliderProps> = React.forwardRef<HTMLDivElement, ISliderProps>(\n  (props, ref) => {\n    const slotProps = useSlider(props, ref);\n\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line react-hooks/rules-of-hooks -- build-time conditional\n      useWarnings({\n        name: COMPONENT_NAME,\n        props,\n        mutuallyExclusive: { value: 'defaultValue' },\n      });\n    }\n\n    return (\n      <div {...slotProps.root}>\n        {slotProps && <Label {...slotProps.label} />}\n        <div {...slotProps.container}>\n          <div {...slotProps.sliderBox}>\n            <div {...slotProps.sliderLine}>\n              <span {...slotProps.thumb} />\n              {slotProps.zeroTick && <span {...slotProps.zeroTick} />}\n              <span {...slotProps.bottomInactiveTrack} />\n              <span {...slotProps.activeTrack} />\n              <span {...slotProps.topInactiveTrack} />\n            </div>\n          </div>\n          {slotProps.valueLabel && <Label {...slotProps.valueLabel} />}\n        </div>\n        <FocusRects />\n      </div>\n    ) as React.ReactElement<{}>;\n  },\n);\nSliderBase.displayName = COMPONENT_NAME;\n"]}

package/lib-commonjs/components/Slider/Slider.scss.d.ts

@@ -1,13 +0,0 @@
-export declare const root = "root_cff4088c";
-export declare const vertical = "vertical_cff4088c";
-export declare const disabled = "disabled_cff4088c";
-export declare const activeSection = "activeSection_cff4088c";
-export declare const inactiveSection = "inactiveSection_cff4088c";
-export declare const thumb = "thumb_cff4088c";
-export declare const zeroTick = "zeroTick_cff4088c";
-export declare const titleLabel = "titleLabel_cff4088c";
-export declare const container = "container_cff4088c";
-export declare const slideBox = "slideBox_cff4088c";
-export declare const line = "line_cff4088c";
-export declare const lineContainer = "lineContainer_cff4088c";
-export declare const valueLabel = "valueLabel_cff4088c";

package/lib-commonjs/components/Slider/Slider.scss.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.valueLabel = exports.lineContainer = exports.line = exports.slideBox = exports.container = exports.titleLabel = exports.zeroTick = exports.thumb = exports.inactiveSection = exports.activeSection = exports.disabled = exports.vertical = exports.root = void 0;
-/* eslint-disable */
-var load_themed_styles_1 = require("@microsoft/load-themed-styles");
-load_themed_styles_1.loadStyles([{ "rawString": ".root_cff4088c{font-family:var(--fonts-medium-fontFamily);font-size:var(--fonts-medium-fontSize);font-weight:var(--fonts-medium-fontWeight);-webkit-font-smoothing:var(--fonts-medium-WebkitFontSmoothing);-moz-osx-font-smoothing:var(--fonts-medium-MozOsxFontSmoothing);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.root_cff4088c.vertical_cff4088c{margin-right:8}.root_cff4088c:not(.disabled_cff4088c):active .activeSection_cff4088c{background-color:var(--semanticColors-inputBackgroundCheckedHovered)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):active .activeSection_cff4088c{background-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):active .inactiveSection_cff4088c{background-color:var(--semanticColors-inputPlaceholderBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):active .inactiveSection_cff4088c{border-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):active .thumb_cff4088c{border:2px solid var(--semanticColors-inputBackgroundCheckedHovered)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):active .thumb_cff4088c{bordercolor:Highlight}}.root_cff4088c:not(.disabled_cff4088c):active .zeroTick_cff4088c{background-color:var(--semanticColors-inputPlaceholderBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):active .zeroTick_cff4088c{background-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):hover .activeSection_cff4088c{background-color:var(--semanticColors-inputBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):hover .activeSection_cff4088c{background-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):hover .inactiveSection_cff4088c{background-color:var(--semanticColors-inputPlaceholderBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):hover .inactiveSection_cff4088c{border-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):hover .thumb_cff4088c{border:2px solid var(--semanticColors-inputBackgroundCheckedHovered)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):hover .thumb_cff4088c{bordercolor:Highlight}}.root_cff4088c:not(.disabled_cff4088c):hover .zeroTick_cff4088c{background-color:var(--semanticColors-inputPlaceholderBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):hover .zeroTick_cff4088c{background-color:Highlight}}.titleLabel_cff4088c{padding:0}.container_cff4088c{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container_cff4088c.vertical_cff4088c{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;text-align:center;margin:8px 0}.slideBox_cff4088c{background:0 0;border:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;line-height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:28px;width:auto;padding:0 8px}.slideBox_cff4088c::-moz-focus-inner{border:0}.slideBox_cff4088c{outline:transparent}.slideBox_cff4088c{position:relative}.ms-Fabric--isFocusVisible .slideBox_cff4088c:focus:after{-webkit-box-sizing:border-box;box-sizing:border-box;content:'';position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid " }, { "theme": "focusBorder", "defaultValue": "#605e5c" }, { "rawString": ";border-radius:0}.slideBox_cff4088c.vertical_cff4088c{height:100%;width:28px;padding:8px 0}.thumb_cff4088c{border-width:2px;border-style:solid;border-color:var(--semanticColors-smallInputBorder);border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--semanticColors-inputBackground);display:block;width:16px;height:16px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.thumb_cff4088c:not(.vertical_cff4088c){top:-6px}.thumb_cff4088c.vertical_cff4088c{left:-6px;margin:0 auto;-webkit-transform:translateY(8px);transform:translateY(8px)}.thumb_cff4088c.disabled_cff4088c{border-color:var(--semanticColors-disabledBorder)}@media screen and (-ms-high-contrast:active){.thumb_cff4088c.disabled_cff4088c{bordercolor:GrayText}}.line_cff4088c{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.line_cff4088c.vertical_cff4088c{height:100%;width:4px;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.lineContainer_cff4088c{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;height:4px;width:100%}.lineContainer_cff4088c.vertical_cff4088c{width:4px;height:100%}.activeSection_cff4088c{background:var(--semanticColors-smallInputBorder)}@media screen and (-ms-high-contrast:active){.activeSection_cff4088c{backgroundcolor:WindowText}}.activeSection_cff4088c.disabled_cff4088c{background:var(--semanticColors-disabledText)}@media screen and (-ms-high-contrast:active){.activeSection_cff4088c.disabled_cff4088c{backgroundcolor:GrayText;bordercolor:GrayText}}.inactiveSection_cff4088c{background:var(--semanticColors-disabledBorder)}@media screen and (-ms-high-contrast:active){.inactiveSection_cff4088c{border:1px solid WindowText}}.inactiveSection_cff4088c.disabled_cff4088c{background:var(--semanticColors-disabledBackground)}@media screen and (-ms-high-contrast:active){.inactiveSection_cff4088c.disabled_cff4088c{bordercolor:GrayText}}.zeroTick_cff4088c{position:absolute;background:var(--semanticColors-disabledBorder);width:1px;height:16px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}@media screen and (-ms-high-contrast:active){.zeroTick_cff4088c{backgroundcolor:WindowText}}.zeroTick_cff4088c.disabled_cff4088c{background:var(--semanticColors-disabledBackground)}@media screen and (-ms-high-contrast:active){.zeroTick_cff4088c.disabled_cff4088c{backgroundcolor:GrayText}}.zeroTick_cff4088c.vertical_cff4088c{width:16px;height:1px;-webkit-transform:translateX(-6px);transform:translateX(-6px)}.valueLabel_cff4088c{-ms-flex-negative:1;flex-shrink:1;width:30px;line-height:1px;margin:0 8px;white-space:nowrap;width:40px}.valueLabel_cff4088c.vertical_cff4088c{margin:0 auto;white-space:nowrap;width:40px}" }]);
-exports.root = "root_cff4088c";
-exports.vertical = "vertical_cff4088c";
-exports.disabled = "disabled_cff4088c";
-exports.activeSection = "activeSection_cff4088c";
-exports.inactiveSection = "inactiveSection_cff4088c";
-exports.thumb = "thumb_cff4088c";
-exports.zeroTick = "zeroTick_cff4088c";
-exports.titleLabel = "titleLabel_cff4088c";
-exports.container = "container_cff4088c";
-exports.slideBox = "slideBox_cff4088c";
-exports.line = "line_cff4088c";
-exports.lineContainer = "lineContainer_cff4088c";
-exports.valueLabel = "valueLabel_cff4088c";
-//# sourceMappingURL=Slider.scss.js.map

package/lib-commonjs/components/Slider/Slider.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.scss.js","sourceRoot":"../src/","sources":["components/Slider/Slider.scss.ts"],"names":[],"mappings":";;;AAAA,oBAAoB;AACpB,oEAA2D;AAC3D,+BAAU,CAAC,CAAC,EAAC,WAAW,EAAC,qgHAAqgH,EAAC,EAAC,EAAC,OAAO,EAAC,aAAa,EAAC,cAAc,EAAC,SAAS,EAAC,EAAC,EAAC,WAAW,EAAC,+vFAA+vF,EAAC,CAAC,CAAC,CAAC;AACp1M,QAAA,IAAI,GAAG,eAAe,CAAC;AACvB,QAAA,QAAQ,GAAG,mBAAmB,CAAC;AAC/B,QAAA,QAAQ,GAAG,mBAAmB,CAAC;AAC/B,QAAA,aAAa,GAAG,wBAAwB,CAAC;AACzC,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,KAAK,GAAG,gBAAgB,CAAC;AACzB,QAAA,QAAQ,GAAG,mBAAmB,CAAC;AAC/B,QAAA,UAAU,GAAG,qBAAqB,CAAC;AACnC,QAAA,SAAS,GAAG,oBAAoB,CAAC;AACjC,QAAA,QAAQ,GAAG,mBAAmB,CAAC;AAC/B,QAAA,IAAI,GAAG,eAAe,CAAC;AACvB,QAAA,aAAa,GAAG,wBAAwB,CAAC;AACzC,QAAA,UAAU,GAAG,qBAAqB,CAAC","sourcesContent":["/* eslint-disable */\nimport { loadStyles } from '@microsoft/load-themed-styles';\nloadStyles([{\"rawString\":\".root_cff4088c{font-family:var(--fonts-medium-fontFamily);font-size:var(--fonts-medium-fontSize);font-weight:var(--fonts-medium-fontWeight);-webkit-font-smoothing:var(--fonts-medium-WebkitFontSmoothing);-moz-osx-font-smoothing:var(--fonts-medium-MozOsxFontSmoothing);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.root_cff4088c.vertical_cff4088c{margin-right:8}.root_cff4088c:not(.disabled_cff4088c):active .activeSection_cff4088c{background-color:var(--semanticColors-inputBackgroundCheckedHovered)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):active .activeSection_cff4088c{background-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):active .inactiveSection_cff4088c{background-color:var(--semanticColors-inputPlaceholderBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):active .inactiveSection_cff4088c{border-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):active .thumb_cff4088c{border:2px solid var(--semanticColors-inputBackgroundCheckedHovered)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):active .thumb_cff4088c{bordercolor:Highlight}}.root_cff4088c:not(.disabled_cff4088c):active .zeroTick_cff4088c{background-color:var(--semanticColors-inputPlaceholderBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):active .zeroTick_cff4088c{background-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):hover .activeSection_cff4088c{background-color:var(--semanticColors-inputBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):hover .activeSection_cff4088c{background-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):hover .inactiveSection_cff4088c{background-color:var(--semanticColors-inputPlaceholderBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):hover .inactiveSection_cff4088c{border-color:Highlight}}.root_cff4088c:not(.disabled_cff4088c):hover .thumb_cff4088c{border:2px solid var(--semanticColors-inputBackgroundCheckedHovered)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):hover .thumb_cff4088c{bordercolor:Highlight}}.root_cff4088c:not(.disabled_cff4088c):hover .zeroTick_cff4088c{background-color:var(--semanticColors-inputPlaceholderBackgroundChecked)}@media screen and (-ms-high-contrast:active){.root_cff4088c:not(.disabled_cff4088c):hover .zeroTick_cff4088c{background-color:Highlight}}.titleLabel_cff4088c{padding:0}.container_cff4088c{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container_cff4088c.vertical_cff4088c{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;text-align:center;margin:8px 0}.slideBox_cff4088c{background:0 0;border:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;line-height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:28px;width:auto;padding:0 8px}.slideBox_cff4088c::-moz-focus-inner{border:0}.slideBox_cff4088c{outline:transparent}.slideBox_cff4088c{position:relative}.ms-Fabric--isFocusVisible .slideBox_cff4088c:focus:after{-webkit-box-sizing:border-box;box-sizing:border-box;content:'';position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid \"},{\"theme\":\"focusBorder\",\"defaultValue\":\"#605e5c\"},{\"rawString\":\";border-radius:0}.slideBox_cff4088c.vertical_cff4088c{height:100%;width:28px;padding:8px 0}.thumb_cff4088c{border-width:2px;border-style:solid;border-color:var(--semanticColors-smallInputBorder);border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--semanticColors-inputBackground);display:block;width:16px;height:16px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.thumb_cff4088c:not(.vertical_cff4088c){top:-6px}.thumb_cff4088c.vertical_cff4088c{left:-6px;margin:0 auto;-webkit-transform:translateY(8px);transform:translateY(8px)}.thumb_cff4088c.disabled_cff4088c{border-color:var(--semanticColors-disabledBorder)}@media screen and (-ms-high-contrast:active){.thumb_cff4088c.disabled_cff4088c{bordercolor:GrayText}}.line_cff4088c{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.line_cff4088c.vertical_cff4088c{height:100%;width:4px;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.lineContainer_cff4088c{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;height:4px;width:100%}.lineContainer_cff4088c.vertical_cff4088c{width:4px;height:100%}.activeSection_cff4088c{background:var(--semanticColors-smallInputBorder)}@media screen and (-ms-high-contrast:active){.activeSection_cff4088c{backgroundcolor:WindowText}}.activeSection_cff4088c.disabled_cff4088c{background:var(--semanticColors-disabledText)}@media screen and (-ms-high-contrast:active){.activeSection_cff4088c.disabled_cff4088c{backgroundcolor:GrayText;bordercolor:GrayText}}.inactiveSection_cff4088c{background:var(--semanticColors-disabledBorder)}@media screen and (-ms-high-contrast:active){.inactiveSection_cff4088c{border:1px solid WindowText}}.inactiveSection_cff4088c.disabled_cff4088c{background:var(--semanticColors-disabledBackground)}@media screen and (-ms-high-contrast:active){.inactiveSection_cff4088c.disabled_cff4088c{bordercolor:GrayText}}.zeroTick_cff4088c{position:absolute;background:var(--semanticColors-disabledBorder);width:1px;height:16px;-webkit-transform:translateY(-6px);transform:translateY(-6px)}@media screen and (-ms-high-contrast:active){.zeroTick_cff4088c{backgroundcolor:WindowText}}.zeroTick_cff4088c.disabled_cff4088c{background:var(--semanticColors-disabledBackground)}@media screen and (-ms-high-contrast:active){.zeroTick_cff4088c.disabled_cff4088c{backgroundcolor:GrayText}}.zeroTick_cff4088c.vertical_cff4088c{width:16px;height:1px;-webkit-transform:translateX(-6px);transform:translateX(-6px)}.valueLabel_cff4088c{-ms-flex-negative:1;flex-shrink:1;width:30px;line-height:1px;margin:0 8px;white-space:nowrap;width:40px}.valueLabel_cff4088c.vertical_cff4088c{margin:0 auto;white-space:nowrap;width:40px}\"}]);\nexport const root = \"root_cff4088c\";\nexport const vertical = \"vertical_cff4088c\";\nexport const disabled = \"disabled_cff4088c\";\nexport const activeSection = \"activeSection_cff4088c\";\nexport const inactiveSection = \"inactiveSection_cff4088c\";\nexport const thumb = \"thumb_cff4088c\";\nexport const zeroTick = \"zeroTick_cff4088c\";\nexport const titleLabel = \"titleLabel_cff4088c\";\nexport const container = \"container_cff4088c\";\nexport const slideBox = \"slideBox_cff4088c\";\nexport const line = \"line_cff4088c\";\nexport const lineContainer = \"lineContainer_cff4088c\";\nexport const valueLabel = \"valueLabel_cff4088c\";"]}

package/src/components/Slider/Slider.types.ts

@@ -1,207 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-
-import * as React from 'react';
-import { IStyle, ITheme } from '@fluentui/style-utilities';
-import { IStyleFunctionOrObject, IRefObject } from '@fluentui/utilities';
-
-/**
- * {@docCategory Slider}
- */
-export interface ISlider {
-  value: number | undefined;
-
-  focus: () => void;
-}
-
-/**
- * {@docCategory Slider}
- */
-export interface ISliderProps
-  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>,
-    React.RefAttributes<HTMLDivElement> {
-  /**
-   * Optional callback to access the ISlider interface. Use this instead of ref for accessing
-   * the public methods and properties of the component.
-   */
-  componentRef?: IRefObject<ISlider>;
-
-  /**
-   * Call to provide customized styling that will layer on top of the variant rules.
-   */
-  styles?: IStyleFunctionOrObject<ISliderStyleProps, ISliderStyles>;
-
-  /**
-   * Theme provided by High-Order Component.
-   */
-  theme?: ITheme;
-
-  /**
-   * Description label of the Slider
-   */
-  label?: string;
-
-  /**
-   * The initial value of the Slider. Use this if you intend for the Slider to be an uncontrolled component.
-   * This value is mutually exclusive to value. Use one or the other.
-   */
-  defaultValue?: number;
-
-  /**
-   * The initial value of the Slider. Use this if you intend to pass in a new value as a result of onChange events.
-   * This value is mutually exclusive to defaultValue. Use one or the other.
-   */
-  value?: number;
-
-  /**
-   * The min value of the Slider
-   * @defaultvalue 0
-   */
-  min?: number;
-
-  /**
-   * The max value of the Slider
-   * @defaultvalue 10
-   */
-  max?: number;
-
-  /**
-   * The difference between the two adjacent values of the Slider
-   * @defaultvalue 1
-   */
-  step?: number;
-
-  /**
-   * Whether to show the value on the right of the Slider.
-   * @defaultvalue true
-   */
-  showValue?: boolean;
-
-  /**
-   * Callback when the value has been changed
-   */
-  onChange?: (value: number) => void;
-
-  /**
-   * Callback on mouse up or touch end
-   */
-  onChanged?: (event: MouseEvent | TouchEvent | KeyboardEvent, value: number) => void;
-
-  /**
-   * A description of the Slider for the benefit of screen readers.
-   */
-  ariaLabel?: string;
-
-  /**
-   * A text description of the Slider number value for the benefit of screen readers.
-   * This should be used when the Slider number value is not accurately represented by a number.
-   */
-  ariaValueText?: (value: number) => string;
-  /**
-   * Whether to render the slider vertically.
-   * @default `false` (render horizontally)
-   */
-  vertical?: boolean;
-
-  /**
-   * Whether to render the Slider as disabled.
-   * @defaultvalue false
-   */
-  disabled?: boolean;
-
-  /**
-   * Whether to decide that thumb will snap to closest value while moving the slider
-   * @defaultvalue false
-   */
-  snapToStep?: boolean;
-
-  /**
-   * Class name to attach to the slider root element.
-   */
-  className?: string;
-
-  /**
-   * Additional props on the thumb button within the slider.
-   */
-  buttonProps?: React.HTMLAttributes<HTMLButtonElement>;
-
-  /**
-   * Custom formatter for the slider value.
-   */
-  valueFormat?: (value: number) => string;
-
-  /**
-   * Whether to attach the origin of slider to zero. Helpful when the range include negatives.
-   * @defaultvalue false
-   */
-  originFromZero?: boolean;
-}
-
-/**
- * {@docCategory Slider}
- */
-export type ISliderStyleProps = Required<Pick<ISliderProps, 'theme'>> &
-  Pick<ISliderProps, 'className' | 'disabled' | 'vertical'> & {
-    showTransitions?: boolean;
-    showValue?: boolean;
-    titleLabelClassName?: string;
-  };
-
-/**
- * {@docCategory Slider}
- */
-export interface ISliderStyles {
-  /**
-   * Style set for the root element.
-   */
-  root: IStyle;
-
-  /**
-   * Style set for the title label above the slider.
-   */
-  titleLabel: IStyle;
-
-  /**
-   * Style set for the container of the slider.
-   */
-  container: IStyle;
-
-  /**
-   * Style set for the actual box containting interactive elements of the slider.
-   */
-  slideBox: IStyle;
-
-  /**
-   * Style set for element that contains all the lines.
-   */
-  line: IStyle;
-
-  /**
-   * Style set for thumb of the slider.
-   */
-  thumb: IStyle;
-
-  /**
-   * Style set for both active and inactive sections of the line.
-   */
-  lineContainer: IStyle;
-
-  /**
-   * Style set for active portion of the line.
-   */
-  activeSection: IStyle;
-
-  /**
-   * Style set for inactive portion of the line.
-   */
-  inactiveSection: IStyle;
-
-  /**
-   * Style set for value label on right/below of the slider.
-   */
-  valueLabel: IStyle;
-
-  /**
-   * Style set for tick on 0 on number line. This element only shows up when originFromZero prop is true.
-   */
-  zeroTick: IStyle;
-}