@rescui/tag 0.10.11 → 0.10.13-RUI-226-Update-card-cn-6e43cc89.60

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 (15) hide show
  1. package/lib/_virtual/close.js +90 -21
  2. package/lib/_virtual/index.css.js +12 -7
  3. package/lib/index.css +145 -152
  4. package/lib/parts/base-tag.js +31 -45
  5. package/lib/parts/base-tag.p.module.css.js +9 -9
  6. package/lib/parts/presets.js +7 -20
  7. package/lib/parts/removable-tag.js +26 -40
  8. package/lib/parts/removable-tag.p.module.css.js +12 -12
  9. package/lib/parts/sticky-tag.js +21 -39
  10. package/lib/parts/sticky-tag.p.module.css.js +11 -11
  11. package/lib/parts/tag.p.module.css.js +1 -1
  12. package/lib/public-api.p.css +42 -24
  13. package/lib/public-api.pcss +42 -24
  14. package/lib/tag.js +12 -27
  15. package/package.json +9 -9
package/lib/parts/base-tag.js CHANGED
@@ -1,63 +1,49 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
- import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
5
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
- import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
- import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
- import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
10
- var _excluded = ["className", "children", "size", "icon", "iconPosition", "isUppercase", "color", "backgroundColor", "borderColor", "style"];
11
-
12
- 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; }
13
-
14
- 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; }
15
-
16
1
  import React, { cloneElement } from 'react';
17
2
  import cn from 'classnames';
18
3
  import PropTypes from 'prop-types';
19
4
  import styles from './base-tag.p.module.css.js';
