@economic/taco 1.26.2 → 1.28.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. package/dist/components/Calendar/Calendar.d.ts +2 -0
  2. package/dist/components/Header/components/Button.d.ts +0 -2
  3. package/dist/components/Header/components/Link.d.ts +0 -1
  4. package/dist/components/Header/components/SecondaryNavigation.d.ts +2 -2
  5. package/dist/components/Icon/components/WorkflowTemplateBasic.d.ts +3 -0
  6. package/dist/components/Icon/components/index.d.ts +1 -1
  7. package/dist/components/Input/Input.d.ts +1 -1
  8. package/dist/components/Menu/components/Item.d.ts +1 -1
  9. package/dist/components/Menu/components/Link.d.ts +1 -1
  10. package/dist/components/Navigation2/components/Link.d.ts +1 -1
  11. package/dist/components/OverflowGroup/OverflowGroup.d.ts +5 -0
  12. package/dist/components/Provider/Localization.d.ts +1 -0
  13. package/dist/components/Select2/components/Option.d.ts +1 -1
  14. package/dist/components/Select2/components/Search.d.ts +1 -1
  15. package/dist/components/Tag/Tag.d.ts +1 -1
  16. package/dist/components/Toast/util.d.ts +2 -1
  17. package/dist/esm/index.css +3 -3
  18. package/dist/esm/packages/taco/src/components/Alert/Alert.js +1 -1
  19. package/dist/esm/packages/taco/src/components/Alert/Alert.js.map +1 -1
  20. package/dist/esm/packages/taco/src/components/Badge/Badge.js +1 -1
  21. package/dist/esm/packages/taco/src/components/Badge/Badge.js.map +1 -1
  22. package/dist/esm/packages/taco/src/components/BadgeIcon/BadgeIcon.js +1 -1
  23. package/dist/esm/packages/taco/src/components/BadgeIcon/BadgeIcon.js.map +1 -1
  24. package/dist/esm/packages/taco/src/components/Calendar/Calendar.js +12 -5
  25. package/dist/esm/packages/taco/src/components/Calendar/Calendar.js.map +1 -1
  26. package/dist/esm/packages/taco/src/components/Combobox/useCombobox.js +1 -1
  27. package/dist/esm/packages/taco/src/components/Datepicker/Datepicker.js +8 -4
  28. package/dist/esm/packages/taco/src/components/Datepicker/Datepicker.js.map +1 -1
  29. package/dist/esm/packages/taco/src/components/Drawer/Drawer.js +1 -1
  30. package/dist/esm/packages/taco/src/components/Drawer/components/Content.js +2 -2
  31. package/dist/esm/packages/taco/src/components/Header/components/AgreementSelector.js +1 -1
  32. package/dist/esm/packages/taco/src/components/Header/components/Button.js +2 -6
  33. package/dist/esm/packages/taco/src/components/Header/components/Button.js.map +1 -1
  34. package/dist/esm/packages/taco/src/components/Header/components/Link.js +3 -7
  35. package/dist/esm/packages/taco/src/components/Header/components/Link.js.map +1 -1
  36. package/dist/esm/packages/taco/src/components/Header/components/PrimaryNavigation.js +7 -114
  37. package/dist/esm/packages/taco/src/components/Header/components/PrimaryNavigation.js.map +1 -1
  38. package/dist/esm/packages/taco/src/components/Header/components/SecondaryNavigation.js +2 -2
  39. package/dist/esm/packages/taco/src/components/Header/components/SecondaryNavigation.js.map +1 -1
  40. package/dist/esm/packages/taco/src/components/Icon/Icon.js +1 -0
  41. package/dist/esm/packages/taco/src/components/Icon/Icon.js.map +1 -1
  42. package/dist/esm/packages/taco/src/components/Icon/components/WorkflowTemplateBasic.js +18 -0
  43. package/dist/esm/packages/taco/src/components/Icon/components/WorkflowTemplateBasic.js.map +1 -0
  44. package/dist/esm/packages/taco/src/components/Icon/components/index.js +2 -0
  45. package/dist/esm/packages/taco/src/components/Icon/components/index.js.map +1 -1
  46. package/dist/esm/packages/taco/src/components/Input/Input.js +1 -1
  47. package/dist/esm/packages/taco/src/components/Listbox/ScrollableList.js +1 -1
  48. package/dist/esm/packages/taco/src/components/Listbox/useListbox.js +1 -1
  49. package/dist/esm/packages/taco/src/components/Listbox/useMultiListbox.js +1 -1
  50. package/dist/esm/packages/taco/src/components/Menu/Menu.js +2 -2
  51. package/dist/esm/packages/taco/src/components/Menu/components/Content.js +1 -1
  52. package/dist/esm/packages/taco/src/components/Menu/components/Header.js +1 -1
  53. package/dist/esm/packages/taco/src/components/Menu/components/Item.js +1 -1
  54. package/dist/esm/packages/taco/src/components/Menu/components/Link.js +1 -1
  55. package/dist/esm/packages/taco/src/components/Menu/components/Trigger.js +1 -1
  56. package/dist/esm/packages/taco/src/components/OverflowGroup/OverflowGroup.js +75 -0
  57. package/dist/esm/packages/taco/src/components/OverflowGroup/OverflowGroup.js.map +1 -0
  58. package/dist/esm/packages/taco/src/components/Provider/Localization.js +1 -0
  59. package/dist/esm/packages/taco/src/components/Provider/Localization.js.map +1 -1
  60. package/dist/esm/packages/taco/src/components/Select/useSelect.js +1 -1
  61. package/dist/esm/packages/taco/src/components/Select2/Select2.js +2 -2
  62. package/dist/esm/packages/taco/src/components/Select2/components/Edit.js +3 -3
  63. package/dist/esm/packages/taco/src/components/Select2/components/Edit.js.map +1 -1
  64. package/dist/esm/packages/taco/src/components/Select2/components/Trigger.js +1 -1
  65. package/dist/esm/packages/taco/src/components/Table/components/WindowedTable.js +1 -1
  66. package/dist/esm/packages/taco/src/components/Table/hooks/useTableKeyboardNavigation.js +1 -1
  67. package/dist/esm/packages/taco/src/components/Table2/components/column/Cell.js +1 -1
  68. package/dist/esm/packages/taco/src/components/Table2/components/filters/FiltersButton.js +1 -1
  69. package/dist/esm/packages/taco/src/components/Table2/utilities/columns.js +1 -1
  70. package/dist/esm/packages/taco/src/components/Tag/Tag.js +1 -1
  71. package/dist/esm/packages/taco/src/components/Tag/Tag.js.map +1 -1
  72. package/dist/esm/packages/taco/src/components/Toast/Toast.js +2 -2
  73. package/dist/esm/packages/taco/src/components/Toast/Toast.js.map +1 -1
  74. package/dist/esm/packages/taco/src/components/Toast/util.js +2 -1
  75. package/dist/esm/packages/taco/src/components/Toast/util.js.map +1 -1
  76. package/dist/esm/packages/taco/src/hooks/useIntersectionObserver.js +1 -1
  77. package/dist/esm/packages/taco/src/hooks/useIntersectionObserver.js.map +1 -1
  78. package/dist/esm/packages/taco/src/index.js +8 -8
  79. package/dist/esm/packages/taco/src/utils/{taillwind.js → tailwind.js} +1 -1
  80. package/dist/esm/packages/taco/src/utils/tailwind.js.map +1 -0
  81. package/dist/index.css +3 -3
  82. package/dist/index.d.ts +3 -3
  83. package/dist/taco.cjs.development.js +1245 -1302
  84. package/dist/taco.cjs.development.js.map +1 -1
  85. package/dist/taco.cjs.production.min.js +1 -1
  86. package/dist/taco.cjs.production.min.js.map +1 -1
  87. package/dist/types.d.ts +1 -1
  88. package/dist/utils/tailwind.d.ts +6 -1
  89. package/package.json +4 -3
  90. package/types.json +11 -14
  91. package/dist/components/ButtonGroup/ButtonGroup.d.ts +0 -5
  92. package/dist/esm/packages/taco/src/components/ButtonGroup/ButtonGroup.js +0 -46
  93. package/dist/esm/packages/taco/src/components/ButtonGroup/ButtonGroup.js.map +0 -1
  94. package/dist/esm/packages/taco/src/utils/taillwind.js.map +0 -1
  95. package/dist/utils/taillwind.d.ts +0 -6
