@semcore/typography 5.31.0 → 5.32.0-prerelease.0

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.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [5.32.0] - 2024-05-15
6
+
7
+ ### Changed
8
+
9
+ - Version minor update due to children dependencies update (`@semcore/utils` [4.24.0 ~> 4.25.0], `@semcore/flex-box` [5.23.0 ~> 5.24.0], `@semcore/icon` [4.32.0 ~> 4.33.0], `@semcore/core` [2.21.0 ~> 2.22.0]).
10
+
5
11
  ## [5.31.0] - 2024-04-22
6
12
 
7
13
  ### Changed
@@ -11,10 +11,10 @@ var _react = _interopRequireDefault(require("react"));
11
11
  var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
12
12
  var _flexBox = require("@semcore/flex-box");
13
13
  /*__reshadow-styles__:"./style/blockquote.shadow.css"*/
14
- var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_1scbm_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_1scbm_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_1scbm_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "1scbm_gg_") /*__reshadow_css_end__*/, {
15
- "__SBlockquote": "___SBlockquote_1scbm_gg_",
16
- "__SDoubleQuotation": "___SDoubleQuotation_1scbm_gg_",
17
- "__SAuthor": "___SAuthor_1scbm_gg_"
14
+ var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_50i4m_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_50i4m_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_50i4m_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "50i4m_gg_") /*__reshadow_css_end__*/, {
15
+ "__SBlockquote": "___SBlockquote_50i4m_gg_",
16
+ "__SDoubleQuotation": "___SDoubleQuotation_50i4m_gg_",
17
+ "__SAuthor": "___SAuthor_50i4m_gg_"
18
18
  });
19
19
  function Blockquote(props, ref) {
20
20
  var _ref = arguments[0],
package/lib/cjs/Hint.js CHANGED
@@ -19,13 +19,13 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
19
19
  var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
20
20
  var _Text = _interopRequireDefault(require("./Text"));
21
21
  /*__reshadow-styles__:"./style/hint.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHint_rylmh_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_rylmh_gg_.__active_rylmh_gg_,.___SHint_rylmh_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_rylmh_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_rylmh_gg_.__keyboardFocused_rylmh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_rylmh_gg_.__disabled_rylmh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_rylmh_gg_{vertical-align:middle;display:inline-flex}.___SHint_rylmh_gg_ .___SAddon_rylmh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_rylmh_gg_ .___SAddon_rylmh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_rylmh_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_rylmh_gg_{transition:none}}" /*__inner_css_end__*/, "rylmh_gg_") /*__reshadow_css_end__*/, {
23
- "__SHint": "___SHint_rylmh_gg_",
24
- "_keyboardFocused": "__keyboardFocused_rylmh_gg_",
25
- "_disabled": "__disabled_rylmh_gg_",
26
- "__SAddon": "___SAddon_rylmh_gg_",
27
- "__SText": "___SText_rylmh_gg_",
28
- "_active": "__active_rylmh_gg_"
22
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHint_1e2ga_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_1e2ga_gg_.__active_1e2ga_gg_,.___SHint_1e2ga_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1e2ga_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1e2ga_gg_.__keyboardFocused_1e2ga_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1e2ga_gg_.__disabled_1e2ga_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1e2ga_gg_{vertical-align:middle;display:inline-flex}.___SHint_1e2ga_gg_ .___SAddon_1e2ga_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1e2ga_gg_ .___SAddon_1e2ga_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1e2ga_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1e2ga_gg_{transition:none}}" /*__inner_css_end__*/, "1e2ga_gg_") /*__reshadow_css_end__*/, {
23
+ "__SHint": "___SHint_1e2ga_gg_",
24
+ "_keyboardFocused": "__keyboardFocused_1e2ga_gg_",
25
+ "_disabled": "__disabled_1e2ga_gg_",
26
+ "__SAddon": "___SAddon_1e2ga_gg_",
27
+ "__SText": "___SText_1e2ga_gg_",
28
+ "_active": "__active_1e2ga_gg_"
29
29
  });
