@ultraviolet/ui 3.0.0-beta.21 → 3.0.0-beta.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Avatar/styles.css.cjs +1 -0
- package/dist/components/Avatar/styles.css.js +1 -0
- package/dist/components/Avatar/variables.css.cjs +0 -1
- package/dist/components/Avatar/variables.css.js +0 -1
- package/dist/components/Breadcrumbs/components/Item.cjs +1 -1
- package/dist/components/Breadcrumbs/components/Item.js +2 -2
- package/dist/components/Breadcrumbs/components/styles.css.cjs +3 -1
- package/dist/components/Breadcrumbs/components/styles.css.d.ts +1 -0
- package/dist/components/Breadcrumbs/components/styles.css.js +3 -1
- package/dist/components/Button/index.cjs +2 -1
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Button/index.js +2 -1
- package/dist/components/Dialog/index.cjs +3 -21
- package/dist/components/Dialog/index.d.ts +1 -0
- package/dist/components/Dialog/index.js +3 -19
- package/dist/components/Dialog/styles.css.cjs +7 -0
- package/dist/components/Dialog/styles.css.d.ts +2 -0
- package/dist/components/Dialog/styles.css.js +7 -0
- package/dist/components/EmptyState/index.cjs +1 -1
- package/dist/components/EmptyState/index.js +1 -1
- package/dist/components/Link/index.cjs +2 -1
- package/dist/components/Link/index.d.ts +1 -0
- package/dist/components/Link/index.js +2 -1
- package/dist/components/List/Cell.cjs +21 -15
- package/dist/components/List/Cell.d.ts +2 -1
- package/dist/components/List/Cell.js +21 -13
- package/dist/components/List/ColumnProvider.cjs +28 -0
- package/dist/components/List/ColumnProvider.d.ts +14 -0
- package/dist/components/List/ColumnProvider.js +28 -0
- package/dist/components/List/HeaderCell.cjs +11 -45
- package/dist/components/List/HeaderCell.d.ts +2 -2
- package/dist/components/List/HeaderCell.js +12 -44
- package/dist/components/List/HeaderRow.cjs +4 -25
- package/dist/components/List/HeaderRow.js +4 -23
- package/dist/components/List/Row.cjs +23 -183
- package/dist/components/List/Row.d.ts +0 -16
- package/dist/components/List/Row.js +22 -180
- package/dist/components/List/SkeletonRows.cjs +7 -36
- package/dist/components/List/SkeletonRows.js +6 -33
- package/dist/components/List/index.cjs +4 -32
- package/dist/components/List/index.d.ts +1 -0
- package/dist/components/List/index.js +4 -30
- package/dist/components/List/styles.css.cjs +35 -0
- package/dist/components/List/styles.css.d.ts +24 -0
- package/dist/components/List/styles.css.js +35 -0
- package/dist/components/List/variables.css.cjs +16 -0
- package/dist/components/List/variables.css.d.ts +7 -0
- package/dist/components/List/variables.css.js +16 -0
- package/dist/components/Menu/MenuContent.cjs +13 -77
- package/dist/components/Menu/MenuContent.d.ts +1 -0
- package/dist/components/Menu/MenuContent.js +13 -75
- package/dist/components/Menu/components/Group.cjs +2 -12
- package/dist/components/Menu/components/Group.js +2 -10
- package/dist/components/Menu/components/Item.cjs +16 -94
- package/dist/components/Menu/components/Item.js +16 -92
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/Menu/styles.css.cjs +24 -0
- package/dist/components/Menu/styles.css.d.ts +47 -0
- package/dist/components/Menu/styles.css.js +24 -0
- package/dist/components/Popover/index.d.ts +1 -0
- package/dist/components/Popup/index.cjs +15 -11
- package/dist/components/Popup/index.d.ts +2 -1
- package/dist/components/Popup/index.js +15 -11
- package/dist/components/Row/index.cjs +15 -11
- package/dist/components/Row/index.d.ts +2 -1
- package/dist/components/Row/index.js +15 -11
- package/dist/components/SelectableCard/index.cjs +1 -1
- package/dist/components/SelectableCard/index.js +1 -1
- package/dist/components/Slider/components/DoubleSlider.cjs +48 -100
- package/dist/components/Slider/components/DoubleSlider.js +45 -95
- package/dist/components/Slider/components/Options.cjs +22 -43
- package/dist/components/Slider/components/Options.d.ts +1 -13
- package/dist/components/Slider/components/Options.js +22 -41
- package/dist/components/Slider/components/SingleSlider.cjs +29 -85
- package/dist/components/Slider/components/SingleSlider.js +27 -81
- package/dist/components/Slider/index.cjs +5 -4
- package/dist/components/Slider/index.js +3 -2
- package/dist/components/Slider/styles.css.cjs +36 -0
- package/dist/components/Slider/styles.css.d.ts +171 -0
- package/dist/components/Slider/styles.css.js +36 -0
- package/dist/components/Table/Cell.cjs +19 -21
- package/dist/components/Table/Cell.js +19 -19
- package/dist/components/Table/Header.cjs +2 -12
- package/dist/components/Table/Header.js +2 -10
- package/dist/components/Table/HeaderCell.cjs +17 -49
- package/dist/components/Table/HeaderCell.js +15 -45
- package/dist/components/Table/Row.cjs +14 -93
- package/dist/components/Table/Row.js +12 -89
- package/dist/components/Table/SkeletonRows.cjs +4 -35
- package/dist/components/Table/SkeletonRows.js +3 -32
- package/dist/components/Table/constants.cjs +0 -2
- package/dist/components/Table/constants.js +0 -2
- package/dist/components/Table/index.cjs +7 -52
- package/dist/components/Table/index.js +7 -50
- package/dist/components/Table/styles.css.cjs +29 -0
- package/dist/components/Table/styles.css.d.ts +68 -0
- package/dist/components/Table/styles.css.js +29 -0
- package/dist/components/Table/variables.css.cjs +14 -0
- package/dist/components/Table/variables.css.d.ts +6 -0
- package/dist/components/Table/variables.css.js +14 -0
- package/dist/components/Tabs/Tab.cjs +12 -84
- package/dist/components/Tabs/Tab.d.ts +0 -4
- package/dist/components/Tabs/Tab.js +6 -76
- package/dist/components/Tabs/TabMenu.cjs +4 -37
- package/dist/components/Tabs/TabMenu.js +4 -35
- package/dist/components/Tabs/TabMenuItem.cjs +2 -12
- package/dist/components/Tabs/TabMenuItem.d.ts +2 -18
- package/dist/components/Tabs/TabMenuItem.js +2 -10
- package/dist/components/Tabs/index.cjs +3 -35
- package/dist/components/Tabs/index.d.ts +1 -3
- package/dist/components/Tabs/index.js +4 -34
- package/dist/components/Tabs/styles.css.cjs +21 -0
- package/dist/components/Tabs/styles.css.d.ts +9 -0
- package/dist/components/Tabs/styles.css.js +21 -0
- package/dist/components/TagInput/index.cjs +4 -21
- package/dist/components/TagInput/index.js +4 -21
- package/dist/components/Text/style.css.cjs +1 -0
- package/dist/components/Text/style.css.js +1 -0
- package/dist/components/Text/variables.css.cjs +0 -1
- package/dist/components/Text/variables.css.js +0 -1
- package/dist/components/Tooltip/index.cjs +3 -2
- package/dist/components/Tooltip/index.d.ts +2 -1
- package/dist/components/Tooltip/index.js +3 -2
- package/dist/components/UnitInput/styles.css.cjs +1 -0
- package/dist/components/UnitInput/styles.css.js +1 -0
- package/dist/ui.css +1 -1
- package/package.json +6 -6
- package/dist/components/List/constants.cjs +0 -5
- package/dist/components/List/constants.js +0 -5
- package/dist/components/Menu/constants.cjs +0 -7
- package/dist/components/Menu/constants.js +0 -7
- package/dist/components/Slider/styles.cjs +0 -63
- package/dist/components/Slider/styles.d.ts +0 -81
- package/dist/components/Slider/styles.js +0 -61
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const _styled = require("@emotion/styled/base");
|
|
4
|
-
const index = require("../Stack/index.cjs");
|
|
5
|
-
const index$1 = require("../Tooltip/index.cjs");
|
|
6
|
-
const constant = require("./constant.cjs");
|
|
7
|
-
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
8
|
-
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
9
|
-
const SliderContainer = /* @__PURE__ */ _styled__default.default(index.Stack, process.env.NODE_ENV === "production" ? {
|
|
10
|
-
target: "elrd0u31"
|
|
11
|
-
} : {
|
|
12
|
-
target: "elrd0u31",
|
|
13
|
-
label: "SliderContainer"
|
|
14
|
-
})("&[data-options='true'][data-double='true']{margin-bottom:", ({
|
|
15
|
-
theme
|
|
16
|
-
}) => theme.space["3"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFRIVU1CX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50J1xuXG5leHBvcnQgY29uc3QgU2xpZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLW9wdGlvbnMnOiBib29sZWFuIH0+YFxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ11bZGF0YS1kb3VibGU9J3RydWUnXXtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb29sdGlwID0gc3R5bGVkKFRvb2x0aXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnbGVmdCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBsZWZ0OiBudW1iZXIgfT5gXG53aWR0aDogZml0LWNvbnRlbnQ7XG5wb3NpdGlvbjogYWJzb2x1dGU7XG5sZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcbmBcblxuZXhwb3J0IGNvbnN0IHRyYWNrU3R5bGUgPSBgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbiAgbGVmdDogbnVtYmVyLFxuICBpc0RvdWJsZTogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiYmluZyd9O1xuICAgICAgfVxuXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiBjYWxjKCR7bGVmdH0lIC0gJHtUSFVNQl9TSVpFIC8gMn1weCk7XG4gICAgICB0b3A6IC0ke1RIVU1CX1NJWkUgLyAoaXNEb3VibGUgPyAyIDogNCl9cHg7XG4gIGBcbiJdfQ== */"));
|
|
17
|
-
const StyledTooltip = /* @__PURE__ */ _styled__default.default(index$1.Tooltip, process.env.NODE_ENV === "production" ? {
|
|
18
|
-
shouldForwardProp: (prop) => !["left"].includes(prop),
|
|
19
|
-
target: "elrd0u30"
|
|
20
|
-
} : {
|
|
21
|
-
shouldForwardProp: (prop) => !["left"].includes(prop),
|
|
22
|
-
target: "elrd0u30",
|
|
23
|
-
label: "StyledTooltip"
|
|
24
|
-
})("width:fit-content;position:absolute;left:", ({
|
|
25
|
-
left
|
|
26
|
-
}) => left, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFRIVU1CX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50J1xuXG5leHBvcnQgY29uc3QgU2xpZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLW9wdGlvbnMnOiBib29sZWFuIH0+YFxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ11bZGF0YS1kb3VibGU9J3RydWUnXXtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb29sdGlwID0gc3R5bGVkKFRvb2x0aXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnbGVmdCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBsZWZ0OiBudW1iZXIgfT5gXG53aWR0aDogZml0LWNvbnRlbnQ7XG5wb3NpdGlvbjogYWJzb2x1dGU7XG5sZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcbmBcblxuZXhwb3J0IGNvbnN0IHRyYWNrU3R5bGUgPSBgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbiAgbGVmdDogbnVtYmVyLFxuICBpc0RvdWJsZTogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiYmluZyd9O1xuICAgICAgfVxuXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiBjYWxjKCR7bGVmdH0lIC0gJHtUSFVNQl9TSVpFIC8gMn1weCk7XG4gICAgICB0b3A6IC0ke1RIVU1CX1NJWkUgLyAoaXNEb3VibGUgPyAyIDogNCl9cHg7XG4gIGBcbiJdfQ== */"));
|
|
27
|
-
const trackStyle = `
|
|
28
|
-
appearance: none;
|
|
29
|
-
-webkit-appearance: none;
|
|
30
|
-
box-shadow: none;
|
|
31
|
-
border: transparent;
|
|
32
|
-
background: transparent;
|
|
33
|
-
`;
|
|
34
|
-
const thumbStyle = (theme, themeSlider, disabled, left, isDouble) => `
|
|
35
|
-
-webkit-appearance: none;
|
|
36
|
-
appearance: none;
|
|
37
|
-
pointer-events: all;
|
|
38
|
-
width: ${constant.THUMB_SIZE}px;
|
|
39
|
-
height: ${constant.THUMB_SIZE}px;
|
|
40
|
-
background: ${themeSlider === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger};
|
|
41
|
-
box-shadow: ${theme.shadows.fixed[0]}, ${theme.shadows.fixed[1]};
|
|
42
|
-
border-radius: ${theme.radii.circle};
|
|
43
|
-
border: none;
|
|
44
|
-
cursor: ${disabled ? "not-allowed" : "grab"};
|
|
45
|
-
transition: background 0.3s ease-in-out;
|
|
46
|
-
|
|
47
|
-
&:hover, :active, :focus {
|
|
48
|
-
border: ${disabled ? null : `1.5px solid ${theme.colors.primary.border}`};
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
&:active, :focus {
|
|
52
|
-
box-shadow: ${disabled ? null : theme.shadows.focusPrimary};
|
|
53
|
-
cursor: ${disabled ? "not-allowed" : "grabbing"};
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
position: absolute;
|
|
57
|
-
left: calc(${left}% - ${constant.THUMB_SIZE / 2}px);
|
|
58
|
-
top: -${constant.THUMB_SIZE / (isDouble ? 2 : 4)}px;
|
|
59
|
-
`;
|
|
60
|
-
exports.SliderContainer = SliderContainer;
|
|
61
|
-
exports.StyledTooltip = StyledTooltip;
|
|
62
|
-
exports.thumbStyle = thumbStyle;
|
|
63
|
-
exports.trackStyle = trackStyle;
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import type { Theme } from '@emotion/react';
|
|
2
|
-
export declare const SliderContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
gap?: 0 | 7 | "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 10 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 0.5 | 0.25 | 1.5 | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", 0 | 7 | "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 10 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 0.5 | 0.25 | 1.5>>;
|
|
4
|
-
direction?: "column" | "column-reverse" | "row" | "row-reverse" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "column" | "column-reverse" | "row" | "row-reverse">>;
|
|
5
|
-
alignItems?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center">>;
|
|
6
|
-
justifyContent?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start">>;
|
|
7
|
-
wrap?: boolean | import("csstype").Property.FlexWrap | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", boolean | import("csstype").Property.FlexWrap | undefined>> | undefined;
|
|
8
|
-
width?: import("react").CSSProperties["width"];
|
|
9
|
-
maxWidth?: import("react").CSSProperties["maxWidth"];
|
|
10
|
-
minWidth?: import("react").CSSProperties["minWidth"];
|
|
11
|
-
flex?: import("react").CSSProperties["flex"];
|
|
12
|
-
className?: string;
|
|
13
|
-
children: import("react").ReactNode;
|
|
14
|
-
'data-testid'?: string;
|
|
15
|
-
id?: string;
|
|
16
|
-
} & {
|
|
17
|
-
as?: import("react").ElementType | undefined;
|
|
18
|
-
ref?: any;
|
|
19
|
-
} & Omit<Omit<any, "ref">, keyof {
|
|
20
|
-
as?: E | undefined;
|
|
21
|
-
ref?: import("react").ComponentPropsWithRef<E>["ref"] | undefined;
|
|
22
|
-
} | keyof {
|
|
23
|
-
gap?: 0 | 7 | "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 10 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 0.5 | 0.25 | 1.5 | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", 0 | 7 | "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 10 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 0.5 | 0.25 | 1.5>>;
|
|
24
|
-
direction?: "column" | "column-reverse" | "row" | "row-reverse" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "column" | "column-reverse" | "row" | "row-reverse">>;
|
|
25
|
-
alignItems?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center">>;
|
|
26
|
-
justifyContent?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start">>;
|
|
27
|
-
wrap?: boolean | import("csstype").Property.FlexWrap | Partial<Record<"large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall", boolean | import("csstype").Property.FlexWrap | undefined>> | undefined;
|
|
28
|
-
width?: import("react").CSSProperties["width"];
|
|
29
|
-
maxWidth?: import("react").CSSProperties["maxWidth"];
|
|
30
|
-
minWidth?: import("react").CSSProperties["minWidth"];
|
|
31
|
-
flex?: import("react").CSSProperties["flex"];
|
|
32
|
-
className?: string;
|
|
33
|
-
children: import("react").ReactNode;
|
|
34
|
-
'data-testid'?: string;
|
|
35
|
-
id?: string;
|
|
36
|
-
}> & {
|
|
37
|
-
theme?: Theme;
|
|
38
|
-
} & {
|
|
39
|
-
'data-options': boolean;
|
|
40
|
-
}, {}, {}>;
|
|
41
|
-
export declare const StyledTooltip: import("@emotion/styled").StyledComponent<Pick<{
|
|
42
|
-
id?: string;
|
|
43
|
-
children: import("react").ReactNode | ((renderProps: {
|
|
44
|
-
className?: string;
|
|
45
|
-
onBlur: () => void;
|
|
46
|
-
onFocus: () => void;
|
|
47
|
-
onPointerEnter: () => void;
|
|
48
|
-
onPointerLeave: () => void;
|
|
49
|
-
ref: import("react").RefObject<HTMLDivElement | null>;
|
|
50
|
-
}) => import("react").ReactNode);
|
|
51
|
-
maxWidth?: number | string;
|
|
52
|
-
placement?: import("../Popup/helpers").PopupPlacement;
|
|
53
|
-
align?: import("../Popup/helpers").PopupAlign;
|
|
54
|
-
text?: import("react").ReactNode;
|
|
55
|
-
className?: string;
|
|
56
|
-
containerFullWidth?: boolean;
|
|
57
|
-
containerFullHeight?: boolean;
|
|
58
|
-
visible?: boolean;
|
|
59
|
-
innerRef?: import("react").Ref<HTMLDivElement | null>;
|
|
60
|
-
role?: string;
|
|
61
|
-
'data-testid'?: string;
|
|
62
|
-
hasArrow?: boolean;
|
|
63
|
-
onClose?: () => void;
|
|
64
|
-
tabIndex?: number;
|
|
65
|
-
onKeyDown?: import("react").KeyboardEventHandler;
|
|
66
|
-
'aria-haspopup'?: import("react").HTMLAttributes<HTMLDivElement>["aria-haspopup"];
|
|
67
|
-
hideOnClickOutside?: boolean;
|
|
68
|
-
debounceDelay?: number;
|
|
69
|
-
maxHeight?: string | number;
|
|
70
|
-
disableAnimation?: boolean;
|
|
71
|
-
portalTarget?: HTMLElement;
|
|
72
|
-
dynamicDomRendering?: boolean;
|
|
73
|
-
} & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "className" | "children" | "data-testid" | "id" | "role" | "tabIndex" | "containerFullHeight" | "containerFullWidth" | "debounceDelay" | "portalTarget" | "innerRef"> & {
|
|
74
|
-
placement?: Exclude<import("react").ComponentProps<typeof import("..").Popup>["placement"], "nested-menu">;
|
|
75
|
-
} & import("react").RefAttributes<HTMLDivElement> & {
|
|
76
|
-
theme?: Theme;
|
|
77
|
-
} & {
|
|
78
|
-
left: number;
|
|
79
|
-
}, {}, {}>;
|
|
80
|
-
export declare const trackStyle = "\n appearance: none;\n -webkit-appearance: none;\n box-shadow: none;\n border: transparent;\n background: transparent;\n";
|
|
81
|
-
export declare const thumbStyle: (theme: Theme, themeSlider: string, disabled: boolean, left: number, isDouble: boolean) => string;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
|
-
import { Stack } from "../Stack/index.js";
|
|
3
|
-
import { Tooltip } from "../Tooltip/index.js";
|
|
4
|
-
import { THUMB_SIZE } from "./constant.js";
|
|
5
|
-
const SliderContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
|
|
6
|
-
target: "elrd0u31"
|
|
7
|
-
} : {
|
|
8
|
-
target: "elrd0u31",
|
|
9
|
-
label: "SliderContainer"
|
|
10
|
-
})("&[data-options='true'][data-double='true']{margin-bottom:", ({
|
|
11
|
-
theme
|
|
12
|
-
}) => theme.space["3"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFRIVU1CX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50J1xuXG5leHBvcnQgY29uc3QgU2xpZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLW9wdGlvbnMnOiBib29sZWFuIH0+YFxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ11bZGF0YS1kb3VibGU9J3RydWUnXXtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb29sdGlwID0gc3R5bGVkKFRvb2x0aXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnbGVmdCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBsZWZ0OiBudW1iZXIgfT5gXG53aWR0aDogZml0LWNvbnRlbnQ7XG5wb3NpdGlvbjogYWJzb2x1dGU7XG5sZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcbmBcblxuZXhwb3J0IGNvbnN0IHRyYWNrU3R5bGUgPSBgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbiAgbGVmdDogbnVtYmVyLFxuICBpc0RvdWJsZTogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiYmluZyd9O1xuICAgICAgfVxuXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiBjYWxjKCR7bGVmdH0lIC0gJHtUSFVNQl9TSVpFIC8gMn1weCk7XG4gICAgICB0b3A6IC0ke1RIVU1CX1NJWkUgLyAoaXNEb3VibGUgPyAyIDogNCl9cHg7XG4gIGBcbiJdfQ== */"));
|
|
13
|
-
const StyledTooltip = /* @__PURE__ */ _styled(Tooltip, process.env.NODE_ENV === "production" ? {
|
|
14
|
-
shouldForwardProp: (prop) => !["left"].includes(prop),
|
|
15
|
-
target: "elrd0u30"
|
|
16
|
-
} : {
|
|
17
|
-
shouldForwardProp: (prop) => !["left"].includes(prop),
|
|
18
|
-
target: "elrd0u30",
|
|
19
|
-
label: "StyledTooltip"
|
|
20
|
-
})("width:fit-content;position:absolute;left:", ({
|
|
21
|
-
left
|
|
22
|
-
}) => left, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IFRIVU1CX1NJWkUgfSBmcm9tICcuL2NvbnN0YW50J1xuXG5leHBvcnQgY29uc3QgU2xpZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLW9wdGlvbnMnOiBib29sZWFuIH0+YFxuICAgICZbZGF0YS1vcHRpb25zPSd0cnVlJ11bZGF0YS1kb3VibGU9J3RydWUnXXtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX1cbiAgICB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb29sdGlwID0gc3R5bGVkKFRvb2x0aXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnbGVmdCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBsZWZ0OiBudW1iZXIgfT5gXG53aWR0aDogZml0LWNvbnRlbnQ7XG5wb3NpdGlvbjogYWJzb2x1dGU7XG5sZWZ0OiAkeyh7IGxlZnQgfSkgPT4gbGVmdH1weDtcbmBcblxuZXhwb3J0IGNvbnN0IHRyYWNrU3R5bGUgPSBgXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuYFxuXG5leHBvcnQgY29uc3QgdGh1bWJTdHlsZSA9IChcbiAgdGhlbWU6IFRoZW1lLFxuICB0aGVtZVNsaWRlcjogc3RyaW5nLFxuICBkaXNhYmxlZDogYm9vbGVhbixcbiAgbGVmdDogbnVtYmVyLFxuICBpc0RvdWJsZTogYm9vbGVhbixcbikgPT4gYFxuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICB3aWR0aDogJHtUSFVNQl9TSVpFfXB4O1xuICAgICAgaGVpZ2h0OiAke1RIVU1CX1NJWkV9cHg7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lU2xpZGVyID09PSAnbGlnaHQnID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMF19LCAke3RoZW1lLnNoYWRvd3MuZml4ZWRbMV19O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiJ307XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG5cbiAgICAgICY6aG92ZXIsIDphY3RpdmUsIDpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogJHtkaXNhYmxlZCA/IG51bGwgOiBgMS41cHggc29saWQgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9YH07XG4gICAgICB9XG5cbiAgICAgICY6YWN0aXZlLCA6Zm9jdXMge1xuICAgICAgICBib3gtc2hhZG93OiAke2Rpc2FibGVkID8gbnVsbCA6IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICAgICAgY3Vyc29yOiAke2Rpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdncmFiYmluZyd9O1xuICAgICAgfVxuXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBsZWZ0OiBjYWxjKCR7bGVmdH0lIC0gJHtUSFVNQl9TSVpFIC8gMn1weCk7XG4gICAgICB0b3A6IC0ke1RIVU1CX1NJWkUgLyAoaXNEb3VibGUgPyAyIDogNCl9cHg7XG4gIGBcbiJdfQ== */"));
|
|
23
|
-
const trackStyle = `
|
|
24
|
-
appearance: none;
|
|
25
|
-
-webkit-appearance: none;
|
|
26
|
-
box-shadow: none;
|
|
27
|
-
border: transparent;
|
|
28
|
-
background: transparent;
|
|
29
|
-
`;
|
|
30
|
-
const thumbStyle = (theme, themeSlider, disabled, left, isDouble) => `
|
|
31
|
-
-webkit-appearance: none;
|
|
32
|
-
appearance: none;
|
|
33
|
-
pointer-events: all;
|
|
34
|
-
width: ${THUMB_SIZE}px;
|
|
35
|
-
height: ${THUMB_SIZE}px;
|
|
36
|
-
background: ${themeSlider === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger};
|
|
37
|
-
box-shadow: ${theme.shadows.fixed[0]}, ${theme.shadows.fixed[1]};
|
|
38
|
-
border-radius: ${theme.radii.circle};
|
|
39
|
-
border: none;
|
|
40
|
-
cursor: ${disabled ? "not-allowed" : "grab"};
|
|
41
|
-
transition: background 0.3s ease-in-out;
|
|
42
|
-
|
|
43
|
-
&:hover, :active, :focus {
|
|
44
|
-
border: ${disabled ? null : `1.5px solid ${theme.colors.primary.border}`};
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
&:active, :focus {
|
|
48
|
-
box-shadow: ${disabled ? null : theme.shadows.focusPrimary};
|
|
49
|
-
cursor: ${disabled ? "not-allowed" : "grabbing"};
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
position: absolute;
|
|
53
|
-
left: calc(${left}% - ${THUMB_SIZE / 2}px);
|
|
54
|
-
top: -${THUMB_SIZE / (isDouble ? 2 : 4)}px;
|
|
55
|
-
`;
|
|
56
|
-
export {
|
|
57
|
-
SliderContainer,
|
|
58
|
-
StyledTooltip,
|
|
59
|
-
thumbStyle,
|
|
60
|
-
trackStyle
|
|
61
|
-
};
|