@rescui/tag 0.9.5 → 0.10.1

package/lib/parts/base-tag.p.module.css.js

@@ -1,13 +1,12 @@
 var styles = {
-  "main": "_main_1fx9s9f_25",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1fx9s9f_1",
-  "alignIconLeft": "_alignIconLeft_1fx9s9f_46",
-  "alignIconRight": "_alignIconRight_1fx9s9f_50",
-  "sizeXs": "_sizeXs_1fx9s9f_54",
-  "sizeS": "_sizeS_1fx9s9f_61",
-  "sizeM": "_sizeM_1fx9s9f_68",
-  "sizeL": "_sizeL_1fx9s9f_75",
-  "icon": "_icon_1fx9s9f_82",
-  "uppercase": "_uppercase_1fx9s9f_116"
+  "alignIconLeft": "_alignIconLeft_19rvufc_7",
+  "alignIconRight": "_alignIconRight_19rvufc_10",
+  "uppercase": "_uppercase_19rvufc_14",
+  "sizeXs": "_sizeXs_19rvufc_18",
+  "sizeS": "_sizeS_19rvufc_21",
+  "sizeM": "_sizeM_19rvufc_24",
+  "sizeL": "_sizeL_19rvufc_27",
+  "main": "_main_19rvufc_31",
+  "icon": "_icon_19rvufc_60"
 };
 export { styles as default };

package/lib/parts/removable-tag.js

@@ -16,14 +16,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
-import { useTheme } from '@rescui/ui-contexts';
+import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import { CloseIcon } from '@rescui/icons';
 import styles from './removable-tag.p.module.css.js';