30
30
  var RootHint = /*#__PURE__*/function (_Component) {
31
31
  (0, _inherits2["default"])(RootHint, _Component);
package/lib/cjs/List.js CHANGED
@@ -19,11 +19,11 @@ var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
19
19
  var _findComponent = require("@semcore/utils/lib/findComponent");
20
20
  var _Text = _interopRequireDefault(require("./Text"));
21
21
  /*__reshadow-styles__:"./style/list.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SList_xcq8b_gg_{padding:0;margin:0;list-style-type:none}.___SContent_xcq8b_gg_{overflow:inherit;text-overflow:inherit}.___SItem_xcq8b_gg_+.___SItem_xcq8b_gg_,.___SList_xcq8b_gg_ .___SList_xcq8b_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_xcq8b_gg_{display:flex}.___SMarker_xcq8b_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "xcq8b_gg_") /*__reshadow_css_end__*/, {
23
- "__SList": "___SList_xcq8b_gg_",
24
- "__SContent": "___SContent_xcq8b_gg_",
25
- "__SItem": "___SItem_xcq8b_gg_",
26
- "__SMarker": "___SMarker_xcq8b_gg_"
22
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SList_nvr70_gg_{padding:0;margin:0;list-style-type:none}.___SContent_nvr70_gg_{overflow:inherit;text-overflow:inherit}.___SItem_nvr70_gg_+.___SItem_nvr70_gg_,.___SList_nvr70_gg_ .___SList_nvr70_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_nvr70_gg_{display:flex}.___SMarker_nvr70_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "nvr70_gg_") /*__reshadow_css_end__*/, {
23
+ "__SList": "___SList_nvr70_gg_",
24
+ "__SContent": "___SContent_nvr70_gg_",
25
+ "__SItem": "___SItem_nvr70_gg_",
26
+ "__SMarker": "___SMarker_nvr70_gg_"
27
27
  });
