@itcase/ui 1.0.1

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 (233) hide show
  1. package/README.md +2 -0
  2. package/dist/SelectContainer-e2544642.js +7717 -0
  3. package/dist/components/Accordion.js +249 -0
  4. package/dist/components/Avatar.js +94 -0
  5. package/dist/components/Background.js +90 -0
  6. package/dist/components/Breadcrumbs.js +239 -0
  7. package/dist/components/Button.js +215 -0
  8. package/dist/components/Caption.js +65 -0
  9. package/dist/components/Card.js +112 -0
  10. package/dist/components/Cell.js +180 -0
  11. package/dist/components/Checkbox.js +68 -0
  12. package/dist/components/Chips.js +135 -0
  13. package/dist/components/ContextMenu.js +149 -0
  14. package/dist/components/CookiesWarning.js +133 -0
  15. package/dist/components/Counter.js +99 -0
  16. package/dist/components/Divider.js +73 -0
  17. package/dist/components/Dropdown.js +139 -0
  18. package/dist/components/Emoji.js +124 -0
  19. package/dist/components/Fader.js +66 -0
  20. package/dist/components/Flex.js +264 -0
  21. package/dist/components/FormField.js +289 -0
  22. package/dist/components/Grid.js +329 -0
  23. package/dist/components/Group.js +132 -0
  24. package/dist/components/Icon.js +184 -0
  25. package/dist/components/Image.js +143 -0
  26. package/dist/components/Input.js +94 -0
  27. package/dist/components/Label.js +125 -0
  28. package/dist/components/LanguageSelector.js +86 -0
  29. package/dist/components/Link.js +172 -0
  30. package/dist/components/List.js +143 -0
  31. package/dist/components/Loader.js +66 -0
  32. package/dist/components/Logo.js +55 -0
  33. package/dist/components/Menu.js +86 -0
  34. package/dist/components/MenuItem.js +209 -0
  35. package/dist/components/Modal.js +69 -0
  36. package/dist/components/Notification.js +131 -0
  37. package/dist/components/Pagination.js +93 -0
  38. package/dist/components/Popup.js +254 -0
  39. package/dist/components/Profile.js +99 -0
  40. package/dist/components/RadioButton.js +71 -0
  41. package/dist/components/RangeSlider.js +2086 -0
  42. package/dist/components/Scrollbar.js +3872 -0
  43. package/dist/components/Search.js +260 -0
  44. package/dist/components/Segmented.js +77 -0
  45. package/dist/components/Select.js +49 -0
  46. package/dist/components/SiteMenu.js +137 -0
  47. package/dist/components/Swiper.js +927 -0
  48. package/dist/components/Switch.js +29 -0
  49. package/dist/components/Text.js +121 -0
  50. package/dist/components/Textarea.js +90 -0
  51. package/dist/components/Tile.js +252 -0
  52. package/dist/components/Title.js +146 -0
  53. package/dist/components/Tooltip.js +115 -0
  54. package/dist/components/Video.js +74 -0
  55. package/dist/components/Wrapper.js +119 -0
  56. package/dist/constants/componentProps/align.js +5 -0
  57. package/dist/constants/componentProps/alignDirection.js +5 -0
  58. package/dist/constants/componentProps/borderColor.js +5 -0
  59. package/dist/constants/componentProps/borderType.js +5 -0
  60. package/dist/constants/componentProps/captionPosition.js +5 -0
  61. package/dist/constants/componentProps/direction.js +5 -0
  62. package/dist/constants/componentProps/emojiSize.js +5 -0
  63. package/dist/constants/componentProps/fill.js +5 -0
  64. package/dist/constants/componentProps/fillGradient.js +5 -0
  65. package/dist/constants/componentProps/fillType.js +5 -0
  66. package/dist/constants/componentProps/flexAlign.js +5 -0
  67. package/dist/constants/componentProps/flexJustifyContent.js +5 -0
  68. package/dist/constants/componentProps/flexWrap.js +5 -0
  69. package/dist/constants/componentProps/gridAlign.js +5 -0
  70. package/dist/constants/componentProps/gridAlignSelf.js +5 -0
  71. package/dist/constants/componentProps/gridJustifyItems.js +5 -0
  72. package/dist/constants/componentProps/gridJustifySelf.js +5 -0
  73. package/dist/constants/componentProps/horizontalContentAlign.js +5 -0
  74. package/dist/constants/componentProps/horizontalResizeMode.js +5 -0
  75. package/dist/constants/componentProps/iconSize.js +5 -0
  76. package/dist/constants/componentProps/position.js +5 -0
  77. package/dist/constants/componentProps/resizeMode.js +5 -0
  78. package/dist/constants/componentProps/shape.js +5 -0
  79. package/dist/constants/componentProps/size.js +5 -0
  80. package/dist/constants/componentProps/stacking.js +5 -0
  81. package/dist/constants/componentProps/strokeColor.js +5 -0
  82. package/dist/constants/componentProps/textAlign.js +5 -0
  83. package/dist/constants/componentProps/textColor.js +5 -0
  84. package/dist/constants/componentProps/textColorActive.js +5 -0
  85. package/dist/constants/componentProps/textColorHover.js +5 -0
  86. package/dist/constants/componentProps/textGradient.js +5 -0
  87. package/dist/constants/componentProps/textStyle.js +5 -0
  88. package/dist/constants/componentProps/textTag.js +5 -0
  89. package/dist/constants/componentProps/textWeight.js +5 -0
  90. package/dist/constants/componentProps/titleSize.js +5 -0
  91. package/dist/constants/componentProps/type.js +5 -0
  92. package/dist/constants/componentProps/underline.js +5 -0
  93. package/dist/constants/componentProps/verticalContentAlign.js +5 -0
  94. package/dist/constants/componentProps/verticalResizeMode.js +5 -0
  95. package/dist/constants/componentProps/width.js +5 -0
  96. package/dist/constants/componentProps/wrap.js +5 -0
  97. package/dist/constants.js +87 -0
  98. package/dist/context/Notifications.js +121 -0
  99. package/dist/context/UIContext.js +59 -0
  100. package/dist/css/components/Accordion/Accordion.css +65 -0
  101. package/dist/css/components/Avatar/Avatar.css +28 -0
  102. package/dist/css/components/Background/Background.css +11 -0
  103. package/dist/css/components/Button/Button.css +362 -0
  104. package/dist/css/components/Caption/Caption.css +22 -0
  105. package/dist/css/components/Card/Card.css +19 -0
  106. package/dist/css/components/Cell/Cell.css +89 -0
  107. package/dist/css/components/Cell/css/__wrapper/cell__wrapper.css +7 -0
  108. package/dist/css/components/Cell/css/__wrapper/cell__wrapper_shape.css +15 -0
  109. package/dist/css/components/Checkbox/Checkbox.css +97 -0
  110. package/dist/css/components/Chips/Chips.css +47 -0
  111. package/dist/css/components/ContextMenu/ContextMenu.css +43 -0
  112. package/dist/css/components/ContextMenu/css/__item/context-menu__item.css +10 -0
  113. package/dist/css/components/CookiesWarning/CookiesWarning.css +37 -0
  114. package/dist/css/components/Counter/Counter.css +55 -0
  115. package/dist/css/components/Divider/Divider.css +78 -0
  116. package/dist/css/components/Dropdown/Dropdown.css +58 -0
  117. package/dist/css/components/Emoji/Emoji.css +104 -0
  118. package/dist/css/components/Emoji/css/__icon/emoji__icon-shape.css +12 -0
  119. package/dist/css/components/Emoji/css/__icon/emoji__icon.css +5 -0
  120. package/dist/css/components/Fader/Fader.css +55 -0
  121. package/dist/css/components/Flex/Flex.css +179 -0
  122. package/dist/css/components/Flex/css/__item/flex__item.css +5 -0
  123. package/dist/css/components/Flex/css/__item/flex__item_align.css +15 -0
  124. package/dist/css/components/Flex/css/__item/flex__item_direction.css +17 -0
  125. package/dist/css/components/Flex/css/__item/flex__item_grow.css +9 -0
  126. package/dist/css/components/Flex/css/__item/flex__item_justify-content.css +9 -0
  127. package/dist/css/components/Flex/css/__item/flex__item_shape.css +12 -0
  128. package/dist/css/components/Flex/css/__item/flex__item_wrap.css +9 -0
  129. package/dist/css/components/Grid/Grid.css +208 -0
  130. package/dist/css/components/Grid/css/__item/grid__item.css +4 -0
  131. package/dist/css/components/Grid/css/__item/grid__item_align-self.css +9 -0
  132. package/dist/css/components/Grid/css/__item/grid__item_column.css +17 -0
  133. package/dist/css/components/Grid/css/__item/grid__item_justify-self.css +9 -0
  134. package/dist/css/components/Grid/css/__item/grid__item_row.css +17 -0
  135. package/dist/css/components/Group/Group.css +106 -0
  136. package/dist/css/components/Icon/Icon.css +149 -0
  137. package/dist/css/components/Image/Image.css +106 -0
  138. package/dist/css/components/Input/Input.css +41 -0
  139. package/dist/css/components/Label/Label.css +33 -0
  140. package/dist/css/components/Link/Link.css +10 -0
  141. package/dist/css/components/List/List.css +112 -0
  142. package/dist/css/components/Loader/Loader.css +42 -0
  143. package/dist/css/components/Logo/Logo.css +17 -0
  144. package/dist/css/components/Menu/Menu.css +56 -0
  145. package/dist/css/components/MenuItem/MenuItem.css +56 -0
  146. package/dist/css/components/Notification/Notification.css +18 -0
  147. package/dist/css/components/Pagination/Pagination.css +80 -0
  148. package/dist/css/components/Pagination/css/__item/pagination__item.css +31 -0
  149. package/dist/css/components/Pagination/css/__item/pagination__item_state_active.css +16 -0
  150. package/dist/css/components/Pagination/css/__item/pagination__item_state_disabled.css +19 -0
  151. package/dist/css/components/Popup/Popup.css +49 -0
  152. package/dist/css/components/Profile/Profile.css +19 -0
  153. package/dist/css/components/RadioButton/RadioButton.css +98 -0
  154. package/dist/css/components/RangeSlider/RangeSlider.css +396 -0
  155. package/dist/css/components/Scrollbar/Scrollbar.css +2 -0
  156. package/dist/css/components/Search/Search.css +113 -0
  157. package/dist/css/components/Search/css/search-input/search-input.css +81 -0
  158. package/dist/css/components/Search/css/search-input/search-input_shape.css +8 -0
  159. package/dist/css/components/Search/css/search-result/search-result.css +6 -0
  160. package/dist/css/components/Search/css/search-result/search-result_shape.css +8 -0
  161. package/dist/css/components/Select/Select.css +236 -0
  162. package/dist/css/components/Select/css/__control/select__control.css +11 -0
  163. package/dist/css/components/Select/css/__control/select__control_fill.css +15 -0
  164. package/dist/css/components/Select/css/__control/select__control_shape.css +12 -0
  165. package/dist/css/components/Select/css/__indicators/select__indicators.css +18 -0
  166. package/dist/css/components/Select/css/__input-container/select__input-container.css +24 -0
  167. package/dist/css/components/Select/css/__menu/select__menu-notice.css +7 -0
  168. package/dist/css/components/Select/css/__menu/select__menu.css +36 -0
  169. package/dist/css/components/Select/css/__option/select__option.css +56 -0
  170. package/dist/css/components/Select/css/__single-value/select__single-value.css +5 -0
  171. package/dist/css/components/Select/css/__value-container/select__value-container.css +12 -0
  172. package/dist/css/components/SiteMenu/SiteMenu.css +37 -0
  173. package/dist/css/components/Swiper/Swiper.css +839 -0
  174. package/dist/css/components/Switch/Switch.css +53 -0
  175. package/dist/css/components/Text/Text.css +33 -0
  176. package/dist/css/components/Textarea/Textarea.css +40 -0
  177. package/dist/css/components/Tile/Tile.css +23 -0
  178. package/dist/css/components/Title/Title.css +71 -0
  179. package/dist/css/components/Tooltip/Tooltip.css +4 -0
  180. package/dist/css/components/Video/Video.css +37 -0
  181. package/dist/css/components/Wrapper/Wrapper.css +36 -0
  182. package/dist/css/styles/align/align_horizontal-reverse.css +50 -0
  183. package/dist/css/styles/align/align_horizontal.css +67 -0
  184. package/dist/css/styles/align/align_vertical-reverse.css +49 -0
  185. package/dist/css/styles/align/align_vertical.css +64 -0
  186. package/dist/css/styles/border/border.css +13 -0
  187. package/dist/css/styles/border-color/border-color.css +28 -0
  188. package/dist/css/styles/caret-color/caret-color.css +13 -0
  189. package/dist/css/styles/constraints/constraints.css +59 -0
  190. package/dist/css/styles/cursor/cursor.css +9 -0
  191. package/dist/css/styles/direction/direction.css +10 -0
  192. package/dist/css/styles/elevation/elevation.css +7 -0
  193. package/dist/css/styles/elevation/elevation_hover.css +11 -0
  194. package/dist/css/styles/fill/fill.css +28 -0
  195. package/dist/css/styles/fill/fill_active.css +22 -0
  196. package/dist/css/styles/fill/fill_active_hover.css +24 -0
  197. package/dist/css/styles/fill/fill_disabled.css +22 -0
  198. package/dist/css/styles/fill/fill_hover.css +34 -0
  199. package/dist/css/styles/fill-gradient/fill-gradient.css +15 -0
  200. package/dist/css/styles/height/height.css +9 -0
  201. package/dist/css/styles/hover/hover-fill-color.css +13 -0
  202. package/dist/css/styles/hover/hover-item-color.css +15 -0
  203. package/dist/css/styles/hover/hover-text-color.css +15 -0
  204. package/dist/css/styles/mediaqueries.css +66 -0
  205. package/dist/css/styles/mixin_elevation.css +33 -0
  206. package/dist/css/styles/mixin_fill-gradient.css +23 -0
  207. package/dist/css/styles/mixin_global.css +54 -0
  208. package/dist/css/styles/opacity/opacity.css +7 -0
  209. package/dist/css/styles/placeholder-text-color/placeholder-text-color.css +15 -0
  210. package/dist/css/styles/position/position.css +14 -0
  211. package/dist/css/styles/resize-horizontal/resize-horizontal.css +12 -0
  212. package/dist/css/styles/resize-vertical/resize-vertical.css +10 -0
  213. package/dist/css/styles/shape/shape.css +8 -0
  214. package/dist/css/styles/text-align/text-align.css +7 -0
  215. package/dist/css/styles/text-color/text-color.css +13 -0
  216. package/dist/css/styles/text-color/text-color_active.css +15 -0
  217. package/dist/css/styles/text-color/text-color_hover.css +17 -0
  218. package/dist/css/styles/text-color-hover/text-color-hover.css +15 -0
  219. package/dist/css/styles/text-decoration/text-decoration.css +9 -0
  220. package/dist/css/styles/text-gradient/text-gradient.css +24 -0
  221. package/dist/css/styles/text-style/text-style.css +9 -0
  222. package/dist/css/styles/text-truncate/text-truncate.css +7 -0
  223. package/dist/css/styles/text-weight/text-weight.css +40 -0
  224. package/dist/css/styles/width/width.css +9 -0
  225. package/dist/css/styles/word-wrap/word-wrap.css +8 -0
  226. package/dist/hooks/styleAttributes.js +33 -0
  227. package/dist/hooks/useDeviceTargetClass.js +60 -0
  228. package/dist/hooks/useMediaQueries.js +134 -0
  229. package/dist/hooks/useStyles.js +16 -0
  230. package/dist/index-f1505c84.js +86 -0
  231. package/dist/objectWithoutProperties-ea190611.js +188 -0
  232. package/dist/useStyles-77c3b520.js +153 -0
  233. package/package.json +123 -0