-
-function getIconSize(size) {
-  return size === 'xs' ? 's' : size;
-}
-
 var SIZE_STYLES = {
   xs: styles.sizeXs,
   s: styles.sizeS,
@@ -48,7 +43,7 @@ var RemovableTag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
       wrap = _ref$wrap === void 0 ? false : _ref$wrap,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var theme = useTheme(themeFromProps);
+  var theme = useThemeWithUndefined(themeFromProps);
   return /*#__PURE__*/React.createElement("span", _objectSpread(_objectSpread({
     className: cn(styles.wrapper, SIZE_STYLES[size], THEME_STYLES[theme], disabled && styles.disabled, wrap && styles.wrap, className),
     "data-test": 'removable-tag-wrapper'
@@ -69,7 +64,7 @@ var RemovableTag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
       onRemoveClick();
     }
   }, /*#__PURE__*/React.createElement(CloseIcon, {
-    size: getIconSize(size)
+    "data-rs-internal": "removable-tag__close-icon"
   })));
 });
 RemovableTag.propTypes = {

package/lib/parts/removable-tag.p.module.css.js

@@ -1,16 +1,15 @@
 var styles = {
-  "wrapper": "_wrapper_1qphvze_36",
-  "sizeXs": "_sizeXs_1qphvze_48",
-  "sizeS": "_sizeS_1qphvze_49",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1qphvze_1",
-  "sizeM": "_sizeM_1qphvze_53",
-  "sizeL": "_sizeL_1qphvze_57",
-  "themeLight": "_themeLight_1qphvze_61",
-  "disabled": "_disabled_1qphvze_65",
-  "themeDark": "_themeDark_1qphvze_69",
-  "main": "_main_1qphvze_110",
-  "wrap": "_wrap_1qphvze_36",
-  "close": "_close_1qphvze_146",
-  "icon": "_icon_1qphvze_243"
+  "themeLight": "_themeLight_w7ew0x_7",
+  "themeDark": "_themeDark_w7ew0x_10",
+  "sizeXs": "_sizeXs_w7ew0x_14",
+  "sizeS": "_sizeS_w7ew0x_17",
+  "sizeM": "_sizeM_w7ew0x_20",
+  "sizeL": "_sizeL_w7ew0x_23",
+  "wrapper": "_wrapper_w7ew0x_27",
+  "disabled": "_disabled_w7ew0x_51",
+  "main": "_main_w7ew0x_56",
+  "wrap": "_wrap_w7ew0x_27",
+  "close": "_close_w7ew0x_75",
+  "icon": "_icon_w7ew0x_136"
 };
 export { styles as default };

package/lib/parts/sticky-tag.js

@@ -1,71 +1,34 @@
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 var _excluded = ["className", "wrapperClassName", "content", "children", "size", "placement", "align", "offset"];
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.split.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
 import React from 'react';
 import cn from 'classnames';
 import PropTypes from 'prop-types';
 import { BaseTag } from './base-tag.js';
 import styles from './sticky-tag.p.module.css.js';
 var DEFAULT_OFFSET = 24;
-
-var parsePlacement = function parsePlacement(placement) {
-  var _context, _context2, _context3;
-
-  var _placement$split$slic = _sliceInstanceProperty(_context = placement.split('-')).call(_context, 0, 2),
-      _placement$split$slic2 = _slicedToArray(_placement$split$slic, 2),
-      side = _placement$split$slic2[0],
-      _placement$split$slic3 = _placement$split$slic2[1],
-      justify = _placement$split$slic3 === void 0 ? 'center' : _placement$split$slic3;
-
-  if (!_includesInstanceProperty(_context2 = ['top', 'right', 'bottom', 'left']).call(_context2, side)) {
-    side = 'top';
-  }
-
-  if (!_includesInstanceProperty(_context3 = ['start', 'center', 'end']).call(_context3, justify)) {
-    justify = 'end';
-  }
-
-  return {
-    side: side,
-    justify: justify
-  };
-};
-
-var SIDE_STYLES = {
-  top: styles.top,
-  left: styles.left
-};
-var JUSTIFY_STYLES = {
-  start: styles.start,
-  end: styles.end
+var PLACEMENT_STYLES = {
+  'top-start': styles.topStart,
+  'top-end': styles.topEnd,
+  'left-start': styles.leftStart,
+  'left-end': styles.leftEnd
 };
 var ALIGN_STYLES = {
   top: styles.alignTop,
   middle: styles.alignMiddle
 };
-var SIZE_STYLES = {
-  xs: styles.sizeXs,
-  s: styles.sizeS,
-  m: styles.sizeM,
-  l: styles.sizeL
-};
 var OFFSET_STYLES = {
   16: styles.offset16,
   24: styles.offset24,
@@ -86,17 +49,13 @@ var StickyTag = /*#__PURE__*/React.forwardRef(function StickyTag(_ref, ref) {
       offset = _ref$offset === void 0 ? DEFAULT_OFFSET : _ref$offset,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _parsePlacement = parsePlacement(placement),
-      side = _parsePlacement.side,
-      justify = _parsePlacement.justify;
-
   var offsetCn = offset in OFFSET_STYLES ? OFFSET_STYLES[offset] : OFFSET_STYLES[DEFAULT_OFFSET];
   return /*#__PURE__*/React.createElement("div", {
     className: cn(styles.wrapper, wrapperClassName),
     "data-test": 'sticky-tag-wrapper'
   }, children, /*#__PURE__*/React.createElement(BaseTag, _objectSpread(_objectSpread({
     size: size,
-    className: cn(styles.tag, className, SIZE_STYLES[size], JUSTIFY_STYLES[justify], SIDE_STYLES[side], ALIGN_STYLES[align], offsetCn),
+    className: cn(styles.tag, className, PLACEMENT_STYLES[placement], ALIGN_STYLES[align], offsetCn),
     "data-test": 'sticky-tag'
   }, restProps), {}, {
     ref: ref

package/lib/parts/sticky-tag.p.module.css.js

@@ -1,18 +1,14 @@
 var styles = {
-  "wrapper": "_wrapper_fk2ta8_10",
-  "tag": "_tag_fk2ta8_14",
-  "alignTop": "_alignTop_fk2ta8_20",
-  "sizeXs": "_sizeXs_fk2ta8_21",
-  "sizeS": "_sizeS_fk2ta8_24",
-  "sizeM": "_sizeM_fk2ta8_27",
-  "sizeL": "_sizeL_fk2ta8_30",
-  "alignMiddle": "_alignMiddle_fk2ta8_35",
-  "top": "_top_fk2ta8_52",
-  "start": "_start_fk2ta8_56",
-  "offset16": "_offset16_fk2ta8_57",
-  "offset24": "_offset24_fk2ta8_60",
-  "offset32": "_offset32_fk2ta8_63",
-  "end": "_end_fk2ta8_68",
-  "left": "_left_fk2ta8_90"
+  "wrapper": "_wrapper_sefum4_3",
+  "offset16": "_offset16_sefum4_7",
+  "offset24": "_offset24_sefum4_10",
+  "offset32": "_offset32_sefum4_13",
+  "alignTop": "_alignTop_sefum4_17",
+  "alignMiddle": "_alignMiddle_sefum4_20",
+  "topStart": "_topStart_sefum4_24",
+  "topEnd": "_topEnd_sefum4_27",
+  "leftStart": "_leftStart_sefum4_30",
+  "leftEnd": "_leftEnd_sefum4_33",
+  "tag": "_tag_sefum4_37"
 };
 export { styles as default };

package/lib/parts/tag.p.module.css.js

@@ -1,7 +1,4 @@
 var styles = {
-  "sizeXs": "_sizeXs_1kndxmx_9",
-  "sizeS": "_sizeS_1kndxmx_13",
-  "sizeM": "_sizeM_1kndxmx_17",
-  "sizeL": "_sizeL_1kndxmx_21"
+  "main": "_main_1qbc7ge_1"
 };
 export { styles as default };