20
- var SIZE_STYLES = {
5
+ const SIZE_STYLES = {
21
6
  xs: styles.sizeXs,
22
7
  s: styles.sizeS,
23
8
  m: styles.sizeM,
24
9
  l: styles.sizeL
25
10
  };
26
- var ICON_POSITION_STYLES = {
11
+ const ICON_POSITION_STYLES = {
27
12
  left: styles.alignIconLeft,
28
13
  right: styles.alignIconRight
29
14
  };
30
- var BaseTag = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
31
- function (_ref, ref) {
32
- var className = _ref.className,
33
- children = _ref.children,
34
- _ref$size = _ref.size,
35
- size = _ref$size === void 0 ? 'xs' : _ref$size,
36
- icon = _ref.icon,
37
- _ref$iconPosition = _ref.iconPosition,
38
- iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
39
- isUppercase = _ref.isUppercase,
40
- color = _ref.color,
41
- backgroundColor = _ref.backgroundColor,
42
- borderColor = _ref.borderColor,
43
- style = _ref.style,
44
- restProps = _objectWithoutProperties(_ref, _excluded);
45
-
46
- var withIcon = /*#__PURE__*/React.isValidElement(icon);
47
- var iconSlot = withIcon && /*#__PURE__*/cloneElement(icon, {
48
- className: cn(icon.props.className, styles.icon)
15
+ const BaseTag = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
16
+ (_ref, ref) => {
17
+ let {
18
+ className,
19
+ children,
20
+ size = 'xs',
21
+ icon,
22
+ iconPosition = 'left',
23
+ isUppercase,
24
+ color,
25
+ backgroundColor,
26
+ borderColor,
27
+ style,
28
+ ...restProps
29
+ } = _ref;
30
+ const withIcon = /*#__PURE__*/React.isValidElement(icon);
31
+ const iconSlot = withIcon && /*#__PURE__*/cloneElement(icon, {
32
+ className: cn(icon.props.className, styles.icon),
33
+ 'data-render-all-sizes': true
49
34
  });
50
- return /*#__PURE__*/React.createElement("span", _objectSpread(_objectSpread({
51
- "data-test": 'tag'
52
- }, restProps), {}, {
35
+ return /*#__PURE__*/React.createElement("span", {
36
+ "data-test": 'tag',
37
+ ...restProps,
53
38
  ref: ref,
54
39
  className: cn(styles.main, SIZE_STYLES[size], ICON_POSITION_STYLES[iconPosition], withIcon && styles.withIcon, isUppercase && styles.uppercase, className),
55
- style: _objectSpread({
56
- color: color,
57
- backgroundColor: backgroundColor,
58
- borderColor: borderColor
59
- }, style)
60
- }), iconSlot, children);
40
+ style: {
41
+ color,
42
+ backgroundColor,
43
+ borderColor,
44
+ ...style
45
+ }
46
+ }, iconSlot, children);
61
47
  });
62
48
  BaseTag.displayName = 'BaseTag';
63
49
  BaseTag.propTypes = {
package/lib/parts/base-tag.p.module.css.js CHANGED
@@ -1,12 +1,12 @@
1
1
  var styles = {
2
- "alignIconLeft": "_alignIconLeft_e3ve72_7",
3
- "alignIconRight": "_alignIconRight_e3ve72_10",
4
- "uppercase": "_uppercase_e3ve72_14",
5
- "sizeXs": "_sizeXs_e3ve72_18",
6
- "sizeS": "_sizeS_e3ve72_21",
7
- "sizeM": "_sizeM_e3ve72_24",
8
- "sizeL": "_sizeL_e3ve72_27",
9
- "main": "_main_e3ve72_31",
10
- "icon": "_icon_e3ve72_60"
2
+ "alignIconLeft": "_alignIconLeft_1xhj7j_7",
3
+ "alignIconRight": "_alignIconRight_1xhj7j_10",
4
+ "uppercase": "_uppercase_1xhj7j_14",
5
+ "sizeXs": "_sizeXs_1xhj7j_18",
6
+ "sizeS": "_sizeS_1xhj7j_21",
7
+ "sizeM": "_sizeM_1xhj7j_24",
8
+ "sizeL": "_sizeL_1xhj7j_27",
9
+ "main": "_main_1xhj7j_31",
10
+ "icon": "_icon_1xhj7j_60"
11
11
  };
12
12
  export { styles as default };
package/lib/parts/presets.js CHANGED
@@ -1,24 +1,11 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
- import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
5
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
- import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
- import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
-
10
- 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; }
11
-
12
- 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; }
13
-
14
1
  import { RS_COLOR_WHITE, RS_COLOR_PRIMARY_LIGHT_THEME, RS_COLOR_BLACK, RS_COLOR_BLACK_T70, RS_COLOR_BLACK_T10, RS_COLOR_PRIMARY_DARK_THEME, RS_COLOR_WHITE_T70, RS_COLOR_WHITE_T10 } from '@rescui/colors';
15
- var presetsLight = {
2
+ const presetsLight = {
16
3
  /**
17
4
  * Primary background
18
5
  */
19
6
  'classic-light': {
20
7
  color: RS_COLOR_WHITE,
21
- backgroundColor: "var(--rs-color-primary-light-theme, ".concat(RS_COLOR_PRIMARY_LIGHT_THEME, ")")
8
+ backgroundColor: `var(--rs-color-primary-light-theme, ${RS_COLOR_PRIMARY_LIGHT_THEME})`
22
9
  },
23
10
 
24
11
  /**
@@ -45,13 +32,13 @@ var presetsLight = {
45
32
  borderColor: RS_COLOR_BLACK
46
33
  }
47
34
  };
48
- var presetsDark = {
35
+ const presetsDark = {
49
36
  /**
50
37
  * Primary background
51
38
  */
52
39
  'classic-dark': {
53
40
  color: RS_COLOR_WHITE,
54
- backgroundColor: "var(--rs-color-primary-dark-theme, ".concat(RS_COLOR_PRIMARY_DARK_THEME, ")")
41
+ backgroundColor: `var(--rs-color-primary-dark-theme, ${RS_COLOR_PRIMARY_DARK_THEME})`
55
42
  },
56
43
 
57
44
  /**
@@ -78,8 +65,9 @@ var presetsDark = {
78
65
  borderColor: RS_COLOR_WHITE
79
66
  }
80
67
  };
68
+ const presets = { ...presetsLight,
69
+ ...presetsDark,
81
70
 
82
- var presets = _objectSpread(_objectSpread(_objectSpread({}, presetsLight), presetsDark), {}, {
83
71
  /**
84
72
  * Primary background
85
73
  * @deprecated use 'classic-light' instead
@@ -127,6 +115,5 @@ var presets = _objectSpread(_objectSpread(_objectSpread({}, presetsLight), prese
127
115
  * @deprecated use 'outline-dark' instead
128
116
  */
129
117
  outlineDark: presetsDark['outline-dark']
130
- });
131
-
118
+ };
132
119
  export { presets };
package/lib/parts/removable-tag.js CHANGED
@@ -1,56 +1,41 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
- import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
5
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
- import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
- import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
- import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
10
- var _excluded = ["className", "disabled", "size", "theme", "children", "icon", "onRemoveClick", "wrap"];
11
-
12
- 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; }
13
-
14
- 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; }
15
-
16
1
  import React, { cloneElement } from 'react';