28
28
  var ListRoot = /*#__PURE__*/function (_Component) {
29
29
  (0, _inherits2["default"])(ListRoot, _Component);
package/lib/cjs/Text.js CHANGED
@@ -11,40 +11,40 @@ var _react = _interopRequireDefault(require("react"));
11
11
  var _flexBox = require("@semcore/flex-box");
12
12
  var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
13
13
  /*__reshadow-styles__:"./style/text.shadow.css"*/
14
- var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SText_1xish_gg_{padding:0;margin:0}.___SText_1xish_gg_._size_100_1xish_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1xish_gg_._size_200_1xish_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1xish_gg_._size_300_1xish_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1xish_gg_._size_400_1xish_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1xish_gg_._size_500_1xish_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1xish_gg_._size_600_1xish_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1xish_gg_._size_700_1xish_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1xish_gg_._size_800_1xish_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1xish_gg_.__noWrap_1xish_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1xish_gg_.__medium_1xish_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1xish_gg_.__semibold_1xish_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1xish_gg_.__bold_1xish_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1xish_gg_.__italic_1xish_gg_{font-style:italic}.___SText_1xish_gg_.__monospace_1xish_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1xish_gg_.__uppercase_1xish_gg_{text-transform:uppercase}.___SText_1xish_gg_.__lowercase_1xish_gg_{text-transform:lowercase}.___SText_1xish_gg_.__capitalize_1xish_gg_{text-transform:capitalize}.___SText_1xish_gg_.__decoration_1xish_gg_{-webkit-text-decoration:var(--decoration_1xish);text-decoration:var(--decoration_1xish)}.___SText_1xish_gg_.__color_1xish_gg_{color:var(--color_1xish)}.___SText_1xish_gg_.__fontSize_1xish_gg_{font-size:var(--fontSize_1xish)}.___SText_1xish_gg_.__lineHeight_1xish_gg_{line-height:var(--lineHeight_1xish)}.___SText_1xish_gg_.__fontWeight_1xish_gg_{font-weight:var(--fontWeight_1xish)}.___SText_1xish_gg_.__textAlign_1xish_gg_{text-align:var(--textAlign_1xish)}.___SText_1xish_gg_._use_primary_1xish_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1xish_gg_._use_secondary_1xish_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1xish_gg_.__disabled_1xish_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1xish_gg_") /*__reshadow_css_end__*/, {
15
- "__SText": "___SText_1xish_gg_",
16
- "_size_100": "_size_100_1xish_gg_",
17
- "_size_200": "_size_200_1xish_gg_",
18
- "_size_300": "_size_300_1xish_gg_",
19
- "_size_400": "_size_400_1xish_gg_",
20
- "_size_500": "_size_500_1xish_gg_",
21
- "_size_600": "_size_600_1xish_gg_",
22
- "_size_700": "_size_700_1xish_gg_",
23
- "_size_800": "_size_800_1xish_gg_",
24
- "_noWrap": "__noWrap_1xish_gg_",
25
- "_medium": "__medium_1xish_gg_",
26
- "_semibold": "__semibold_1xish_gg_",
27
- "_bold": "__bold_1xish_gg_",
28
- "_italic": "__italic_1xish_gg_",
29
- "_monospace": "__monospace_1xish_gg_",
30
- "_uppercase": "__uppercase_1xish_gg_",
31
- "_lowercase": "__lowercase_1xish_gg_",
32
- "_capitalize": "__capitalize_1xish_gg_",
33
- "_decoration": "__decoration_1xish_gg_",
34
- "--decoration": "--decoration_1xish",
35
- "_color": "__color_1xish_gg_",
36
- "--color": "--color_1xish",
37
- "_fontSize": "__fontSize_1xish_gg_",
38
- "--fontSize": "--fontSize_1xish",
39
- "_lineHeight": "__lineHeight_1xish_gg_",
40
- "--lineHeight": "--lineHeight_1xish",
41
- "_fontWeight": "__fontWeight_1xish_gg_",
42
- "--fontWeight": "--fontWeight_1xish",
43
- "_textAlign": "__textAlign_1xish_gg_",
44
- "--textAlign": "--textAlign_1xish",
45
- "_use_primary": "_use_primary_1xish_gg_",
46
- "_use_secondary": "_use_secondary_1xish_gg_",
47
- "_disabled": "__disabled_1xish_gg_"
14
+ var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SText_1ipgq_gg_{padding:0;margin:0}.___SText_1ipgq_gg_._size_100_1ipgq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1ipgq_gg_._size_200_1ipgq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ipgq_gg_._size_300_1ipgq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ipgq_gg_._size_400_1ipgq_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1ipgq_gg_._size_500_1ipgq_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1ipgq_gg_._size_600_1ipgq_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1ipgq_gg_._size_700_1ipgq_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1ipgq_gg_._size_800_1ipgq_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1ipgq_gg_.__noWrap_1ipgq_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1ipgq_gg_.__medium_1ipgq_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1ipgq_gg_.__semibold_1ipgq_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1ipgq_gg_.__bold_1ipgq_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1ipgq_gg_.__italic_1ipgq_gg_{font-style:italic}.___SText_1ipgq_gg_.__monospace_1ipgq_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1ipgq_gg_.__uppercase_1ipgq_gg_{text-transform:uppercase}.___SText_1ipgq_gg_.__lowercase_1ipgq_gg_{text-transform:lowercase}.___SText_1ipgq_gg_.__capitalize_1ipgq_gg_{text-transform:capitalize}.___SText_1ipgq_gg_.__decoration_1ipgq_gg_{-webkit-text-decoration:var(--decoration_1ipgq);text-decoration:var(--decoration_1ipgq)}.___SText_1ipgq_gg_.__color_1ipgq_gg_{color:var(--color_1ipgq)}.___SText_1ipgq_gg_.__fontSize_1ipgq_gg_{font-size:var(--fontSize_1ipgq)}.___SText_1ipgq_gg_.__lineHeight_1ipgq_gg_{line-height:var(--lineHeight_1ipgq)}.___SText_1ipgq_gg_.__fontWeight_1ipgq_gg_{font-weight:var(--fontWeight_1ipgq)}.___SText_1ipgq_gg_.__textAlign_1ipgq_gg_{text-align:var(--textAlign_1ipgq)}.___SText_1ipgq_gg_._use_primary_1ipgq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1ipgq_gg_._use_secondary_1ipgq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1ipgq_gg_.__disabled_1ipgq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1ipgq_gg_") /*__reshadow_css_end__*/, {
15
+ "__SText": "___SText_1ipgq_gg_",
16
+ "_size_100": "_size_100_1ipgq_gg_",
17
+ "_size_200": "_size_200_1ipgq_gg_",
18
+ "_size_300": "_size_300_1ipgq_gg_",
19
+ "_size_400": "_size_400_1ipgq_gg_",
20
+ "_size_500": "_size_500_1ipgq_gg_",
21
+ "_size_600": "_size_600_1ipgq_gg_",
22
+ "_size_700": "_size_700_1ipgq_gg_",
23
+ "_size_800": "_size_800_1ipgq_gg_",
24
+ "_noWrap": "__noWrap_1ipgq_gg_",
25
+ "_medium": "__medium_1ipgq_gg_",
26
+ "_semibold": "__semibold_1ipgq_gg_",
27
+ "_bold": "__bold_1ipgq_gg_",
28
+ "_italic": "__italic_1ipgq_gg_",
29
+ "_monospace": "__monospace_1ipgq_gg_",
30
+ "_uppercase": "__uppercase_1ipgq_gg_",
31
+ "_lowercase": "__lowercase_1ipgq_gg_",
32
+ "_capitalize": "__capitalize_1ipgq_gg_",
33
+ "_decoration": "__decoration_1ipgq_gg_",
34
+ "--decoration": "--decoration_1ipgq",
35
+ "_color": "__color_1ipgq_gg_",
36
+ "--color": "--color_1ipgq",
37
+ "_fontSize": "__fontSize_1ipgq_gg_",
38
+ "--fontSize": "--fontSize_1ipgq",
39
+ "_lineHeight": "__lineHeight_1ipgq_gg_",
40
+ "--lineHeight": "--lineHeight_1ipgq",
41
+ "_fontWeight": "__fontWeight_1ipgq_gg_",
42
+ "--fontWeight": "--fontWeight_1ipgq",
43
+ "_textAlign": "__textAlign_1ipgq_gg_",
44
+ "--textAlign": "--textAlign_1ipgq",
45
+ "_use_primary": "_use_primary_1ipgq_gg_",
46
+ "_use_secondary": "_use_secondary_1ipgq_gg_",
47
+ "_disabled": "__disabled_1ipgq_gg_"
48
48
  });
