@decisiv/ui-components 2.0.1-alpha.160 → 2.0.1-alpha.162

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 (47) hide show
  1. package/lib/components/Loading/Loading.d.ts +12 -0
  2. package/lib/components/Loading/Loading.d.ts.map +1 -0
  3. package/lib/components/Loading/Loading.js +70 -0
  4. package/lib/components/Loading/index.d.ts +4 -0
  5. package/lib/components/Loading/index.d.ts.map +1 -0
  6. package/lib/components/Loading/index.js +33 -0
  7. package/lib/components/Loading/index.test.js +55 -0
  8. package/lib/components/Loading/schema.d.ts +4 -0
  9. package/lib/components/Loading/schema.d.ts.map +1 -0
  10. package/lib/components/Loading/schema.js +31 -0
  11. package/lib/components/Loading/styles.d.ts +211 -0
  12. package/lib/components/Loading/styles.d.ts.map +1 -0
  13. package/lib/components/Loading/styles.js +77 -0
  14. package/lib/components/Loading/types.d.ts +10 -0
  15. package/lib/components/Loading/types.d.ts.map +1 -0
  16. package/lib/components/Tabs/Tab/index.d.ts +13 -0
  17. package/lib/components/Tabs/Tab/index.d.ts.map +1 -0
  18. package/lib/components/Tabs/Tab/index.js +88 -0
  19. package/lib/components/Tabs/{schema.tab.d.ts → Tab/schema.d.ts} +1 -1
  20. package/lib/components/Tabs/Tab/schema.d.ts.map +1 -0
  21. package/lib/components/Tabs/Tab/styles.d.ts +7 -0
  22. package/lib/components/Tabs/Tab/styles.d.ts.map +1 -0
  23. package/lib/components/Tabs/Tab/styles.js +37 -0
  24. package/lib/components/Tabs/context.d.ts +2 -2
  25. package/lib/components/Tabs/context.d.ts.map +1 -1
  26. package/lib/components/Tabs/context.js +1 -1
  27. package/lib/components/Tabs/index.d.ts +17 -6
  28. package/lib/components/Tabs/index.d.ts.map +1 -1
  29. package/lib/components/Tabs/index.js +94 -163
  30. package/lib/components/Tabs/styles.d.ts +4 -0
  31. package/lib/components/Tabs/styles.d.ts.map +1 -0
  32. package/lib/components/Tabs/styles.js +35 -0
  33. package/lib/components/Typography/withColors.d.ts +1 -1
  34. package/lib/components/Typography/withColors.d.ts.map +1 -1
  35. package/lib/components/Typography/withColors.js +1 -1
  36. package/lib/components/index.d.ts +2 -1
  37. package/lib/components/index.d.ts.map +1 -1
  38. package/lib/components/index.js +58 -0
  39. package/package.json +2 -2
  40. package/lib/components/Tabs/Tab.d.ts +0 -5
  41. package/lib/components/Tabs/Tab.d.ts.map +0 -1
  42. package/lib/components/Tabs/Tab.js +0 -109
  43. package/lib/components/Tabs/schema.tab.d.ts.map +0 -1
  44. package/lib/components/Tabs/types.d.ts +0 -27
  45. package/lib/components/Tabs/types.d.ts.map +0 -1
  46. /package/lib/components/{Tabs → Loading}/types.js +0 -0
  47. /package/lib/components/Tabs/{schema.tab.js → Tab/schema.js} +0 -0
@@ -15,6 +15,7 @@ export { Column, Container, default as Grid, Row } from './Grid';
15
15
  export { default as JumpTo, JumpToRef } from './JumpTo';
16
16
  export { default as LeftNav, useStickyLeftNav } from './LeftNav';
17
17
  export { default as Link } from './Link';
18
+ export { default as Loading, LoadingProps, LoadingSize, LoadingVariant, } from './Loading';
18
19
  export { default as Menu } from './Menu';
19
20
  export { default as Message } from './Message';
20
21
  export { default as Modal } from './Modal';
@@ -30,7 +31,7 @@ export { default as SelectDate, DisabledDateRuleName, DayOfWeek, } from './Selec
30
31
  export { default as SelectDateRange } from './SelectDateRange';