17
- import PropTypes from 'prop-types';
18
2
  import cn from 'classnames';
3
+ import PropTypes from 'prop-types';
19
4
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
20
5
  import CloseIcon from '../_virtual/close.js';
21
6
  import styles from './removable-tag.p.module.css.js';
22
- var SIZE_STYLES = {
7
+ const SIZE_STYLES = {
23
8
  xs: styles.sizeXs,
24
9
  s: styles.sizeS,
25
10
  m: styles.sizeM,
26
11
  l: styles.sizeL
27
12
  };
28
- var THEME_STYLES = {
13
+ const THEME_STYLES = {
29
14
  light: styles.themeLight,
30
15
  dark: styles.themeDark
31
16
  };
32
- var RemovableTag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
33
- var className = _ref.className,
34
- disabled = _ref.disabled,
35
- _ref$size = _ref.size,
36
- size = _ref$size === void 0 ? 'xs' : _ref$size,
37
- themeFromProps = _ref.theme,
38
- children = _ref.children,
39
- icon = _ref.icon,
40
- _ref$onRemoveClick = _ref.onRemoveClick,
41
- onRemoveClick = _ref$onRemoveClick === void 0 ? function () {} : _ref$onRemoveClick,
42
- _ref$wrap = _ref.wrap,
43
- wrap = _ref$wrap === void 0 ? false : _ref$wrap,
44
- restProps = _objectWithoutProperties(_ref, _excluded);
45
-
46
- var theme = useThemeWithUndefined(themeFromProps);
47
- return /*#__PURE__*/React.createElement("span", _objectSpread(_objectSpread({
17
+ const RemovableTag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
18
+ let {
19
+ className,
20
+ disabled,
21
+ size = 'xs',
22
+ theme: themeFromProps,
23
+ children,
24
+ icon,
25
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
26
+ onRemoveClick = () => {},
27
+ wrap = false,
28
+ ...restProps
29
+ } = _ref;
30
+ const theme = useThemeWithUndefined(themeFromProps);
31
+ return /*#__PURE__*/React.createElement("span", {
48
32
  className: cn(styles.wrapper, SIZE_STYLES[size], THEME_STYLES[theme], disabled && styles.disabled, wrap && styles.wrap, className),
49
- "data-test": 'removable-tag-wrapper'
50
- }, restProps), {}, {
33
+ "data-test": 'removable-tag-wrapper',
34
+ ...restProps,
51
35
  ref: ref
52
- }), /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
53
- className: cn(icon.props.className, styles.icon)
36
+ }, /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
37
+ className: cn(icon.props.className, styles.icon),
38
+ 'data-render-all-sizes': true
54
39
  }), /*#__PURE__*/React.createElement("span", {
55
40
  className: styles.main,
56
41
  "data-test": "removable-tag"
@@ -59,12 +44,13 @@ var RemovableTag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
59
44
  "data-test": "removable-tag-remove-icon",
60
45
  className: styles.close,
61
46
  tabIndex: disabled ? -1 : 0,
62
- onClick: function onClick(e) {
47
+ onClick: e => {
63
48
  e.stopPropagation();
64
49
  onRemoveClick();
65
50
  }
66
51
  }, /*#__PURE__*/React.createElement(CloseIcon, {
67
- "data-rs-internal": "removable-tag__close-icon"
52
+ "data-rs-internal": "removable-tag__close-icon",
53
+ "data-render-all-sizes": true
68
54
  })));
69
55
  });
