@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.
Files changed (70) hide show
  1. package/build/components/DataDisplay/NotificationCounter/notificationCounter.component.d.ts +0 -1
  2. package/build/components/Forms/RatingDots/ratingDot.component.d.ts +0 -1
  3. package/build/components/Forms/RatingDots/ratingDots.component.d.ts +0 -1
  4. package/build/components/Forms/index.d.ts +0 -1
  5. package/build/components/MediaAndIcons/Avatar/index.d.ts +0 -1
  6. package/build/components/MediaAndIcons/AvatarGroup/avatarGroup.component.d.ts +0 -1
  7. package/build/components/MediaAndIcons/Logo/logo.component.d.ts +0 -1
  8. package/build/components/MediaAndIcons/index.d.ts +1 -0
  9. package/build/components/Overlay/Menu/Components/MenuList/menuList.component.d.ts +0 -1
  10. package/build/components/Overlay/Menu/Components/MenuOptionGroup/menuOptionGroup.component.d.ts +0 -1
  11. package/build/components/Overlay/Menu/Components/MenuSelectAllButtons/menuSelectAllButtons.component.d.ts +0 -1
  12. package/build/components/Overlay/Tooltip/tooltip.component.d.ts +0 -1
  13. package/build/index.js +9 -129
  14. package/build/index.js.map +1 -1
  15. package/build/theme/theme.types.d.ts +0 -1
  16. package/build/theme/tokens/colors/color.types.d.ts +0 -1
  17. package/package.json +1 -1
  18. package/build/components/Avatar/avatar.component.d.ts +0 -26
  19. package/build/components/Avatar/avatar.config.d.ts +0 -2
  20. package/build/components/Avatar/avatar.types.d.ts +0 -1
  21. package/build/components/Avatar/index.d.ts +0 -3
  22. package/build/components/AvatarGroup/avatarGroup.component.d.ts +0 -13
  23. package/build/components/AvatarGroup/avatarGroup.utilities.d.ts +0 -6
  24. package/build/components/AvatarGroup/index.d.ts +0 -1
  25. package/build/components/Button/button.component.d.ts +0 -13
  26. package/build/components/Button/button.config.d.ts +0 -16
  27. package/build/components/Button/button.model.d.ts +0 -5
  28. package/build/components/Button/button.records.d.ts +0 -2
  29. package/build/components/Button/button.types.d.ts +0 -8
  30. package/build/components/Button/index.d.ts +0 -3
  31. package/build/components/Drawer/drawer.config.d.ts +0 -13
  32. package/build/components/Drawer/drawer.records.d.ts +0 -13
  33. package/build/components/Drawer/index.d.ts +0 -1
  34. package/build/components/Forms/Radio/components/RadioGroup/radioGroup.component.d.ts +0 -14
  35. package/build/components/Forms/Radio/index.d.ts +0 -5
  36. package/build/components/Forms/Radio/radio.component.d.ts +0 -6
  37. package/build/components/Forms/Radio/radio.config.d.ts +0 -2
  38. package/build/components/Forms/Radio/radio.types.d.ts +0 -2
  39. package/build/components/Icon/icon.component.d.ts +0 -8
  40. package/build/components/Icon/icon.config.d.ts +0 -3
  41. package/build/components/Icon/icon.records.d.ts +0 -3
  42. package/build/components/Icon/icon.types.d.ts +0 -3
  43. package/build/components/Icon/index.d.ts +0 -2
  44. package/build/components/Logo/index.d.ts +0 -2
  45. package/build/components/Logo/logo.component.d.ts +0 -14
  46. package/build/components/Logo/logo.config.d.ts +0 -6
  47. package/build/components/Logo/logo.records.d.ts +0 -6
  48. package/build/components/Logo/logo.types.d.ts +0 -3
  49. package/build/components/Logo/logos.d.ts +0 -22
  50. package/build/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.component.d.ts +0 -13
  51. package/build/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.utilities.d.ts +0 -6
  52. package/build/components/Textarea/index.d.ts +0 -3
  53. package/build/components/Textarea/textarea.component.d.ts +0 -5
  54. package/build/components/Textarea/textarea.config.d.ts +0 -2
  55. package/build/components/Textarea/textarea.types.d.ts +0 -2
  56. package/build/components/Tooltip/index.d.ts +0 -3
  57. package/build/components/Tooltip/tooltip.component.d.ts +0 -8
  58. package/build/components/Tooltip/tooltip.config.d.ts +0 -8
  59. package/build/components/Tooltip/tooltip.model.d.ts +0 -4
  60. package/build/components/Tooltip/tooltip.records.d.ts +0 -9
  61. package/build/components/Tooltip/tooltip.types.d.ts +0 -4
  62. package/build/components/Typography/Heading/heading.records.d.ts +0 -2
  63. package/build/components/Typography/Text/text.records.d.ts +0 -2
  64. package/build/providers/ThemeProvider/index.d.ts +0 -4
  65. package/build/providers/index.d.ts +0 -1
  66. package/build/theme/theme.model.d.ts +0 -37
  67. package/build/theme/theme.record.d.ts +0 -2
  68. package/build/theme/tokens/colors/color.model.d.ts +0 -74
  69. package/build/theme/tokens/colors/color.type.d.ts +0 -8
  70. package/build/theme/tokens/shadows.d.ts +0 -14
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FlexProps } from '@chakra-ui/react';
3
2
  import { NotificationCounterSize } from './notificationCounter.types';
4
3
  export interface NotificationCounterProps extends FlexProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface IRatingDotProps {
3
2
  number: number;
4
3
  isInteractive?: boolean;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface IRatingDotsProps {
3
2
  minValue: number;
4
3
  maxValue: number;
@@ -1,7 +1,6 @@
1
1
  export * from './Button';
2
2
  export * from './Textarea';
3
3
  export * from './TextInput';
4
- export * from './Radio';
5
4
  export * from './RatingDots';
6
5
  export * from './Select';
7
6
  export * from './Switch';
@@ -1,4 +1,3 @@
1
- export * from './components/AvatarGroup/avatarGroup.component';
2
1
  export * from './avatar.component';
3
2
  export * from './avatar.types';
4
3
  export * from './avatar.config';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { AvatarProps, AvatarSize } from 'components/MediaAndIcons/Avatar';
3
2
  export interface AvatarGroupProps {
4
3
  avatars: AvatarProps[];
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LogoHoliday, LogoType, LogoColor } from './logo.types';
3
2
  export interface ILogoProps {
4
3
  type?: LogoType;
@@ -1,3 +1,4 @@
1
1
  export * from './Avatar';
2
+ export * from './AvatarGroup';
2
3
  export * from './Icon';
3
4
  export * from './Logo';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MenuListProps as CMenuListProps } from '@chakra-ui/react';
3
2
  import { MenuItemProps } from '../MenuItem/menuItem.component';
4
3
  export interface MenuListProps extends CMenuListProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/react';
3
2
  declare const MenuOptionGroup: ({ children, ...rest }: CMenuOptionGroupProps) => JSX.Element;
4
3
  export default MenuOptionGroup;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface MenuSelectAllButtonsProps {
3
2
  groupName?: string;
4
3
  handleToggleAllItems: ({ groupName, clear }: {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { PlacementWithLogical, TooltipProps as ChakraTooltipProps } from '@chakra-ui/react';
3
2
  export interface TooltipProps extends ChakraTooltipProps {
4
3
  label: string;
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;