@ntbjs/react-components 1.2.0-rc.13 → 1.2.0-rc.15

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 (75) hide show
  1. package/{ActionButton-06df3d6c.js → ActionButton-f150aedb.js} +5 -15
  2. package/Alert-d7863c58.js +62 -0
  3. package/AssetGallery-9dc1076e.js +1396 -0
  4. package/{AssetPreviewTopBar-c28715f7.js → AssetPreviewTopBar-d4e976ab.js} +15 -15
  5. package/Badge-fa8f327e.js +154 -0
  6. package/{Button-c38d56a0.js → Button-772b513a.js} +3 -3
  7. package/{Checkbox-68dc38a8.js → Checkbox-0cb45351.js} +1 -1
  8. package/{CompactAutocompleteSelect-43e79e21.js → CompactAutocompleteSelect-ad337fac.js} +10 -10
  9. package/{CompactStarRating-9c81ca6e.js → CompactStarRating-147445be.js} +9 -9
  10. package/{CompactTextInput-c7d0ac82.js → CompactTextInput-bb50a388.js} +22 -16
  11. package/{ContextMenu-4ec3d9f3.js → ContextMenu-8c9d90a1.js} +1 -1
  12. package/{InputGroup-49fbc423.js → InputGroup-53a44ae6.js} +1 -1
  13. package/{Instructions-ea9e5aa9.js → Instructions-ba0d244e.js} +6 -16
  14. package/{MultiLevelCheckboxSelect-c4060a73.js → MultiLevelCheckboxSelect-a16cdf3d.js} +28 -29
  15. package/{MultiSelect-4b8d3d0d.js → MultiSelect-7e865f37.js} +2 -2
  16. package/{Popover-e4ecb887.js → Popover-6fcff6de.js} +2 -2
  17. package/{Radio-32d0513a.js → Radio-a6ba38ed.js} +1 -1
  18. package/{SectionSeparator-259a22ed.js → SectionSeparator-961ec4de.js} +1 -1
  19. package/{Switch-4a41585f.js → Switch-9e68deb2.js} +1 -1
  20. package/{Tab-f499ecbc.js → Tab-3580786b.js} +1 -1
  21. package/{Tabs-c2261e7e.js → Tabs-511523e0.js} +2 -2
  22. package/{TextArea-9ddf9649.js → TextArea-7270a924.js} +30 -30
  23. package/{TextInput-0d109708.js → TextInput-97f7da4d.js} +1 -1
  24. package/{Tooltip-6b6f0b0a.js → Tooltip-5ccdfe34.js} +2 -2
  25. package/check-555d831b.js +213 -0
  26. package/data/Alert/index.js +2 -3
  27. package/data/Badge/index.js +2 -2
  28. package/data/Popover/index.js +3 -3
  29. package/data/Tab/index.js +2 -2
  30. package/data/Tabs/index.js +3 -3
  31. package/data/Tooltip/index.js +3 -3
  32. package/data/index.js +8 -10
  33. package/{defaultTheme-ea44e34a.js → defaultTheme-0dd58df6.js} +1 -1
  34. package/icons/download.svg +3 -3
  35. package/icons/play.svg +3 -3
  36. package/inputs/ActionButton/index.js +2 -3
  37. package/inputs/Button/index.js +5 -5
  38. package/inputs/Checkbox/index.js +2 -2
  39. package/inputs/CompactAutocompleteSelect/index.js +4 -3
  40. package/inputs/CompactStarRating/index.js +3 -2
  41. package/inputs/CompactTextInput/index.js +10 -10
  42. package/inputs/MultiSelect/index.js +3 -3
  43. package/inputs/Radio/index.js +2 -2
  44. package/inputs/Switch/index.js +2 -2
  45. package/inputs/TextArea/index.js +3 -2
  46. package/inputs/TextInput/index.js +2 -2
  47. package/inputs/index.js +26 -26
  48. package/layout/InputGroup/index.js +2 -2
  49. package/layout/SectionSeparator/index.js +2 -2
  50. package/layout/index.js +3 -3
  51. package/package.json +1 -1
  52. package/{react-select-creatable.esm-2f23d6c6.js → react-select-creatable.esm-4c3da560.js} +3 -3
  53. package/shift-away-subtle-3cede45b.js +9 -0
  54. package/styles/config.scss +1 -3
  55. package/widgets/AssetGallery/index.js +30 -31
  56. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
  57. package/widgets/ContextMenu/ContextMenuItem/index.js +105 -5
  58. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
  59. package/widgets/ContextMenu/index.js +2 -2
  60. package/widgets/Instructions/index.js +6 -5
  61. package/widgets/index.js +32 -34
  62. package/Alert-13b75102.js +0 -117
  63. package/AssetGallery-d2914de2.js +0 -1847
  64. package/Badge-aec841c8.js +0 -221
  65. package/ContextMenuItem-1fe17ed5.js +0 -110
  66. package/VerificationStatusIcon-b574fd21.js +0 -106
  67. package/icons/add.svg +0 -3
  68. package/icons/album.svg +0 -3
  69. package/icons/check-rectangle-filled.svg +0 -3
  70. package/icons/corporate.svg +0 -3
  71. package/icons/index.js +0 -77
  72. package/icons/layers.svg +0 -3
  73. package/icons/shopping_cart_add.svg +0 -3
  74. package/icons/verification.svg +0 -3
  75. package/shift-away-subtle-0bed9a3c.js +0 -9