70
56
  RemovableTag.propTypes = {
package/lib/parts/removable-tag.p.module.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1qm7afs_7",
3
- "themeDark": "_themeDark_1qm7afs_10",
4
- "sizeXs": "_sizeXs_1qm7afs_14",
5
- "sizeS": "_sizeS_1qm7afs_17",
6
- "sizeM": "_sizeM_1qm7afs_20",
7
- "sizeL": "_sizeL_1qm7afs_23",
8
- "wrapper": "_wrapper_1qm7afs_27",
9
- "disabled": "_disabled_1qm7afs_50",
10
- "main": "_main_1qm7afs_55",
11
- "wrap": "_wrap_1qm7afs_27",
12
- "close": "_close_1qm7afs_74",
13
- "icon": "_icon_1qm7afs_135"
2
+ "themeLight": "_themeLight_1bjrvnd_7",
3
+ "themeDark": "_themeDark_1bjrvnd_10",
4
+ "sizeXs": "_sizeXs_1bjrvnd_14",
5
+ "sizeS": "_sizeS_1bjrvnd_17",
6
+ "sizeM": "_sizeM_1bjrvnd_20",
7
+ "sizeL": "_sizeL_1bjrvnd_23",
8
+ "wrapper": "_wrapper_1bjrvnd_27",
9
+ "disabled": "_disabled_1bjrvnd_50",
10
+ "main": "_main_1bjrvnd_55",
11
+ "wrap": "_wrap_1bjrvnd_27",
12
+ "close": "_close_1bjrvnd_74",
13
+ "icon": "_icon_1bjrvnd_135"
14
14
  };
15
15
  export { styles as default };
package/lib/parts/sticky-tag.js CHANGED
@@ -1,65 +1,47 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
- import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
5
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
- import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
- import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
- import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
10
- var _excluded = ["className", "wrapperClassName", "content", "children", "size", "placement", "align", "offset"];
11
-
12
- 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; }
13
-
14
- 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; }
15
-
16
1
  import React from 'react';
17
2
  import cn from 'classnames';
18
3
  import PropTypes from 'prop-types';
19
4
  import { BaseTag } from './base-tag.js';
20
5
  import styles from './sticky-tag.p.module.css.js';
