@itcase/ui 1.1.6 → 1.1.7

package/dist/constants-ts/componentProps/direction.d.ts

@@ -0,0 +1 @@
+export type directionPropsType = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'vertical' | 'horizontal';

package/dist/constants-ts/componentProps/elevation.d.ts

@@ -0,0 +1 @@
+export type elevationPropsType = 1 | 2 | 4 | 6 | 8 | 12 | 16 | 24;

package/dist/constants-ts/componentProps/emojiSize.d.ts

@@ -0,0 +1 @@
+export type emojiSizePropsType = '16' | '24' | '32' | '40' | '56' | '64' | '144';

package/dist/constants-ts/componentProps/fill.d.ts

@@ -0,0 +1 @@
+export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary' | 'gradientPrimary';

package/dist/constants-ts/componentProps/fillGradient.d.ts

@@ -0,0 +1 @@
+export type fillGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';

package/dist/constants-ts/componentProps/fillHover.d.ts

@@ -0,0 +1 @@
+export type fillHoverPropsType = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';

package/dist/constants-ts/componentProps/fillType.d.ts

@@ -0,0 +1 @@
+export type fillTypePropsType = 'solid' | 'outline' | 'ghost';

package/dist/constants-ts/componentProps/flexAlign.d.ts

@@ -0,0 +1 @@
+export type flexAlignPropsType = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'auto';

package/dist/constants-ts/componentProps/flexGrow.d.ts

@@ -0,0 +1 @@
+export type flexGrowPropsType = 0 | 1;

package/dist/constants-ts/componentProps/flexJustifyContent.d.ts

@@ -0,0 +1 @@
+export type flexJustifyContentPropsType = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';

package/dist/constants-ts/componentProps/flexWrap.d.ts

@@ -0,0 +1 @@
+export type flexWrapPropsType = 'wrap' | 'nowrap' | 'wrap-reverse';

package/dist/constants-ts/componentProps/gridAlign.d.ts

@@ -0,0 +1 @@
+export type gridAlignPropsType = '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';

package/dist/constants-ts/componentProps/gridAlignSelf.d.ts

@@ -0,0 +1 @@
+export type gridAlignSelfPropsType = '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';

package/dist/constants-ts/componentProps/gridJustifyItems.d.ts

@@ -0,0 +1 @@
+export type gridJustifyItemsPropsType = 'legacy' | 'normal' | 'stretch' | 'center' | 'safe' | 'center' | 'unsafe' | 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline';

package/dist/constants-ts/componentProps/gridJustifySelf.d.ts

@@ -0,0 +1 @@
+export type gridJustifySelfPropsType = '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';

package/dist/constants-ts/componentProps/height.d.ts

@@ -0,0 +1 @@
+export type heightPropsType = 'fixed' | 'hug' | 'fill' | string;

package/dist/constants-ts/componentProps/horizontalContentAlign.d.ts

@@ -0,0 +1 @@
+export type horizontalContentAlignPropsType = 'center';

package/dist/constants-ts/componentProps/horizontalResizeMode.d.ts

@@ -0,0 +1 @@
+export type horizontalResizeModePropsType = 'fixed' | 'hug' | 'fill';

package/dist/constants-ts/componentProps/iconFillSize.d.ts

@@ -0,0 +1 @@
+export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';

package/dist/constants-ts/componentProps/iconSize.d.ts

@@ -0,0 +1 @@
+export type iconSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';

package/dist/constants-ts/componentProps/itemColor.d.ts

@@ -0,0 +1 @@
+export type itemColorPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary';

package/dist/constants-ts/componentProps/justifyContent.d.ts

@@ -0,0 +1 @@
+export type justifyContentPropsType = 'flexStart' | 'flexEnd' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';

package/dist/constants-ts/componentProps/position.d.ts

@@ -0,0 +1 @@
+export type positionPropsType = 'absolute' | 'relative' | 'fixed' | 'static' | 'inherit';

package/dist/constants-ts/componentProps/resizeMode.d.ts

@@ -0,0 +1 @@
+export type resizeModePropsType = 'cover' | 'contain' | 'stretch' | 'center' | 'caption-back';

package/dist/constants-ts/componentProps/shape.d.ts

@@ -0,0 +1 @@
+export type shapePropsType = 'geometric' | 'rounded' | 'circular';