package/dist/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { AVAILABLE_COLORS } from './utils/taillwind';
1
+ import { AVAILABLE_COLORS } from './utils/tailwind';
2
2
  export declare type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete';
3
3
  export declare type State = 'default' | 'success' | 'error' | 'warning' | 'information';
4
4
  export declare type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';
@@ -1 +1,6 @@
1
- export declare const getInputStateClasses: (state?: string | undefined) => string | false;
1
+ import { Color, State } from '../types';
2
+ export declare const AVAILABLE_COLORS: readonly ["green", "yellow", "red", "blue", "purple", "brown", "pink", "orange", "grey", "transparent"];
3
+ export declare const getColorByState: (state: State | undefined) => Color;
4
+ export declare const getOutlineColorShadeClasses: (state: Color | undefined) => string;
5
+ export declare const getSubtleColorShadeClasses: (value: Color | undefined) => string;
6
+ export declare const getColorShadeClasses: (value: Color | undefined) => string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@economic/taco",
3
- "version": "1.26.2",
3
+ "version": "1.28.0",
4
4
  "description": "> TODO: description",
5
5
  "author": "Matt Daly <matthew.daly@visma.com>",
6
6
  "homepage": "https://github.com/e-conomic/taco#readme",
@@ -74,6 +74,7 @@
74
74
  "uuid": "^9.0.0"
