td-stylekit 24.4.0 → 24.7.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/.husky/pre-commit +4 -0
- package/CHANGELOG.md +28 -0
- package/dist/es/Icon/staticTypes.d.ts +4 -2
- package/dist/es/Icon/types.js +8 -0
- package/dist/es/Select/index.d.ts +1 -0
- package/dist/es/Select/index.js +1 -0
- package/dist/es/Tagger/Tagger.d.ts +2 -1
- package/dist/es/Tagger/components/PopupSelectorElements.js +11 -13
- package/dist/es/Tagger/index.d.ts +1 -0
- package/dist/es/Tagger/variantProps.d.ts +2 -1
- package/dist/es/Tagger/variantProps.js +13 -7
- 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 +32 -14
- package/dist/es/index.d.ts +2 -0
- package/dist/es/index.js +1 -0
- package/package.json +8 -9
package/dist/es/Toggle/Toggle.js
CHANGED
|
@@ -14,9 +14,12 @@ import React, { Component } from 'react';
|
|
|
14
14
|
import Box from '../Box';
|
|
15
15
|
import VisuallyHidden from '../VisuallyHidden';
|
|
16
16
|
import { getOverrides, Overridable } from '../ThemeProvider';
|
|
17
|
+
import isPropValid from '../utils/isPropValid';
|
|
17
18
|
export var ToggleBackground = /*#__PURE__*/_styled('div', {
|
|
18
19
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
19
|
-
return
|
|
20
|
+
return isPropValid(prop, {
|
|
21
|
+
exclude: ['on', 'focused']
|
|
22
|
+
});
|
|
20
23
|
},
|
|
21
24
|
target: "e1i9hm8k0"
|
|
22
25
|
})(function (_ref) {
|
|
@@ -33,9 +36,10 @@ export var ToggleBackground = /*#__PURE__*/_styled('div', {
|
|
|
33
36
|
};
|
|
34
37
|
}, function (_ref2) {
|
|
35
38
|
var theme = _ref2.theme,
|
|
36
|
-
on = _ref2.on
|
|
39
|
+
on = _ref2.on,
|
|
40
|
+
color = _ref2.color;
|
|
37
41
|
return on && {
|
|
38
|
-
background: theme.palette.primary[4]
|
|
42
|
+
background: color || theme.palette.primary[4]
|
|
39
43
|
};
|
|
40
44
|
}, function (_ref3) {
|
|
41
45
|
var theme = _ref3.theme,
|
|
@@ -53,7 +57,15 @@ export var ToggleBackground = /*#__PURE__*/_styled('div', {
|
|
|
53
57
|
boxShadow: "0px 0px 0px 3px ".concat(theme.palette.primary[2]),
|
|
54
58
|
outline: 'none'
|
|
55
59
|
};
|
|
56
|
-
},
|
|
60
|
+
}, function (_ref5) {
|
|
61
|
+
var theme = _ref5.theme,
|
|
62
|
+
toggleSwitch = _ref5.toggleSwitch,
|
|
63
|
+
color = _ref5.color;
|
|
64
|
+
return toggleSwitch && {
|
|
65
|
+
background: color || "linear-gradient(to right, ".concat(theme.color.DarkHover, ", ").concat(theme.color.DarkSecondary, ")"),
|
|
66
|
+
borderColor: color || theme.color.DarkHover
|
|
67
|
+
};
|
|
68
|
+
}, getOverrides(Overridable.Toggle.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub2dnbGUvVG9nZ2xlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RvZ2dsZS9Ub2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCdcbmltcG9ydCBWaXN1YWxseUhpZGRlbiBmcm9tICcuLi9WaXN1YWxseUhpZGRlbidcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tICcuLi9Cb3gnXG5pbXBvcnQgeyBnZXRPdmVycmlkZXMsIE92ZXJyaWRhYmxlIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tICcuLi91dGlscy9pc1Byb3BWYWxpZCdcblxuZXhwb3J0IGNvbnN0IFRvZ2dsZUJhY2tncm91bmQgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gaXNQcm9wVmFsaWQocHJvcCwgeyBleGNsdWRlOiBbJ29uJywgJ2ZvY3VzZWQnXSB9KVxufSk8XG4gIFRvZ2dsZVByb3BzICYge1xuICAgIGZvY3VzZWQ/OiBib29sZWFuXG4gIH1cbj4oXG4gICh7IHRoZW1lIH0pID0+ICh7XG4gICAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzRdLFxuICAgIHdpZHRoOiAzMixcbiAgICBoZWlnaHQ6IDE2LFxuICAgIG1hcmdpbjogMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGJvcmRlclJhZGl1czogMTAwLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snXG4gIH0pLFxuICAoeyB0aGVtZSwgb24sIGNvbG9yIH0pID0+XG4gICAgb24gJiYge1xuICAgICAgYmFja2dyb3VuZDogY29sb3IgfHwgdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdXG4gICAgfSxcbiAgKHsgdGhlbWUsIGRpc2FibGVkLCBvbiB9KSA9PlxuICAgIGRpc2FibGVkICYmIHtcbiAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJyxcbiAgICAgIGJhY2tncm91bmQ6IG9uID8gdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdIDogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzNdLFxuICAgICAgb3BhY2l0eTogb24gPyAwLjMgOiAxXG4gICAgfSxcbiAgKHsgdGhlbWUsIGZvY3VzZWQgfSkgPT5cbiAgICBmb2N1c2VkICYmIHtcbiAgICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4IDNweCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeVsyXX1gLFxuICAgICAgb3V0bGluZTogJ25vbmUnXG4gICAgfSxcbiAgKHsgdGhlbWUsIHRvZ2dsZVN3aXRjaCwgY29sb3IgfSkgPT5cbiAgICB0b2dnbGVTd2l0Y2ggJiYge1xuICAgICAgYmFja2dyb3VuZDpcbiAgICAgICAgY29sb3IgfHxcbiAgICAgICAgYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHt0aGVtZS5jb2xvci5EYXJrSG92ZXJ9LCAke3RoZW1lLmNvbG9yLkRhcmtTZWNvbmRhcnl9KWAsXG4gICAgICBib3JkZXJDb2xvcjogY29sb3IgfHwgdGhlbWUuY29sb3IuRGFya0hvdmVyXG4gICAgfSxcblxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuVG9nZ2xlLlJvb3QpXG4pXG5cblRvZ2dsZUJhY2tncm91bmQuZGlzcGxheU5hbWUgPSAnVG9nZ2xlQmFja2dyb3VuZCdcblxuY29uc3QgQ2VudGVyZWRCb3g6IFJlYWN0LkZDPEJveFByb3BzPiA9IHByb3BzID0+IChcbiAgPEJveCB7Li4ucHJvcHN9IGFsaWduPVwiY2VudGVyXCIganVzdGlmeT1cImNlbnRlclwiIC8+XG4pXG5leHBvcnQgY29uc3QgVG9nZ2xlS25vYiA9IHN0eWxlZChDZW50ZXJlZEJveCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiBwcm9wICE9PSAnb24nXG59KTxUb2dnbGVQcm9wcz4oXG4gICh7IHRoZW1lIH0pID0+ICh7XG4gICAgd2lkdGg6IDEwLFxuICAgIGhlaWdodDogMTAsXG4gICAgbGVmdDogMyxcbiAgICB0b3A6IDMsXG4gICAgbWFyZ2luOiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYm9yZGVyUmFkaXVzOiAxMyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFswXSxcbiAgICBib3hTaGFkb3c6ICcwcHggMXB4IDJweCByZ2IoODUsIDg1LCA4NSwgMC4yNSknLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHRyYW5zaXRpb246ICdhbGwgLjJzIGVhc2UtaW4tb3V0J1xuICB9KSxcbiAgKHsgb24gfSkgPT5cbiAgICBvbiAmJiB7XG4gICAgICBsZWZ0OiAxOVxuICAgIH0sXG4gICh7IGRpc2FibGVkIH0pID0+XG4gICAgZGlzYWJsZWQgJiYge1xuICAgICAgYm94U2hhZG93OiAnbm9uZSdcbiAgICB9LFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuVG9nZ2xlLlRvZ2dsZUtub2IpXG4pXG5cblRvZ2dsZUtub2IuZGlzcGxheU5hbWUgPSAnVG9nZ2xlS25vYidcblxuZXhwb3J0IHR5cGUgVG9nZ2xlUHJvcHMgPSB7XG4gIG9uOiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAnZGF0YS1pbnN0cnVtZW50YXRpb24nPzogc3RyaW5nXG4gIG9uVG9nZ2xlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICB0b29sdGlwPzogc3RyaW5nXG4gIGNvbG9yPzogc3RyaW5nXG4gIHRvZ2dsZVN3aXRjaD86IGJvb2xlYW5cbn1cblxudHlwZSBUb2dnbGVTdGF0ZSA9IHtcbiAgaXNGb2N1c2VkOiBib29sZWFuXG59XG5cbmNsYXNzIFRvZ2dsZSBleHRlbmRzIENvbXBvbmVudDxUb2dnbGVQcm9wcywgVG9nZ2xlU3RhdGU+IHtcbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiAndG9nZ2xlJ1xuICB9XG5cbiAgc3RhdGUgPSB7XG4gICAgaXNGb2N1c2VkOiBmYWxzZVxuICB9XG5cbiAgb25Gb2N1cyA9ICgpID0+IHtcbiAgICB0aGlzLnNldFN0YXRlKHsgaXNGb2N1c2VkOiB0cnVlIH0pXG4gIH1cblxuICBvbkJsdXIgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogZmFsc2UgfSlcbiAgfVxuXG4gIG9uQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PGFueT4pID0+IHtcbiAgICBjb25zdCB7IGRpc2FibGVkLCBvblRvZ2dsZSB9ID0gdGhpcy5wcm9wc1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKGRpc2FibGVkIHx8ICFvblRvZ2dsZSkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIG9uVG9nZ2xlKClcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBvbixcbiAgICAgIGRpc2FibGVkLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiBkYXRhSW5zdHJ1bWVudGF0aW9uLFxuICAgICAgdG9vbHRpcCxcbiAgICAgIGNvbG9yLFxuICAgICAgdG9nZ2xlU3dpdGNoXG4gICAgfSA9IHRoaXMucHJvcHNcbiAgICBjb25zdCB7IGlzRm9jdXNlZCB9ID0gdGhpcy5zdGF0ZVxuICAgIHJldHVybiAoXG4gICAgICA8VG9nZ2xlQmFja2dyb3VuZFxuICAgICAgICBvbj17b259XG4gICAgICAgIHRpdGxlPXt0b29sdGlwfVxuICAgICAgICBmb2N1c2VkPXtpc0ZvY3VzZWR9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgZGF0YS1pbnN0cnVtZW50YXRpb249e2RhdGFJbnN0cnVtZW50YXRpb259XG4gICAgICAgIG9uQ2xpY2s9e3RoaXMub25DbGlja31cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICB0b2dnbGVTd2l0Y2g9e3RvZ2dsZVN3aXRjaH1cbiAgICAgID5cbiAgICAgICAgPFRvZ2dsZUtub2JcbiAgICAgICAgICBvbj17b259XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgICB0b2dnbGVTd2l0Y2g9e3RvZ2dsZVN3aXRjaH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Ub2dnbGVLbm9iPlxuICAgICAgICA8VmlzdWFsbHlIaWRkZW4+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBvbkZvY3VzPXt0aGlzLm9uRm9jdXN9XG4gICAgICAgICAgICBvbkJsdXI9e3RoaXMub25CbHVyfVxuICAgICAgICAgICAgY2hlY2tlZD17b259XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMub25DbGlja31cbiAgICAgICAgICAgIGRhdGEtaW5zdHJ1bWVudGF0aW9uPXtgJHtkYXRhSW5zdHJ1bWVudGF0aW9ufS1zY3JlZW5yZWFkZXJjaGVja2JveGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9WaXN1YWxseUhpZGRlbj5cbiAgICAgIDwvVG9nZ2xlQmFja2dyb3VuZD5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9nZ2xlXG4iXX0= */");
|
|
57
69
|
ToggleBackground.displayName = 'ToggleBackground';
|
|
58
70
|
|
|
59
71
|
var CenteredBox = function CenteredBox(props) {
|
|
@@ -70,8 +82,8 @@ export var ToggleKnob = /*#__PURE__*/_styled(CenteredBox, {
|
|
|
70
82
|
return prop !== 'on';
|
|
71
83
|
},
|
|
72
84
|
target: "e1i9hm8k1"
|
|
73
|
-
})(function (
|
|
74
|
-
var theme =
|
|
85
|
+
})(function (_ref6) {
|
|
86
|
+
var theme = _ref6.theme;
|
|
75
87
|
return {
|
|
76
88
|
width: 10,
|
|
77
89
|
height: 10,
|
|
@@ -85,17 +97,17 @@ export var ToggleKnob = /*#__PURE__*/_styled(CenteredBox, {
|
|
|
85
97
|
position: 'relative',
|
|
86
98
|
transition: 'all .2s ease-in-out'
|
|
87
99
|
};
|
|
88
|
-
}, function (
|
|
89
|
-
var on =
|
|
100
|
+
}, function (_ref7) {
|
|
101
|
+
var on = _ref7.on;
|
|
90
102
|
return on && {
|
|
91
103
|
left: 19
|
|
92
104
|
};
|
|
93
|
-
}, function (
|
|
94
|
-
var disabled =
|
|
105
|
+
}, function (_ref8) {
|
|
106
|
+
var disabled = _ref8.disabled;
|
|
95
107
|
return disabled && {
|
|
96
108
|
boxShadow: 'none'
|
|
97
109
|
};
|
|
98
|
-
}, getOverrides(Overridable.Toggle.ToggleKnob), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
110
|
+
}, getOverrides(Overridable.Toggle.ToggleKnob), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub2dnbGUvVG9nZ2xlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RDBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ub2dnbGUvVG9nZ2xlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnXG5pbXBvcnQgVmlzdWFsbHlIaWRkZW4gZnJvbSAnLi4vVmlzdWFsbHlIaWRkZW4nXG5pbXBvcnQgdHlwZSB7IEJveFByb3BzIH0gZnJvbSAnLi4vQm94J1xuaW1wb3J0IHsgZ2V0T3ZlcnJpZGVzLCBPdmVycmlkYWJsZSB9IGZyb20gJy4uL1RoZW1lUHJvdmlkZXInXG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnLi4vdXRpbHMvaXNQcm9wVmFsaWQnXG5cbmV4cG9ydCBjb25zdCBUb2dnbGVCYWNrZ3JvdW5kID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+IGlzUHJvcFZhbGlkKHByb3AsIHsgZXhjbHVkZTogWydvbicsICdmb2N1c2VkJ10gfSlcbn0pPFxuICBUb2dnbGVQcm9wcyAmIHtcbiAgICBmb2N1c2VkPzogYm9vbGVhblxuICB9XG4+KFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFs0XSxcbiAgICB3aWR0aDogMzIsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBtYXJnaW46IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICBib3JkZXJSYWRpdXM6IDEwMCxcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJ1xuICB9KSxcbiAgKHsgdGhlbWUsIG9uLCBjb2xvciB9KSA9PlxuICAgIG9uICYmIHtcbiAgICAgIGJhY2tncm91bmQ6IGNvbG9yIHx8IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs0XVxuICAgIH0sXG4gICh7IHRoZW1lLCBkaXNhYmxlZCwgb24gfSkgPT5cbiAgICBkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgICBiYWNrZ3JvdW5kOiBvbiA/IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs0XSA6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFszXSxcbiAgICAgIG9wYWNpdHk6IG9uID8gMC4zIDogMVxuICAgIH0sXG4gICh7IHRoZW1lLCBmb2N1c2VkIH0pID0+XG4gICAgZm9jdXNlZCAmJiB7XG4gICAgICBib3hTaGFkb3c6IGAwcHggMHB4IDBweCAzcHggJHt0aGVtZS5wYWxldHRlLnByaW1hcnlbMl19YCxcbiAgICAgIG91dGxpbmU6ICdub25lJ1xuICAgIH0sXG4gICh7IHRoZW1lLCB0b2dnbGVTd2l0Y2gsIGNvbG9yIH0pID0+XG4gICAgdG9nZ2xlU3dpdGNoICYmIHtcbiAgICAgIGJhY2tncm91bmQ6XG4gICAgICAgIGNvbG9yIHx8XG4gICAgICAgIGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICR7dGhlbWUuY29sb3IuRGFya0hvdmVyfSwgJHt0aGVtZS5jb2xvci5EYXJrU2Vjb25kYXJ5fSlgLFxuICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yIHx8IHRoZW1lLmNvbG9yLkRhcmtIb3ZlclxuICAgIH0sXG5cbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlRvZ2dsZS5Sb290KVxuKVxuXG5Ub2dnbGVCYWNrZ3JvdW5kLmRpc3BsYXlOYW1lID0gJ1RvZ2dsZUJhY2tncm91bmQnXG5cbmNvbnN0IENlbnRlcmVkQm94OiBSZWFjdC5GQzxCb3hQcm9wcz4gPSBwcm9wcyA9PiAoXG4gIDxCb3ggey4uLnByb3BzfSBhbGlnbj1cImNlbnRlclwiIGp1c3RpZnk9XCJjZW50ZXJcIiAvPlxuKVxuZXhwb3J0IGNvbnN0IFRvZ2dsZUtub2IgPSBzdHlsZWQoQ2VudGVyZWRCb3gsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gcHJvcCAhPT0gJ29uJ1xufSk8VG9nZ2xlUHJvcHM+KFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIHdpZHRoOiAxMCxcbiAgICBoZWlnaHQ6IDEwLFxuICAgIGxlZnQ6IDMsXG4gICAgdG9wOiAzLFxuICAgIG1hcmdpbjogMCxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGJvcmRlclJhZGl1czogMTMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbMF0sXG4gICAgYm94U2hhZG93OiAnMHB4IDFweCAycHggcmdiKDg1LCA4NSwgODUsIDAuMjUpJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB0cmFuc2l0aW9uOiAnYWxsIC4ycyBlYXNlLWluLW91dCdcbiAgfSksXG4gICh7IG9uIH0pID0+XG4gICAgb24gJiYge1xuICAgICAgbGVmdDogMTlcbiAgICB9LFxuICAoeyBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkICYmIHtcbiAgICAgIGJveFNoYWRvdzogJ25vbmUnXG4gICAgfSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlRvZ2dsZS5Ub2dnbGVLbm9iKVxuKVxuXG5Ub2dnbGVLbm9iLmRpc3BsYXlOYW1lID0gJ1RvZ2dsZUtub2InXG5cbmV4cG9ydCB0eXBlIFRvZ2dsZVByb3BzID0ge1xuICBvbjogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJz86IHN0cmluZ1xuICBvblRvZ2dsZT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgdG9vbHRpcD86IHN0cmluZ1xuICBjb2xvcj86IHN0cmluZ1xuICB0b2dnbGVTd2l0Y2g/OiBib29sZWFuXG59XG5cbnR5cGUgVG9nZ2xlU3RhdGUgPSB7XG4gIGlzRm9jdXNlZDogYm9vbGVhblxufVxuXG5jbGFzcyBUb2dnbGUgZXh0ZW5kcyBDb21wb25lbnQ8VG9nZ2xlUHJvcHMsIFRvZ2dsZVN0YXRlPiB7XG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJzogJ3RvZ2dsZSdcbiAgfVxuXG4gIHN0YXRlID0ge1xuICAgIGlzRm9jdXNlZDogZmFsc2VcbiAgfVxuXG4gIG9uRm9jdXMgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGlzRm9jdXNlZDogdHJ1ZSB9KVxuICB9XG5cbiAgb25CbHVyID0gKCkgPT4ge1xuICAgIHRoaXMuc2V0U3RhdGUoeyBpc0ZvY3VzZWQ6IGZhbHNlIH0pXG4gIH1cblxuICBvbkNsaWNrID0gKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxhbnk+KSA9PiB7XG4gICAgY29uc3QgeyBkaXNhYmxlZCwgb25Ub2dnbGUgfSA9IHRoaXMucHJvcHNcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGlmIChkaXNhYmxlZCB8fCAhb25Ub2dnbGUpIHtcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICBvblRvZ2dsZSgpXG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgb24sXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJzogZGF0YUluc3RydW1lbnRhdGlvbixcbiAgICAgIHRvb2x0aXAsXG4gICAgICBjb2xvcixcbiAgICAgIHRvZ2dsZVN3aXRjaFxuICAgIH0gPSB0aGlzLnByb3BzXG4gICAgY29uc3QgeyBpc0ZvY3VzZWQgfSA9IHRoaXMuc3RhdGVcbiAgICByZXR1cm4gKFxuICAgICAgPFRvZ2dsZUJhY2tncm91bmRcbiAgICAgICAgb249e29ufVxuICAgICAgICB0aXRsZT17dG9vbHRpcH1cbiAgICAgICAgZm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtaW5zdHJ1bWVudGF0aW9uPXtkYXRhSW5zdHJ1bWVudGF0aW9ufVxuICAgICAgICBvbkNsaWNrPXt0aGlzLm9uQ2xpY2t9XG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgdG9nZ2xlU3dpdGNoPXt0b2dnbGVTd2l0Y2h9XG4gICAgICA+XG4gICAgICAgIDxUb2dnbGVLbm9iXG4gICAgICAgICAgb249e29ufVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgICAgdG9nZ2xlU3dpdGNoPXt0b2dnbGVTd2l0Y2h9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvVG9nZ2xlS25vYj5cbiAgICAgICAgPFZpc3VhbGx5SGlkZGVuPlxuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgb25Gb2N1cz17dGhpcy5vbkZvY3VzfVxuICAgICAgICAgICAgb25CbHVyPXt0aGlzLm9uQmx1cn1cbiAgICAgICAgICAgIGNoZWNrZWQ9e29ufVxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLm9uQ2xpY2t9XG4gICAgICAgICAgICBkYXRhLWluc3RydW1lbnRhdGlvbj17YCR7ZGF0YUluc3RydW1lbnRhdGlvbn0tc2NyZWVucmVhZGVyY2hlY2tib3hgfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvVmlzdWFsbHlIaWRkZW4+XG4gICAgICA8L1RvZ2dsZUJhY2tncm91bmQ+XG4gICAgKVxuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvZ2dsZVxuIl19 */");
|
|
99
111
|
ToggleKnob.displayName = 'ToggleKnob';
|
|
100
112
|
|
|
101
113
|
var Toggle = /*#__PURE__*/function (_Component) {
|
|
@@ -154,7 +166,9 @@ var Toggle = /*#__PURE__*/function (_Component) {
|
|
|
154
166
|
disabled = _this$props2.disabled,
|
|
155
167
|
children = _this$props2.children,
|
|
156
168
|
dataInstrumentation = _this$props2['data-instrumentation'],
|
|
157
|
-
tooltip = _this$props2.tooltip
|
|
169
|
+
tooltip = _this$props2.tooltip,
|
|
170
|
+
color = _this$props2.color,
|
|
171
|
+
toggleSwitch = _this$props2.toggleSwitch;
|
|
158
172
|
var isFocused = this.state.isFocused;
|
|
159
173
|
return ___EmotionJSX(ToggleBackground, {
|
|
160
174
|
"data-gs-c": gsC(tooltip),
|
|
@@ -164,12 +178,16 @@ var Toggle = /*#__PURE__*/function (_Component) {
|
|
|
164
178
|
focused: isFocused,
|
|
165
179
|
disabled: disabled,
|
|
166
180
|
"data-instrumentation": dataInstrumentation,
|
|
167
|
-
onClick: this.onClick
|
|
181
|
+
onClick: this.onClick,
|
|
182
|
+
color: color,
|
|
183
|
+
toggleSwitch: toggleSwitch
|
|
168
184
|
}, ___EmotionJSX(ToggleKnob, {
|
|
169
185
|
"data-gs-c": gsC(children),
|
|
170
186
|
"data-gs": gs("src", "toggle", "toggle.tsx", "toggle-background", "toggle-knob"),
|
|
171
187
|
on: on,
|
|
172
|
-
disabled: disabled
|
|
188
|
+
disabled: disabled,
|
|
189
|
+
color: color,
|
|
190
|
+
toggleSwitch: toggleSwitch
|
|
173
191
|
}, children), ___EmotionJSX(VisuallyHidden, {
|
|
174
192
|
"data-gs": gs("src", "toggle", "toggle.tsx", "toggle-background", "visually-hidden")
|
|
175
193
|
}, ___EmotionJSX("input", {
|
package/dist/es/index.d.ts
CHANGED
|
@@ -88,7 +88,9 @@ export { calculateChartHeight as calculateDistributionChartHeight } from './Dist
|
|
|
88
88
|
export { PositiveNegativeBarChart, calculateChartHeight as calculatePositiveNegativeChartHeight } from './PositiveNegativeBarChart';
|
|
89
89
|
export type { PositiveNegativeDatum } from './PositiveNegativeBarChart';
|
|
90
90
|
export { RatioPieChart } from './RatioPieChart';
|
|
91
|
+
export { getLongestOptionLength } from './Select';
|
|
91
92
|
export type { Options, OptionType, OptionValue } from './Select';
|
|
93
|
+
export type { Option } from './Tagger';
|
|
92
94
|
export type { VariantStyles };
|
|
93
95
|
export type { ActionBarItemProps };
|
|
94
96
|
export type { DatePickerProps };
|
package/dist/es/index.js
CHANGED
|
@@ -82,5 +82,6 @@ export { PieChart } from './PieChart';
|
|
|
82
82
|
export { calculateChartHeight as calculateDistributionChartHeight } from './DistributionChart';
|
|
83
83
|
export { PositiveNegativeBarChart, calculateChartHeight as calculatePositiveNegativeChartHeight } from './PositiveNegativeBarChart';
|
|
84
84
|
export { RatioPieChart } from './RatioPieChart';
|
|
85
|
+
export { getLongestOptionLength } from './Select';
|
|
85
86
|
export { BADGE_TYPES } from './Badge';
|
|
86
87
|
export { ActionBar, Badge, BarChart, Box, Button, Canvas, Card, ChartPrimitives, Checkbox, CheckboxField, CollapsibleToggle, Column, ComparisonChart, ComponentGroup, DataGrid, DateControl, DateField, DatePicker, DatePickerUtils, DetailPanel, DistributionChart, Drawer, DropdownButton, FileInput, FormControl, FormField, FormFieldAddon, FormLabel, FormModal, Grid, GridItem, GrowthRateChart, Heading, Highlighter, Histogram, Icon, IconBar, InfiniteList, Input, LeftTruncatedText, Link, Loader, Logo, Menu, MiddleTruncatedText, Modal, MultiSelect, NavigationBar, NavigationPopover, Overlay, Paragraph, Popover, Radio, RightTruncatedText, Row, SecondaryNavigation, Section, Select, Shuttle, SimpleModal, Slider, StatCard, TREE_UTILS, Tabs, Tagger, Text, ThemeProvider, TimeControl, TimeField, TimePicker, Toast, Toggle, TooltipPopover, Tree, UserAvatar, View, VisuallyHidden, VolumeChart, theme };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "td-stylekit",
|
|
3
|
-
"version": "24.
|
|
3
|
+
"version": "24.7.0",
|
|
4
4
|
"main": "dist/es/index.js",
|
|
5
5
|
"module": "dist/es/index.js",
|
|
6
6
|
"types": "dist/es/index.d.ts",
|
|
@@ -10,6 +10,10 @@
|
|
|
10
10
|
"prebuild": "rimraf dist",
|
|
11
11
|
"build": "cross-env NODE_ENV=production cross-env babel src --extensions '.js,.ts,.tsx' --out-dir dist/es --ignore '*.test.*','*.stories.*' && yarn build:icons && yarn build:types",
|
|
12
12
|
"predocs:build": "rimraf dist-docs",
|
|
13
|
+
"postinstall": "",
|
|
14
|
+
"prepublishOnly": "jq '.scripts.postinstall=\"\"' package.json > newPackage.json && mv newPackage.json package.json",
|
|
15
|
+
"postpublishOnly": "git checkout -- package.json",
|
|
16
|
+
"publish:package": "yarn prepublishOnly && yarn pack && yarn postpublishOnly",
|
|
13
17
|
"dependency:graph": "depcruise --config .dependency-cruiser.js --output-type dot . | dot -T png > dependencygraph.png",
|
|
14
18
|
"dependency:graph:archi": "depcruise --config .dependency-cruiser.js --output-type archi ./src | dot -T png > dependencygraph.png",
|
|
15
19
|
"docs:build": "build-storybook --docs --config-dir .storybook --static-dir docs/assets --output-dir dist-docs/storybook && cp docs/index.html dist-docs/index.html",
|
|
@@ -20,7 +24,7 @@
|
|
|
20
24
|
"build:icons:types": "bin/icons/build.js types > src/Icon/staticTypes.ts",
|
|
21
25
|
"build:types": "tsc --declaration --emitDeclarationOnly --declarationMap && cp -r dist/es/src/* dist/es/",
|
|
22
26
|
"lint": "eslint . --ext .js,.ts,.tsx",
|
|
23
|
-
"release": "semantic-release",
|
|
27
|
+
"release": "yarn prepublishOnly && semantic-release && yarn postpublishOnly",
|
|
24
28
|
"start": "yarn docs:start",
|
|
25
29
|
"tdd": "yarn test --watch",
|
|
26
30
|
"test:dependencies": "depcruise --config .dependency-cruiser.js .",
|
|
@@ -106,7 +110,6 @@
|
|
|
106
110
|
"@testing-library/jest-dom": "^5.11.8",
|
|
107
111
|
"@testing-library/react": "^11.2.2",
|
|
108
112
|
"@testing-library/user-event": "^12.6.0",
|
|
109
|
-
"ts-node": "^10.2.1",
|
|
110
113
|
"@types/jest": "^25.1.3",
|
|
111
114
|
"@types/lodash.clamp": "^4.0.6",
|
|
112
115
|
"@types/lodash.curry": "^4.1.6",
|
|
@@ -167,7 +170,7 @@
|
|
|
167
170
|
"eslint-plugin-td": "^2.1.1",
|
|
168
171
|
"file-loader": "^4.2.0",
|
|
169
172
|
"globby": "^11.0.0",
|
|
170
|
-
"husky": "^
|
|
173
|
+
"husky": "^7.0.4",
|
|
171
174
|
"immutable": "^4.0.0-rc.12",
|
|
172
175
|
"jest": "^24.9.0",
|
|
173
176
|
"jest-canvas-mock": "^2.1.1",
|
|
@@ -197,6 +200,7 @@
|
|
|
197
200
|
"svg-inline-loader": "^0.8.0",
|
|
198
201
|
"svg-to-jsx": "^1.0.2",
|
|
199
202
|
"svgo": "^1.3.0",
|
|
203
|
+
"ts-node": "^10.2.1",
|
|
200
204
|
"typescript": "^4.0.2",
|
|
201
205
|
"webpack": "^4.44.2"
|
|
202
206
|
},
|
|
@@ -361,11 +365,6 @@
|
|
|
361
365
|
}
|
|
362
366
|
]
|
|
363
367
|
},
|
|
364
|
-
"husky": {
|
|
365
|
-
"hooks": {
|
|
366
|
-
"pre-commit": "pretty-quick --staged && yarn build:icons:types && git add src/Icon/staticTypes.ts"
|
|
367
|
-
}
|
|
368
|
-
},
|
|
369
368
|
"repository": {
|
|
370
369
|
"type": "git",
|
|
371
370
|
"url": "https://github.com/treasure-data/td-stylekit.git"
|