package/dist/constants-ts/componentProps/size.d.ts

@@ -0,0 +1 @@
+export type sizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';

package/dist/constants-ts/componentProps/sizeInterface.d.ts

@@ -0,0 +1 @@
+export type sizeInterfacePropsType = 'compact' | 'normal' | 'regular' | 'any';

package/dist/constants-ts/componentProps/sizePX.d.ts

@@ -0,0 +1 @@
+export type sizePXPropsType = '14' | '16' | '24' | '32' | '40' | '48' | '56' | '60' | '64' | '72' | '80' | '96' | '112' | '144' | '240';

package/dist/constants-ts/componentProps/stacking.d.ts

@@ -0,0 +1 @@
+export type stackingPropsType = 'firstOnTop' | 'lastOnTop';

package/dist/constants-ts/componentProps/state.d.ts

@@ -0,0 +1 @@
+export type statePropsType = 'active' | 'checked' | 'disabled' | 'focus' | 'hover' | 'normal';

package/dist/constants-ts/componentProps/strokeColor.d.ts

@@ -0,0 +1 @@
+export type strokeColorPropsType = 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemAccent' | 'surfaceItemDisabled' | 'accentItemPrimary' | 'accentItemSecondary' | 'primaryItemPrimary' | 'secondaryItemPrimary' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';

package/dist/constants-ts/componentProps/textAlign.d.ts

@@ -0,0 +1 @@
+export type textAlignPropsType = 'left' | 'center' | 'right';

package/dist/constants-ts/componentProps/textColor.d.ts

@@ -0,0 +1 @@
+export type textColorPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';

package/dist/constants-ts/componentProps/textColorActive.d.ts

@@ -0,0 +1 @@
+export type textColorActivePropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';

package/dist/constants-ts/componentProps/textColorHover.d.ts

@@ -0,0 +1 @@
+export type textColorHoverPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';

package/dist/constants-ts/componentProps/textGradient.d.ts

@@ -0,0 +1 @@
+export type textGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';

package/dist/constants-ts/componentProps/textSize.d.ts

@@ -0,0 +1 @@
+export type textSizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';

package/dist/constants-ts/componentProps/textStyle.d.ts

@@ -0,0 +1 @@
+export type textStylePropsType = 'normal' | 'italic';

package/dist/constants-ts/componentProps/textTag.d.ts

@@ -0,0 +1 @@
+export type textTagPropsType = 'p' | 'span';

package/dist/constants-ts/componentProps/textWeight.d.ts

@@ -0,0 +1 @@
+export type textWeightPropsType = 'normal' | 'bold' | 'light' | 'lighter' | 'bolder' | '100' | 100 | '200' | 200 | '300' | 300 | '400' | 400 | '500' | 500 | '600' | 600 | '700' | 700 | '800' | 800 | '900' | 900 | '950' | 950;

package/dist/constants-ts/componentProps/textWrap.d.ts

@@ -0,0 +1 @@
+export type textWrapPropsType = 'wrap' | 'nowrap';

package/dist/constants-ts/componentProps/titleSize.d.ts

@@ -0,0 +1 @@
+export type titleSizePropsType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

package/dist/constants-ts/componentProps/type.d.ts

@@ -0,0 +1 @@
+export type typePropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';

package/dist/constants-ts/componentProps/underline.d.ts

@@ -0,0 +1 @@
+export type underlinePropsType = 'false' | 'none' | 'underline';

package/dist/constants-ts/componentProps/verticalContentAlign.d.ts

@@ -0,0 +1 @@
+export type verticalContentAlignPropsType = 'center';

package/dist/constants-ts/componentProps/verticalResizeMode.d.ts

@@ -0,0 +1 @@
+export type verticalResizeModePropsType = 'fixed' | 'hug' | 'fill';

package/dist/constants-ts/componentProps/width.d.ts

@@ -0,0 +1 @@
+export type widthPropsType = 'fixed' | 'hug' | 'fill' | string;

package/dist/constants-ts/componentProps/wrap.d.ts

@@ -0,0 +1 @@
+export type wrapPropsType = 'wrap' | 'no-wrap' | 'nowrap' | 'wrap-reverse';

package/dist/constants-ts/index.d.ts