75
75
  },
76
76
  "peerDependencies": {
77
+ "@tailwindcss/line-clamp": ">=0",
77
78
  "react": ">=17",
78
79
  "react-dom": ">=17",
79
80
  "tailwindcss": ">=3"
@@ -111,7 +112,7 @@
111
112
  "rollup-plugin-peer-deps-external": "^2.2.4",
112
113
  "rollup-plugin-postcss": "^4.0.2",
113
114
  "svgo": "^1.3.2",
114
- "tailwindcss": "^3.2.1",
115
+ "tailwindcss": "^3.2.7",
115
116
  "ts-jest": "^29.0.3",
116
117
  "ts-node": "^10.9.1",
117
118
  "tsdx": "^0.13.2",
@@ -132,5 +133,5 @@
132
133
  "not ie < 11"
133
134
  ]
134
135
  },
135
- "gitHead": "d7dc213b72818aa23632b4bdf9253e3f3006aac3"
136
+ "gitHead": "b3dbe80cb4f874c899a8b0b4aaf451273fe62276"
136
137
  }
package/types.json CHANGED
@@ -266,7 +266,7 @@
266
266
  "type": {
267
267
  "type": "reflection",
268
268
  "declaration": {
269
- "id": 1325,
269
+ "id": 1328,
270
270
  "name": "__type",
271
271
  "kind": 65536,
272
272
  "kindString": "Type literal",
@@ -789,11 +789,6 @@
789
789
  "name": "aria-label",
790
790
  "optional": false,
791
791
  "type": "string"
792
- },
793
- {
794
- "name": "as",
795
- "optional": true,
796
- "type": "string"
797
792
  }
798
793
  ]
799
794
  }
@@ -842,6 +837,12 @@
842
837
  "optional": false,
843
838
  "type": "string[]"
844
839
  },
840
+ {
841
+ "description": "Text for days in Calendar's header, starting with Sunday",
842
+ "name": "weekdays",
843
+ "optional": false,
844
+ "type": "string[]"
845
+ },
845
846
  {
846
847
  "description": "Text abbreviation for days in Calendar's header, starting with Sunday",
847
848
  "name": "weekdaysShort",
@@ -2097,11 +2098,6 @@
2097
2098
  "AnchorHTMLAttributes<HTMLAnchorElement>"
2098
2099
  ],