49
49
  function getTextDecoration(underline, lineThrough) {
50
50
  if (underline) {
@@ -6,10 +6,10 @@ import { createBaseComponent, Root, sstyled } from '@semcore/core';
6
6
  import isNode from '@semcore/utils/lib/isNode';
7
7
  import { Box } from '@semcore/flex-box';
8
8
  /*__reshadow-styles__:"./style/blockquote.shadow.css"*/
9
- var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_1scbm_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_1scbm_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_1scbm_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "1scbm_gg_") /*__reshadow_css_end__*/, {
10
- "__SBlockquote": "___SBlockquote_1scbm_gg_",
11
- "__SDoubleQuotation": "___SDoubleQuotation_1scbm_gg_",
12
- "__SAuthor": "___SAuthor_1scbm_gg_"
9
+ var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_50i4m_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_50i4m_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_50i4m_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "50i4m_gg_") /*__reshadow_css_end__*/, {
10
+ "__SBlockquote": "___SBlockquote_50i4m_gg_",
11
+ "__SDoubleQuotation": "___SDoubleQuotation_50i4m_gg_",
12
+ "__SAuthor": "___SAuthor_50i4m_gg_"
13
13
  });
14
14
  function Blockquote(props, ref) {
15
15
  var _ref = arguments[0],
package/lib/es6/Hint.js CHANGED
@@ -15,13 +15,13 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhan
15
15
  import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
16
16
  import Text from './Text';
17
17
  /*__reshadow-styles__:"./style/hint.shadow.css"*/
18
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_rylmh_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_rylmh_gg_.__active_rylmh_gg_,.___SHint_rylmh_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_rylmh_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_rylmh_gg_.__keyboardFocused_rylmh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_rylmh_gg_.__disabled_rylmh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_rylmh_gg_{vertical-align:middle;display:inline-flex}.___SHint_rylmh_gg_ .___SAddon_rylmh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_rylmh_gg_ .___SAddon_rylmh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_rylmh_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_rylmh_gg_{transition:none}}" /*__inner_css_end__*/, "rylmh_gg_") /*__reshadow_css_end__*/, {
19
- "__SHint": "___SHint_rylmh_gg_",
20
- "_keyboardFocused": "__keyboardFocused_rylmh_gg_",
21
- "_disabled": "__disabled_rylmh_gg_",
22
- "__SAddon": "___SAddon_rylmh_gg_",
23
- "__SText": "___SText_rylmh_gg_",
24
- "_active": "__active_rylmh_gg_"
18
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_1e2ga_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_1e2ga_gg_.__active_1e2ga_gg_,.___SHint_1e2ga_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1e2ga_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1e2ga_gg_.__keyboardFocused_1e2ga_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1e2ga_gg_.__disabled_1e2ga_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1e2ga_gg_{vertical-align:middle;display:inline-flex}.___SHint_1e2ga_gg_ .___SAddon_1e2ga_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1e2ga_gg_ .___SAddon_1e2ga_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1e2ga_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1e2ga_gg_{transition:none}}" /*__inner_css_end__*/, "1e2ga_gg_") /*__reshadow_css_end__*/, {
19
+ "__SHint": "___SHint_1e2ga_gg_",
20
+ "_keyboardFocused": "__keyboardFocused_1e2ga_gg_",
21
+ "_disabled": "__disabled_1e2ga_gg_",
22
+ "__SAddon": "___SAddon_1e2ga_gg_",
23
+ "__SText": "___SText_1e2ga_gg_",
24
+ "_active": "__active_1e2ga_gg_"
25
25
  });