@@ -0,0 +1,56 @@
+export type { alignDirectionPropsType } from './componentProps/alignDirection';
+export type { alignPropsType } from './componentProps/align';
+export type { alignmentProps } from './componentProps/alignment';
+export type { borderColorHoverPropsType } from './componentProps/borderColorHover';
+export type { borderColorPropsType } from './componentProps/borderColor';
+export type { borderTypePropsType } from './componentProps/borderType';
+export type { borderWidthPropsType } from './componentProps/borderWidth';
+export type { captionPositionPropsType } from './componentProps/captionPosition';
+export type { directionPropsType } from './componentProps/direction';
+export type { elevationPropsType } from './componentProps/elevation';
+export type { emojiSizePropsType } from './componentProps/emojiSize';
+export type { fillGradientPropsType } from './componentProps/fillGradient';
+export type { fillHoverPropsType } from './componentProps/fillHover';
+export type { fillPropsType } from './componentProps/fill';
+export type { fillTypePropsType } from './componentProps/fillType';
+export type { flexAlignPropsType } from './componentProps/flexAlign';
+export type { flexGrowPropsType } from './componentProps/flexGrow';
+export type { flexJustifyContentPropsType } from './componentProps/flexJustifyContent';
+export type { flexWrapPropsType } from './componentProps/flexWrap';
+export type { gridAlignPropsType } from './componentProps/gridAlign';
+export type { gridAlignSelfPropsType } from './componentProps/gridAlignSelf';
+export type { gridJustifyItemsPropsType } from './componentProps/gridJustifyItems';
+export type { gridJustifySelfPropsType } from './componentProps/gridJustifySelf';
+export type { heightPropsType } from './componentProps/height';
+export type { horizontalContentAlignPropsType } from './componentProps/horizontalContentAlign';
+export type { horizontalResizeModePropsType } from './componentProps/horizontalResizeMode';
+export type { iconFillSizePropsType } from './componentProps/iconFillSize';
+export type { iconSizePropsType } from './componentProps/iconSize';
+export type { itemColorPropsType } from './componentProps/itemColor';
+export type { justifyContentPropsType } from './componentProps/justifyContent';
+export type { positionPropsType } from './componentProps/position';
+export type { resizeModePropsType } from './componentProps/resizeMode';
+export type { shapePropsType } from './componentProps/shape';
+export type { sizeInterfacePropsType } from './componentProps/sizeInterface';
+export type { sizePXPropsType } from './componentProps/sizePX';
+export type { sizePropsType } from './componentProps/size';
+export type { stackingPropsType } from './componentProps/stacking';
+export type { statePropsType } from './componentProps/state';
+export type { strokeColorPropsType } from './componentProps/strokeColor';
+export type { textAlignPropsType } from './componentProps/textAlign';
+export type { textColorActivePropsType } from './componentProps/textColorActive';
+export type { textColorHoverPropsType } from './componentProps/textColorHover';
+export type { textColorPropsType } from './componentProps/textColor';
+export type { textGradientPropsType } from './componentProps/textGradient';
+export type { textSizePropsType } from './componentProps/textSize';
+export type { textStylePropsType } from './componentProps/textStyle';
+export type { textTagPropsType } from './componentProps/textTag';
+export type { textWeightPropsType } from './componentProps/textWeight';
+export type { textWrapPropsType } from './componentProps/textWrap';
+export type { titleSizePropsType } from './componentProps/titleSize';
+export type { typePropsType } from './componentProps/type';
+export type { underlinePropsType } from './componentProps/underline';
+export type { verticalContentAlignPropsType } from './componentProps/verticalContentAlign';
+export type { verticalResizeModePropsType } from './componentProps/verticalResizeMode';
+export type { widthPropsType } from './componentProps/width';
+export type { wrapPropsType } from './componentProps/wrap';

package/dist/constants.js