2099
2100
  "props": [
2100
- {
2101
- "name": "as",
2102
- "optional": true,
2103
- "type": "string"
2104
- },
2105
2101
  {
2106
2102
  "name": "tooltip",
2107
2103
  "optional": true,
@@ -2206,7 +2202,7 @@
2206
2202
  "PrimaryNavigationProps": "HTMLAttributes<HTMLElement>"
2207
2203
  },
2208
2204
  "SecondaryNavigation": {
2209
- "SecondaryNavigationProps": "HTMLAttributes<HTMLUListElement>"
2205
+ "SecondaryNavigationProps": "HTMLAttributes<HTMLDivElement>"
2210
2206
  },
2211
2207
  "HoverCard": {
2212
2208
  "HoverCardContentProps": {
@@ -2456,6 +2452,7 @@
2456
2452
  "'warning'",
2457
2453
  "'webshop'",
2458
2454
  "'website'",
2455
+ "'workflow-template-basic'",
2459
2456
  "'workflow'",
2460
2457
  "'zoom'"
2461
2458
  ]
@@ -3875,7 +3872,7 @@
3875
3872
  {
3876
3873
  "type": "reflection",
3877
3874
  "declaration": {
3878
- "id": 3278,
3875
+ "id": 3285,
3879
3876
  "name": "__type",
3880
3877
  "kind": 65536,
3881
3878
  "kindString": "Type literal",
@@ -4075,7 +4072,7 @@
4075
4072
  "constraint": {
4076
4073
  "type": "reflection",
4077
4074
  "declaration": {
4078
- "id": 2018,
4075
+ "id": 2025,
4079
4076
  "name": "__type",
4080
4077
  "kind": 65536,
4081
4078
  "kindString": "Type literal",
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { ButtonProps } from '../Button/Button';
3
- export declare const ButtonGroup: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
4
- children: React.ReactElement<ButtonProps>[];
5
- } & React.RefAttributes<HTMLDivElement>>;
@@ -1,46 +0,0 @@
1
- import React__default from 'react';
2
- import cn from 'classnames';
3
- import { IconButton } from '../IconButton/IconButton.js';
4
- import { useMergedRef } from '../../hooks/useMergedRef.js';
5
- import { Group } from '../Group/Group.js';
6
- import { Menu } from '../Menu/Menu.js';
7
- import { useIntersectionObserver } from '../../hooks/useIntersectionObserver.js';
8
-
9
- const sanitizeButtonPropsForMenuItem = props => {
10
- const {
11
- appearance: _1,
12
- drawer: _2,
13
- fluid: _3,
14
- hanger: _4,
15
- menu: _5,
16
- popover: _6,
17
- tooltip: _7,
18
- ...attributes
19
- } = props;
20
- return attributes;
21
- };
22
- const OFFSET = 32 + 8;
23
- const ButtonGroup = /*#__PURE__*/React__default.forwardRef(function ButtonGroup(props, ref) {
24
- const internalRef = useMergedRef(ref);
25
- const intersectedChildIndex = useIntersectionObserver(internalRef, OFFSET);
26
- const children = React__default.Children.toArray(props.children);
27
- const hidden = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];
28
- return /*#__PURE__*/React__default.createElement(Group, Object.assign({}, props, {
29
- ref: internalRef
30
- }), children.map((child, index) => /*#__PURE__*/React__default.cloneElement(child, {
31
- className: cn(child.props.className, {
32
- visible: intersectedChildIndex === undefined || index < intersectedChildIndex,
33
- 'invisible order-[100] pointer-events-none': intersectedChildIndex !== undefined && index >= intersectedChildIndex
34
- })
35
- })), hidden.length ? /*#__PURE__*/React__default.createElement(IconButton, {
36
- className: "sticky right-0 order-[99]",
37
- "data-intesection-observer": "ignore",
38
- icon: "more",
39
- menu: menuProps => /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, hidden.map((button, index) => /*#__PURE__*/React__default.createElement(Menu.Item, Object.assign({
40
- key: index
41
- }, sanitizeButtonPropsForMenuItem(button.props))))))
42
- }) : null);
43
- });
44
-
45
- export { ButtonGroup };
46
- //# sourceMappingURL=ButtonGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonGroup.js","sources":["../../../../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { ButtonProps } from '../Button/Button';\nimport { Group } from '../Group/Group';\nimport { Menu } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { IconButton } from '../IconButton/IconButton';\n\nconst sanitizeButtonPropsForMenuItem = props => {\n const { appearance: _1, drawer: _2, fluid: _3, hanger: _4, menu: _5, popover: _6, tooltip: _7, ...attributes } = props;\n return attributes;\n};\n\ntype ButtonGroupProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {\n children: React.ReactElement<ButtonProps>[];\n};\n\nconst OFFSET = 32 + 8;\n\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(props: ButtonGroupProps, ref: React.Ref<HTMLDivElement>) {\n const internalRef = useMergedRef<HTMLDivElement>(ref);\n const intersectedChildIndex = useIntersectionObserver(internalRef, OFFSET);\n const children = React.Children.toArray(props.children) as React.ReactElement<ButtonProps>[];\n\n const hidden = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];\n\n return (\n <Group {...props} ref={internalRef}>\n {children.map((child, index) =>\n React.cloneElement(child, {\n className: cn(child.props.className, {\n visible: intersectedChildIndex === undefined || index < intersectedChildIndex,\n 'invisible order-[100] pointer-events-none':\n intersectedChildIndex !== undefined && index >= intersectedChildIndex,\n }),\n })\n )}\n {hidden.length ? (\n <IconButton\n className=\"sticky right-0 order-[99]\"\n data-intesection-observer=\"ignore\"\n icon=\"more\"\n menu={menuProps => (\n <Menu {...menuProps}>\n <Menu.Content>\n {hidden.map((button, index) => (\n <Menu.Item key={index} {...sanitizeButtonPropsForMenuItem(button.props)} />\n ))}\n </Menu.Content>\n </Menu>\n )}\n />\n ) : null}\n </Group>\n );\n});\n"],"names":["sanitizeButtonPropsForMenuItem","props","appearance","_1","drawer","_2","fluid","_3","hanger","_4","menu","_5","popover","_6","tooltip","_7","attributes","OFFSET","ButtonGroup","React","forwardRef","ref","internalRef","useMergedRef","intersectedChildIndex","useIntersectionObserver","children","Children","toArray","hidden","undefined","slice","Group","map","child","index","cloneElement","className","cn","visible","length","IconButton","icon","menuProps","Menu","Content","button","Item","key"],"mappings":";;;;;;;;AASA,MAAMA,8BAA8B,GAAGC,KAAK;EACxC,MAAM;IAAEC,UAAU,EAAEC,EAAE;IAAEC,MAAM,EAAEC,EAAE;IAAEC,KAAK,EAAEC,EAAE;IAAEC,MAAM,EAAEC,EAAE;IAAEC,IAAI,EAAEC,EAAE;IAAEC,OAAO,EAAEC,EAAE;IAAEC,OAAO,EAAEC,EAAE;IAAE,GAAGC;GAAY,GAAGf,KAAK;EACtH,OAAOe,UAAU;AACrB,CAAC;AAMD,MAAMC,MAAM,GAAG,EAAE,GAAG,CAAC;MAERC,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,WAAW,CAACjB,KAAuB,EAAEoB,GAA8B;EACpH,MAAMC,WAAW,GAAGC,YAAY,CAAiBF,GAAG,CAAC;EACrD,MAAMG,qBAAqB,GAAGC,uBAAuB,CAACH,WAAW,EAAEL,MAAM,CAAC;EAC1E,MAAMS,QAAQ,GAAGP,cAAK,CAACQ,QAAQ,CAACC,OAAO,CAAC3B,KAAK,CAACyB,QAAQ,CAAsC;EAE5F,MAAMG,MAAM,GAAGL,qBAAqB,KAAKM,SAAS,GAAGJ,QAAQ,CAACK,KAAK,CAACP,qBAAqB,CAAC,GAAG,EAAE;EAE/F,oBACIL,6BAACa,KAAK,oBAAK/B,KAAK;IAAEoB,GAAG,EAAEC;MAClBI,QAAQ,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACvBhB,cAAK,CAACiB,YAAY,CAACF,KAAK,EAAE;IACtBG,SAAS,EAAEC,EAAE,CAACJ,KAAK,CAACjC,KAAK,CAACoC,SAAS,EAAE;MACjCE,OAAO,EAAEf,qBAAqB,KAAKM,SAAS,IAAIK,KAAK,GAAGX,qBAAqB;MAC7E,2CAA2C,EACvCA,qBAAqB,KAAKM,SAAS,IAAIK,KAAK,IAAIX;KACvD;GACJ,CAAC,CACL,EACAK,MAAM,CAACW,MAAM,gBACVrB,6BAACsB,UAAU;IACPJ,SAAS,EAAC,2BAA2B;iCACX,QAAQ;IAClCK,IAAI,EAAC,MAAM;IACXhC,IAAI,EAAEiC,SAAS,iBACXxB,6BAACyB,IAAI,oBAAKD,SAAS,gBACfxB,6BAACyB,IAAI,CAACC,OAAO,QACRhB,MAAM,CAACI,GAAG,CAAC,CAACa,MAAM,EAAEX,KAAK,kBACtBhB,6BAACyB,IAAI,CAACG,IAAI;MAACC,GAAG,EAAEb;OAAWnC,8BAA8B,CAAC8C,MAAM,CAAC7C,KAAK,CAAC,EAC1E,CAAC,CACS;IAGzB,GACF,IAAI,CACJ;AAEhB,CAAC;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"taillwind.js","sources":["../../../../../../src/utils/taillwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n 'green',\n 'yellow',\n 'red',\n 'blue',\n 'purple',\n 'brown',\n 'pink',\n 'orange',\n 'grey',\n 'transparent',\n] as const;\n\nexport const getColorByState = (state: State | undefined): Color => {\n switch (state) {\n case 'information':\n return 'blue';\n case 'warning':\n return 'yellow';\n case 'error':\n return 'red';\n case 'success':\n return 'green';\n default:\n return 'grey';\n }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color | undefined): string => {\n switch (state) {\n case 'green':\n return 'border-green-700 text-green-700';\n case 'yellow':\n return 'border-yellow-700 text-yellow-700';\n case 'red':\n return 'border-red-500 text-red-500';\n case 'blue':\n return 'border-blue-500 text-blue-500';\n case 'purple':\n return 'border-purple-700 text-purple-700';\n case 'brown':\n return 'border-brown-700 text-brown-700';\n case 'pink':\n return 'border-pink-700 text-pink-700';\n case 'orange':\n return 'border-orange-700 text-orange-700';\n case 'transparent':\n case 'grey':\n default:\n return 'border-grey-700 text-grey-700';\n }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color | undefined): string => {\n switch (value) {\n case 'green':\n return 'wcag-green-100';\n case 'yellow':\n return 'wcag-yellow-100';\n case 'red':\n return 'wcag-red-100';\n case 'blue':\n return 'wcag-blue-100';\n case 'purple':\n return 'wcag-purple-100';\n case 'brown':\n return 'wcag-brown-100';\n case 'pink':\n return 'wcag-pink-100';\n case 'orange':\n return 'wcag-orange-100';\n case 'transparent':\n return 'wcag-transparent';\n case 'grey':\n default:\n return 'wcag-grey-200';\n }\n};\n\nexport const getColorShadeClasses = (value: Color | undefined): string => {\n switch (value) {\n case 'green':\n return 'wcag-green-700';\n case 'yellow':\n return 'wcag-yellow-500';\n case 'red':\n return 'wcag-red-500';\n case 'blue':\n return 'wcag-blue-500';\n case 'purple':\n return 'wcag-purple-700';\n case 'brown':\n return 'wcag-brown-700';\n case 'pink':\n return 'wcag-pink-500';\n case 'orange':\n return 'wcag-orange-700';\n case 'transparent':\n return 'wcag-transparent';\n case 'grey':\n default:\n return 'wcag-grey-700';\n }\n};\n"],"names":["AVAILABLE_COLORS","getColorByState","state","getOutlineColorShadeClasses","getSubtleColorShadeClasses","value","getColorShadeClasses"],"mappings":"MAEaA,gBAAgB,GAAG,CAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa;MAGJC,eAAe,GAAIC,KAAwB;EACpD,QAAQA,KAAK;IACT,KAAK,aAAa;MACd,OAAO,MAAM;IACjB,KAAK,SAAS;MACV,OAAO,QAAQ;IACnB,KAAK,OAAO;MACR,OAAO,KAAK;IAChB,KAAK,SAAS;MACV,OAAO,OAAO;IAClB;MACI,OAAO,MAAM;;AAEzB;MAEaC,2BAA2B,GAAID,KAAwB;EAChE,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,KAAK;MACN,OAAO,6BAA6B;IACxC,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,aAAa;IAClB,KAAK,MAAM;IACX;MACI,OAAO,+BAA+B;;AAElD;MAEaE,0BAA0B,GAAIC,KAAwB;EAC/D,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;MAEaC,oBAAoB,GAAID,KAAwB;EACzD,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;;;;"}
@@ -1,6 +0,0 @@
1
- import { Color, State } from '../types';
2
- export declare const AVAILABLE_COLORS: readonly ["green", "yellow", "red", "blue", "purple", "brown", "pink", "orange", "grey", "transparent"];
3
- export declare const getColorByState: (state: State | undefined) => Color;
4
- export declare const getOutlineColorShadeClasses: (state: Color | undefined) => string;
5
- export declare const getSubtleColorShadeClasses: (value: Color | undefined) => string;
6
- export declare const getColorShadeClasses: (value: Color | undefined) => string;