31
32
  export { default as SelectMenu } from './SelectMenu';
32
33
  export { default as Table, TableProps } from './Table';
33
- export { default as Tabs, Tab } from './Tabs';
34
+ export { default as Tabs, Tab, TabsProps, TabData, TabIcon, TabProps, } from './Tabs';
34
35
  export { default as Tag, TagActionButtonRef, TagRef } from './Tag';
35
36
  export { default as TextArea } from './TextArea';
36
37
  export { default as TextField } from './TextField';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,IAAI,IAAI,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EACL,OAAO,IAAI,OAAO,EAClB,YAAY,EACZ,WAAW,EACX,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,oBAAoB,EACpB,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EACL,OAAO,IAAI,IAAI,EACf,GAAG,EACH,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GACT,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,cAAc,CAAC"}
@@ -36,6 +36,10 @@ var _exportNames = {
36
36
  LeftNav: true,
37
37
  useStickyLeftNav: true,
38
38
  Link: true,
39
+ Loading: true,
40
+ LoadingProps: true,
41
+ LoadingSize: true,
42
+ LoadingVariant: true,
39
43
  Menu: true,
40
44
  Message: true,
41
45
  Modal: true,
@@ -60,6 +64,10 @@ var _exportNames = {
60
64
  TableProps: true,
61
65
  Tabs: true,
62
66
  Tab: true,
67
+ TabsProps: true,
68
+ TabData: true,
69
+ TabIcon: true,
70
+ TabProps: true,
63
71
  Tag: true,
64
72
  TagActionButtonRef: true,
65
73
  TagRef: true,
@@ -262,6 +270,30 @@ Object.defineProperty(exports, "Link", {
262
270
  return _Link.default;
263
271
  }
264
272
  });
273
+ Object.defineProperty(exports, "Loading", {
274
+ enumerable: true,
275
+ get: function get() {
276
+ return _Loading.default;
277
+ }
278
+ });
279
+ Object.defineProperty(exports, "LoadingProps", {
280
+ enumerable: true,
281
+ get: function get() {
282
+ return _Loading.LoadingProps;
283
+ }
284
+ });
285
+ Object.defineProperty(exports, "LoadingSize", {
286
+ enumerable: true,
287
+ get: function get() {
288
+ return _Loading.LoadingSize;
289
+ }
290
+ });
291
+ Object.defineProperty(exports, "LoadingVariant", {
292
+ enumerable: true,
293
+ get: function get() {
294
+ return _Loading.LoadingVariant;
295
+ }
296
+ });
265
297
  Object.defineProperty(exports, "Menu", {
266
298
  enumerable: true,
267
299
  get: function get() {
@@ -406,6 +438,30 @@ Object.defineProperty(exports, "Tab", {
406
438
  return _Tabs.Tab;
407
439
  }
408
440
  });
441
+ Object.defineProperty(exports, "TabsProps", {
442
+ enumerable: true,
443
+ get: function get() {
444
+ return _Tabs.TabsProps;
445
+ }
446
+ });
447
+ Object.defineProperty(exports, "TabData", {
448
+ enumerable: true,
449
+ get: function get() {
450
+ return _Tabs.TabData;
451
+ }
452
+ });
453
+ Object.defineProperty(exports, "TabIcon", {
454
+ enumerable: true,
455
+ get: function get() {
456
+ return _Tabs.TabIcon;
457
+ }
458
+ });
459
+ Object.defineProperty(exports, "TabProps", {
460
+ enumerable: true,
461
+ get: function get() {
462
+ return _Tabs.TabProps;
463
+ }
464
+ });
409
465
  Object.defineProperty(exports, "Tag", {
410
466
  enumerable: true,
411
467
  get: function get() {
@@ -495,6 +551,8 @@ var _LeftNav = _interopRequireWildcard(require("./LeftNav"));
495
551
 
496
552
  var _Link = _interopRequireDefault(require("./Link"));
497
553
 
554
+ var _Loading = _interopRequireWildcard(require("./Loading"));
555
+
498
556
  var _Menu = _interopRequireDefault(require("./Menu"));
499
557
 
500
558
  var _Message = _interopRequireDefault(require("./Message"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@decisiv/ui-components",
3
- "version": "2.0.1-alpha.160+8252a7c",
3
+ "version": "2.0.1-alpha.162+1633819",
4
4
  "description": "Decisiv's design system React components",
5
5
  "author": "Decisiv UI Development Team",
6
6
  "license": "MIT",
@@ -71,5 +71,5 @@
71
71
  "access": "public"
72
72
  },
73
73
  "private": false,
74
- "gitHead": "8252a7c31399c379227f6c272026ed387e01b399"
74
+ "gitHead": "1633819ff8ff705affe08c74759c902d34ff00b6"
75
75
  }
@@ -1,5 +0,0 @@
1
- import { RefForwardingComponent } from 'react';
2
- import { TabProps, TabRef } from './types';
3
- declare const TabWithRef: RefForwardingComponent<TabRef, TabProps>;
4
- export default TabWithRef;
5
- //# sourceMappingURL=Tab.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAGA,OAAc,EAGZ,sBAAsB,EAIvB,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AA4I3C,QAAA,MAAM,UAAU,EAAE,sBAAsB,CAAC,MAAM,EAAE,QAAQ,CAAmB,CAAC;AAe7E,eAAe,UAAU,CAAC"}
@@ -1,109 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
9
-
10
- var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _react = _interopRequireWildcard(require("react"));
15
-
16
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
17
-
18
- var _designTokens = require("@decisiv/design-tokens");
19
-
20
- var _BaseButton = _interopRequireDefault(require("../../atoms/BaseButton"));
21
-
22
- var _assignRef = _interopRequireDefault(require("../../utils/assignRef"));
23
-
24
- var _styleModifiers = require("../../utils/styleModifiers");
25
-
26
- var _context = require("./context");
27
-
28
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
29
-
30
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
- function _extends() { _extends = 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.apply(this, arguments); }
33
-
34
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
35
-
36
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
37
-
38
- var base = _designTokens.color.base,
39
- interaction = _designTokens.color.interaction,
40
- opacity = _designTokens.color.opacity;
41
- var shadowColor = (0, _toColorString.default)(interaction.pacificOcean40);
42
- var yPaddingBySize = {
43
- normal: 5,
44
- large: 10
45
- };
46
- var StyledTab = (0, _styledComponents.default)(_BaseButton.default).withConfig({
47
- displayName: "Tab__StyledTab",
48
- componentId: "txb60x-0"
49
- })(["color:", ";align-items:center;background:", ";border-radius:2px 2px 0 0;border:1px solid transparent;cursor:default;display:flex;font-size:", ";line-height:1.4;margin:0;outline:none;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";position:relative;font-weight:", ";&::after{background:", ";bottom:-1px;content:'';height:3px;left:2px;opacity:0;position:absolute;right:2px;}&:hover{color:", ";}&[aria-selected='true']{border-color:", ";border-bottom-color:transparent;color:", ";margin-bottom:-1px;padding-bottom:", ";&:focus{border-color:", ";border-bottom-color:", ";box-shadow:inset 0 0 0 2px ", ";&::after{opacity:1;}}}&:disabled{color:", ";cursor:not-allowed;}> *:not(span){margin-top:-1px;}> * + span{margin-left:", ";}", ";"], (0, _toColorString.default)(interaction.pacificOcean), (0, _toColorString.default)(base.snowWhite), (0, _rem.default)(_designTokens.typography.size.scale[1]), (0, _rem.default)(yPaddingBySize.normal + 3), (0, _rem.default)(15), (0, _rem.default)(yPaddingBySize.normal - 1), (0, _rem.default)(15), _designTokens.typography.weight.alias.medium, (0, _toColorString.default)(base.snowWhite), (0, _toColorString.default)(interaction.indianOcean), (0, _toColorString.default)(base.quarterMoon), (0, _toColorString.default)(base.alaskanHusky), (0, _rem.default)(yPaddingBySize.normal), (0, _toColorString.default)(interaction.pacificOcean), shadowColor, shadowColor, (0, _toColorString.default)(opacity.charcoal40), (0, _rem.default)(8), (0, _styleModifiers.when)('size', 'large', (0, _styledComponents.css)(["font-size:", ";line-height:1.2;padding-bottom:", ";padding-top:", ";&[aria-selected='true']{padding-bottom:", ";}"], (0, _rem.default)(_designTokens.typography.size.scale[2]), (0, _rem.default)(yPaddingBySize.large - 1), (0, _rem.default)(yPaddingBySize.large + 3), (0, _rem.default)(yPaddingBySize.large))));
50
-
51
- var Tab = function Tab(props, ref) {
52
- var id = props.id,
53
- children = props.children,
54
- icon = props.icon,
55
- title = props.title,
56
- onClick = props.onClick,
57
- disabled = props.disabled,
58
- rest = _objectWithoutProperties(props, ["id", "children", "icon", "title", "onClick", "disabled"]);
59
-
60
- var tabs = (0, _context.useTabs)();
61
- var Icon = icon;
62
- var isActive = id === tabs.activeId;
63
- var internalRef = (0, _react.useRef)(null);
64
- var handleClick = (0, _react.useCallback)(function (e) {
65
- !disabled && tabs.activateById(id);
66
- onClick && onClick(e);
67
- }, [id, tabs, disabled, onClick]);
68
-
69
- var assignRefs = function assignRefs(node) {
70
- (0, _assignRef.default)(ref, node);
71
- (0, _assignRef.default)(internalRef, node);
72
- };
73
-
74
- tabs.register(id, {
75
- isDisabled: !!disabled,
76
- content: children,
77
- ref: internalRef
78
- });
79
- return _react.default.createElement(StyledTab, _extends({}, rest, {
80
- "aria-controls": "tab-panel-".concat(id),
81
- "aria-selected": isActive,
82
- disabled: !!disabled,
83
- id: "tab-".concat(id),
84
- onClick: handleClick,
85
- onKeyDown: tabs.onKeyDown,
86
- ref: assignRefs,
87
- role: "tab",
88
- size: tabs.size || 'normal',
89
- tabIndex: isActive ? 0 : -1,
90
- type: "button"
91
- }), Icon && _react.default.createElement(Icon, {
92
- size: "medium"
93
- }), _react.default.createElement("span", null, title));
94
- };
95
-
96
- var TabWithRef = (0, _react.forwardRef)(Tab); // @ts-ignore
97
-
98
- TabWithRef.propTypes = {
99
- id: _propTypes.default.string.isRequired,
100
- title: _propTypes.default.string.isRequired,
101
- icon: _propTypes.default.elementType,
102
- disabled: _propTypes.default.bool
103
- };
104
- TabWithRef.defaultProps = {
105
- icon: undefined,
106
- disabled: false
107
- };
108
- var _default = TabWithRef;
109
- exports.default = _default;
@@ -1 +0,0 @@
1
- {"version":3,"file":"schema.tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/schema.tab.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAmC,CAAC;AAqBhD,eAAe,MAAM,CAAC"}
@@ -1,27 +0,0 @@
1
- import { ComponentPropsWithoutRef, ReactNode, Ref, RefObject } from 'react';
2
- import { IconProps } from '@decisiv/iconix';
3
- declare type IconComponent = (props: IconProps) => JSX.Element;
4
- export declare type TabsRef = HTMLDivElement;
5
- export declare type TabRef = HTMLButtonElement;
6
- export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
7
- ref?: Ref<TabsRef>;
8
- size?: 'normal' | 'large';
9
- onChange?: (id: string) => void;
10
- selectedId?: string;
11
- defaultSelectedId?: string;
12
- renderHiddenTabsContent?: boolean;
13
- }
14
- export interface TabData {
15
- ref: RefObject<HTMLButtonElement>;
16
- content: ReactNode;
17
- isDisabled: boolean;
18
- }
19
- export interface TabProps extends Omit<ComponentPropsWithoutRef<'button'>, 'size'> {
20
- id: string;
21
- ref?: Ref<TabRef>;
22
- icon?: IconComponent;
23
- title: string;
24
- disabled?: boolean;
25
- }
26
- export {};
27
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,oBAAY,OAAO,GAAG,cAAc,CAAC;AACrC,oBAAY,MAAM,GAAG,iBAAiB,CAAC;AAEvC,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClC,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
File without changes