@@ -1,9 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-9c81ca6e.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var CompactStarRating = require('../../CompactStarRating-147445be.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
+ require('../../check-555d831b.js');
7
8
 
8
9
 
9
10
 
@@ -1,23 +1,23 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-c7d0ac82.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var CompactTextInput = require('../../CompactTextInput-bb50a388.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('nanoid');
8
8
  require('react');
9
+ require('../../check-555d831b.js');
9
10
  require('../../edit-note-c47d292e.js');
10
- require('../../Alert-13b75102.js');
11
- require('../../Badge-aec841c8.js');
12
- require('../../Popover-e4ecb887.js');
11
+ require('../../Alert-d7863c58.js');
12
+ require('../../Badge-fa8f327e.js');
13
+ require('../../Popover-6fcff6de.js');
13
14
  require('polished');
14
15
  require('@tippyjs/react');
15
- require('../../shift-away-subtle-0bed9a3c.js');
16
+ require('../../shift-away-subtle-3cede45b.js');
16
17
  require('popper-max-size-modifier');
17
- require('../../Tab-f499ecbc.js');
18
- require('../../Tabs-c2261e7e.js');
19
- require('../../Tooltip-6b6f0b0a.js');
20
- require('../../VerificationStatusIcon-b574fd21.js');
18
+ require('../../Tab-3580786b.js');
19
+ require('../../Tabs-511523e0.js');
20
+ require('../../Tooltip-5ccdfe34.js');
21
21
 
22
22
 
23
23
 
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var MultiSelect = require('../../MultiSelect-4b8d3d0d.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var MultiSelect = require('../../MultiSelect-7e865f37.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
8
8
  require('../../close-ebf2f3cf.js');
9
9
  require('react-select');
10
- require('../../react-select-creatable.esm-2f23d6c6.js');
10
+ require('../../react-select-creatable.esm-4c3da560.js');
11
11
  require('react-dom');
12
12
  require('react-select-async-paginate');
13
13
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Radio = require('../../Radio-32d0513a.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var Radio = require('../../Radio-a6ba38ed.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Switch = require('../../Switch-4a41585f.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var Switch = require('../../Switch-9e68deb2.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
@@ -1,11 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-9ddf9649.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var TextArea = require('../../TextArea-7270a924.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('../../useMergedRefs-b6d2f8fc.js');
8
8
  require('nanoid');
9
+ require('../../check-555d831b.js');
9
10
  require('../../edit-note-c47d292e.js');
10
11
 
11
12
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var TextInput = require('../../TextInput-0d109708.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var TextInput = require('../../TextInput-97f7da4d.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
package/inputs/index.js CHANGED
@@ -2,45 +2,45 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var ActionButton = require('../ActionButton-06df3d6c.js');
6
- var Button = require('../Button-c38d56a0.js');
7
- var Checkbox = require('../Checkbox-68dc38a8.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-43e79e21.js');
9
- var CompactStarRating = require('../CompactStarRating-9c81ca6e.js');
10
- var CompactTextInput = require('../CompactTextInput-c7d0ac82.js');
11
- var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
12
- var Radio = require('../Radio-32d0513a.js');
13
- var TextArea = require('../TextArea-9ddf9649.js');
14
- var TextInput = require('../TextInput-0d109708.js');
15
- var Switch = require('../Switch-4a41585f.js');
16
- var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-c4060a73.js');
17
- require('../defaultTheme-ea44e34a.js');
5
+ var ActionButton = require('../ActionButton-f150aedb.js');
6
+ var Button = require('../Button-772b513a.js');
7
+ var Checkbox = require('../Checkbox-0cb45351.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-ad337fac.js');
9
+ var CompactStarRating = require('../CompactStarRating-147445be.js');
10
+ var CompactTextInput = require('../CompactTextInput-bb50a388.js');
11
+ var MultiSelect = require('../MultiSelect-7e865f37.js');
12
+ var Radio = require('../Radio-a6ba38ed.js');
13
+ var TextArea = require('../TextArea-7270a924.js');
14
+ var TextInput = require('../TextInput-97f7da4d.js');
15
+ var Switch = require('../Switch-9e68deb2.js');
16
+ var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-a16cdf3d.js');
17
+ require('../defaultTheme-0dd58df6.js');
18
18
  require('styled-components');
19
19
  require('react');
20
- require('polished');
21
- require('../Popover-e4ecb887.js');
20
+ require('../Popover-6fcff6de.js');
22
21
  require('lodash');
22
+ require('polished');
23
23
  require('@tippyjs/react');
24
- require('../shift-away-subtle-0bed9a3c.js');
24
+ require('../shift-away-subtle-3cede45b.js');
25
25
  require('popper-max-size-modifier');
26
- require('../ContextMenu-4ec3d9f3.js');
26
+ require('../ContextMenu-8c9d90a1.js');
27
27
  require('../expand-more-94585605.js');
28
28
  require('nanoid');
29
+ require('../check-555d831b.js');
29
30
  require('react-select');
30
31
  require('react-select-async-paginate');
31
- require('../react-select-creatable.esm-2f23d6c6.js');
32
+ require('../react-select-creatable.esm-4c3da560.js');
32
33
  require('react-dom');
33
34
  require('../close-ebf2f3cf.js');
34
35
  require('../edit-note-c47d292e.js');
35
- require('../Alert-13b75102.js');
36
- require('../Badge-aec841c8.js');
37
- require('../Tab-f499ecbc.js');
38
- require('../Tabs-c2261e7e.js');
39
- require('../Tooltip-6b6f0b0a.js');
40
- require('../VerificationStatusIcon-b574fd21.js');
36
+ require('../Alert-d7863c58.js');
37
+ require('../Badge-fa8f327e.js');
38
+ require('../Tab-3580786b.js');
39
+ require('../Tabs-511523e0.js');
40
+ require('../Tooltip-5ccdfe34.js');
41
41
  require('../useMergedRefs-b6d2f8fc.js');
42
- require('../InputGroup-49fbc423.js');
43
- require('../SectionSeparator-259a22ed.js');
42
+ require('../InputGroup-53a44ae6.js');
43
+ require('../SectionSeparator-961ec4de.js');
44
44
 
45
45
 
46
46
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var InputGroup = require('../../InputGroup-49fbc423.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var InputGroup = require('../../InputGroup-53a44ae6.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var SectionSeparator = require('../../SectionSeparator-259a22ed.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var SectionSeparator = require('../../SectionSeparator-961ec4de.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
package/layout/index.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var InputGroup = require('../InputGroup-49fbc423.js');
6
- var SectionSeparator = require('../SectionSeparator-259a22ed.js');
7
- require('../defaultTheme-ea44e34a.js');
5
+ var InputGroup = require('../InputGroup-53a44ae6.js');
6
+ var SectionSeparator = require('../SectionSeparator-961ec4de.js');
7
+ require('../defaultTheme-0dd58df6.js');
8
8
  require('styled-components');
9
9
  require('react');
10
10
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.2.0-rc.13",
3
+ "version": "1.2.0-rc.15",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
@@ -2572,7 +2572,7 @@ var Emotion$1 = Emotion;
2572
2572
 
2573
2573
  var pkg = {
2574
2574
  name: "@emotion/react",
2575
- version: "11.11.1",
2575
+ version: "11.11.3",
2576
2576
  main: "dist/emotion-react.cjs.js",
2577
2577
  module: "dist/emotion-react.esm.js",
2578
2578
  browser: {
@@ -2645,7 +2645,7 @@ var pkg = {
2645
2645
  "@babel/runtime": "^7.18.3",
2646
2646
  "@emotion/babel-plugin": "^11.11.0",
2647
2647
  "@emotion/cache": "^11.11.0",
2648
- "@emotion/serialize": "^1.1.2",
2648
+ "@emotion/serialize": "^1.1.3",
2649
2649
  "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
2650
2650
  "@emotion/utils": "^1.2.1",
2651
2651
  "@emotion/weak-memoize": "^0.3.1",
@@ -2661,7 +2661,7 @@ var pkg = {
2661
2661
  },
2662
2662
  devDependencies: {
2663
2663
  "@definitelytyped/dtslint": "0.0.112",
2664
- "@emotion/css": "11.11.0",
2664
+ "@emotion/css": "11.11.2",
2665
2665
  "@emotion/css-prettifier": "1.1.3",
2666
2666
  "@emotion/server": "11.11.0",
2667
2667
  "@emotion/styled": "11.11.0",
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ var defaultTheme = require('./defaultTheme-0dd58df6.js');
4
+
5
+ var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
6
+ defaultTheme.styleInject(css_248z$1);
7
+
8
+ var css_248z = ".tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";
9
+ defaultTheme.styleInject(css_248z);
@@ -21,14 +21,12 @@ $colors: (
21
21
  'cercise-400': #854962,
22
22
  'cercise-300': #d099b0,
23
23
  'cercise-100': #f9f3f5,
24
- 'red-600': #7f1b1b,
25
24
  'red-500': #d83000,
26
25
  'red-200': #fbeae6,
27
- 'brown-500': #634e01,
28
26
  'signal-yellow-500': #f4e21e,
29
27
  'signal-yellow-400': #fff36c,
30
28
  'signal-green-500': #00bd98,
31
29
  'signal-green-400': #a3ffe0,
32
- 'black': #202435,
30
+ 'black': #000000,
33
31
  'white': #ffffff
34
32
  );
@@ -1,49 +1,48 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-d2914de2.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var AssetGallery = require('../../AssetGallery-9dc1076e.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
- require('lodash');
7
6
  require('react');
8
- require('../../useMergedRefs-b6d2f8fc.js');
9
- require('resize-observer-polyfill');
10
- require('../../MultiLevelCheckboxSelect-c4060a73.js');
11
- require('../../Alert-13b75102.js');
12
- require('../../Badge-aec841c8.js');
13
- require('../../Popover-e4ecb887.js');
7
+ require('lodash');
8
+ require('../../MultiLevelCheckboxSelect-a16cdf3d.js');
9
+ require('../../Alert-d7863c58.js');
10
+ require('../../Badge-fa8f327e.js');
11
+ require('../../Popover-6fcff6de.js');
14
12
  require('polished');
15
13
  require('@tippyjs/react');
16
- require('../../shift-away-subtle-0bed9a3c.js');
14
+ require('../../shift-away-subtle-3cede45b.js');
17
15
  require('popper-max-size-modifier');
18
- require('../../Tab-f499ecbc.js');
19
- require('../../Tabs-c2261e7e.js');
20
- require('../../Tooltip-6b6f0b0a.js');
21
- require('../../VerificationStatusIcon-b574fd21.js');
22
- require('../../Checkbox-68dc38a8.js');
16
+ require('../../Tab-3580786b.js');
17
+ require('../../Tabs-511523e0.js');
18
+ require('../../Tooltip-5ccdfe34.js');
19
+ require('../../Checkbox-0cb45351.js');
23
20
  require('nanoid');
24
- require('../../TextInput-0d109708.js');
21
+ require('../../TextInput-97f7da4d.js');
22
+ require('../../useMergedRefs-b6d2f8fc.js');
25
23
  require('../../edit-note-c47d292e.js');
26
- require('../../InputGroup-49fbc423.js');
27
- require('../../SectionSeparator-259a22ed.js');
24
+ require('../../InputGroup-53a44ae6.js');
25
+ require('../../SectionSeparator-961ec4de.js');
28
26
  require('../../close-ebf2f3cf.js');
27
+ require('resize-observer-polyfill');
29
28
  require('react-lazy-load-image-component');
30
- require('../../warning-circle-24522402.js');
31
- require('../../ActionButton-06df3d6c.js');
32
- require('../../Button-c38d56a0.js');
33
- require('../../ContextMenu-4ec3d9f3.js');
29
+ require('../../ActionButton-f150aedb.js');
30
+ require('../../Button-772b513a.js');
31
+ require('../../ContextMenu-8c9d90a1.js');
34
32
  require('../../expand-more-94585605.js');
35
- require('../../CompactAutocompleteSelect-43e79e21.js');
33
+ require('../../CompactAutocompleteSelect-ad337fac.js');
34
+ require('../../check-555d831b.js');
36
35
  require('react-select');
37
36
  require('react-select-async-paginate');
38
- require('../../react-select-creatable.esm-2f23d6c6.js');
37
+ require('../../react-select-creatable.esm-4c3da560.js');
39
38
  require('react-dom');
40
- require('../../CompactStarRating-9c81ca6e.js');
41
- require('../../CompactTextInput-c7d0ac82.js');
42
- require('../../MultiSelect-4b8d3d0d.js');
43
- require('../../Radio-32d0513a.js');
44
- require('../../TextArea-9ddf9649.js');
45
- require('../../Switch-4a41585f.js');
46
- require('../../ContextMenuItem-1fe17ed5.js');
39
+ require('../../CompactStarRating-147445be.js');
40
+ require('../../CompactTextInput-bb50a388.js');
41
+ require('../../MultiSelect-7e865f37.js');
42
+ require('../../Radio-a6ba38ed.js');
43
+ require('../../TextArea-7270a924.js');
44
+ require('../../Switch-9e68deb2.js');
45
+ require('../../warning-circle-24522402.js');
47
46
 
48
47
 
49
48
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-c28715f7.js');
4
- require('../../../defaultTheme-ea44e34a.js');
3
+ var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-d4e976ab.js');
4
+ require('../../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('../../../close-ebf2f3cf.js');
@@ -1,10 +1,110 @@
1
1
  'use strict';
2
2
 
3
- var ContextMenuItem = require('../../../ContextMenuItem-1fe17ed5.js');
4
- require('../../../defaultTheme-ea44e34a.js');
5
- require('styled-components');
6
- require('react');
3
+ var defaultTheme = require('../../../defaultTheme-0dd58df6.js');
4
+ var React = require('react');
5
+ var styled = require('styled-components');
7
6
 
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
9
+ function _interopNamespace(e) {
10
+ if (e && e.__esModule) return e;
11
+ var n = Object.create(null);
12
+ if (e) {
13
+ Object.keys(e).forEach(function (k) {
14
+ if (k !== 'default') {
15
+ var d = Object.getOwnPropertyDescriptor(e, k);
16
+ Object.defineProperty(n, k, d.get ? d : {
17
+ enumerable: true,
18
+ get: function () {
19
+ return e[k];
20
+ }
21
+ });
22
+ }
23
+ });
24
+ }
25
+ n['default'] = e;
26
+ return Object.freeze(n);
27
+ }
9
28
 
10
- module.exports = ContextMenuItem.ContextMenuItem;
29
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
31
+ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
32
+
33
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
34
+ var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n cursor: pointer;\n display: flex;\n font-family: ", ";\n font-size: 0.875rem;\n font-weight: normal;\n height: 31px;\n min-width: 160px;\n padding: ", ";\n\n color: ", "\n\n ", "\n\n ", "\n\n :not(:last-of-type) {\n border-bottom: 1px solid;\n\n ", "\n }\n\n :last-of-type {\n height: 32px;\n }\n\n &:hover {\n cursor: pointer;\n\n ", "\n }\n\n ", "\n\n ", " \n"])), function (props) {
35
+ return props.theme.primaryFontFamily;
36
+ }, function (props) {
37
+ return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
38
+ }, function (props) {
39
+ return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700'));
40
+ }, function (props) {
41
+ return props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE');
42
+ }, function (props) {
43
+ return !props.icon && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 28px;\n "])));
44
+ }, function (props) {
45
+ return props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
46
+ }, function (props) {
47
+ return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'));
48
+ }, function (props) {
49
+ return props.hoverColors && props.hoverColors[0] && props.hoverColors[1] && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n &&:hover {\n ", "\n }\n "])), function (props) {
50
+ return props.theme.themeProp('color', props.hoverColors[0], props.hoverColors[1]);
51
+ });
52
+ }, function (props) {
53
+ return props.hoverBackgroundColors && props.hoverBackgroundColors[0] && props.hoverBackgroundColors[1] && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n &&:hover {\n ", "\n }\n "])), function (props) {
54
+ return props.theme.themeProp('background-color', props.hoverBackgroundColors[0], props.hoverBackgroundColors[1]);
55
+ });
56
+ });
57
+ var IconContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: fit-content;\n max-width: 12px;\n margin-right: 8px;\n\n svg {\n height: 12px;\n }\n"])));
58
+ var SublevelIconContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: fit-content;\n max-width: 12px;\n margin-left: auto;\n margin-right: 8px;\n padding-left: 24px;\n\n svg {\n height: 12px;\n }\n"])));
59
+
60
+ 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); }
61
+
62
+ var _ref = /*#__PURE__*/React__namespace.createElement("path", {
63
+ fill: "currentColor",
64
+ d: "M0 20V0l10 10L0 20z"
65
+ });
66
+
67
+ function SvgTriangleRight(props) {
68
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends({
69
+ xmlns: "http://www.w3.org/2000/svg",
70
+ viewBox: "0 0 10 20"
71
+ }, props), _ref);
72
+ }
73
+
74
+ var ContextMenuItem = React__default['default'].forwardRef(function ContextMenuItem(_ref, forwardedRef) {
75
+ var title = _ref.title,
76
+ icon = _ref.icon,
77
+ onClickEffect = _ref.onClickEffect,
78
+ opensSublevel = _ref.opensSublevel,
79
+ hoverColors = _ref.hoverColors,
80
+ hoverBackgroundColors = _ref.hoverBackgroundColors,
81
+ props = defaultTheme._objectWithoutProperties(_ref, ["title", "icon", "onClickEffect", "opensSublevel", "hoverColors", "hoverBackgroundColors"]);
82
+
83
+ return React__default['default'].createElement(ContextMenuItem$1, defaultTheme._extends({
84
+ ref: forwardedRef,
85
+ icon: icon,
86
+ onClick: onClickEffect,
87
+ hoverColors: hoverColors,
88
+ hoverBackgroundColors: hoverBackgroundColors,
89
+ opensSublevel: opensSublevel,
90
+ className: opensSublevel ? 'context-menu-item opens-sublevel' : 'context-menu-item'
91
+ }, props, {
92
+ role: "menuitem"
93
+ }), icon && React__default['default'].createElement(IconContainer, null, icon), title, opensSublevel && React__default['default'].createElement(SublevelIconContainer, null, React__default['default'].createElement(SvgTriangleRight, null)));
94
+ });
95
+ ContextMenuItem.propTypes = process.env.NODE_ENV !== "production" ? {
96
+ title: defaultTheme.PropTypes.string.isRequired,
97
+ icon: defaultTheme.PropTypes.element,
98
+ onClickEffect: defaultTheme.PropTypes.func,
99
+ opensSublevel: defaultTheme.PropTypes.bool,
100
+ hoverColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
101
+ hoverBackgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string)
102
+ } : {};
103
+ ContextMenuItem.defaultProps = {
104
+ icon: undefined,
105
+ hoverColors: undefined,
106
+ hoverBackgroundColors: undefined,
107
+ opensSublevel: false
108
+ };
109
+
110
+ module.exports = ContextMenuItem;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('../../../defaultTheme-ea44e34a.js');
3
+ var defaultTheme = require('../../../defaultTheme-0dd58df6.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var ContextMenu = require('../../ContextMenu-4ec3d9f3.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var ContextMenu = require('../../ContextMenu-8c9d90a1.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
 
@@ -1,20 +1,21 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-ea9e5aa9.js');
4
- require('../../defaultTheme-ea44e34a.js');
3
+ var Instructions = require('../../Instructions-ba0d244e.js');
4
+ require('../../defaultTheme-0dd58df6.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
8
  require('../../warning-circle-24522402.js');
9
- require('../../CompactAutocompleteSelect-43e79e21.js');
9
+ require('../../CompactAutocompleteSelect-ad337fac.js');
10
10
  require('nanoid');
11
+ require('../../check-555d831b.js');
11
12
  require('react-select');
12
13
  require('react-select-async-paginate');
13
- require('../../react-select-creatable.esm-2f23d6c6.js');
14
+ require('../../react-select-creatable.esm-4c3da560.js');
14
15
  require('react-dom');
15
16
  require('../../close-ebf2f3cf.js');
16
17
  require('../../expand-more-94585605.js');
17
- require('../../TextArea-9ddf9649.js');
18
+ require('../../TextArea-7270a924.js');
18
19
  require('../../useMergedRefs-b6d2f8fc.js');
19
20
  require('../../edit-note-c47d292e.js');
20
21