@hexure/ui 1.6.2 → 1.6.3
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/cjs/index.js +7 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/Theme.d.ts +4 -0
- package/dist/cjs/types/components/Tag/Tag.d.ts +4 -3
- package/dist/esm/index.js +7 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/Theme.d.ts +4 -0
- package/dist/esm/types/components/Tag/Tag.d.ts +4 -3
- package/dist/index.d.ts +3 -2
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2026,6 +2026,10 @@ var Colors = {
|
|
|
2026
2026
|
Hex: '#E7E6E6',
|
|
2027
2027
|
Rgb: '231, 230, 230',
|
|
2028
2028
|
},
|
|
2029
|
+
SUBTLE_GRAY: {
|
|
2030
|
+
Hex: '#f5f5f5',
|
|
2031
|
+
Rgb: '245, 245, 245',
|
|
2032
|
+
},
|
|
2029
2033
|
};
|
|
2030
2034
|
var FontStyles = {
|
|
2031
2035
|
DEFAULT: '"Roboto", Helvetica, Arial, sans-serif',
|
|
@@ -3152,15 +3156,15 @@ var templateObject_1$3, templateObject_2$3, templateObject_3$2;
|
|
|
3152
3156
|
|
|
3153
3157
|
var Wrapper$1 = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n display: inline-block;\n border-radius: 4px;\n padding: 4px 6px;\n background: ", ";\n color: #ffffff;\n box-sizing: border-box;\n cursor: ", ";\n"], ["\n display: inline-block;\n border-radius: 4px;\n padding: 4px 6px;\n background: ", ";\n color: #ffffff;\n box-sizing: border-box;\n cursor: ", ";\n"])), function (props) { return Colors[props.$color].Hex; }, function (props) { return (props.$removable ? 'pointer' : 'default'); });
|
|
3154
3158
|
var Content = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
3155
|
-
var Label = styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n color:
|
|
3159
|
+
var Label = styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: 500;\n font-family: ", ";\n line-height: 1.2em;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: 500;\n font-family: ", ";\n line-height: 1.2em;\n"])), function (props) { return (props.$color === 'SUBTLE_GRAY' ? '#000000' : '#ffffff'); }, FontSizes.SMALL, FontStyles.DEFAULT);
|
|
3156
3160
|
var Remove = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-left: 10px;\n display: flex;\n align-items: center;\n"], ["\n margin-left: 10px;\n display: flex;\n align-items: center;\n"])));
|
|
3157
3161
|
var Tag = function (_a) {
|
|
3158
3162
|
var children = _a.children, _b = _a.color, color = _b === void 0 ? 'PRIMARY' : _b, removable = _a.removable, onClick = _a.onClick, accessibleProps = __rest(_a, ["children", "color", "removable", "onClick"]);
|
|
3159
3163
|
return (React.createElement(Wrapper$1, __assign({ "$color": color, "$removable": removable, onClick: onClick }, accessibleProps),
|
|
3160
3164
|
React.createElement(Content, null,
|
|
3161
|
-
React.createElement(Label,
|
|
3165
|
+
React.createElement(Label, { "$color": color }, children),
|
|
3162
3166
|
removable ? (React.createElement(Remove, null,
|
|
3163
|
-
React.createElement(Icon, { color: '#ffffff', path: js.mdiClose, size: '15px' }))) : null)));
|
|
3167
|
+
React.createElement(Icon, { color: color === 'SUBTLE_GRAY' ? '#000000' : '#ffffff', path: js.mdiClose, size: '15px' }))) : null)));
|
|
3164
3168
|
};
|
|
3165
3169
|
var templateObject_1$2, templateObject_2$2, templateObject_3$1, templateObject_4;
|
|
3166
3170
|
|