@itcase/ui 1.0.42 → 1.0.44

package/dist/components/Title.js

@@ -13,7 +13,7 @@ var titleSize = require('../constants/componentProps/titleSize.js');
 var type = require('../constants/componentProps/type.js');
 var wrap = require('../constants/componentProps/wrap.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-e4accb53.js');
+var useStyles = require('../hooks/useStyles.js');
 var UIContext = require('../context/UIContext.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -30,66 +30,74 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Title(props) {
-  var dataTour = props.dataTour,
-    tag = props.tag,
-    text = props.text,
-    textWrap = props.textWrap;
-  var children = props.children,
-    className = props.className,
-    onClick = props.onClick;
-  var size = props.size,
-    sizeMobile = props.sizeMobile,
-    sizeTablet = props.sizeTablet,
-    sizeDesktop = props.sizeDesktop;
-  var _useUserDeviceContext = UIContext.useUserDeviceContext(),
-    isMobile = _useUserDeviceContext.isMobile,
-    isTablet = _useUserDeviceContext.isTablet,
-    isDesktop = _useUserDeviceContext.isDesktop;
-  var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const {
+    dataTour,
+    tag,
+    text,
+    textWrap
+  } = props;
+  const {
+    children,
+    className,
+    onClick
+  } = props;
+  const {
+    size,
+    sizeMobile,
+    sizeTablet,
+    sizeDesktop
+  } = props;
+  const {
+    isMobile,
+    isTablet,
+    isDesktop
+  } = UIContext.useUserDeviceContext();
+  const textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-color_',
     propsKey: 'textColor'
   });
-  var textColorActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textColorActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-color-active_',
     propsKey: 'textColorActive'
   });
-  var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-color_hover_',
     propsKey: 'textColorHover'
   });
-  var textAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-align_',
     propsKey: 'textAlign'
   });
-  var typeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const typeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'title_type_',
     propsKey: 'type'
   });
-  var fillColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-gradient_',
     propsKey: 'textColorGradient'
   });
-  var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-style_',
     propsKey: 'textStyle'
   });
-  var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-weight_',
     propsKey: 'textWeight'
   });
-  var textTruncateClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const textTruncateClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'text-truncate_',
     propsKey: 'textTruncate'
   });
-  var _useStyles = useStyles.useStyles(props),
-    titleStyles = _useStyles.styles;
+  const {
+    styles: titleStyles
+  } = useStyles.useStyles(props);
 
   // Element type (h1, h2, ..., h6)