@@ -0,0 +1,115 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var PropTypes = require('prop-types');
5
+ var clsx = require('clsx');
6
+ var index$1 = require('./Text.js');
7
+ var index = require('./Title.js');
8
+ var size = require('../constants/componentProps/size.js');
9
+ var fill = require('../constants/componentProps/fill.js');
10
+ var shape = require('../constants/componentProps/shape.js');
11
+ var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
12
+ var useStyles = require('../useStyles-77c3b520.js');
13
+ require('../constants/componentProps/textColor.js');
14
+ require('../constants/componentProps/textColorActive.js');
15
+ require('../constants/componentProps/textColorHover.js');
16
+ require('../constants/componentProps/textStyle.js');
17
+ require('../constants/componentProps/textWeight.js');
18
+ require('lodash/camelCase');
19
+ require('lodash/maxBy');
20
+ require('lodash/upperFirst');
21
+ require('../hooks/styleAttributes.js');
22
+ require('../context/UIContext.js');
23
+ require('../hooks/useMediaQueries.js');
24
+ require('react-responsive');
25
+ require('lodash/castArray');
26
+ require('../constants/componentProps/textAlign.js');
27
+ require('../constants/componentProps/textGradient.js');
28
+ require('../constants/componentProps/titleSize.js');
29
+ require('../constants/componentProps/type.js');
30
+ require('../constants/componentProps/wrap.js');
31
+
32
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
33
+
34
+ var React__default = /*#__PURE__*/_interopDefault(React);
35
+ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
36
+ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
37
+
38
+ function Tooltip(props) {
39
+ var before = props.before,
40
+ after = props.after,
41
+ className = props.className,
42
+ text = props.text,
43
+ title = props.title,
44
+ type = props.type,
45
+ set = props.set,
46
+ arrowPosition = props.arrowPosition,
47
+ titleTextColor = props.titleTextColor,
48
+ titleSize = props.titleSize,
49
+ textColor = props.textColor,
50
+ textSize = props.textSize;
51
+ var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
52
+ prefix: 'align_',
53
+ propsKey: 'alignDirection'
54
+ });
55
+ var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
56
+ prefix: 'align_',
57
+ propsKey: 'align'
58
+ });
59
+ var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
60
+ prefix: 'fill_',
61
+ propsKey: 'fill'
62
+ });
63
+ var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
64
+ prefix: 'tooltip_shape_',
65
+ propsKey: 'shape'
66
+ });
67
+ var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
68
+ prefix: 'tooltip_size_',
69
+ propsKey: 'size'
70
+ });
71
+ var _useStyles = useStyles.useStyles(props),
72
+ tooltipStyles = _useStyles.styles;
73
+ return /*#__PURE__*/React__default.default.createElement("div", {
74
+ className: clsx__default.default(className, 'tooltip', fillClass, shapeClass, alignDirectionClass, alignClass, sizeClass, arrowPosition && "tooltip_type_arrow tooltip_arrow_position_" + arrowPosition, type && "tooltip_type_" + type, set && "tooltip_set_" + set),
75
+ style: tooltipStyles
76
+ }, /*#__PURE__*/React__default.default.createElement("div", {
77
+ className: "tooltip__inner"
78
+ }, before, title && /*#__PURE__*/React__default.default.createElement(index.Title, {
79
+ className: "tooltip__title",
80
+ textColor: titleTextColor,
81
+ size: titleSize
82
+ }, title), text && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
83
+ className: "tooltip__text",
84
+ textColor: textColor,
85
+ size: textSize
86
+ }, text), after));
87
+ }
88
+ Tooltip.propTypes = {
89
+ children: PropTypes__default.default.any,
90
+ className: PropTypes__default.default.string,
91
+ fill: PropTypes__default.default.oneOf(fill.default),
92
+ fillDesktop: PropTypes__default.default.oneOf(fill.default),
93
+ fillMobile: PropTypes__default.default.oneOf(fill.default),
94
+ fillTablet: PropTypes__default.default.oneOf(fill.default),
95
+ shape: PropTypes__default.default.oneOf(shape.default),
96
+ shapeDesktop: PropTypes__default.default.oneOf(shape.default),
97
+ shapeMobile: PropTypes__default.default.oneOf(shape.default),
98
+ shapeTablet: PropTypes__default.default.oneOf(shape.default),
99
+ text: PropTypes__default.default.any,
100
+ textSize: PropTypes__default.default.oneOf(size.default),
101
+ textSizeDesktop: PropTypes__default.default.oneOf(size.default),
102
+ textSizeMobile: PropTypes__default.default.oneOf(size.default),
103
+ textSizeTablet: PropTypes__default.default.oneOf(size.default),
104
+ textColor: PropTypes__default.default.oneOf(size.default),
105
+ size: PropTypes__default.default.oneOf(size.default),
106
+ sizeDesktop: PropTypes__default.default.oneOf(size.default),
107
+ sizeMobile: PropTypes__default.default.oneOf(size.default),
108
+ sizeTablet: PropTypes__default.default.oneOf(size.default),
109
+ type: PropTypes__default.default.string
110
+ };
111
+ Tooltip.defaultProps = {
112
+ label: 'Label'
113
+ };
114
+
115
+ exports.Tooltip = Tooltip;
@@ -0,0 +1,74 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var PropTypes = require('prop-types');
5
+ var clsx = require('clsx');
6
+ var useStyles = require('../useStyles-77c3b520.js');
7
+ require('lodash/camelCase');
8
+ require('lodash/maxBy');
9
+ require('lodash/upperFirst');
10
+ require('../hooks/styleAttributes.js');
11
+ require('../context/UIContext.js');
12
+ require('../hooks/useMediaQueries.js');
13
+ require('react-responsive');
14
+
15
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
16
+
17
+ var React__default = /*#__PURE__*/_interopDefault(React);
18
+ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
19
+ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
20
+
21
+ function Video(props) {
22
+ var id = props.id,
23
+ children = props.children,
24
+ className = props.className,
25
+ poster = props.poster,
26
+ webm = props.webm,
27
+ ogv = props.ogv,
28
+ mp4 = props.mp4,
29
+ type = props.type,
30
+ position = props.position;
31
+ var _useStyles = useStyles.useStyles(props),
32
+ videoStyles = _useStyles.styles;
33
+ return /*#__PURE__*/React__default.default.createElement("div", {
34
+ className: clsx__default.default('video', className, type && "video_type_" + type, position && "video_position_" + position),
35
+ id: id,
36
+ style: videoStyles
37
+ }, /*#__PURE__*/React__default.default.createElement("video", {
38
+ autoPlay: true,
39
+ className: "video__wrapper",
40
+ poster: poster,
41
+ muted: true,
42
+ loop: true,
43
+ playsInline: false
44
+ }, webm && /*#__PURE__*/React__default.default.createElement("source", {
45
+ src: webm,
46
+ type: "video/webm",
47
+ codecs: "vp8, vorbis"
48
+ }), ogv && /*#__PURE__*/React__default.default.createElement("source", {
49
+ src: ogv,
50
+ type: "video/ogg",
51
+ codecs: "theora, vorbis"
52
+ }), mp4 && /*#__PURE__*/React__default.default.createElement("source", {
53
+ src: mp4,
54
+ type: "video/mp4",
55
+ codecs: "avc1.42E01E, mp4a.40.2"
56
+ })), children);
57
+ }
58
+ Video.propTypes = {
59
+ id: PropTypes__default.default.string,
60
+ children: PropTypes__default.default.any,
61
+ className: PropTypes__default.default.string,
62
+ size: PropTypes__default.default.string,
63
+ position: PropTypes__default.default.string,
64
+ type: PropTypes__default.default.string,
65
+ poster: PropTypes__default.default.string,
66
+ onClick: PropTypes__default.default.func,
67
+ webm: PropTypes__default.default.string,
68
+ ogv: PropTypes__default.default.string,
69
+ mp4: PropTypes__default.default.string,
70
+ width: PropTypes__default.default.string,
71
+ height: PropTypes__default.default.string
72
+ };
73
+
74
+ exports.Video = Video;
@@ -0,0 +1,119 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var PropTypes = require('prop-types');
5
+ var clsx = require('clsx');
6
+ var alignDirection = require('../constants/componentProps/alignDirection.js');
7
+ var align = require('../constants/componentProps/align.js');
8
+ var fill = require('../constants/componentProps/fill.js');
9
+ var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
10
+ var position = require('../constants/componentProps/position.js');
11
+ var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
12
+ var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
13
+ var useStyles = require('../useStyles-77c3b520.js');
14
+ require('lodash/castArray');
15
+ require('lodash/camelCase');
16
+ require('../context/UIContext.js');
17
+ require('../hooks/useMediaQueries.js');
18
+ require('react-responsive');
19
+ require('lodash/maxBy');
20
+ require('lodash/upperFirst');
21
+ require('../hooks/styleAttributes.js');
22
+
23
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
24
+
25
+ var React__default = /*#__PURE__*/_interopDefault(React);
26
+ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
27
+ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
28
+
29
+ function Wrapper(props) {
30
+ var after = props.after,
31
+ before = props.before,
32
+ children = props.children,
33
+ className = props.className,
34
+ id = props.id,
35
+ Tag = props.tag,
36
+ type = props.type;
37
+ var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
38
+ prefix: 'align_',
39
+ propsKey: 'alignDirection'
40
+ });
41
+ var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
42
+ prefix: 'align_',
43
+ propsKey: 'align'
44
+ });
45
+ var resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
46
+ prefix: 'wrapper_resize-horizontal_',
47
+ propsKey: 'horizontalResizing'
48
+ });
49
+ var resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
50
+ prefix: 'wrapper_resize-vertical_',
51
+ propsKey: 'verticalResizing'
52
+ });
53
+ var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
54
+ prefix: 'fill_',
55
+ propsKey: 'fill'
56
+ });
57
+ var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
58
+ prefix: 'position_',
59
+ propsKey: 'position'
60
+ });
61
+ var wrapperPositionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
62
+ prefix: 'position_',
63
+ propsKey: 'wrapperPosition'
64
+ });
65
+ var _useStyles = useStyles.useStyles(props),
66
+ wrapperStyles = _useStyles.styles,
67
+ innerStyles = _useStyles.inner;
68
+ return /*#__PURE__*/React__default.default.createElement(Tag, {
69
+ id: id,
70
+ className: clsx__default.default(className, type && className + "_type_" + type, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
71
+ style: wrapperStyles
72
+ }, /*#__PURE__*/React__default.default.createElement("div", {
73
+ className: clsx__default.default(className + "__inner", alignDirectionClass, alignClass, wrapperPositionClass),
74
+ style: innerStyles
75
+ }, before, children, after));
76
+ }
77
+ Wrapper.propTypes = {
78
+ children: PropTypes__default.default.any,
79
+ className: PropTypes__default.default.string,
80
+ before: PropTypes__default.default.string,
81
+ after: PropTypes__default.default.string,
82
+ id: PropTypes__default.default.string,
83
+ fill: PropTypes__default.default.oneOf(fill.default),
84
+ fillMobile: PropTypes__default.default.oneOf(fill.default),
85
+ fillTablet: PropTypes__default.default.oneOf(fill.default),
86
+ fillDesktop: PropTypes__default.default.oneOf(fill.default),
87
+ type: PropTypes__default.default.string,
88
+ tag: PropTypes__default.default.string,
89
+ position: PropTypes__default.default.oneOf(position.default),
90
+ positionMobile: PropTypes__default.default.oneOf(position.default),
91
+ positionTablet: PropTypes__default.default.oneOf(position.default),
92
+ positionDesktop: PropTypes__default.default.oneOf(position.default),
93
+ wrapperPosition: PropTypes__default.default.oneOf(position.default),
94
+ wrapperPositionMobile: PropTypes__default.default.oneOf(position.default),
95
+ wrapperPositionTablet: PropTypes__default.default.oneOf(position.default),
96
+ wrapperPositionDesktop: PropTypes__default.default.oneOf(position.default),
97
+ horizontalResizing: PropTypes__default.default.oneOf(horizontalResizeMode.default),
98
+ horizontalResizingMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
99
+ horizontalResizingTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
100
+ horizontalResizingDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default),
101
+ verticalResizing: PropTypes__default.default.oneOf(verticalResizeMode.default),
102
+ verticalResizingMobile: PropTypes__default.default.oneOf(verticalResizeMode.default),
103
+ verticalResizingTablet: PropTypes__default.default.oneOf(verticalResizeMode.default),
104
+ verticalResizingDesktop: PropTypes__default.default.oneOf(verticalResizeMode.default),
105
+ align: PropTypes__default.default.oneOf(align.default),
106
+ alignMobile: PropTypes__default.default.oneOf(align.default),
107
+ alignTablet: PropTypes__default.default.oneOf(align.default),
108
+ alignDesktop: PropTypes__default.default.oneOf(align.default),
109
+ alignDirection: PropTypes__default.default.oneOf(alignDirection.default),
110
+ alignDirectionMobile: PropTypes__default.default.oneOf(alignDirection.default),
111
+ alignDirectionTablet: PropTypes__default.default.oneOf(alignDirection.default),
112
+ alignDirectionDesktop: PropTypes__default.default.oneOf(alignDirection.default)
113
+ };
114
+ Wrapper.defaultProps = {
115
+ className: 'wrapper',
116
+ tag: 'div'
117
+ };
118
+
119
+ exports.Wrapper = Wrapper;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var alignProps = [null, 'topLeft', 'topCenter', 'topRight', 'left', 'center', 'right', 'bottomLeft', 'bottomCenter', 'bottomRight'];
4
+
5
+ exports.default = alignProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var alignDirectionProps = [null, 'column', 'column-reverse', 'horizontal', 'horizontal-reverse', 'row', 'row-reverse', 'vertical', 'vertical-reverse'];
4
+
5
+ exports.default = alignDirectionProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var borderColorProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
4
+
5
+ exports.default = borderColorProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var borderTypeProps = [null, 'outine', 'solid'];
4
+
5
+ exports.default = borderTypeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var captionPositionProps = [null, 'onImageTop', 'onImageBottom', 'top', 'right', 'bottom', 'left'];
4
+
5
+ exports.default = captionPositionProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var directionProps = [null, 'row', 'row-reverse', 'column', 'column-reverse', 'vertical', 'horizontal'];
4
+
5
+ exports.default = directionProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var emojiSizeProps = [null, '16', '24', '32', '40', '56', '64', '144'];
4
+
5
+ exports.default = emojiSizeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var fillProps = [null, 'accentPrimary', 'accentSecondary', 'accentTertiary', 'primaryPrimary', 'primarySecondary', 'primaryTertiary', 'secondaryPrimary', 'secondarySecondary', 'secondaryTertiary', 'tertiaryPrimary', 'tertiarySecondary', 'tertiaryTertiary', 'surfacePrimary', 'surfaceSecondary', 'surfaceTertiary', 'surfaceQuaternary', 'surfaceQuinary', 'errorPrimary', 'errorSecondary', 'successPrimary', 'successSecondary'];
4
+
5
+ exports.default = fillProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var fillGradientProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
4
+
5
+ exports.default = fillGradientProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var fillTypeProps = [null, 'solid', 'outline', 'ghost'];
4
+
5
+ exports.default = fillTypeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var flexAlignProps = [null, 'stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'auto'];
4
+
5
+ exports.default = flexAlignProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var flexJustifyContentProps = [null, 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'];
4
+
5
+ exports.default = flexJustifyContentProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var flexWrapProps = [null, 'wrap', 'nowrap', 'wrap-reverse'];
4
+
5
+ exports.default = flexWrapProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var gridAlignProps = [null, 'auto', 'normal', 'stretch', 'center', 'start', 'end', 'space-around', 'space-between', 'space-evenly', 'safe center', 'unsafe center', 'self-start', 'self-end', 'first', 'baseline', 'first', 'baseline', 'last baseline'];
4
+
5
+ exports.default = gridAlignProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var gridAlignSelfProps = [null, 'auto', 'normal', 'stretch', 'center', 'start', 'end', 'space-around', 'space-between', 'space-evenly', 'safe center', 'unsafe center', 'self-start', 'self-end', 'first', 'baseline', 'first', 'baseline', 'last baseline'];
4
+
5
+ exports.default = gridAlignSelfProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var gridJustifyItemsProps = [null, 'legacy', 'normal', 'stretch', 'center', 'safe', 'center', 'unsafe', 'center', 'start', 'end', 'self-start', 'self-end', 'left', 'right', 'baseline', 'first baseline', 'last baseline'];
4
+
5
+ exports.default = gridJustifyItemsProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var gridJustifySelfProps = [null, 'auto', 'legacy', 'normal', 'stretch', 'center', 'start', 'end', 'left', 'right', 'space-around', 'space-between', 'space-evenly', 'safe', 'center', 'unsafe center', 'self-start', 'self-end', 'left', 'right', 'baseline', 'first baseline', 'last baseline'];
4
+
5
+ exports.default = gridJustifySelfProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var horizontalContentAlignProps = [null, 'center'];
4
+
5
+ exports.default = horizontalContentAlignProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var horizontalResizeModeProps = [null, 'fixed', 'hug', 'fill'];
4
+
5
+ exports.default = horizontalResizeModeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var iconSizeProps = [null, '16', '24', '32', '40', '60', '64', '144'];
4
+
5
+ exports.default = iconSizeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var positionProps = [null, 'absolute', 'relative', 'fixed', 'static', 'inherit'];
4
+
5
+ exports.default = positionProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var resizeModeProps = [null, 'cover', 'contain', 'stretch', 'center', 'caption-back'];
4
+
5
+ exports.default = resizeModeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var shapeProps = [null, 'geometric', 'rounded', 'circular'];
4
+
5
+ exports.default = shapeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var sizeProps = [null, 'xs', 's', 'm', 'l', 'xl'];
4
+
5
+ exports.default = sizeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var stackingProps = [null, 'firstOnTop', 'lastOnTop'];
4
+
5
+ exports.default = stackingProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var strokeColorProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
4
+
5
+ exports.default = strokeColorProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var textAlignProps = [null, 'left', 'center', 'right'];
4
+
5
+ exports.default = textAlignProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var textColorProps = [null, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary'];
4
+
5
+ exports.default = textColorProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var textColorActiveProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
4
+
5
+ exports.default = textColorActiveProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var textColorHoverProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
4
+
5
+ exports.default = textColorHoverProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var textGradientProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
4
+
5
+ exports.default = textGradientProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var textStyleProps = ['normal', 'italic'];
4
+
5
+ exports.default = textStyleProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var textTagProps = ['p', 'span'];
4
+
5
+ exports.default = textTagProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var textWeightProps = ['normal', 'bold', 'light', 'lighter', 'bolder', '100', '200', '300', '400', '500', '600', '700', '800', '900', '950'];
4
+
5
+ exports.default = textWeightProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var titleSizeProps = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
4
+
5
+ exports.default = titleSizeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var typeProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
4
+
5
+ exports.default = typeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var underlineProps = [null, 'false', 'none', 'underline'];
4
+
5
+ exports.default = underlineProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var verticalContentAlignProps = [null, 'center'];
4
+
5
+ exports.default = verticalContentAlignProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var verticalResizeModeProps = [null, 'fixed', 'hug', 'fill'];
4
+
5
+ exports.default = verticalResizeModeProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var widthProps = [null, 'fixed', 'hug', 'fill'];
4
+
5
+ exports.default = widthProps;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ var wrapProps = [null, 'wrap', 'no-wrap', 'nowrap', 'wrap-reverse'];
4
+
5
+ exports.default = wrapProps;