26
26
  var RootHint = /*#__PURE__*/function (_Component) {
27
27
  _inherits(RootHint, _Component);
package/lib/es6/List.js CHANGED
@@ -15,11 +15,11 @@ import isNode from '@semcore/utils/lib/isNode';
15
15
  import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
16
16
  import Text from './Text';
17
17
  /*__reshadow-styles__:"./style/list.shadow.css"*/
18
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_xcq8b_gg_{padding:0;margin:0;list-style-type:none}.___SContent_xcq8b_gg_{overflow:inherit;text-overflow:inherit}.___SItem_xcq8b_gg_+.___SItem_xcq8b_gg_,.___SList_xcq8b_gg_ .___SList_xcq8b_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_xcq8b_gg_{display:flex}.___SMarker_xcq8b_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "xcq8b_gg_") /*__reshadow_css_end__*/, {
19
- "__SList": "___SList_xcq8b_gg_",
20
- "__SContent": "___SContent_xcq8b_gg_",
21
- "__SItem": "___SItem_xcq8b_gg_",
22
- "__SMarker": "___SMarker_xcq8b_gg_"
18
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_nvr70_gg_{padding:0;margin:0;list-style-type:none}.___SContent_nvr70_gg_{overflow:inherit;text-overflow:inherit}.___SItem_nvr70_gg_+.___SItem_nvr70_gg_,.___SList_nvr70_gg_ .___SList_nvr70_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_nvr70_gg_{display:flex}.___SMarker_nvr70_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "nvr70_gg_") /*__reshadow_css_end__*/, {
19
+ "__SList": "___SList_nvr70_gg_",
20
+ "__SContent": "___SContent_nvr70_gg_",
21
+ "__SItem": "___SItem_nvr70_gg_",
22
+ "__SMarker": "___SMarker_nvr70_gg_"
23
23
  });