-  var Tag = React.useMemo(function () {
+  const Tag = React.useMemo(() => {
     if (tag) {
       return tag;
     }
@@ -105,7 +113,7 @@ function Title(props) {
     return size;
   }, [isMobile, isTablet, isDesktop]);
   return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(className, 'title', fillColorClass, size && "title_size_" + size, textColorClass, textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_" + textWrap),
+    className: clsx__default.default(className, 'title', fillColorClass, size && `title_size_${size}`, textColorClass, textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && `word-wrap_${textWrap}`),
     "data-tour": dataTour,
     onClick: onClick,
     style: titleStyles

package/dist/components/Tooltip.js

@@ -9,7 +9,7 @@ var size = require('../constants/componentProps/size.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-e4accb53.js');
+var useStyles = require('../hooks/useStyles.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
@@ -36,42 +36,45 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Tooltip(props) {
-  var before = props.before,
-    after = props.after,
-    className = props.className,
-    text = props.text,
-    title = props.title,
-    type = props.type,
-    set = props.set,
-    arrowPosition = props.arrowPosition,
-    titleTextColor = props.titleTextColor,
-    titleSize = props.titleSize,
-    textColor = props.textColor,
-    textSize = props.textSize;
-  var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const {
+    before,
+    after,
+    className,
+    text,
+    title,
+    type,
+    set,
+    arrowPosition,
+    titleTextColor,
+    titleSize,
+    textColor,
+    textSize
+  } = props;
+  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'tooltip_shape_',
     propsKey: 'shape'
   });
-  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'tooltip_size_',
     propsKey: 'size'
   });
-  var _useStyles = useStyles.useStyles(props),
-    tooltipStyles = _useStyles.styles;
+  const {
+    styles: tooltipStyles
+  } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    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),
+    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}`),
     style: tooltipStyles
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "tooltip__inner"

package/dist/components/Video.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var useStyles = require('../useStyles-e4accb53.js');
+var useStyles = require('../hooks/useStyles.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -19,19 +19,22 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Video(props) {
-  var id = props.id,
-    children = props.children,
-    className = props.className,
-    poster = props.poster,
-    webm = props.webm,
-    ogv = props.ogv,
-    mp4 = props.mp4,
-    type = props.type,
-    position = props.position;
-  var _useStyles = useStyles.useStyles(props),
-    videoStyles = _useStyles.styles;
+  const {
+    id,
+    children,
+    className,
+    poster,
+    webm,
+    ogv,
+    mp4,
+    type,
+    position
+  } = props;
+  const {
+    styles: videoStyles
+  } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('video', className, type && "video_type_" + type, position && "video_position_" + position),
+    className: clsx__default.default('video', className, type && `video_type_${type}`, position && `video_position_${position}`),
     id: id,
     style: videoStyles
   }, /*#__PURE__*/React__default.default.createElement("video", {

package/dist/components/Wrapper.js

@@ -10,7 +10,7 @@ var horizontalResizeMode = require('../constants/componentProps/horizontalResize
 var position = require('../constants/componentProps/position.js');
 var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-e4accb53.js');
+var useStyles = require('../hooks/useStyles.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -27,50 +27,53 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Wrapper(props) {
-  var after = props.after,
-    before = props.before,
-    children = props.children,
-    className = props.className,
-    id = props.id,
-    Tag = props.tag,
-    type = props.type;
-  var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const {
+    after,
+    before,
+    children,
+    className,
+    id,
+    tag: Tag,
+    type
+  } = props;
+  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
-  var resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'wrapper_resize-horizontal_',
     propsKey: 'horizontalResizing'
   });
-  var resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'wrapper_resize-vertical_',
     propsKey: 'verticalResizing'
   });
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'position_',
     propsKey: 'position'
   });
-  var wrapperPositionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const wrapperPositionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'position_',
     propsKey: 'wrapperPosition'
   });
-  var _useStyles = useStyles.useStyles(props),
-    wrapperStyles = _useStyles.styles,
-    innerStyles = _useStyles.inner;
+  const {
+    styles: wrapperStyles,
+    inner: innerStyles
+  } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(Tag, {
     id: id,
-    className: clsx__default.default(className, type && className + "_type_" + type, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
+    className: clsx__default.default(className, type && `${className}_type_${type}`, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
     style: wrapperStyles
   }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className + "__inner", alignDirectionClass, alignClass, wrapperPositionClass),
+    className: clsx__default.default(`${className}__inner`, alignDirectionClass, alignClass, wrapperPositionClass),
     style: innerStyles
   }, before, children, after));
 }

package/dist/constants/componentProps/align.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var alignProps = [null, 'topLeft', 'topCenter', 'topRight', 'left', 'center', 'right', 'bottomLeft', 'bottomCenter', 'bottomRight'];
+const alignProps = [null, 'topLeft', 'topCenter', 'topRight', 'left', 'center', 'right', 'bottomLeft', 'bottomCenter', 'bottomRight'];
 
 exports.default = alignProps;

package/dist/constants/componentProps/alignDirection.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var alignDirectionProps = [null, 'column', 'column-reverse', 'horizontal', 'horizontal-reverse', 'row', 'row-reverse', 'vertical', 'vertical-reverse'];
+const alignDirectionProps = [null, 'column', 'column-reverse', 'horizontal', 'horizontal-reverse', 'row', 'row-reverse', 'vertical', 'vertical-reverse'];
 
 exports.default = alignDirectionProps;

package/dist/constants/componentProps/borderColor.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var borderColorProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
+const borderColorProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
 
 exports.default = borderColorProps;

package/dist/constants/componentProps/borderType.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var borderTypeProps = [null, 'outine', 'solid'];
+const borderTypeProps = [null, 'outine', 'solid'];
 
 exports.default = borderTypeProps;

package/dist/constants/componentProps/captionPosition.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var captionPositionProps = [null, 'onImageTop', 'onImageBottom', 'top', 'right', 'bottom', 'left'];
+const captionPositionProps = [null, 'onImageTop', 'onImageBottom', 'top', 'right', 'bottom', 'left'];
 
 exports.default = captionPositionProps;

package/dist/constants/componentProps/direction.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var directionProps = [null, 'row', 'row-reverse', 'column', 'column-reverse', 'vertical', 'horizontal'];
+const directionProps = [null, 'row', 'row-reverse', 'column', 'column-reverse', 'vertical', 'horizontal'];
 
 exports.default = directionProps;

package/dist/constants/componentProps/emojiSize.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var emojiSizeProps = [null, '16', '24', '32', '40', '56', '64', '144'];
+const emojiSizeProps = [null, '16', '24', '32', '40', '56', '64', '144'];
 
 exports.default = emojiSizeProps;

package/dist/constants/componentProps/fill.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var fillProps = [null, 'accentPrimary', 'accentSecondary', 'accentTertiary', 'primaryPrimary', 'primarySecondary', 'primaryTertiary', 'secondaryPrimary', 'secondarySecondary', 'secondaryTertiary', 'tertiaryPrimary', 'tertiarySecondary', 'tertiaryTertiary', 'surfacePrimary', 'surfaceSecondary', 'surfaceTertiary', 'surfaceQuaternary', 'surfaceQuinary', 'errorPrimary', 'errorSecondary', 'successPrimary', 'successSecondary'];
+const fillProps = [null, 'accentPrimary', 'accentSecondary', 'accentTertiary', 'primaryPrimary', 'primarySecondary', 'primaryTertiary', 'secondaryPrimary', 'secondarySecondary', 'secondaryTertiary', 'tertiaryPrimary', 'tertiarySecondary', 'tertiaryTertiary', 'surfacePrimary', 'surfaceSecondary', 'surfaceTertiary', 'surfaceQuaternary', 'surfaceQuinary', 'errorPrimary', 'errorSecondary', 'successPrimary', 'successSecondary'];
 
 exports.default = fillProps;

package/dist/constants/componentProps/fillGradient.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var fillGradientProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
+const fillGradientProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
 
 exports.default = fillGradientProps;

package/dist/constants/componentProps/fillType.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var fillTypeProps = [null, 'solid', 'outline', 'ghost'];
+const fillTypeProps = [null, 'solid', 'outline', 'ghost'];
 
 exports.default = fillTypeProps;

package/dist/constants/componentProps/flexAlign.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var flexAlignProps = [null, 'stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'auto'];
+const flexAlignProps = [null, 'stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'auto'];
 
 exports.default = flexAlignProps;

package/dist/constants/componentProps/flexJustifyContent.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var flexJustifyContentProps = [null, 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'];
+const flexJustifyContentProps = [null, 'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'space-evenly'];
 
 exports.default = flexJustifyContentProps;

package/dist/constants/componentProps/flexWrap.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var flexWrapProps = [null, 'wrap', 'nowrap', 'wrap-reverse'];
+const flexWrapProps = [null, 'wrap', 'nowrap', 'wrap-reverse'];
 
 exports.default = flexWrapProps;

package/dist/constants/componentProps/gridAlign.js

@@ -1,5 +1,5 @@
 'use strict';
 
-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'];
+const 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'];
 
 exports.default = gridAlignProps;

package/dist/constants/componentProps/gridAlignSelf.js

@@ -1,5 +1,5 @@
 'use strict';
 
-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'];
+const 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'];
 
 exports.default = gridAlignSelfProps;

package/dist/constants/componentProps/gridJustifyItems.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var gridJustifyItemsProps = [null, 'legacy', 'normal', 'stretch', 'center', 'safe', 'center', 'unsafe', 'center', 'start', 'end', 'self-start', 'self-end', 'left', 'right', 'baseline', 'first baseline', 'last baseline'];
+const gridJustifyItemsProps = [null, 'legacy', 'normal', 'stretch', 'center', 'safe', 'center', 'unsafe', 'center', 'start', 'end', 'self-start', 'self-end', 'left', 'right', 'baseline', 'first baseline', 'last baseline'];
 
 exports.default = gridJustifyItemsProps;

package/dist/constants/componentProps/gridJustifySelf.js

@@ -1,5 +1,5 @@
 'use strict';
 
-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'];
+const 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'];
 
 exports.default = gridJustifySelfProps;

package/dist/constants/componentProps/horizontalContentAlign.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var horizontalContentAlignProps = [null, 'center'];
+const horizontalContentAlignProps = [null, 'center'];
 
 exports.default = horizontalContentAlignProps;

package/dist/constants/componentProps/horizontalResizeMode.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var horizontalResizeModeProps = [null, 'fixed', 'hug', 'fill'];
+const horizontalResizeModeProps = [null, 'fixed', 'hug', 'fill'];
 
 exports.default = horizontalResizeModeProps;

package/dist/constants/componentProps/iconSize.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var iconSizeProps = [null, '16', '24', '32', '40', '60', '64', '144'];
+const iconSizeProps = [null, '16', '24', '32', '40', '60', '64', '144'];
 
 exports.default = iconSizeProps;

package/dist/constants/componentProps/position.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var positionProps = [null, 'absolute', 'relative', 'fixed', 'static', 'inherit'];
+const positionProps = [null, 'absolute', 'relative', 'fixed', 'static', 'inherit'];
 
 exports.default = positionProps;

package/dist/constants/componentProps/resizeMode.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var resizeModeProps = [null, 'cover', 'contain', 'stretch', 'center', 'caption-back'];
+const resizeModeProps = [null, 'cover', 'contain', 'stretch', 'center', 'caption-back'];
 
 exports.default = resizeModeProps;

package/dist/constants/componentProps/shape.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var shapeProps = [null, 'geometric', 'rounded', 'circular'];
+const shapeProps = [null, 'geometric', 'rounded', 'circular'];
 
 exports.default = shapeProps;

package/dist/constants/componentProps/size.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var sizeProps = [null, 'xs', 's', 'm', 'l', 'xl'];
+const sizeProps = [null, 'xs', 's', 'm', 'l', 'xl'];
 
 exports.default = sizeProps;

package/dist/constants/componentProps/stacking.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var stackingProps = [null, 'firstOnTop', 'lastOnTop'];
+const stackingProps = [null, 'firstOnTop', 'lastOnTop'];
 
 exports.default = stackingProps;

package/dist/constants/componentProps/strokeColor.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var strokeColorProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
+const strokeColorProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
 
 exports.default = strokeColorProps;

package/dist/constants/componentProps/textAlign.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var textAlignProps = [null, 'left', 'center', 'right'];
+const textAlignProps = [null, 'left', 'center', 'right'];
 
 exports.default = textAlignProps;

package/dist/constants/componentProps/textColor.js

@@ -1,5 +1,5 @@
 'use strict';
 
-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'];
+const 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'];
 
 exports.default = textColorProps;

package/dist/constants/componentProps/textColorActive.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var textColorActiveProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
+const textColorActiveProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
 
 exports.default = textColorActiveProps;

package/dist/constants/componentProps/textColorHover.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var textColorHoverProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
+const textColorHoverProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
 
 exports.default = textColorHoverProps;

package/dist/constants/componentProps/textGradient.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var textGradientProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
+const textGradientProps = [null, 'accent', 'primary', 'secondary', 'tertiary', 'surface', 'error', 'success'];
 
 exports.default = textGradientProps;

package/dist/constants/componentProps/textStyle.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var textStyleProps = ['normal', 'italic'];
+const textStyleProps = ['normal', 'italic'];
 
 exports.default = textStyleProps;

package/dist/constants/componentProps/textTag.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var textTagProps = ['p', 'span'];
+const textTagProps = ['p', 'span'];
 
 exports.default = textTagProps;

package/dist/constants/componentProps/textWeight.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var textWeightProps = ['normal', 'bold', 'light', 'lighter', 'bolder', '100', '200', '300', '400', '500', '600', '700', '800', '900', '950'];
+const textWeightProps = ['normal', 'bold', 'light', 'lighter', 'bolder', '100', '200', '300', '400', '500', '600', '700', '800', '900', '950'];
 
 exports.default = textWeightProps;

package/dist/constants/componentProps/titleSize.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var titleSizeProps = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+const titleSizeProps = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 
 exports.default = titleSizeProps;