@@ -1,111 +1,53 @@
-'use strict';
-
-var alignDirection = require('./constants/componentProps/alignDirection.js');
-var align = require('./constants/componentProps/align.js');
-var alignment = require('./constants/componentProps/alignment.js');
-var borderColorHover = require('./constants/componentProps/borderColorHover.js');
-var borderColor = require('./constants/componentProps/borderColor.js');
-var borderType = require('./constants/componentProps/borderType.js');
-var borderWidth = require('./constants/componentProps/borderWidth.js');
-var captionPosition = require('./constants/componentProps/captionPosition.js');
-var direction = require('./constants/componentProps/direction.js');
-var emojiSize = require('./constants/componentProps/emojiSize.js');
-var fillGradient = require('./constants/componentProps/fillGradient.js');
-var fillHover = require('./constants/componentProps/fillHover.js');
-var fill = require('./constants/componentProps/fill.js');
-var fillType = require('./constants/componentProps/fillType.js');
-var flexAlign = require('./constants/componentProps/flexAlign.js');
-var flexJustifyContent = require('./constants/componentProps/flexJustifyContent.js');
-var flexWrap = require('./constants/componentProps/flexWrap.js');
-var gridAlign = require('./constants/componentProps/gridAlign.js');
-var gridAlignSelf = require('./constants/componentProps/gridAlignSelf.js');
-var gridJustifyItems = require('./constants/componentProps/gridJustifyItems.js');
-var gridJustifySelf = require('./constants/componentProps/gridJustifySelf.js');
-var height = require('./constants/componentProps/height.js');
-var horizontalContentAlign = require('./constants/componentProps/horizontalContentAlign.js');
-var horizontalResizeMode = require('./constants/componentProps/horizontalResizeMode.js');
-var iconFillSize = require('./constants/componentProps/iconFillSize.js');
-var iconSize = require('./constants/componentProps/iconSize.js');
-var itemColor = require('./constants/componentProps/itemColor.js');
-var position = require('./constants/componentProps/position.js');
-var resizeMode = require('./constants/componentProps/resizeMode.js');
-var shape = require('./constants/componentProps/shape.js');
-var sizeInterface = require('./constants/componentProps/sizeInterface.js');
-var sizePX = require('./constants/componentProps/sizePX.js');
-var size = require('./constants/componentProps/size.js');
-var stacking = require('./constants/componentProps/stacking.js');
-var state = require('./constants/componentProps/state.js');
-var strokeColor = require('./constants/componentProps/strokeColor.js');
-var textAlign = require('./constants/componentProps/textAlign.js');
-var textColorActive = require('./constants/componentProps/textColorActive.js');
-var textColorHover = require('./constants/componentProps/textColorHover.js');
-var textColor = require('./constants/componentProps/textColor.js');
-var textGradient = require('./constants/componentProps/textGradient.js');
-var textSize = require('./constants/componentProps/textSize.js');
-var textStyle = require('./constants/componentProps/textStyle.js');
-var textTag = require('./constants/componentProps/textTag.js');
-var textWeight = require('./constants/componentProps/textWeight.js');
-var textWrap = require('./constants/componentProps/textWrap.js');
-var titleSize = require('./constants/componentProps/titleSize.js');
-var type = require('./constants/componentProps/type.js');
-var underline = require('./constants/componentProps/underline.js');
-var verticalContentAlign = require('./constants/componentProps/verticalContentAlign.js');
-var verticalResizeMode = require('./constants/componentProps/verticalResizeMode.js');
-var width = require('./constants/componentProps/width.js');
-var wrap = require('./constants/componentProps/wrap.js');
-
-
-
-exports.alignDirectionProps = alignDirection.default;
-exports.alignProps = align.default;
-exports.alignmentProps = alignment.default;
-exports.borderColorHoverProps = borderColorHover.default;
-exports.borderColorProps = borderColor.default;
-exports.borderTypeProps = borderType.default;
-exports.borderWidthProps = borderWidth.default;
-exports.captionPositionProps = captionPosition.default;
-exports.directionProps = direction.default;
-exports.emojiSizeProps = emojiSize.default;
-exports.fillGradientProps = fillGradient.default;
-exports.fillHoverProps = fillHover.default;
-exports.fillProps = fill.default;
-exports.fillTypeProps = fillType.default;
-exports.flexAlignProps = flexAlign.default;
-exports.flexJustifyContentProps = flexJustifyContent.default;
-exports.flexWrapProps = flexWrap.default;
-exports.gridAlignProps = gridAlign.default;
-exports.gridAlignSelfProps = gridAlignSelf.default;
-exports.gridJustifyItemsProps = gridJustifyItems.default;
-exports.gridJustifySelfProps = gridJustifySelf.default;
-exports.heightProps = height.default;
-exports.horizontalContentAlignProps = horizontalContentAlign.default;
-exports.horizontalResizeModeProps = horizontalResizeMode.default;
-exports.iconFillSizeProps = iconFillSize.default;
-exports.iconSizeProps = iconSize.default;
-exports.itemColorProps = itemColor.default;
-exports.positionProps = position.default;
-exports.resizeModeProps = resizeMode.default;
-exports.shapeProps = shape.default;
-exports.sizeInterfaceProps = sizeInterface.default;
-exports.sizePXProps = sizePX.default;
-exports.sizeProps = size.default;
-exports.stackingProps = stacking.default;
-exports.stateProps = state.default;
-exports.strokeColorProps = strokeColor.default;
-exports.textAlignProps = textAlign.default;
-exports.textColorActiveProps = textColorActive.default;
-exports.textColorHoverProps = textColorHover.default;
-exports.textColorProps = textColor.default;
-exports.textGradientProps = textGradient.default;
-exports.textSizeProps = textSize.default;
-exports.textStyleProps = textStyle.default;
-exports.textTagProps = textTag.default;
-exports.textWeightProps = textWeight.default;
-exports.textWrapProps = textWrap.default;
-exports.titleSizeProps = titleSize.default;
-exports.typeProps = type.default;
-exports.underlineProps = underline.default;
-exports.verticalContentAlignProps = verticalContentAlign.default;
-exports.verticalResizeModeProps = verticalResizeMode.default;
-exports.widthProps = width.default;
-exports.wrapProps = wrap.default;
+export { default as alignDirectionProps } from './constants/componentProps/alignDirection.js';
+export { default as alignProps } from './constants/componentProps/align.js';
+export { default as alignmentProps } from './constants/componentProps/alignment.js';
+export { default as borderColorHoverProps } from './constants/componentProps/borderColorHover.js';
+export { default as borderColorProps } from './constants/componentProps/borderColor.js';
+export { default as borderTypeProps } from './constants/componentProps/borderType.js';
+export { default as borderWidthProps } from './constants/componentProps/borderWidth.js';
+export { default as captionPositionProps } from './constants/componentProps/captionPosition.js';
+export { default as directionProps } from './constants/componentProps/direction.js';
+export { default as emojiSizeProps } from './constants/componentProps/emojiSize.js';
+export { default as fillGradientProps } from './constants/componentProps/fillGradient.js';
+export { default as fillHoverProps } from './constants/componentProps/fillHover.js';
+export { default as fillProps } from './constants/componentProps/fill.js';
+export { default as fillTypeProps } from './constants/componentProps/fillType.js';
+export { default as flexAlignProps } from './constants/componentProps/flexAlign.js';
+export { default as flexJustifyContentProps } from './constants/componentProps/flexJustifyContent.js';
+export { default as flexWrapProps } from './constants/componentProps/flexWrap.js';
+export { default as gridAlignProps } from './constants/componentProps/gridAlign.js';
+export { default as gridAlignSelfProps } from './constants/componentProps/gridAlignSelf.js';
+export { default as gridJustifyItemsProps } from './constants/componentProps/gridJustifyItems.js';
+export { default as gridJustifySelfProps } from './constants/componentProps/gridJustifySelf.js';
+export { default as heightProps } from './constants/componentProps/height.js';
+export { default as horizontalContentAlignProps } from './constants/componentProps/horizontalContentAlign.js';
+export { default as horizontalResizeModeProps } from './constants/componentProps/horizontalResizeMode.js';
+export { default as iconFillSizeProps } from './constants/componentProps/iconFillSize.js';
+export { default as iconSizeProps } from './constants/componentProps/iconSize.js';
+export { default as itemColorProps } from './constants/componentProps/itemColor.js';
+export { default as positionProps } from './constants/componentProps/position.js';
+export { default as resizeModeProps } from './constants/componentProps/resizeMode.js';
+export { default as shapeProps } from './constants/componentProps/shape.js';
+export { default as sizeInterfaceProps } from './constants/componentProps/sizeInterface.js';
+export { default as sizePXProps } from './constants/componentProps/sizePX.js';
+export { default as sizeProps } from './constants/componentProps/size.js';
+export { default as stackingProps } from './constants/componentProps/stacking.js';
+export { default as stateProps } from './constants/componentProps/state.js';
+export { default as strokeColorProps } from './constants/componentProps/strokeColor.js';
+export { default as textAlignProps } from './constants/componentProps/textAlign.js';
+export { default as textColorActiveProps } from './constants/componentProps/textColorActive.js';
+export { default as textColorHoverProps } from './constants/componentProps/textColorHover.js';
+export { default as textColorProps } from './constants/componentProps/textColor.js';
+export { default as textGradientProps } from './constants/componentProps/textGradient.js';
+export { default as textSizeProps } from './constants/componentProps/textSize.js';
+export { default as textStyleProps } from './constants/componentProps/textStyle.js';
+export { default as textTagProps } from './constants/componentProps/textTag.js';
+export { default as textWeightProps } from './constants/componentProps/textWeight.js';
+export { default as textWrapProps } from './constants/componentProps/textWrap.js';
+export { default as titleSizeProps } from './constants/componentProps/titleSize.js';
+export { default as typeProps } from './constants/componentProps/type.js';
+export { default as underlineProps } from './constants/componentProps/underline.js';
+export { default as verticalContentAlignProps } from './constants/componentProps/verticalContentAlign.js';
+export { default as verticalResizeModeProps } from './constants/componentProps/verticalResizeMode.js';
+export { default as widthProps } from './constants/componentProps/width.js';
+export { default as wrapProps } from './constants/componentProps/wrap.js';