21
- var DEFAULT_OFFSET = 24;
22
- var PLACEMENT_STYLES = {
6
+ const DEFAULT_OFFSET = 24;
7
+ const PLACEMENT_STYLES = {
23
8
  'top-start': styles.topStart,
24
9
  'top-end': styles.topEnd,
25
10
  'left-start': styles.leftStart,
26
11
  'left-end': styles.leftEnd
27
12
  };
28
- var ALIGN_STYLES = {
13
+ const ALIGN_STYLES = {
29
14
  top: styles.alignTop,
30
15
  middle: styles.alignMiddle
31
16
  };
32
- var OFFSET_STYLES = {
17
+ const OFFSET_STYLES = {
33
18
  16: styles.offset16,
34
19
  24: styles.offset24,
35
20
  32: styles.offset32
36
21
  };
37
- var StickyTag = /*#__PURE__*/React.forwardRef(function StickyTag(_ref, ref) {
38
- var className = _ref.className,
39
- wrapperClassName = _ref.wrapperClassName,
40
- content = _ref.content,
41
- children = _ref.children,
42
- _ref$size = _ref.size,
43
- size = _ref$size === void 0 ? 'xs' : _ref$size,
44
- _ref$placement = _ref.placement,
45
- placement = _ref$placement === void 0 ? 'top-end' : _ref$placement,
46
- _ref$align = _ref.align,
47
- align = _ref$align === void 0 ? 'top' : _ref$align,
48
- _ref$offset = _ref.offset,
49
- offset = _ref$offset === void 0 ? DEFAULT_OFFSET : _ref$offset,
50
- restProps = _objectWithoutProperties(_ref, _excluded);
51
-
52
- var offsetCn = offset in OFFSET_STYLES ? OFFSET_STYLES[offset] : OFFSET_STYLES[DEFAULT_OFFSET];
22
+ const StickyTag = /*#__PURE__*/React.forwardRef(function StickyTag(_ref, ref) {
23
+ let {
24
+ className,
25
+ wrapperClassName,
26
+ content,
27
+ children,
28
+ size = 'xs',
29
+ placement = 'top-end',
30
+ align = 'top',
31
+ offset = DEFAULT_OFFSET,
32
+ ...restProps
33
+ } = _ref;
34
+ const offsetCn = offset in OFFSET_STYLES ? OFFSET_STYLES[offset] : OFFSET_STYLES[DEFAULT_OFFSET];
53
35
  return /*#__PURE__*/React.createElement("div", {
54
36
  className: cn(styles.wrapper, wrapperClassName),
55
37
  "data-test": 'sticky-tag-wrapper'
56
- }, children, /*#__PURE__*/React.createElement(BaseTag, _objectSpread(_objectSpread({
38
+ }, children, /*#__PURE__*/React.createElement(BaseTag, {
57
39
  size: size,
58
40
  className: cn(styles.tag, className, PLACEMENT_STYLES[placement], ALIGN_STYLES[align], offsetCn),
59
- "data-test": 'sticky-tag'
60
- }, restProps), {}, {
41
+ "data-test": 'sticky-tag',
42
+ ...restProps,
61
43
  ref: ref
62
- }), content));
44
+ }, content));
63
45
  });
64
46
  StickyTag.propTypes = {
65
47
  className: PropTypes.string,
package/lib/parts/sticky-tag.p.module.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_1alhj1m_3",
3
- "offset16": "_offset16_1alhj1m_7",
4
- "offset24": "_offset24_1alhj1m_10",
5
- "offset32": "_offset32_1alhj1m_13",
6
- "alignTop": "_alignTop_1alhj1m_17",
7
- "alignMiddle": "_alignMiddle_1alhj1m_20",
8
- "topStart": "_topStart_1alhj1m_24",
9
- "topEnd": "_topEnd_1alhj1m_27",
10
- "leftStart": "_leftStart_1alhj1m_30",
11
- "leftEnd": "_leftEnd_1alhj1m_33",
12
- "tag": "_tag_1alhj1m_37"
2
+ "wrapper": "_wrapper_octfqj_3",
3
+ "offset16": "_offset16_octfqj_7",
4
+ "offset24": "_offset24_octfqj_10",
5
+ "offset32": "_offset32_octfqj_13",
6
+ "alignTop": "_alignTop_octfqj_17",
7
+ "alignMiddle": "_alignMiddle_octfqj_20",
8
+ "topStart": "_topStart_octfqj_24",
9
+ "topEnd": "_topEnd_octfqj_27",
10
+ "leftStart": "_leftStart_octfqj_30",
11
+ "leftEnd": "_leftEnd_octfqj_33",
12
+ "tag": "_tag_octfqj_37"
13
13
  };
14
14
  export { styles as default };
package/lib/parts/tag.p.module.css.js CHANGED
@@ -1,4 +1,4 @@
1
1
  var styles = {
2
- "main": "_main_1g7p6qw_1"
2
+ "main": "_main_48cl6x_1"
3
3
  };
4
4
  export { styles as default };
package/lib/public-api.p.css CHANGED
@@ -7,7 +7,7 @@
7
7
  );
8
8
  --_rs-tag-icon-size:20px;
9
9
  --_rs-tag-border-radius:4px;
10
- --_rs-typography-letter-spacing:0.0045em;
10
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
11
11
  --_rs-typography-text-transform:initial;
12
12
  --_rs-typography-font-variant-numeric:initial;
13
13
  --_rs-typography-font-family:var(
@@ -48,7 +48,7 @@
48
48
  --_rs-tag-uppercase-horizontal-padding:10px;
49
49
  --_rs-tag-icon-size:20px;
50
50
  --_rs-tag-border-radius:4px;
51
- --_rs-typography-letter-spacing:0.0045em;
51
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
52
52
  --_rs-typography-text-transform:initial;
53
53
  --_rs-typography-font-variant-numeric:initial;
54
54
  --_rs-typography-font-family:var(
@@ -91,7 +91,7 @@
91
91
  );
92
92
  --_rs-tag-icon-size:24px;
93
93
  --_rs-tag-border-radius:6px;
94
- --_rs-typography-letter-spacing:0.0015em;
94
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
95
95
  --_rs-typography-text-transform:initial;
96
96
  --_rs-typography-font-variant-numeric:initial;
97
97
  --_rs-typography-font-family:var(
@@ -119,14 +119,17 @@
119
119
  --_rs-typography-text-auto-offset:16px;
120
120
  --_rs-typography-ul-list-li-padding-left:22px;
121
121
  --_rs-typography-ol-list-li-padding-left:26px;
122
- --_rs-typography-list-li-margin-top-from-text:16px;
122
+ --_rs-typography-list-li-margin-top-from-text:var(
123
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
124
+ 16px
125
+ );
123
126
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
124
127
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
125
128
  --_rs-typography-link-border-bottom-width-from-text:1px;
126
129
  }
127
130
  @media screen and (max-width: 640px){
128
131
  &:not(html){
129
- --_rs-typography-list-li-margin-top-from-text:12px;
132
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
130
133
  }
131
134
  }
132
135
  }
@@ -139,7 +142,7 @@
139
142
  );
140
143
  --_rs-tag-icon-size:28px;
141
144
  --_rs-tag-border-radius:8px;
142
- --_rs-typography-letter-spacing:normal;
145
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
143
146
  --_rs-typography-text-transform:initial;
144
147
  --_rs-typography-font-variant-numeric:initial;
145
148
  --_rs-typography-font-family:var(
@@ -167,14 +170,17 @@
167
170
  --_rs-typography-text-auto-offset:32px;
168
171
  --_rs-typography-ul-list-li-padding-left:26px;
169
172
  --_rs-typography-ol-list-li-padding-left:32px;
170
- --_rs-typography-list-li-margin-top-from-text:24px;
173
+ --_rs-typography-list-li-margin-top-from-text:var(
174
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
175
+ 24px
176
+ );
171
177
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
172
178
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
173
179
  --_rs-typography-link-border-bottom-width-from-text:1px;
174
180
  }
175
181
  @media screen and (max-width: 640px){
176
182
  &:not(html){
177
- --_rs-typography-list-li-margin-top-from-text:16px;
183
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
178
184
  }
179
185
  }
180
186
  }
