@televet/kibble-ui 1.7.4-beta.3dn9adp.1 → 1.7.4
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/build/components/DataDisplay/NotificationCounter/notificationCounter.component.d.ts +0 -1
- package/build/components/Forms/RatingDots/ratingDot.component.d.ts +0 -1
- package/build/components/Forms/RatingDots/ratingDots.component.d.ts +0 -1
- package/build/components/Forms/index.d.ts +0 -1
- package/build/components/MediaAndIcons/Avatar/index.d.ts +0 -1
- package/build/components/MediaAndIcons/AvatarGroup/avatarGroup.component.d.ts +0 -1
- package/build/components/MediaAndIcons/Logo/logo.component.d.ts +0 -1
- package/build/components/MediaAndIcons/index.d.ts +1 -0
- package/build/components/Overlay/Menu/Components/MenuList/menuList.component.d.ts +0 -1
- package/build/components/Overlay/Menu/Components/MenuOptionGroup/menuOptionGroup.component.d.ts +0 -1
- package/build/components/Overlay/Menu/Components/MenuSelectAllButtons/menuSelectAllButtons.component.d.ts +0 -1
- package/build/components/Overlay/Tooltip/tooltip.component.d.ts +0 -1
- package/build/index.js +9 -129
- package/build/index.js.map +1 -1
- package/build/theme/theme.types.d.ts +0 -1
- package/build/theme/tokens/colors/color.types.d.ts +0 -1
- package/package.json +1 -1
- package/build/components/Avatar/avatar.component.d.ts +0 -26
- package/build/components/Avatar/avatar.config.d.ts +0 -2
- package/build/components/Avatar/avatar.types.d.ts +0 -1
- package/build/components/Avatar/index.d.ts +0 -3
- package/build/components/AvatarGroup/avatarGroup.component.d.ts +0 -13
- package/build/components/AvatarGroup/avatarGroup.utilities.d.ts +0 -6
- package/build/components/AvatarGroup/index.d.ts +0 -1
- package/build/components/Button/button.component.d.ts +0 -13
- package/build/components/Button/button.config.d.ts +0 -16
- package/build/components/Button/button.model.d.ts +0 -5
- package/build/components/Button/button.records.d.ts +0 -2
- package/build/components/Button/button.types.d.ts +0 -8
- package/build/components/Button/index.d.ts +0 -3
- package/build/components/Drawer/drawer.config.d.ts +0 -13
- package/build/components/Drawer/drawer.records.d.ts +0 -13
- package/build/components/Drawer/index.d.ts +0 -1
- package/build/components/Forms/Radio/components/RadioGroup/radioGroup.component.d.ts +0 -14
- package/build/components/Forms/Radio/index.d.ts +0 -5
- package/build/components/Forms/Radio/radio.component.d.ts +0 -6
- package/build/components/Forms/Radio/radio.config.d.ts +0 -2
- package/build/components/Forms/Radio/radio.types.d.ts +0 -2
- package/build/components/Icon/icon.component.d.ts +0 -8
- package/build/components/Icon/icon.config.d.ts +0 -3
- package/build/components/Icon/icon.records.d.ts +0 -3
- package/build/components/Icon/icon.types.d.ts +0 -3
- package/build/components/Icon/index.d.ts +0 -2
- package/build/components/Logo/index.d.ts +0 -2
- package/build/components/Logo/logo.component.d.ts +0 -14
- package/build/components/Logo/logo.config.d.ts +0 -6
- package/build/components/Logo/logo.records.d.ts +0 -6
- package/build/components/Logo/logo.types.d.ts +0 -3
- package/build/components/Logo/logos.d.ts +0 -22
- package/build/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.component.d.ts +0 -13
- package/build/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.utilities.d.ts +0 -6
- package/build/components/Textarea/index.d.ts +0 -3
- package/build/components/Textarea/textarea.component.d.ts +0 -5
- package/build/components/Textarea/textarea.config.d.ts +0 -2
- package/build/components/Textarea/textarea.types.d.ts +0 -2
- package/build/components/Tooltip/index.d.ts +0 -3
- package/build/components/Tooltip/tooltip.component.d.ts +0 -8
- package/build/components/Tooltip/tooltip.config.d.ts +0 -8
- package/build/components/Tooltip/tooltip.model.d.ts +0 -4
- package/build/components/Tooltip/tooltip.records.d.ts +0 -9
- package/build/components/Tooltip/tooltip.types.d.ts +0 -4
- package/build/components/Typography/Heading/heading.records.d.ts +0 -2
- package/build/components/Typography/Text/text.records.d.ts +0 -2
- package/build/providers/ThemeProvider/index.d.ts +0 -4
- package/build/providers/index.d.ts +0 -1
- package/build/theme/theme.model.d.ts +0 -37
- package/build/theme/theme.record.d.ts +0 -2
- package/build/theme/tokens/colors/color.model.d.ts +0 -74
- package/build/theme/tokens/colors/color.type.d.ts +0 -8
- package/build/theme/tokens/shadows.d.ts +0 -14
package/build/index.js
CHANGED
|
@@ -295,7 +295,6 @@ var semanticColors = {
|
|
|
295
295
|
error: coreColors.red[500],
|
|
296
296
|
warning: coreColors.orange[200],
|
|
297
297
|
success: coreColors.green[200],
|
|
298
|
-
medium: coreColors.gray[600],
|
|
299
298
|
heavy: coreColors.comet[700],
|
|
300
299
|
},
|
|
301
300
|
dark: {
|
|
@@ -1917,109 +1916,6 @@ WrappedTextInput.displayName = 'TextInput';
|
|
|
1917
1916
|
|
|
1918
1917
|
var TextInputConfig = __assign({}, FormControlConfig);
|
|
1919
1918
|
|
|
1920
|
-
var Radio = function (_a) {
|
|
1921
|
-
var children = _a.children, _b = _a.size, size = _b === void 0 ? 'md' : _b, rest = __rest(_a, ["children", "size"]);
|
|
1922
|
-
return (React__default["default"].createElement(react.Radio, __assign({}, rest, { size: size }), children));
|
|
1923
|
-
};
|
|
1924
|
-
|
|
1925
|
-
var RadioGroup = function (_a) {
|
|
1926
|
-
var radios = _a.radios, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.direction, direction = _c === void 0 ? 'row' : _c, spacing = _a.spacing, rest = __rest(_a, ["radios", "size", "direction", "spacing"]);
|
|
1927
|
-
rest.$isFieldInline; var domProps = __rest(rest, ["$isFieldInline"]);
|
|
1928
|
-
return (React__default["default"].createElement(react.RadioGroup, __assign({}, domProps),
|
|
1929
|
-
React__default["default"].createElement(react.Stack, { direction: direction, spacing: spacing }, radios.map(function (radio, index) { return (React__default["default"].createElement(Radio, __assign({ key: index }, radio, { size: size }))); }))));
|
|
1930
|
-
};
|
|
1931
|
-
RadioGroup.displayName = 'RadioGroup';
|
|
1932
|
-
var WrappedRadioGroup = withFormControl(RadioGroup);
|
|
1933
|
-
|
|
1934
|
-
var RadioConfig = {
|
|
1935
|
-
baseStyle: {
|
|
1936
|
-
label: {
|
|
1937
|
-
color: colors.text.light.default,
|
|
1938
|
-
marginInlineStart: 2,
|
|
1939
|
-
},
|
|
1940
|
-
control: {
|
|
1941
|
-
background: colors.white,
|
|
1942
|
-
borderColor: semanticColors.border.light.medium,
|
|
1943
|
-
borderWidth: '1px',
|
|
1944
|
-
_hover: {
|
|
1945
|
-
borderColor: semanticColors.border.light.heavy,
|
|
1946
|
-
_disabled: {
|
|
1947
|
-
borderColor: colors.gray[200],
|
|
1948
|
-
},
|
|
1949
|
-
},
|
|
1950
|
-
_checked: {
|
|
1951
|
-
background: colors.teal[600],
|
|
1952
|
-
borderColor: colors.teal[600],
|
|
1953
|
-
_hover: {
|
|
1954
|
-
background: colors.teal[700],
|
|
1955
|
-
borderColor: colors.teal[700],
|
|
1956
|
-
},
|
|
1957
|
-
_disabled: {
|
|
1958
|
-
background: colors.teal[600],
|
|
1959
|
-
borderColor: colors.teal[600],
|
|
1960
|
-
color: colors.white,
|
|
1961
|
-
_hover: {
|
|
1962
|
-
background: colors.teal[600],
|
|
1963
|
-
borderColor: colors.teal[600],
|
|
1964
|
-
},
|
|
1965
|
-
},
|
|
1966
|
-
},
|
|
1967
|
-
_disabled: {
|
|
1968
|
-
background: colors.gray[200],
|
|
1969
|
-
borderColor: colors.gray[200],
|
|
1970
|
-
opacity: 0.4,
|
|
1971
|
-
},
|
|
1972
|
-
_invalid: {
|
|
1973
|
-
_hover: {
|
|
1974
|
-
borderColor: semanticColors.border.light.error,
|
|
1975
|
-
},
|
|
1976
|
-
_checked: {
|
|
1977
|
-
borderColor: colors.teal[600],
|
|
1978
|
-
_hover: {
|
|
1979
|
-
borderColor: colors.teal[700],
|
|
1980
|
-
},
|
|
1981
|
-
},
|
|
1982
|
-
_disabled: {
|
|
1983
|
-
borderColor: colors.gray[200],
|
|
1984
|
-
},
|
|
1985
|
-
},
|
|
1986
|
-
_focus: {
|
|
1987
|
-
boxShadow: 'none',
|
|
1988
|
-
},
|
|
1989
|
-
},
|
|
1990
|
-
},
|
|
1991
|
-
sizes: {
|
|
1992
|
-
sm: {
|
|
1993
|
-
label: {
|
|
1994
|
-
fontSize: fontSizes.sm,
|
|
1995
|
-
},
|
|
1996
|
-
control: {
|
|
1997
|
-
height: '12px',
|
|
1998
|
-
width: '12px',
|
|
1999
|
-
},
|
|
2000
|
-
},
|
|
2001
|
-
md: {
|
|
2002
|
-
label: {
|
|
2003
|
-
fontSize: fontSizes.md,
|
|
2004
|
-
},
|
|
2005
|
-
control: {
|
|
2006
|
-
height: '16px',
|
|
2007
|
-
width: '16px',
|
|
2008
|
-
},
|
|
2009
|
-
},
|
|
2010
|
-
lg: {
|
|
2011
|
-
label: {
|
|
2012
|
-
fontSize: fontSizes.lg,
|
|
2013
|
-
marginLeft: 3,
|
|
2014
|
-
},
|
|
2015
|
-
control: {
|
|
2016
|
-
height: '20px',
|
|
2017
|
-
width: '20px',
|
|
2018
|
-
},
|
|
2019
|
-
},
|
|
2020
|
-
},
|
|
2021
|
-
};
|
|
2022
|
-
|
|
2023
1919
|
var RatingDot = function (_a) {
|
|
2024
1920
|
var number = _a.number, isInteractive = _a.isInteractive, isDisabled = _a.isDisabled, onClick = _a.onClick, selected = _a.selected;
|
|
2025
1921
|
var colors = useTheme().colors;
|
|
@@ -4447,15 +4343,6 @@ var SwitchConfig = {
|
|
|
4447
4343
|
},
|
|
4448
4344
|
};
|
|
4449
4345
|
|
|
4450
|
-
var AvatarGroup = function (_a) {
|
|
4451
|
-
var avatars = _a.avatars, _b = _a.max, max = _b === void 0 ? 3 : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, handleAddButtonClick = _a.handleAddButtonClick, _d = _a.showAddButton, showAddButton = _d === void 0 ? true : _d, addButtonTooltipText = _a.addButtonTooltipText, _e = _a.showRemoveAvatarButton, showRemoveAvatarButton = _e === void 0 ? false : _e, handleRemoveButtonClick = _a.handleRemoveButtonClick;
|
|
4452
|
-
var mergedNames = React.useMemo(function () { return avatars.map(function (avatar) { return avatar.name; }).join(', '); }, [avatars]);
|
|
4453
|
-
var spacing = size === 'lg' || size === 'md' ? -2 : -1;
|
|
4454
|
-
return (React__default["default"].createElement(react.AvatarGroup, { size: size, spacing: spacing },
|
|
4455
|
-
avatars.length > max ? (React__default["default"].createElement(Avatar, { name: "".concat(avatars.length), size: size, variant: exports.AvatarVariant.Number, tooltipText: mergedNames })) : (avatars.map(function (avatar) { return (React__default["default"].createElement(Avatar, __assign({}, avatar, { key: avatar.name, size: size, showRemoveButton: showRemoveAvatarButton, handleRemoveButtonClick: handleRemoveButtonClick }))); })),
|
|
4456
|
-
showAddButton && (React__default["default"].createElement(Avatar, { name: "", variant: exports.AvatarVariant.Dashed, icon: React__default["default"].createElement(Icon, { name: "plus", color: "subtle", size: size }), onClick: handleAddButtonClick, tooltipText: addButtonTooltipText, size: size }))));
|
|
4457
|
-
};
|
|
4458
|
-
|
|
4459
4346
|
var useAdaptiveColor = function (color) { return react.useColorModeValue(color.light, color.dark); };
|
|
4460
4347
|
|
|
4461
4348
|
var Tooltip = function (_a) {
|
|
@@ -4692,6 +4579,15 @@ var AvatarConfig = {
|
|
|
4692
4579
|
},
|
|
4693
4580
|
};
|
|
4694
4581
|
|
|
4582
|
+
var AvatarGroup = function (_a) {
|
|
4583
|
+
var avatars = _a.avatars, _b = _a.max, max = _b === void 0 ? 3 : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, handleAddButtonClick = _a.handleAddButtonClick, _d = _a.showAddButton, showAddButton = _d === void 0 ? true : _d, addButtonTooltipText = _a.addButtonTooltipText, _e = _a.showRemoveAvatarButton, showRemoveAvatarButton = _e === void 0 ? false : _e, handleRemoveButtonClick = _a.handleRemoveButtonClick;
|
|
4584
|
+
var mergedNames = React.useMemo(function () { return avatars.map(function (avatar) { return avatar.name; }).join(', '); }, [avatars]);
|
|
4585
|
+
var spacing = size === 'lg' || size === 'md' ? -2 : -1;
|
|
4586
|
+
return (React__default["default"].createElement(react.AvatarGroup, { size: size, spacing: spacing },
|
|
4587
|
+
avatars.length > max ? (React__default["default"].createElement(Avatar, { name: "".concat(avatars.length), size: size, variant: exports.AvatarVariant.Number, tooltipText: mergedNames })) : (avatars.map(function (avatar) { return (React__default["default"].createElement(Avatar, __assign({}, avatar, { key: avatar.name, size: size, showRemoveButton: showRemoveAvatarButton, handleRemoveButtonClick: handleRemoveButtonClick }))); })),
|
|
4588
|
+
showAddButton && (React__default["default"].createElement(Avatar, { name: "", variant: exports.AvatarVariant.Dashed, icon: React__default["default"].createElement(Icon, { name: "plus", color: "subtle", size: size }), onClick: handleAddButtonClick, tooltipText: addButtonTooltipText, size: size }))));
|
|
4589
|
+
};
|
|
4590
|
+
|
|
4695
4591
|
var _path$k, _path2$7;
|
|
4696
4592
|
|
|
4697
4593
|
function _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
|
|
@@ -6501,7 +6397,6 @@ var theme = react.extendTheme({
|
|
|
6501
6397
|
Avatar: AvatarConfig,
|
|
6502
6398
|
Menu: MenuConfig,
|
|
6503
6399
|
Tag: TagConfig,
|
|
6504
|
-
Radio: RadioConfig,
|
|
6505
6400
|
},
|
|
6506
6401
|
});
|
|
6507
6402
|
|
|
@@ -9113,10 +9008,6 @@ Object.defineProperty(exports, 'Box', {
|
|
|
9113
9008
|
enumerable: true,
|
|
9114
9009
|
get: function () { return react.Box; }
|
|
9115
9010
|
});
|
|
9116
|
-
Object.defineProperty(exports, 'CRadioGroup', {
|
|
9117
|
-
enumerable: true,
|
|
9118
|
-
get: function () { return react.RadioGroup; }
|
|
9119
|
-
});
|
|
9120
9011
|
Object.defineProperty(exports, 'Center', {
|
|
9121
9012
|
enumerable: true,
|
|
9122
9013
|
get: function () { return react.Center; }
|
|
@@ -9265,14 +9156,6 @@ Object.defineProperty(exports, 'WrapItem', {
|
|
|
9265
9156
|
enumerable: true,
|
|
9266
9157
|
get: function () { return react.WrapItem; }
|
|
9267
9158
|
});
|
|
9268
|
-
Object.defineProperty(exports, 'useRadioGroup', {
|
|
9269
|
-
enumerable: true,
|
|
9270
|
-
get: function () { return react.useRadioGroup; }
|
|
9271
|
-
});
|
|
9272
|
-
Object.defineProperty(exports, 'useRadioGroupContext', {
|
|
9273
|
-
enumerable: true,
|
|
9274
|
-
get: function () { return react.useRadioGroupContext; }
|
|
9275
|
-
});
|
|
9276
9159
|
exports.Avatar = Avatar;
|
|
9277
9160
|
exports.AvatarConfig = AvatarConfig;
|
|
9278
9161
|
exports.AvatarGroup = AvatarGroup;
|
|
@@ -9290,9 +9173,6 @@ exports.MenuConfig = MenuConfig;
|
|
|
9290
9173
|
exports.MenuContext = MenuContext;
|
|
9291
9174
|
exports.MenuItemConfig = MenuItemConfig;
|
|
9292
9175
|
exports.NotificationCounter = NotificationCounter;
|
|
9293
|
-
exports.Radio = Radio;
|
|
9294
|
-
exports.RadioConfig = RadioConfig;
|
|
9295
|
-
exports.RadioGroup = WrappedRadioGroup;
|
|
9296
9176
|
exports.RatingDot = RatingDot;
|
|
9297
9177
|
exports.RatingDots = RatingDots;
|
|
9298
9178
|
exports.Select = WrappedSelect;
|