package/dist/context/Notifications.js

@@ -1,13 +1,6 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var uuid = require('uuid');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+import React__default, { useState, useCallback, useMemo, useContext, createContext } from 'react';
+import PropTypes from 'prop-types';
+import { v4 } from 'uuid';
 
 const STATUSES = {
   success: 'success',
@@ -15,15 +8,15 @@ const STATUSES = {
   error: 'error',
   warning: 'warning'
 };
-const NotificationsContext = /*#__PURE__*/React.createContext([]);
-const NotificationsAPIContext = /*#__PURE__*/React.createContext({
+const NotificationsContext = /*#__PURE__*/createContext([]);
+const NotificationsAPIContext = /*#__PURE__*/createContext({
   showNotification: () => {},
   hideNotifications: () => {},
   notificationStatuses: STATUSES
 });
 function NotificationsProvider(props) {
-  const [notifications, setNotifications] = React.useState([]);
-  const hideNotifications = React.useCallback(id => {
+  const [notifications, setNotifications] = useState([]);
+  const hideNotifications = useCallback(id => {
     setNotifications(prevState => {
       const currentNotification = prevState.find(notification => notification.id === id);
       if (currentNotification) {
@@ -35,8 +28,8 @@ function NotificationsProvider(props) {
       return prevState;
     });
   }, []);
-  const showNotification = React.useCallback((notification, onClose) => {
-    let id = uuid.v4().split('-')[0];
+  const showNotification = useCallback((notification, onClose) => {
+    let id = v4().split('-')[0];
     let title = '';
     let text = '';
     let status = STATUSES.warning;
@@ -79,7 +72,7 @@ function NotificationsProvider(props) {
     return id;
     // eslint-disable-next-line
   }, []);
-  const notificationsAPI = React.useMemo(() => ({
+  const notificationsAPI = useMemo(() => ({
     showNotification: showNotification,
     hideNotifications: hideNotifications,
     notificationStatuses: STATUSES
@@ -87,20 +80,20 @@ function NotificationsProvider(props) {
   // Functions is never changes, no sense to set as dependencies
   // eslint-disable-next-line
   []);
-  return /*#__PURE__*/React__default.default.createElement(NotificationsAPIContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(NotificationsAPIContext.Provider, {
     value: notificationsAPI
-  }, /*#__PURE__*/React__default.default.createElement(NotificationsContext.Provider, {
+  }, /*#__PURE__*/React__default.createElement(NotificationsContext.Provider, {
     value: notifications
   }, props.children));
 }
 NotificationsProvider.propTypes = {
-  children: PropTypes__default.default.any
+  children: PropTypes.any
 };
 function useNotifications() {
-  return React.useContext(NotificationsContext);
+  return useContext(NotificationsContext);
 }
 function useNotificationsAPI() {
-  return React.useContext(NotificationsAPIContext);
+  return useContext(NotificationsAPIContext);
 }
 NotificationsProvider.__docgenInfo = {
   "description": "",
@@ -117,6 +110,4 @@ NotificationsProvider.__docgenInfo = {
   }
 };
 
-exports.NotificationsProvider = NotificationsProvider;
-exports.useNotifications = useNotifications;
-exports.useNotificationsAPI = useNotificationsAPI;
+export { NotificationsProvider, useNotifications, useNotificationsAPI };

package/dist/context/UIContext.js

@@ -1,56 +1,47 @@
-'use strict';
+import React__default, { useContext, memo, useState, useMemo, createContext } from 'react';
+import PropTypes from 'prop-types';
+import { useMediaQueries } from '../hooks/useMediaQueries.js';
+import 'react-responsive';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var useMediaQueries = require('../hooks/useMediaQueries.js');
-require('react-responsive');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-
-const UserDeviceContext = /*#__PURE__*/React.createContext({
+const UserDeviceContext = /*#__PURE__*/createContext({
   isMobile: false,
   isTablet: false,
   isDesktop: false
 });
-const SiteMenuContext = /*#__PURE__*/React.createContext({
+const SiteMenuContext = /*#__PURE__*/createContext({
   isSiteMenuOpen: false,
   setIsSiteMenuOpen: () => {}
 });
 function useUserDeviceContext() {
-  return React.useContext(UserDeviceContext);
+  return useContext(UserDeviceContext);
 }
 function useSiteMenuContext() {
-  return React.useContext(SiteMenuContext);
+  return useContext(SiteMenuContext);
 }
-const UIProvider = /*#__PURE__*/React.memo(function UIProvider(props) {
+const UIProvider = /*#__PURE__*/memo(function UIProvider(props) {
   const {
     children,
     userDeviceState = {}
   } = props;
-  const [isSiteMenuOpen, setIsSiteMenuOpen] = React.useState(false);
-  const siteMenuContextState = React.useMemo(() => ({
+  const [isSiteMenuOpen, setIsSiteMenuOpen] = useState(false);
+  const siteMenuContextState = useMemo(() => ({
     isSiteMenuOpen,
     setIsSiteMenuOpen
   }), [isSiteMenuOpen]);
-  const mediaQueriesDevices = useMediaQueries.useMediaQueries(userDeviceState);
-  return /*#__PURE__*/React__default.default.createElement(UserDeviceContext.Provider, {
+  const mediaQueriesDevices = useMediaQueries(userDeviceState);
+  return /*#__PURE__*/React__default.createElement(UserDeviceContext.Provider, {
     value: mediaQueriesDevices
-  }, /*#__PURE__*/React__default.default.createElement(SiteMenuContext.Provider, {
+  }, /*#__PURE__*/React__default.createElement(SiteMenuContext.Provider, {
     value: siteMenuContextState
   }, children));
 });
 UIProvider.propTypes = {
-  children: PropTypes__default.default.any,
-  userDeviceState: PropTypes__default.default.shape({
-    isMobile: PropTypes__default.default.bool,
-    isTablet: PropTypes__default.default.bool,
-    isDesktop: PropTypes__default.default.bool
+  children: PropTypes.any,
+  userDeviceState: PropTypes.shape({
+    isMobile: PropTypes.bool,
+    isTablet: PropTypes.bool,
+    isDesktop: PropTypes.bool
   })
 };
 
-exports.UIProvider = UIProvider;
-exports.useSiteMenuContext = useSiteMenuContext;
-exports.useUserDeviceContext = useUserDeviceContext;
+export { UIProvider, useSiteMenuContext, useUserDeviceContext };

package/dist/context/index.d.ts

@@ -0,0 +1,2 @@
+export { NotificationsProvider, useNotifications, useNotificationsAPI } from './Notifications';
+export { UIProvider, useSiteMenuContext, useUserDeviceContext } from './UIContext';

package/dist/css/components/Avatar/Avatar.css

@@ -90,3 +90,13 @@
     }
   }
 }
+.avatar {
+  &_status {
+    position: relative;
+    & .dot {
+      position: absolute;
+      right: var(--avatar-dot-position-right, -4px);
+      bottom: var(--avatar-dot-position-bottom, -2px);
+    }
+  }
+}

package/dist/css/components/Button/Button.css

@@ -302,7 +302,7 @@
     &_icon {
       align-self: flex-start;
       &.button_size {
-        @each $size in xs, s, m, l, xl, xxl {
+        @each $size in xxs, xs, s, m, l, xl, xxl {
           &_$(size) {
             & ^^^^&__wrapper {
               padding: var(--button-size-$(size)-icon-padding);