@@ -211,7 +217,7 @@
211
217
  );
212
218
  --_rs-tag-icon-size:20px;
213
219
  --_rs-tag-border-radius:4px;
214
- --_rs-typography-letter-spacing:0.0045em;
220
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
215
221
  --_rs-typography-text-transform:initial;
216
222
  --_rs-typography-font-variant-numeric:initial;
217
223
  --_rs-typography-font-family:var(
@@ -252,7 +258,7 @@
252
258
  --_rs-tag-uppercase-horizontal-padding:10px;
253
259
  --_rs-tag-icon-size:20px;
254
260
  --_rs-tag-border-radius:4px;
255
- --_rs-typography-letter-spacing:0.0045em;
261
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
256
262
  --_rs-typography-text-transform:initial;
257
263
  --_rs-typography-font-variant-numeric:initial;
258
264
  --_rs-typography-font-family:var(
@@ -295,7 +301,7 @@
295
301
  );
296
302
  --_rs-tag-icon-size:24px;
297
303
  --_rs-tag-border-radius:6px;
298
- --_rs-typography-letter-spacing:0.0015em;
304
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
299
305
  --_rs-typography-text-transform:initial;
300
306
  --_rs-typography-font-variant-numeric:initial;
301
307
  --_rs-typography-font-family:var(
@@ -323,14 +329,17 @@
323
329
  --_rs-typography-text-auto-offset:16px;
324
330
  --_rs-typography-ul-list-li-padding-left:22px;
325
331
  --_rs-typography-ol-list-li-padding-left:26px;
326
- --_rs-typography-list-li-margin-top-from-text:16px;
332
+ --_rs-typography-list-li-margin-top-from-text:var(
333
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
334
+ 16px
335
+ );
327
336
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
328
337
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
329
338
  --_rs-typography-link-border-bottom-width-from-text:1px;
330
339
  }
331
340
  @media screen and (max-width: 640px){
332
341
  &:not(html){
333
- --_rs-typography-list-li-margin-top-from-text:12px;
342
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
334
343
  }
335
344
  }
336
345
  }
@@ -343,7 +352,7 @@
343
352
  );
