td-stylekit 24.5.0 → 24.6.0
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/CHANGELOG.md +7 -0
- package/dist/es/ThemeProvider/ThemeProvider.d.ts +19 -3
- package/dist/es/ThemeProvider/v4/Toggle.d.ts +19 -3
- package/dist/es/ThemeProvider/v4/Toggle.js +30 -12
- package/dist/es/ThemeProvider/v4/index.d.ts +19 -3
- package/dist/es/Toggle/Toggle.d.ts +2 -0
- package/dist/es/Toggle/Toggle.js +28 -13
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [24.6.0](https://github.com/treasure-data/td-stylekit/compare/v24.5.0...v24.6.0) (2021-12-21)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **CON-8995:** Added Toggle switch for V4 ([#1208](https://github.com/treasure-data/td-stylekit/issues/1208)) ([7b2da50](https://github.com/treasure-data/td-stylekit/commit/7b2da50))
|
|
7
|
+
|
|
1
8
|
# [24.5.0](https://github.com/treasure-data/td-stylekit/compare/v24.4.0...v24.5.0) (2021-12-16)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -992,12 +992,13 @@ declare namespace ThemeProvider {
|
|
|
992
992
|
padding: string;
|
|
993
993
|
}) | (() => {
|
|
994
994
|
display: string;
|
|
995
|
-
}) | ((({ theme, on }: {
|
|
995
|
+
}) | ((({ theme, on, color }: {
|
|
996
996
|
theme: any;
|
|
997
997
|
on: any;
|
|
998
|
+
color: any;
|
|
998
999
|
}) => {
|
|
999
1000
|
borderColor: any;
|
|
1000
|
-
background:
|
|
1001
|
+
background: any;
|
|
1001
1002
|
}) | (({ theme, disabled }: {
|
|
1002
1003
|
theme: any;
|
|
1003
1004
|
disabled: any;
|
|
@@ -1012,12 +1013,27 @@ declare namespace ThemeProvider {
|
|
|
1012
1013
|
outlineWidth: number;
|
|
1013
1014
|
outlineStyle: string;
|
|
1014
1015
|
outlineColor: string;
|
|
1015
|
-
})
|
|
1016
|
+
}) | (({ theme, toggleSwitch, color }: {
|
|
1017
|
+
theme: any;
|
|
1018
|
+
toggleSwitch: any;
|
|
1019
|
+
color: any;
|
|
1020
|
+
}) => {
|
|
1021
|
+
background: any;
|
|
1022
|
+
borderColor: any;
|
|
1023
|
+
}))[] | ((({ theme, on, color }: {
|
|
1016
1024
|
theme: any;
|
|
1017
1025
|
on: any;
|
|
1026
|
+
color: any;
|
|
1018
1027
|
}) => {
|
|
1019
1028
|
left: number;
|
|
1020
1029
|
borderColor: any;
|
|
1030
|
+
}) | (({ theme, toggleSwitch, color }: {
|
|
1031
|
+
theme: any;
|
|
1032
|
+
toggleSwitch: any;
|
|
1033
|
+
color: any;
|
|
1034
|
+
}) => {
|
|
1035
|
+
right: number;
|
|
1036
|
+
borderColor: any;
|
|
1021
1037
|
}) | (({ theme, disabled }: {
|
|
1022
1038
|
theme: any;
|
|
1023
1039
|
disabled: any;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
-
[x: string]: ((({ theme, on }: {
|
|
2
|
+
[x: string]: ((({ theme, on, color }: {
|
|
3
3
|
theme: any;
|
|
4
4
|
on: any;
|
|
5
|
+
color: any;
|
|
5
6
|
}) => {
|
|
6
7
|
borderColor: any;
|
|
7
|
-
background:
|
|
8
|
+
background: any;
|
|
8
9
|
}) | (({ theme, disabled }: {
|
|
9
10
|
theme: any;
|
|
10
11
|
disabled: any;
|
|
@@ -19,12 +20,27 @@ declare const _default: {
|
|
|
19
20
|
outlineWidth: number;
|
|
20
21
|
outlineStyle: string;
|
|
21
22
|
outlineColor: string;
|
|
22
|
-
})
|
|
23
|
+
}) | (({ theme, toggleSwitch, color }: {
|
|
24
|
+
theme: any;
|
|
25
|
+
toggleSwitch: any;
|
|
26
|
+
color: any;
|
|
27
|
+
}) => {
|
|
28
|
+
background: any;
|
|
29
|
+
borderColor: any;
|
|
30
|
+
}))[] | ((({ theme, on, color }: {
|
|
23
31
|
theme: any;
|
|
24
32
|
on: any;
|
|
33
|
+
color: any;
|
|
25
34
|
}) => {
|
|
26
35
|
left: number;
|
|
27
36
|
borderColor: any;
|
|
37
|
+
}) | (({ theme, toggleSwitch, color }: {
|
|
38
|
+
theme: any;
|
|
39
|
+
toggleSwitch: any;
|
|
40
|
+
color: any;
|
|
41
|
+
}) => {
|
|
42
|
+
right: number;
|
|
43
|
+
borderColor: any;
|
|
28
44
|
}) | (({ theme, disabled }: {
|
|
29
45
|
theme: any;
|
|
30
46
|
disabled: any;
|
|
@@ -19,10 +19,11 @@ export default (_Root$ToggleKnob = {}, _defineProperty(_Root$ToggleKnob, Root, [
|
|
|
19
19
|
};
|
|
20
20
|
}, function (_ref2) {
|
|
21
21
|
var theme = _ref2.theme,
|
|
22
|
-
on = _ref2.on
|
|
22
|
+
on = _ref2.on,
|
|
23
|
+
color = _ref2.color;
|
|
23
24
|
return on && {
|
|
24
|
-
borderColor: theme.color.DarkHover,
|
|
25
|
-
background: "linear-gradient(to right, ".concat(theme.color.DarkHover, ", ").concat(theme.color.DarkSecondary, ")")
|
|
25
|
+
borderColor: color || theme.color.DarkHover,
|
|
26
|
+
background: color || "linear-gradient(to right, ".concat(theme.color.DarkHover, ", ").concat(theme.color.DarkSecondary, ")")
|
|
26
27
|
};
|
|
27
28
|
}, function (_ref3) {
|
|
28
29
|
var theme = _ref3.theme,
|
|
@@ -40,8 +41,16 @@ export default (_Root$ToggleKnob = {}, _defineProperty(_Root$ToggleKnob, Root, [
|
|
|
40
41
|
outlineStyle: 'solid',
|
|
41
42
|
outlineColor: 'Highlight'
|
|
42
43
|
};
|
|
43
|
-
}
|
|
44
|
-
var theme = _ref5.theme
|
|
44
|
+
}, function (_ref5) {
|
|
45
|
+
var theme = _ref5.theme,
|
|
46
|
+
toggleSwitch = _ref5.toggleSwitch,
|
|
47
|
+
color = _ref5.color;
|
|
48
|
+
return toggleSwitch && {
|
|
49
|
+
background: color || "linear-gradient(to right, ".concat(theme.color.DarkHover, ", ").concat(theme.color.DarkSecondary, ")"),
|
|
50
|
+
borderColor: color || theme.color.DarkHover
|
|
51
|
+
};
|
|
52
|
+
}]), _defineProperty(_Root$ToggleKnob, ToggleKnob, [function (_ref6) {
|
|
53
|
+
var theme = _ref6.theme;
|
|
45
54
|
return {
|
|
46
55
|
border: "".concat(theme.borderWidth[2], " solid transparent"),
|
|
47
56
|
borderColor: theme.color.LightDivider,
|
|
@@ -52,16 +61,25 @@ export default (_Root$ToggleKnob = {}, _defineProperty(_Root$ToggleKnob, Root, [
|
|
|
52
61
|
top: -2,
|
|
53
62
|
backgroundColor: theme.color.PrimaryContrast
|
|
54
63
|
};
|
|
55
|
-
}, function (
|
|
56
|
-
var theme =
|
|
57
|
-
on =
|
|
64
|
+
}, function (_ref7) {
|
|
65
|
+
var theme = _ref7.theme,
|
|
66
|
+
on = _ref7.on,
|
|
67
|
+
color = _ref7.color;
|
|
58
68
|
return on && {
|
|
59
69
|
left: 10,
|
|
60
|
-
borderColor: theme.color.DarkHover
|
|
70
|
+
borderColor: color || theme.color.DarkHover
|
|
61
71
|
};
|
|
62
|
-
}, function (
|
|
63
|
-
var theme =
|
|
64
|
-
|
|
72
|
+
}, function (_ref8) {
|
|
73
|
+
var theme = _ref8.theme,
|
|
74
|
+
toggleSwitch = _ref8.toggleSwitch,
|
|
75
|
+
color = _ref8.color;
|
|
76
|
+
return toggleSwitch && {
|
|
77
|
+
right: 10,
|
|
78
|
+
borderColor: color || theme.color.DarkHover
|
|
79
|
+
};
|
|
80
|
+
}, function (_ref9) {
|
|
81
|
+
var theme = _ref9.theme,
|
|
82
|
+
disabled = _ref9.disabled;
|
|
65
83
|
return disabled && {
|
|
66
84
|
borderColor: theme.color.LightDivider
|
|
67
85
|
};
|
|
@@ -854,12 +854,13 @@ declare const _default: {
|
|
|
854
854
|
padding: string;
|
|
855
855
|
}) | (() => {
|
|
856
856
|
display: string;
|
|
857
|
-
}) | ((({ theme, on }: {
|
|
857
|
+
}) | ((({ theme, on, color }: {
|
|
858
858
|
theme: any;
|
|
859
859
|
on: any;
|
|
860
|
+
color: any;
|
|
860
861
|
}) => {
|
|
861
862
|
borderColor: any;
|
|
862
|
-
background:
|
|
863
|
+
background: any;
|
|
863
864
|
}) | (({ theme, disabled }: {
|
|
864
865
|
theme: any;
|
|
865
866
|
disabled: any;
|
|
@@ -874,12 +875,27 @@ declare const _default: {
|
|
|
874
875
|
outlineWidth: number;
|
|
875
876
|
outlineStyle: string;
|
|
876
877
|
outlineColor: string;
|
|
877
|
-
})
|
|
878
|
+
}) | (({ theme, toggleSwitch, color }: {
|
|
879
|
+
theme: any;
|
|
880
|
+
toggleSwitch: any;
|
|
881
|
+
color: any;
|
|
882
|
+
}) => {
|
|
883
|
+
background: any;
|
|
884
|
+
borderColor: any;
|
|
885
|
+
}))[] | ((({ theme, on, color }: {
|
|
878
886
|
theme: any;
|
|
879
887
|
on: any;
|
|
888
|
+
color: any;
|
|
880
889
|
}) => {
|
|
881
890
|
left: number;
|
|
882
891
|
borderColor: any;
|
|
892
|
+
}) | (({ theme, toggleSwitch, color }: {
|
|
893
|
+
theme: any;
|
|
894
|
+
toggleSwitch: any;
|
|
895
|
+
color: any;
|
|
896
|
+
}) => {
|
|
897
|
+
right: number;
|
|
898
|
+
borderColor: any;
|
|
883
899
|
}) | (({ theme, disabled }: {
|
|
884
900
|
theme: any;
|
|
885
901
|
disabled: any;
|
package/dist/es/Toggle/Toggle.js
CHANGED
|
@@ -33,9 +33,10 @@ export var ToggleBackground = /*#__PURE__*/_styled('div', {
|
|
|
33
33
|
};
|
|
34
34
|
}, function (_ref2) {
|
|
35
35
|
var theme = _ref2.theme,
|
|
36
|
-
on = _ref2.on
|
|
36
|
+
on = _ref2.on,
|
|
37
|
+
color = _ref2.color;
|
|
37
38
|
return on && {
|
|
38
|
-
background: theme.palette.primary[4]
|
|
39
|
+
background: color || theme.palette.primary[4]
|
|
39
40
|
};
|
|
40
41
|
}, function (_ref3) {
|
|
41
42
|
var theme = _ref3.theme,
|
|
@@ -53,7 +54,15 @@ export var ToggleBackground = /*#__PURE__*/_styled('div', {
|
|
|
53
54
|
boxShadow: "0px 0px 0px 3px ".concat(theme.palette.primary[2]),
|
|
54
55
|
outline: 'none'
|
|
55
56
|
};
|
|
56
|
-
},
|
|
57
|
+
}, function (_ref5) {
|
|
58
|
+
var theme = _ref5.theme,
|
|
59
|
+
toggleSwitch = _ref5.toggleSwitch,
|
|
60
|
+
color = _ref5.color;
|
|
61
|
+
return toggleSwitch && {
|
|
62
|
+
background: color || "linear-gradient(to right, ".concat(theme.color.DarkHover, ", ").concat(theme.color.DarkSecondary, ")"),
|
|
63
|
+
borderColor: color || theme.color.DarkHover
|
|
64
|
+
};
|
|
65
|
+
}, getOverrides(Overridable.Toggle.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub2dnbGUvVG9nZ2xlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RvZ2dsZS9Ub2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCdcbmltcG9ydCBWaXN1YWxseUhpZGRlbiBmcm9tICcuLi9WaXN1YWxseUhpZGRlbidcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tICcuLi9Cb3gnXG5pbXBvcnQgeyBnZXRPdmVycmlkZXMsIE92ZXJyaWRhYmxlIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUJhY2tncm91bmQgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnb24nLCAnZm9jdXNlZCddLmluY2x1ZGVzKHByb3ApXG59KTxcbiAgVG9nZ2xlUHJvcHMgJiB7XG4gICAgZm9jdXNlZD86IGJvb2xlYW5cbiAgfVxuPihcbiAgKHsgdGhlbWUgfSkgPT4gKHtcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbNF0sXG4gICAgd2lkdGg6IDMyLFxuICAgIGhlaWdodDogMTYsXG4gICAgbWFyZ2luOiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYm9yZGVyUmFkaXVzOiAxMDAsXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaydcbiAgfSksXG4gICh7IHRoZW1lLCBvbiwgY29sb3IgfSkgPT5cbiAgICBvbiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBjb2xvciB8fCB0aGVtZS5wYWxldHRlLnByaW1hcnlbNF1cbiAgICB9LFxuICAoeyB0aGVtZSwgZGlzYWJsZWQsIG9uIH0pID0+XG4gICAgZGlzYWJsZWQgJiYge1xuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnLFxuICAgICAgYmFja2dyb3VuZDogb24gPyB0aGVtZS5wYWxldHRlLnByaW1hcnlbNF0gOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbM10sXG4gICAgICBvcGFjaXR5OiBvbiA/IDAuMyA6IDFcbiAgICB9LFxuICAoeyB0aGVtZSwgZm9jdXNlZCB9KSA9PlxuICAgIGZvY3VzZWQgJiYge1xuICAgICAgYm94U2hhZG93OiBgMHB4IDBweCAwcHggM3B4ICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5WzJdfWAsXG4gICAgICBvdXRsaW5lOiAnbm9uZSdcbiAgICB9LFxuICAoeyB0aGVtZSwgdG9nZ2xlU3dpdGNoLCBjb2xvciB9KSA9PlxuICAgIHRvZ2dsZVN3aXRjaCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOlxuICAgICAgICBjb2xvciB8fFxuICAgICAgICBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke3RoZW1lLmNvbG9yLkRhcmtIb3Zlcn0sICR7dGhlbWUuY29sb3IuRGFya1NlY29uZGFyeX0pYCxcbiAgICAgIGJvcmRlckNvbG9yOiBjb2xvciB8fCB0aGVtZS5jb2xvci5EYXJrSG92ZXJcbiAgICB9LFxuXG4gIGdldE92ZXJyaWRlcyhPdmVycmlkYWJsZS5Ub2dnbGUuUm9vdClcbilcblxuVG9nZ2xlQmFja2dyb3VuZC5kaXNwbGF5TmFtZSA9ICdUb2dnbGVCYWNrZ3JvdW5kJ1xuXG5jb25zdCBDZW50ZXJlZEJveDogUmVhY3QuRkM8Qm94UHJvcHM+ID0gcHJvcHMgPT4gKFxuICA8Qm94IHsuLi5wcm9wc30gYWxpZ249XCJjZW50ZXJcIiBqdXN0aWZ5PVwiY2VudGVyXCIgLz5cbilcbmV4cG9ydCBjb25zdCBUb2dnbGVLbm9iID0gc3R5bGVkKENlbnRlcmVkQm94LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+IHByb3AgIT09ICdvbidcbn0pPFRvZ2dsZVByb3BzPihcbiAgKHsgdGhlbWUgfSkgPT4gKHtcbiAgICB3aWR0aDogMTAsXG4gICAgaGVpZ2h0OiAxMCxcbiAgICBsZWZ0OiAzLFxuICAgIHRvcDogMyxcbiAgICBtYXJnaW46IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICBib3JkZXJSYWRpdXM6IDEzLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzBdLFxuICAgIGJveFNoYWRvdzogJzBweCAxcHggMnB4IHJnYig4NSwgODUsIDg1LCAwLjI1KScsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAuMnMgZWFzZS1pbi1vdXQnXG4gIH0pLFxuICAoeyBvbiB9KSA9PlxuICAgIG9uICYmIHtcbiAgICAgIGxlZnQ6IDE5XG4gICAgfSxcbiAgKHsgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZCAmJiB7XG4gICAgICBib3hTaGFkb3c6ICdub25lJ1xuICAgIH0sXG4gIGdldE92ZXJyaWRlcyhPdmVycmlkYWJsZS5Ub2dnbGUuVG9nZ2xlS25vYilcbilcblxuVG9nZ2xlS25vYi5kaXNwbGF5TmFtZSA9ICdUb2dnbGVLbm9iJ1xuXG5leHBvcnQgdHlwZSBUb2dnbGVQcm9wcyA9IHtcbiAgb246IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gICdkYXRhLWluc3RydW1lbnRhdGlvbic/OiBzdHJpbmdcbiAgb25Ub2dnbGU/OiAoKSA9PiB2b2lkXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIHRvb2x0aXA/OiBzdHJpbmdcbiAgY29sb3I/OiBzdHJpbmdcbiAgdG9nZ2xlU3dpdGNoPzogYm9vbGVhblxufVxuXG50eXBlIFRvZ2dsZVN0YXRlID0ge1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW5cbn1cblxuY2xhc3MgVG9nZ2xlIGV4dGVuZHMgQ29tcG9uZW50PFRvZ2dsZVByb3BzLCBUb2dnbGVTdGF0ZT4ge1xuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgICdkYXRhLWluc3RydW1lbnRhdGlvbic6ICd0b2dnbGUnXG4gIH1cblxuICBzdGF0ZSA9IHtcbiAgICBpc0ZvY3VzZWQ6IGZhbHNlXG4gIH1cblxuICBvbkZvY3VzID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBpc0ZvY3VzZWQ6IHRydWUgfSlcbiAgfVxuXG4gIG9uQmx1ciA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiBmYWxzZSB9KVxuICB9XG5cbiAgb25DbGljayA9IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8YW55PikgPT4ge1xuICAgIGNvbnN0IHsgZGlzYWJsZWQsIG9uVG9nZ2xlIH0gPSB0aGlzLnByb3BzXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBpZiAoZGlzYWJsZWQgfHwgIW9uVG9nZ2xlKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgb25Ub2dnbGUoKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIG9uLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBjaGlsZHJlbixcbiAgICAgICdkYXRhLWluc3RydW1lbnRhdGlvbic6IGRhdGFJbnN0cnVtZW50YXRpb24sXG4gICAgICB0b29sdGlwLFxuICAgICAgY29sb3IsXG4gICAgICB0b2dnbGVTd2l0Y2hcbiAgICB9ID0gdGhpcy5wcm9wc1xuICAgIGNvbnN0IHsgaXNGb2N1c2VkIH0gPSB0aGlzLnN0YXRlXG4gICAgcmV0dXJuIChcbiAgICAgIDxUb2dnbGVCYWNrZ3JvdW5kXG4gICAgICAgIG9uPXtvbn1cbiAgICAgICAgdGl0bGU9e3Rvb2x0aXB9XG4gICAgICAgIGZvY3VzZWQ9e2lzRm9jdXNlZH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLWluc3RydW1lbnRhdGlvbj17ZGF0YUluc3RydW1lbnRhdGlvbn1cbiAgICAgICAgb25DbGljaz17dGhpcy5vbkNsaWNrfVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIHRvZ2dsZVN3aXRjaD17dG9nZ2xlU3dpdGNofVxuICAgICAgPlxuICAgICAgICA8VG9nZ2xlS25vYlxuICAgICAgICAgIG9uPXtvbn1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICAgIHRvZ2dsZVN3aXRjaD17dG9nZ2xlU3dpdGNofVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1RvZ2dsZUtub2I+XG4gICAgICAgIDxWaXN1YWxseUhpZGRlbj5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIG9uRm9jdXM9e3RoaXMub25Gb2N1c31cbiAgICAgICAgICAgIG9uQmx1cj17dGhpcy5vbkJsdXJ9XG4gICAgICAgICAgICBjaGVja2VkPXtvbn1cbiAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5vbkNsaWNrfVxuICAgICAgICAgICAgZGF0YS1pbnN0cnVtZW50YXRpb249e2Ake2RhdGFJbnN0cnVtZW50YXRpb259LXNjcmVlbnJlYWRlcmNoZWNrYm94YH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1Zpc3VhbGx5SGlkZGVuPlxuICAgICAgPC9Ub2dnbGVCYWNrZ3JvdW5kPlxuICAgIClcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb2dnbGVcbiJdfQ== */");
|
|
57
66
|
ToggleBackground.displayName = 'ToggleBackground';
|
|
58
67
|
|
|
59
68
|
var CenteredBox = function CenteredBox(props) {
|
|
@@ -70,8 +79,8 @@ export var ToggleKnob = /*#__PURE__*/_styled(CenteredBox, {
|
|
|
70
79
|
return prop !== 'on';
|
|
71
80
|
},
|
|
72
81
|
target: "e1i9hm8k1"
|
|
73
|
-
})(function (
|
|
74
|
-
var theme =
|
|
82
|
+
})(function (_ref6) {
|
|
83
|
+
var theme = _ref6.theme;
|
|
75
84
|
return {
|
|
76
85
|
width: 10,
|
|
77
86
|
height: 10,
|
|
@@ -85,17 +94,17 @@ export var ToggleKnob = /*#__PURE__*/_styled(CenteredBox, {
|
|
|
85
94
|
position: 'relative',
|
|
86
95
|
transition: 'all .2s ease-in-out'
|
|
87
96
|
};
|
|
88
|
-
}, function (
|
|
89
|
-
var on =
|
|
97
|
+
}, function (_ref7) {
|
|
98
|
+
var on = _ref7.on;
|
|
90
99
|
return on && {
|
|
91
100
|
left: 19
|
|
92
101
|
};
|
|
93
|
-
}, function (
|
|
94
|
-
var disabled =
|
|
102
|
+
}, function (_ref8) {
|
|
103
|
+
var disabled = _ref8.disabled;
|
|
95
104
|
return disabled && {
|
|
96
105
|
boxShadow: 'none'
|
|
97
106
|
};
|
|
98
|
-
}, getOverrides(Overridable.Toggle.ToggleKnob), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
107
|
+
}, getOverrides(Overridable.Toggle.ToggleKnob), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub2dnbGUvVG9nZ2xlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ub2dnbGUvVG9nZ2xlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnXG5pbXBvcnQgVmlzdWFsbHlIaWRkZW4gZnJvbSAnLi4vVmlzdWFsbHlIaWRkZW4nXG5pbXBvcnQgdHlwZSB7IEJveFByb3BzIH0gZnJvbSAnLi4vQm94J1xuaW1wb3J0IHsgZ2V0T3ZlcnJpZGVzLCBPdmVycmlkYWJsZSB9IGZyb20gJy4uL1RoZW1lUHJvdmlkZXInXG5cbmV4cG9ydCBjb25zdCBUb2dnbGVCYWNrZ3JvdW5kID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ29uJywgJ2ZvY3VzZWQnXS5pbmNsdWRlcyhwcm9wKVxufSk8XG4gIFRvZ2dsZVByb3BzICYge1xuICAgIGZvY3VzZWQ/OiBib29sZWFuXG4gIH1cbj4oXG4gICh7IHRoZW1lIH0pID0+ICh7XG4gICAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzRdLFxuICAgIHdpZHRoOiAzMixcbiAgICBoZWlnaHQ6IDE2LFxuICAgIG1hcmdpbjogMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGJvcmRlclJhZGl1czogMTAwLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snXG4gIH0pLFxuICAoeyB0aGVtZSwgb24sIGNvbG9yIH0pID0+XG4gICAgb24gJiYge1xuICAgICAgYmFja2dyb3VuZDogY29sb3IgfHwgdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdXG4gICAgfSxcbiAgKHsgdGhlbWUsIGRpc2FibGVkLCBvbiB9KSA9PlxuICAgIGRpc2FibGVkICYmIHtcbiAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJyxcbiAgICAgIGJhY2tncm91bmQ6IG9uID8gdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdIDogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzNdLFxuICAgICAgb3BhY2l0eTogb24gPyAwLjMgOiAxXG4gICAgfSxcbiAgKHsgdGhlbWUsIGZvY3VzZWQgfSkgPT5cbiAgICBmb2N1c2VkICYmIHtcbiAgICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4IDNweCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeVsyXX1gLFxuICAgICAgb3V0bGluZTogJ25vbmUnXG4gICAgfSxcbiAgKHsgdGhlbWUsIHRvZ2dsZVN3aXRjaCwgY29sb3IgfSkgPT5cbiAgICB0b2dnbGVTd2l0Y2ggJiYge1xuICAgICAgYmFja2dyb3VuZDpcbiAgICAgICAgY29sb3IgfHxcbiAgICAgICAgYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHt0aGVtZS5jb2xvci5EYXJrSG92ZXJ9LCAke3RoZW1lLmNvbG9yLkRhcmtTZWNvbmRhcnl9KWAsXG4gICAgICBib3JkZXJDb2xvcjogY29sb3IgfHwgdGhlbWUuY29sb3IuRGFya0hvdmVyXG4gICAgfSxcblxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuVG9nZ2xlLlJvb3QpXG4pXG5cblRvZ2dsZUJhY2tncm91bmQuZGlzcGxheU5hbWUgPSAnVG9nZ2xlQmFja2dyb3VuZCdcblxuY29uc3QgQ2VudGVyZWRCb3g6IFJlYWN0LkZDPEJveFByb3BzPiA9IHByb3BzID0+IChcbiAgPEJveCB7Li4ucHJvcHN9IGFsaWduPVwiY2VudGVyXCIganVzdGlmeT1cImNlbnRlclwiIC8+XG4pXG5leHBvcnQgY29uc3QgVG9nZ2xlS25vYiA9IHN0eWxlZChDZW50ZXJlZEJveCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiBwcm9wICE9PSAnb24nXG59KTxUb2dnbGVQcm9wcz4oXG4gICh7IHRoZW1lIH0pID0+ICh7XG4gICAgd2lkdGg6IDEwLFxuICAgIGhlaWdodDogMTAsXG4gICAgbGVmdDogMyxcbiAgICB0b3A6IDMsXG4gICAgbWFyZ2luOiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYm9yZGVyUmFkaXVzOiAxMyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFswXSxcbiAgICBib3hTaGFkb3c6ICcwcHggMXB4IDJweCByZ2IoODUsIDg1LCA4NSwgMC4yNSknLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHRyYW5zaXRpb246ICdhbGwgLjJzIGVhc2UtaW4tb3V0J1xuICB9KSxcbiAgKHsgb24gfSkgPT5cbiAgICBvbiAmJiB7XG4gICAgICBsZWZ0OiAxOVxuICAgIH0sXG4gICh7IGRpc2FibGVkIH0pID0+XG4gICAgZGlzYWJsZWQgJiYge1xuICAgICAgYm94U2hhZG93OiAnbm9uZSdcbiAgICB9LFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuVG9nZ2xlLlRvZ2dsZUtub2IpXG4pXG5cblRvZ2dsZUtub2IuZGlzcGxheU5hbWUgPSAnVG9nZ2xlS25vYidcblxuZXhwb3J0IHR5cGUgVG9nZ2xlUHJvcHMgPSB7XG4gIG9uOiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAnZGF0YS1pbnN0cnVtZW50YXRpb24nPzogc3RyaW5nXG4gIG9uVG9nZ2xlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICB0b29sdGlwPzogc3RyaW5nXG4gIGNvbG9yPzogc3RyaW5nXG4gIHRvZ2dsZVN3aXRjaD86IGJvb2xlYW5cbn1cblxudHlwZSBUb2dnbGVTdGF0ZSA9IHtcbiAgaXNGb2N1c2VkOiBib29sZWFuXG59XG5cbmNsYXNzIFRvZ2dsZSBleHRlbmRzIENvbXBvbmVudDxUb2dnbGVQcm9wcywgVG9nZ2xlU3RhdGU+IHtcbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiAndG9nZ2xlJ1xuICB9XG5cbiAgc3RhdGUgPSB7XG4gICAgaXNGb2N1c2VkOiBmYWxzZVxuICB9XG5cbiAgb25Gb2N1cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiB0cnVlIH0pXG4gIH1cblxuICBvbkJsdXIgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogZmFsc2UgfSlcbiAgfVxuXG4gIG9uQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PGFueT4pID0+IHtcbiAgICBjb25zdCB7IGRpc2FibGVkLCBvblRvZ2dsZSB9ID0gdGhpcy5wcm9wc1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKGRpc2FibGVkIHx8ICFvblRvZ2dsZSkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIG9uVG9nZ2xlKClcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBvbixcbiAgICAgIGRpc2FibGVkLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiBkYXRhSW5zdHJ1bWVudGF0aW9uLFxuICAgICAgdG9vbHRpcCxcbiAgICAgIGNvbG9yLFxuICAgICAgdG9nZ2xlU3dpdGNoXG4gICAgfSA9IHRoaXMucHJvcHNcbiAgICBjb25zdCB7IGlzRm9jdXNlZCB9ID0gdGhpcy5zdGF0ZVxuICAgIHJldHVybiAoXG4gICAgICA8VG9nZ2xlQmFja2dyb3VuZFxuICAgICAgICBvbj17b259XG4gICAgICAgIHRpdGxlPXt0b29sdGlwfVxuICAgICAgICBmb2N1c2VkPXtpc0ZvY3VzZWR9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgZGF0YS1pbnN0cnVtZW50YXRpb249e2RhdGFJbnN0cnVtZW50YXRpb259XG4gICAgICAgIG9uQ2xpY2s9e3RoaXMub25DbGlja31cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICB0b2dnbGVTd2l0Y2g9e3RvZ2dsZVN3aXRjaH1cbiAgICAgID5cbiAgICAgICAgPFRvZ2dsZUtub2JcbiAgICAgICAgICBvbj17b259XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgICB0b2dnbGVTd2l0Y2g9e3RvZ2dsZVN3aXRjaH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Ub2dnbGVLbm9iPlxuICAgICAgICA8VmlzdWFsbHlIaWRkZW4+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBvbkZvY3VzPXt0aGlzLm9uRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e3RoaXMub25CbHVyfVxuICAgICAgICAgICAgY2hlY2tlZD17b259XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMub25DbGlja31cbiAgICAgICAgICAgIGRhdGEtaW5zdHJ1bWVudGF0aW9uPXtgJHtkYXRhSW5zdHJ1bWVudGF0aW9ufS1zY3JlZW5yZWFkZXJjaGVja2JveGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9WaXN1YWxseUhpZGRlbj5cbiAgICAgIDwvVG9nZ2xlQmFja2dyb3VuZD5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9nZ2xlXG4iXX0= */");
|
|
99
108
|
ToggleKnob.displayName = 'ToggleKnob';
|
|
100
109
|
|
|
101
110
|
var Toggle = /*#__PURE__*/function (_Component) {
|
|
@@ -154,7 +163,9 @@ var Toggle = /*#__PURE__*/function (_Component) {
|
|
|
154
163
|
disabled = _this$props2.disabled,
|
|
155
164
|
children = _this$props2.children,
|
|
156
165
|
dataInstrumentation = _this$props2['data-instrumentation'],
|
|
157
|
-
tooltip = _this$props2.tooltip
|
|
166
|
+
tooltip = _this$props2.tooltip,
|
|
167
|
+
color = _this$props2.color,
|
|
168
|
+
toggleSwitch = _this$props2.toggleSwitch;
|
|
158
169
|
var isFocused = this.state.isFocused;
|
|
159
170
|
return ___EmotionJSX(ToggleBackground, {
|
|
160
171
|
"data-gs-c": gsC(tooltip),
|
|
@@ -164,12 +175,16 @@ var Toggle = /*#__PURE__*/function (_Component) {
|
|
|
164
175
|
focused: isFocused,
|
|
165
176
|
disabled: disabled,
|
|
166
177
|
"data-instrumentation": dataInstrumentation,
|
|
167
|
-
onClick: this.onClick
|
|
178
|
+
onClick: this.onClick,
|
|
179
|
+
color: color,
|
|
180
|
+
toggleSwitch: toggleSwitch
|
|
168
181
|
}, ___EmotionJSX(ToggleKnob, {
|
|
169
182
|
"data-gs-c": gsC(children),
|
|
170
183
|
"data-gs": gs("src", "toggle", "toggle.tsx", "toggle-background", "toggle-knob"),
|
|
171
184
|
on: on,
|
|
172
|
-
disabled: disabled
|
|
185
|
+
disabled: disabled,
|
|
186
|
+
color: color,
|
|
187
|
+
toggleSwitch: toggleSwitch
|
|
173
188
|
}, children), ___EmotionJSX(VisuallyHidden, {
|
|
174
189
|
"data-gs": gs("src", "toggle", "toggle.tsx", "toggle-background", "visually-hidden")
|
|
175
190
|
}, ___EmotionJSX("input", {
|