@alfalab/core-components 26.5.2-beta.3 → 26.5.2-beta.4

package/tabs/tslib.es6-a2641a5b.js

@@ -0,0 +1,40 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+exports.__assign = function () {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+exports.__rest = __rest;

package/tag/Component.js

@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tag__component_gee57","focused":"tag__focused_gee57","addons":"tag__addons_gee57","s":"tag__s_gee57","m":"tag__m_gee57","l":"tag__l_gee57","xl":"tag__xl_gee57","xxs":"tag__xxs_gee57","xs":"tag__xs_gee57","withRightAddons":"tag__withRightAddons_gee57","withLeftAddons":"tag__withLeftAddons_gee57","default":"tag__default_gee57","alt":"tag__alt_gee57"};
+var styles = {"component":"tag__component_gee57","focused":"tag__focused_gee57","addons":"tag__addons_gee57","s":"tag__s_gee57","m":"tag__m_gee57","l":"tag__l_gee57","xl":"tag__xl_gee57","xxs":"tag__xxs_gee57","xs":"tag__xs_gee57","withRightAddons":"tag__withRightAddons_gee57","withLeftAddons":"tag__withLeftAddons_gee57","defaultVariant":"tag__defaultVariant_gee57","alt":"tag__alt_gee57"};
 require('./index.css');
 
 var defaultColors = {"component":"tag__component_4v7hw","checked":"tag__checked_4v7hw"};
@@ -69,8 +69,9 @@ var Tag = React.forwardRef(function (_a, ref) {
     var colorStyles = colorStylesMap[colors];
     var tagRef = React.useRef(null);
     var focused = hooks.useFocus(tagRef, 'keyboard')[0];
+    var variantClassName = variant === 'default' ? 'defaultVariant' : variant;
     var tagProps = {
-        className: cn__default['default'](styles.component, colorStyles.component, styles[size], styles[variant], (_b = {},
+        className: cn__default['default'](styles.component, colorStyles.component, styles[size], styles[variantClassName], (_b = {},
             _b[styles.checked] = checked,
             _b[colorStyles.checked] = checked,
             _b[styles.focused] = focused,

package/tag/cssm/Component.js

@@ -4,12 +4,18 @@ var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
+var styles = require('./index.module.css');
+var defaultColors = require('./default.module.css');
+var invertedColors = require('./inverted.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
+var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,15 +56,9 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
-var defaultColors = require("./default.module.css");
-
-var invertedColors = require("./inverted.module.css");
-
 var colorStylesMap = {
-    default: defaultColors,
-    inverted: invertedColors,
+    default: defaultColors__default['default'],
+    inverted: invertedColors__default['default'],
 };
 var Tag = React.forwardRef(function (_a, ref) {
     var _b;
@@ -66,13 +66,14 @@ var Tag = React.forwardRef(function (_a, ref) {
     var colorStyles = colorStylesMap[colors];
     var tagRef = React.useRef(null);
     var focused = hooks.useFocus(tagRef, 'keyboard')[0];
+    var variantClassName = variant === 'default' ? 'defaultVariant' : variant;
     var tagProps = {
-        className: cn__default['default'](styles.component, colorStyles.component, styles[size], styles[variant], (_b = {},
-            _b[styles.checked] = checked,
+        className: cn__default['default'](styles__default['default'].component, colorStyles.component, styles__default['default'][size], styles__default['default'][variantClassName], (_b = {},
+            _b[styles__default['default'].checked] = checked,
             _b[colorStyles.checked] = checked,
-            _b[styles.focused] = focused,
-            _b[styles.withRightAddons] = Boolean(rightAddons),
-            _b[styles.withLeftAddons] = Boolean(leftAddons),
+            _b[styles__default['default'].focused] = focused,
+            _b[styles__default['default'].withRightAddons] = Boolean(rightAddons),
+            _b[styles__default['default'].withLeftAddons] = Boolean(leftAddons),
             _b), className),
         'data-test-id': dataTestId,
     };
@@ -82,9 +83,9 @@ var Tag = React.forwardRef(function (_a, ref) {
         }
     };
     return (React__default['default'].createElement("button", __assign({ ref: mergeRefs__default['default']([tagRef, ref]), type: 'button', onClick: handleClick }, tagProps, restProps),
-        leftAddons ? React__default['default'].createElement("span", { className: styles.addons }, leftAddons) : null,
+        leftAddons ? React__default['default'].createElement("span", { className: styles__default['default'].addons }, leftAddons) : null,
         children && React__default['default'].createElement("span", null, children),
-        rightAddons ? React__default['default'].createElement("span", { className: styles.addons }, rightAddons) : null));
+        rightAddons ? React__default['default'].createElement("span", { className: styles__default['default'].addons }, rightAddons) : null));
 });
 
 exports.Tag = Tag;

package/tag/cssm/index.js

@@ -5,6 +5,9 @@ require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('./index.module.css');
+require('./default.module.css');
+require('./inverted.module.css');
 
 
 

package/tag/cssm/index.module.css

@@ -228,7 +228,7 @@
 .withLeftAddons.xl {
         padding-left: var(--gap-2xl);
     }
-.default {
+.defaultVariant {
     border-radius: var(--tag-border-radius);
 }
 .alt {

package/tag/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tag__component_gee57","focused":"tag__focused_gee57","addons":"tag__addons_gee57","s":"tag__s_gee57","m":"tag__m_gee57","l":"tag__l_gee57","xl":"tag__xl_gee57","xxs":"tag__xxs_gee57","xs":"tag__xs_gee57","withRightAddons":"tag__withRightAddons_gee57","withLeftAddons":"tag__withLeftAddons_gee57","default":"tag__default_gee57","alt":"tag__alt_gee57"};
+var styles = {"component":"tag__component_gee57","focused":"tag__focused_gee57","addons":"tag__addons_gee57","s":"tag__s_gee57","m":"tag__m_gee57","l":"tag__l_gee57","xl":"tag__xl_gee57","xxs":"tag__xxs_gee57","xs":"tag__xs_gee57","withRightAddons":"tag__withRightAddons_gee57","withLeftAddons":"tag__withLeftAddons_gee57","defaultVariant":"tag__defaultVariant_gee57","alt":"tag__alt_gee57"};
 require('./index.css');
 
 var defaultColors = {"component":"tag__component_4v7hw","checked":"tag__checked_4v7hw"};
@@ -61,8 +61,9 @@ var Tag = forwardRef(function (_a, ref) {
     var colorStyles = colorStylesMap[colors];
     var tagRef = useRef(null);
     var focused = useFocus(tagRef, 'keyboard')[0];
+    var variantClassName = variant === 'default' ? 'defaultVariant' : variant;
     var tagProps = {
-        className: cn(styles.component, colorStyles.component, styles[size], styles[variant], (_b = {},
+        className: cn(styles.component, colorStyles.component, styles[size], styles[variantClassName], (_b = {},
             _b[styles.checked] = checked,
             _b[colorStyles.checked] = checked,
             _b[styles.focused] = focused,

package/tag/esm/index.css

@@ -229,7 +229,7 @@
 .tag__withLeftAddons_gee57.tag__xl_gee57 {
         padding-left: var(--gap-2xl);
     }
-.tag__default_gee57 {
+.tag__defaultVariant_gee57 {
     border-radius: var(--tag-border-radius);
 }
 .tag__alt_gee57 {

package/tag/index.css

@@ -229,7 +229,7 @@
 .tag__withLeftAddons_gee57.tag__xl_gee57 {
         padding-left: var(--gap-2xl);
     }
-.tag__default_gee57 {
+.tag__defaultVariant_gee57 {
     border-radius: var(--tag-border-radius);
 }
 .tag__alt_gee57 {

package/tag/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"tag__component_gee57","focused":"tag__focused_gee57","addons":"tag__addons_gee57","s":"tag__s_gee57","m":"tag__m_gee57","l":"tag__l_gee57","xl":"tag__xl_gee57","xxs":"tag__xxs_gee57","xs":"tag__xs_gee57","withRightAddons":"tag__withRightAddons_gee57","withLeftAddons":"tag__withLeftAddons_gee57","default":"tag__default_gee57","alt":"tag__alt_gee57"};
+var styles = {"component":"tag__component_gee57","focused":"tag__focused_gee57","addons":"tag__addons_gee57","s":"tag__s_gee57","m":"tag__m_gee57","l":"tag__l_gee57","xl":"tag__xl_gee57","xxs":"tag__xxs_gee57","xs":"tag__xs_gee57","withRightAddons":"tag__withRightAddons_gee57","withLeftAddons":"tag__withLeftAddons_gee57","defaultVariant":"tag__defaultVariant_gee57","alt":"tag__alt_gee57"};
 require('./index.css');
 
 var defaultColors = {"component":"tag__component_4v7hw","checked":"tag__checked_4v7hw"};
@@ -20,8 +20,9 @@ const Tag = forwardRef(({ rightAddons, leftAddons, children, size = 's', checked
     const colorStyles = colorStylesMap[colors];
     const tagRef = useRef(null);
     const [focused] = useFocus(tagRef, 'keyboard');
+    const variantClassName = variant === 'default' ? 'defaultVariant' : variant;
     const tagProps = {
-        className: cn(styles.component, colorStyles.component, styles[size], styles[variant], {
+        className: cn(styles.component, colorStyles.component, styles[size], styles[variantClassName], {
             [styles.checked]: checked,
             [colorStyles.checked]: checked,
             [styles.focused]: focused,

package/tag/modern/index.css

@@ -229,7 +229,7 @@
 .tag__withLeftAddons_gee57.tag__xl_gee57 {
         padding-left: var(--gap-2xl);
     }
-.tag__default_gee57 {
+.tag__defaultVariant_gee57 {
     border-radius: var(--tag-border-radius);
 }
 .tag__alt_gee57 {

package/textarea/cssm/Component.js

@@ -6,6 +6,9 @@ var TextareaAutosize = require('react-textarea-autosize');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
 var coreComponentsFormControl = require('../../form-control/cssm');
+var styles = require('./index.module.css');
+var defaultColors = require('./default.module.css');
+var invertedColors = require('./inverted.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,6 +16,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
+var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -53,15 +59,9 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
-var defaultColors = require("./default.module.css");
-
-var invertedColors = require("./inverted.module.css");
-
 var colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+    default: defaultColors__default['default'],
+    inverted: invertedColors__default['default'],
 };
 var getDefaultCounterText = function (textLength, maxLength) {
     if (maxLength === void 0) { maxLength = 0; }
@@ -114,15 +114,15 @@ var Textarea = React.forwardRef(function (_a, ref) {
         }
         return hint;
     };
-    var textareaProps = __assign(__assign({}, restProps), { className: cn__default['default'](styles.textarea, colorStyles[colors].textarea, styles[size], (_b = {},
-            _b[styles.hasLabel] = label,
+    var textareaProps = __assign(__assign({}, restProps), { className: cn__default['default'](styles__default['default'].textarea, colorStyles[colors].textarea, styles__default['default'][size], (_b = {},
+            _b[styles__default['default'].hasLabel] = label,
             _b[colorStyles[colors].hasLabel] = label,
-            _b[styles.filled] = filled,
-            _b[styles.resizeVertical] = resize === 'vertical',
+            _b[styles__default['default'].filled] = filled,
+            _b[styles__default['default'].resizeVertical] = resize === 'vertical',
             _b), textareaClassName), autoComplete: autoComplete,
         disabled: disabled, onBlur: handleTextareaBlur, onFocus: handleTextareaFocus, onChange: handleTextareaChange, value: uncontrolled ? stateValue : value, rows: rows, ref: mergeRefs__default['default']([ref, textareaRef]), 'data-test-id': dataTestId, maxLength: maxLength });
     return (React__default['default'].createElement(coreComponentsFormControl.FormControl, { className: cn__default['default'](className), fieldClassName: cn__default['default'](fieldClassName, (_c = {},
-            _c[styles.focusVisible] = focusVisible,
+            _c[styles__default['default'].focusVisible] = focusVisible,
             _c)), size: size, colors: colors, block: block, disabled: disabled, filled: filled || focused, focused: focused, error: error, label: label, hint: getHint(), leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: bottomAddons }, autosize ? (React__default['default'].createElement(TextareaAutosize__default['default'], __assign({}, textareaProps, { maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange }))) : (React__default['default'].createElement("textarea", __assign({}, textareaProps, { style: { maxHeight: maxHeight } })))));
 });
 /**

package/textarea/cssm/index.js

@@ -7,6 +7,9 @@ require('react-textarea-autosize');
 require('react-merge-refs');
 require('@alfalab/hooks');
 require('../../form-control/cssm');
+require('./index.module.css');
+require('./default.module.css');
+require('./inverted.module.css');