344
353
  --_rs-tag-icon-size:28px;
345
354
  --_rs-tag-border-radius:8px;
346
- --_rs-typography-letter-spacing:normal;
355
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
347
356
  --_rs-typography-text-transform:initial;
348
357
  --_rs-typography-font-variant-numeric:initial;
349
358
  --_rs-typography-font-family:var(
@@ -371,14 +380,17 @@
371
380
  --_rs-typography-text-auto-offset:32px;
372
381
  --_rs-typography-ul-list-li-padding-left:26px;
373
382
  --_rs-typography-ol-list-li-padding-left:32px;
374
- --_rs-typography-list-li-margin-top-from-text:24px;
383
+ --_rs-typography-list-li-margin-top-from-text:var(
384
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
385
+ 24px
386
+ );
375
387
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
376
388
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
377
389
  --_rs-typography-link-border-bottom-width-from-text:1px;
378
390
  }
379
391
  @media screen and (max-width: 640px){
380
392
  &:not(html){
381
- --_rs-typography-list-li-margin-top-from-text:16px;
393
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
382
394
  }
383
395
  }
384
396
  }
@@ -482,7 +494,7 @@
482
494
  --_rs-icons-height:20px;
483
495
  }
484
496
  &:not(html){
485
- --_rs-typography-letter-spacing:0.0045em;
497
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
486
498
  --_rs-typography-text-transform:initial;
487
499
  --_rs-typography-font-variant-numeric:initial;
488
500
  --_rs-typography-font-family:var(
@@ -529,7 +541,7 @@
529
541
  --_rs-icons-height:20px;
530
542
  }
531
543
  &:not(html){
532
- --_rs-typography-letter-spacing:0.0045em;
544
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
533
545
  --_rs-typography-text-transform:initial;
534
546
  --_rs-typography-font-variant-numeric:initial;
535
547
  --_rs-typography-font-family:var(
@@ -576,7 +588,7 @@
576
588
  --_rs-icons-height:24px;
577
589
  }
578
590
  &:not(html){
579
- --_rs-typography-letter-spacing:0.0015em;
591
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
580
592
  --_rs-typography-text-transform:initial;
581
593
  --_rs-typography-font-variant-numeric:initial;
582
594
  --_rs-typography-font-family:var(
@@ -604,14 +616,17 @@
604
616
  --_rs-typography-text-auto-offset:16px;
605
617
  --_rs-typography-ul-list-li-padding-left:22px;
606
618
  --_rs-typography-ol-list-li-padding-left:26px;
607
- --_rs-typography-list-li-margin-top-from-text:16px;
619
+ --_rs-typography-list-li-margin-top-from-text:var(
620
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
621
+ 16px
622
+ );
608
623
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
609
624
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
610
625
  --_rs-typography-link-border-bottom-width-from-text:1px;
611
626
  }
612
627
  @media screen and (max-width: 640px){
613
628
  &:not(html){
614
- --_rs-typography-list-li-margin-top-from-text:12px;
629
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
615
630
  }
616
631
  }
617
632
  }
@@ -628,7 +643,7 @@
628
643
  --_rs-icons-height:28px;
629
644
  }
630
645
  &:not(html){
631
- --_rs-typography-letter-spacing:normal;
646
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
632
647
  --_rs-typography-text-transform:initial;
633
648
  --_rs-typography-font-variant-numeric:initial;
634
649
  --_rs-typography-font-family:var(
@@ -656,14 +671,17 @@
656
671
  --_rs-typography-text-auto-offset:32px;
657
672
  --_rs-typography-ul-list-li-padding-left:26px;
658
673
  --_rs-typography-ol-list-li-padding-left:32px;
659
- --_rs-typography-list-li-margin-top-from-text:24px;
674
+ --_rs-typography-list-li-margin-top-from-text:var(
675
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
676
+ 24px
677
+ );
660
678
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
661
679
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
662
680
  --_rs-typography-link-border-bottom-width-from-text:1px;
663
681
  }
664
682
  @media screen and (max-width: 640px){
665
683
  &:not(html){
666
- --_rs-typography-list-li-margin-top-from-text:16px;
684
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
667
685
  }
668
686
  }
669
687
  }