24
24
  var ListRoot = /*#__PURE__*/function (_Component) {
25
25
  _inherits(ListRoot, _Component);
package/lib/es6/Text.js CHANGED
@@ -5,40 +5,40 @@ import React from 'react';
5
5
  import { createBaseComponent, Root, sstyled } from '@semcore/core';
6
6
  import { Box } from '@semcore/flex-box';
7
7
  /*__reshadow-styles__:"./style/text.shadow.css"*/
8
- var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_1xish_gg_{padding:0;margin:0}.___SText_1xish_gg_._size_100_1xish_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1xish_gg_._size_200_1xish_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1xish_gg_._size_300_1xish_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1xish_gg_._size_400_1xish_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1xish_gg_._size_500_1xish_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1xish_gg_._size_600_1xish_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1xish_gg_._size_700_1xish_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1xish_gg_._size_800_1xish_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1xish_gg_.__noWrap_1xish_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1xish_gg_.__medium_1xish_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1xish_gg_.__semibold_1xish_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1xish_gg_.__bold_1xish_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1xish_gg_.__italic_1xish_gg_{font-style:italic}.___SText_1xish_gg_.__monospace_1xish_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1xish_gg_.__uppercase_1xish_gg_{text-transform:uppercase}.___SText_1xish_gg_.__lowercase_1xish_gg_{text-transform:lowercase}.___SText_1xish_gg_.__capitalize_1xish_gg_{text-transform:capitalize}.___SText_1xish_gg_.__decoration_1xish_gg_{-webkit-text-decoration:var(--decoration_1xish);text-decoration:var(--decoration_1xish)}.___SText_1xish_gg_.__color_1xish_gg_{color:var(--color_1xish)}.___SText_1xish_gg_.__fontSize_1xish_gg_{font-size:var(--fontSize_1xish)}.___SText_1xish_gg_.__lineHeight_1xish_gg_{line-height:var(--lineHeight_1xish)}.___SText_1xish_gg_.__fontWeight_1xish_gg_{font-weight:var(--fontWeight_1xish)}.___SText_1xish_gg_.__textAlign_1xish_gg_{text-align:var(--textAlign_1xish)}.___SText_1xish_gg_._use_primary_1xish_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1xish_gg_._use_secondary_1xish_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1xish_gg_.__disabled_1xish_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1xish_gg_") /*__reshadow_css_end__*/, {
9
- "__SText": "___SText_1xish_gg_",
10
- "_size_100": "_size_100_1xish_gg_",
11
- "_size_200": "_size_200_1xish_gg_",
12
- "_size_300": "_size_300_1xish_gg_",
13
- "_size_400": "_size_400_1xish_gg_",
14
- "_size_500": "_size_500_1xish_gg_",
15
- "_size_600": "_size_600_1xish_gg_",
16
- "_size_700": "_size_700_1xish_gg_",
17
- "_size_800": "_size_800_1xish_gg_",
18
- "_noWrap": "__noWrap_1xish_gg_",
19
- "_medium": "__medium_1xish_gg_",
20
- "_semibold": "__semibold_1xish_gg_",
21
- "_bold": "__bold_1xish_gg_",
22
- "_italic": "__italic_1xish_gg_",
23
- "_monospace": "__monospace_1xish_gg_",
24
- "_uppercase": "__uppercase_1xish_gg_",
25
- "_lowercase": "__lowercase_1xish_gg_",
26
- "_capitalize": "__capitalize_1xish_gg_",
27
- "_decoration": "__decoration_1xish_gg_",
28
- "--decoration": "--decoration_1xish",
29
- "_color": "__color_1xish_gg_",
30
- "--color": "--color_1xish",
31
- "_fontSize": "__fontSize_1xish_gg_",
32
- "--fontSize": "--fontSize_1xish",
33
- "_lineHeight": "__lineHeight_1xish_gg_",
34
- "--lineHeight": "--lineHeight_1xish",
35
- "_fontWeight": "__fontWeight_1xish_gg_",
36
- "--fontWeight": "--fontWeight_1xish",
37
- "_textAlign": "__textAlign_1xish_gg_",
38
- "--textAlign": "--textAlign_1xish",
39
- "_use_primary": "_use_primary_1xish_gg_",
40
- "_use_secondary": "_use_secondary_1xish_gg_",
41
- "_disabled": "__disabled_1xish_gg_"
8
+ var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_1ipgq_gg_{padding:0;margin:0}.___SText_1ipgq_gg_._size_100_1ipgq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1ipgq_gg_._size_200_1ipgq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ipgq_gg_._size_300_1ipgq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ipgq_gg_._size_400_1ipgq_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1ipgq_gg_._size_500_1ipgq_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1ipgq_gg_._size_600_1ipgq_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1ipgq_gg_._size_700_1ipgq_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1ipgq_gg_._size_800_1ipgq_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1ipgq_gg_.__noWrap_1ipgq_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1ipgq_gg_.__medium_1ipgq_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1ipgq_gg_.__semibold_1ipgq_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1ipgq_gg_.__bold_1ipgq_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1ipgq_gg_.__italic_1ipgq_gg_{font-style:italic}.___SText_1ipgq_gg_.__monospace_1ipgq_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1ipgq_gg_.__uppercase_1ipgq_gg_{text-transform:uppercase}.___SText_1ipgq_gg_.__lowercase_1ipgq_gg_{text-transform:lowercase}.___SText_1ipgq_gg_.__capitalize_1ipgq_gg_{text-transform:capitalize}.___SText_1ipgq_gg_.__decoration_1ipgq_gg_{-webkit-text-decoration:var(--decoration_1ipgq);text-decoration:var(--decoration_1ipgq)}.___SText_1ipgq_gg_.__color_1ipgq_gg_{color:var(--color_1ipgq)}.___SText_1ipgq_gg_.__fontSize_1ipgq_gg_{font-size:var(--fontSize_1ipgq)}.___SText_1ipgq_gg_.__lineHeight_1ipgq_gg_{line-height:var(--lineHeight_1ipgq)}.___SText_1ipgq_gg_.__fontWeight_1ipgq_gg_{font-weight:var(--fontWeight_1ipgq)}.___SText_1ipgq_gg_.__textAlign_1ipgq_gg_{text-align:var(--textAlign_1ipgq)}.___SText_1ipgq_gg_._use_primary_1ipgq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1ipgq_gg_._use_secondary_1ipgq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1ipgq_gg_.__disabled_1ipgq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1ipgq_gg_") /*__reshadow_css_end__*/, {
9
+ "__SText": "___SText_1ipgq_gg_",
10
+ "_size_100": "_size_100_1ipgq_gg_",
11
+ "_size_200": "_size_200_1ipgq_gg_",
12
+ "_size_300": "_size_300_1ipgq_gg_",
13
+ "_size_400": "_size_400_1ipgq_gg_",
14
+ "_size_500": "_size_500_1ipgq_gg_",
15
+ "_size_600": "_size_600_1ipgq_gg_",
16
+ "_size_700": "_size_700_1ipgq_gg_",
17
+ "_size_800": "_size_800_1ipgq_gg_",
18
+ "_noWrap": "__noWrap_1ipgq_gg_",
19
+ "_medium": "__medium_1ipgq_gg_",
20
+ "_semibold": "__semibold_1ipgq_gg_",
21
+ "_bold": "__bold_1ipgq_gg_",
22
+ "_italic": "__italic_1ipgq_gg_",
23
+ "_monospace": "__monospace_1ipgq_gg_",
24
+ "_uppercase": "__uppercase_1ipgq_gg_",
25
+ "_lowercase": "__lowercase_1ipgq_gg_",
26
+ "_capitalize": "__capitalize_1ipgq_gg_",
27
+ "_decoration": "__decoration_1ipgq_gg_",
28
+ "--decoration": "--decoration_1ipgq",
29
+ "_color": "__color_1ipgq_gg_",
30
+ "--color": "--color_1ipgq",
31
+ "_fontSize": "__fontSize_1ipgq_gg_",
32
+ "--fontSize": "--fontSize_1ipgq",
33
+ "_lineHeight": "__lineHeight_1ipgq_gg_",
34
+ "--lineHeight": "--lineHeight_1ipgq",
35
+ "_fontWeight": "__fontWeight_1ipgq_gg_",
36
+ "--fontWeight": "--fontWeight_1ipgq",
37
+ "_textAlign": "__textAlign_1ipgq_gg_",
38
+ "--textAlign": "--textAlign_1ipgq",
39
+ "_use_primary": "_use_primary_1ipgq_gg_",
40
+ "_use_secondary": "_use_secondary_1ipgq_gg_",
41
+ "_disabled": "__disabled_1ipgq_gg_"
42
42
  });
43
43
  import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
44
44
  function getTextDecoration(underline, lineThrough) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/typography",
3
3
  "description": "Semrush Typography Component",
4
- "version": "5.31.0",
4
+ "version": "5.32.0-prerelease.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,13 +9,13 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/utils": "4.24.0",
13
- "@semcore/flex-box": "5.23.0",
14
- "@semcore/icon": "4.32.0",
12
+ "@semcore/utils": "4.25.0-prerelease.0",
13
+ "@semcore/flex-box": "5.24.0-prerelease.0",
14
+ "@semcore/icon": "4.33.0-prerelease.0",
15
15
  "csstype": "3.0.8"
16
16
  },
17
17
  "peerDependencies": {
18
- "@semcore/core": "^2.17.5",
18
+ "@semcore/core": "^2.22.0-prerelease.0",
19
19
  "react": "16.8 - 18",
20
20
  "react-dom": "16.8 - 18"
21
21
  },