@semcore/typography 5.52.2 → 5.53.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 +6 -0
- package/lib/cjs/Blockquote.js +4 -4
- package/lib/cjs/Hint.js +7 -7
- package/lib/cjs/List.js +5 -5
- package/lib/cjs/Text.js +34 -34
- package/lib/es6/Blockquote.js +4 -4
- package/lib/es6/Hint.js +7 -7
- package/lib/es6/List.js +5 -5
- package/lib/es6/Text.js +34 -34
- package/lib/esm/Blockquote.mjs +20 -20
- package/lib/esm/Hint.mjs +19 -19
- package/lib/esm/List.mjs +36 -36
- package/lib/esm/Text.mjs +53 -53
- package/package.json +2 -2
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.53.0] - 2025-04-11
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/icon` [4.60.2 ~> 4.61.0]).
|
|
10
|
+
|
|
5
11
|
## [5.52.2] - 2025-04-04
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Blockquote.js
CHANGED
|
@@ -12,10 +12,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
|
|
13
13
|
var _flexBox = require("@semcore/flex-box");
|
|
14
14
|
/*__reshadow-styles__:"./style/blockquote.shadow.css"*/
|
|
15
|
-
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SBlockquote": "
|
|
17
|
-
"__SDoubleQuotation": "
|
|
18
|
-
"__SAuthor": "
|
|
15
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_17iop_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_17iop_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_17iop_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__*/, "17iop_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBlockquote": "___SBlockquote_17iop_gg_",
|
|
17
|
+
"__SDoubleQuotation": "___SDoubleQuotation_17iop_gg_",
|
|
18
|
+
"__SAuthor": "___SAuthor_17iop_gg_"
|
|
19
19
|
});
|
|
20
20
|
function Blockquote(props, ref) {
|
|
21
21
|
var _ref = arguments[0],
|
package/lib/cjs/Hint.js
CHANGED
|
@@ -20,13 +20,13 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
20
20
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
21
21
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
22
22
|
/*__reshadow-styles__:"./style/hint.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SHint": "
|
|
25
|
-
"_keyboardFocused": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SAddon": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"_active": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SHint_1k258_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_1k258_gg_.__active_1k258_gg_,.___SHint_1k258_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1k258_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1k258_gg_.__keyboardFocused_1k258_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1k258_gg_.__disabled_1k258_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1k258_gg_{vertical-align:middle;display:inline-flex}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1k258_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1k258_gg_{transition:none}}" /*__inner_css_end__*/, "1k258_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SHint": "___SHint_1k258_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_1k258_gg_",
|
|
26
|
+
"_disabled": "__disabled_1k258_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_1k258_gg_",
|
|
28
|
+
"__SText": "___SText_1k258_gg_",
|
|
29
|
+
"_active": "__active_1k258_gg_"
|
|
30
30
|
});
|
|
31
31
|
var RootHint = /*#__PURE__*/function (_Component) {
|
|
32
32
|
(0, _inherits2["default"])(RootHint, _Component);
|
package/lib/cjs/List.js
CHANGED
|
@@ -20,11 +20,11 @@ var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
|
|
|
20
20
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
21
21
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
22
22
|
/*__reshadow-styles__:"./style/list.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SList": "
|
|
25
|
-
"__SContent": "
|
|
26
|
-
"__SItem": "
|
|
27
|
-
"__SMarker": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SList_38xxt_gg_{padding:0;margin:0;list-style-type:none}.___SContent_38xxt_gg_{overflow:inherit;text-overflow:inherit}.___SItem_38xxt_gg_+.___SItem_38xxt_gg_,.___SList_38xxt_gg_ .___SList_38xxt_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_38xxt_gg_{display:flex}.___SMarker_38xxt_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "38xxt_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SList": "___SList_38xxt_gg_",
|
|
25
|
+
"__SContent": "___SContent_38xxt_gg_",
|
|
26
|
+
"__SItem": "___SItem_38xxt_gg_",
|
|
27
|
+
"__SMarker": "___SMarker_38xxt_gg_"
|
|
28
28
|
});
|
|
29
29
|
var ListRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
(0, _inherits2["default"])(ListRoot, _Component);
|
package/lib/cjs/Text.js
CHANGED
|
@@ -12,40 +12,40 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
var _flexBox = require("@semcore/flex-box");
|
|
13
13
|
var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
14
14
|
/*__reshadow-styles__:"./style/text.shadow.css"*/
|
|
15
|
-
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SText": "
|
|
17
|
-
"_size_100": "
|
|
18
|
-
"_size_200": "
|
|
19
|
-
"_size_300": "
|
|
20
|
-
"_size_400": "
|
|
21
|
-
"_size_500": "
|
|
22
|
-
"_size_600": "
|
|
23
|
-
"_size_700": "
|
|
24
|
-
"_size_800": "
|
|
25
|
-
"_noWrap": "
|
|
26
|
-
"_medium": "
|
|
27
|
-
"_semibold": "
|
|
28
|
-
"_bold": "
|
|
29
|
-
"_italic": "
|
|
30
|
-
"_monospace": "
|
|
31
|
-
"_uppercase": "
|
|
32
|
-
"_lowercase": "
|
|
33
|
-
"_capitalize": "
|
|
34
|
-
"_decoration": "
|
|
35
|
-
"--decoration": "--
|
|
36
|
-
"_color": "
|
|
37
|
-
"--color": "--
|
|
38
|
-
"_fontSize": "
|
|
39
|
-
"--fontSize": "--
|
|
40
|
-
"_lineHeight": "
|
|
41
|
-
"--lineHeight": "--
|
|
42
|
-
"_fontWeight": "
|
|
43
|
-
"--fontWeight": "--
|
|
44
|
-
"_textAlign": "
|
|
45
|
-
"--textAlign": "--
|
|
46
|
-
"_use_primary": "
|
|
47
|
-
"_use_secondary": "
|
|
48
|
-
"_disabled": "
|
|
15
|
+
var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SText_12j7t_gg_{padding:0;margin:0}.___SText_12j7t_gg_._size_100_12j7t_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_12j7t_gg_._size_200_12j7t_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_12j7t_gg_._size_300_12j7t_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_12j7t_gg_._size_400_12j7t_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_12j7t_gg_._size_500_12j7t_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_12j7t_gg_._size_600_12j7t_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_12j7t_gg_._size_700_12j7t_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_12j7t_gg_._size_800_12j7t_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_12j7t_gg_.__noWrap_12j7t_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_12j7t_gg_.__medium_12j7t_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_12j7t_gg_.__semibold_12j7t_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_12j7t_gg_.__bold_12j7t_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_12j7t_gg_.__italic_12j7t_gg_{font-style:italic}.___SText_12j7t_gg_.__monospace_12j7t_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_12j7t_gg_.__uppercase_12j7t_gg_{text-transform:uppercase}.___SText_12j7t_gg_.__lowercase_12j7t_gg_{text-transform:lowercase}.___SText_12j7t_gg_.__capitalize_12j7t_gg_{text-transform:capitalize}.___SText_12j7t_gg_.__decoration_12j7t_gg_{-webkit-text-decoration:var(--decoration_12j7t);text-decoration:var(--decoration_12j7t)}.___SText_12j7t_gg_.__color_12j7t_gg_{color:var(--color_12j7t)}.___SText_12j7t_gg_.__fontSize_12j7t_gg_{font-size:var(--fontSize_12j7t)}.___SText_12j7t_gg_.__lineHeight_12j7t_gg_{line-height:var(--lineHeight_12j7t)}.___SText_12j7t_gg_.__fontWeight_12j7t_gg_{font-weight:var(--fontWeight_12j7t)}.___SText_12j7t_gg_.__textAlign_12j7t_gg_{text-align:var(--textAlign_12j7t)}.___SText_12j7t_gg_._use_primary_12j7t_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_12j7t_gg_._use_secondary_12j7t_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_12j7t_gg_.__disabled_12j7t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "12j7t_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SText": "___SText_12j7t_gg_",
|
|
17
|
+
"_size_100": "_size_100_12j7t_gg_",
|
|
18
|
+
"_size_200": "_size_200_12j7t_gg_",
|
|
19
|
+
"_size_300": "_size_300_12j7t_gg_",
|
|
20
|
+
"_size_400": "_size_400_12j7t_gg_",
|
|
21
|
+
"_size_500": "_size_500_12j7t_gg_",
|
|
22
|
+
"_size_600": "_size_600_12j7t_gg_",
|
|
23
|
+
"_size_700": "_size_700_12j7t_gg_",
|
|
24
|
+
"_size_800": "_size_800_12j7t_gg_",
|
|
25
|
+
"_noWrap": "__noWrap_12j7t_gg_",
|
|
26
|
+
"_medium": "__medium_12j7t_gg_",
|
|
27
|
+
"_semibold": "__semibold_12j7t_gg_",
|
|
28
|
+
"_bold": "__bold_12j7t_gg_",
|
|
29
|
+
"_italic": "__italic_12j7t_gg_",
|
|
30
|
+
"_monospace": "__monospace_12j7t_gg_",
|
|
31
|
+
"_uppercase": "__uppercase_12j7t_gg_",
|
|
32
|
+
"_lowercase": "__lowercase_12j7t_gg_",
|
|
33
|
+
"_capitalize": "__capitalize_12j7t_gg_",
|
|
34
|
+
"_decoration": "__decoration_12j7t_gg_",
|
|
35
|
+
"--decoration": "--decoration_12j7t",
|
|
36
|
+
"_color": "__color_12j7t_gg_",
|
|
37
|
+
"--color": "--color_12j7t",
|
|
38
|
+
"_fontSize": "__fontSize_12j7t_gg_",
|
|
39
|
+
"--fontSize": "--fontSize_12j7t",
|
|
40
|
+
"_lineHeight": "__lineHeight_12j7t_gg_",
|
|
41
|
+
"--lineHeight": "--lineHeight_12j7t",
|
|
42
|
+
"_fontWeight": "__fontWeight_12j7t_gg_",
|
|
43
|
+
"--fontWeight": "--fontWeight_12j7t",
|
|
44
|
+
"_textAlign": "__textAlign_12j7t_gg_",
|
|
45
|
+
"--textAlign": "--textAlign_12j7t",
|
|
46
|
+
"_use_primary": "_use_primary_12j7t_gg_",
|
|
47
|
+
"_use_secondary": "_use_secondary_12j7t_gg_",
|
|
48
|
+
"_disabled": "__disabled_12j7t_gg_"
|
|
49
49
|
});
|
|
50
50
|
function getTextDecoration(underline, lineThrough) {
|
|
51
51
|
if (underline) {
|
package/lib/es6/Blockquote.js
CHANGED
|
@@ -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__*/".
|
|
10
|
-
"__SBlockquote": "
|
|
11
|
-
"__SDoubleQuotation": "
|
|
12
|
-
"__SAuthor": "
|
|
9
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_17iop_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_17iop_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_17iop_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__*/, "17iop_gg_") /*__reshadow_css_end__*/, {
|
|
10
|
+
"__SBlockquote": "___SBlockquote_17iop_gg_",
|
|
11
|
+
"__SDoubleQuotation": "___SDoubleQuotation_17iop_gg_",
|
|
12
|
+
"__SAuthor": "___SAuthor_17iop_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__*/".
|
|
19
|
-
"__SHint": "
|
|
20
|
-
"_keyboardFocused": "
|
|
21
|
-
"_disabled": "
|
|
22
|
-
"__SAddon": "
|
|
23
|
-
"__SText": "
|
|
24
|
-
"_active": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_1k258_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_1k258_gg_.__active_1k258_gg_,.___SHint_1k258_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1k258_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1k258_gg_.__keyboardFocused_1k258_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1k258_gg_.__disabled_1k258_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1k258_gg_{vertical-align:middle;display:inline-flex}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1k258_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1k258_gg_{transition:none}}" /*__inner_css_end__*/, "1k258_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SHint": "___SHint_1k258_gg_",
|
|
20
|
+
"_keyboardFocused": "__keyboardFocused_1k258_gg_",
|
|
21
|
+
"_disabled": "__disabled_1k258_gg_",
|
|
22
|
+
"__SAddon": "___SAddon_1k258_gg_",
|
|
23
|
+
"__SText": "___SText_1k258_gg_",
|
|
24
|
+
"_active": "__active_1k258_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__*/".
|
|
19
|
-
"__SList": "
|
|
20
|
-
"__SContent": "
|
|
21
|
-
"__SItem": "
|
|
22
|
-
"__SMarker": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_38xxt_gg_{padding:0;margin:0;list-style-type:none}.___SContent_38xxt_gg_{overflow:inherit;text-overflow:inherit}.___SItem_38xxt_gg_+.___SItem_38xxt_gg_,.___SList_38xxt_gg_ .___SList_38xxt_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_38xxt_gg_{display:flex}.___SMarker_38xxt_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "38xxt_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SList": "___SList_38xxt_gg_",
|
|
20
|
+
"__SContent": "___SContent_38xxt_gg_",
|
|
21
|
+
"__SItem": "___SItem_38xxt_gg_",
|
|
22
|
+
"__SMarker": "___SMarker_38xxt_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__*/".
|
|
9
|
-
"__SText": "
|
|
10
|
-
"_size_100": "
|
|
11
|
-
"_size_200": "
|
|
12
|
-
"_size_300": "
|
|
13
|
-
"_size_400": "
|
|
14
|
-
"_size_500": "
|
|
15
|
-
"_size_600": "
|
|
16
|
-
"_size_700": "
|
|
17
|
-
"_size_800": "
|
|
18
|
-
"_noWrap": "
|
|
19
|
-
"_medium": "
|
|
20
|
-
"_semibold": "
|
|
21
|
-
"_bold": "
|
|
22
|
-
"_italic": "
|
|
23
|
-
"_monospace": "
|
|
24
|
-
"_uppercase": "
|
|
25
|
-
"_lowercase": "
|
|
26
|
-
"_capitalize": "
|
|
27
|
-
"_decoration": "
|
|
28
|
-
"--decoration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_fontSize": "
|
|
32
|
-
"--fontSize": "--
|
|
33
|
-
"_lineHeight": "
|
|
34
|
-
"--lineHeight": "--
|
|
35
|
-
"_fontWeight": "
|
|
36
|
-
"--fontWeight": "--
|
|
37
|
-
"_textAlign": "
|
|
38
|
-
"--textAlign": "--
|
|
39
|
-
"_use_primary": "
|
|
40
|
-
"_use_secondary": "
|
|
41
|
-
"_disabled": "
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_12j7t_gg_{padding:0;margin:0}.___SText_12j7t_gg_._size_100_12j7t_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_12j7t_gg_._size_200_12j7t_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_12j7t_gg_._size_300_12j7t_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_12j7t_gg_._size_400_12j7t_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_12j7t_gg_._size_500_12j7t_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_12j7t_gg_._size_600_12j7t_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_12j7t_gg_._size_700_12j7t_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_12j7t_gg_._size_800_12j7t_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_12j7t_gg_.__noWrap_12j7t_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_12j7t_gg_.__medium_12j7t_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_12j7t_gg_.__semibold_12j7t_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_12j7t_gg_.__bold_12j7t_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_12j7t_gg_.__italic_12j7t_gg_{font-style:italic}.___SText_12j7t_gg_.__monospace_12j7t_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_12j7t_gg_.__uppercase_12j7t_gg_{text-transform:uppercase}.___SText_12j7t_gg_.__lowercase_12j7t_gg_{text-transform:lowercase}.___SText_12j7t_gg_.__capitalize_12j7t_gg_{text-transform:capitalize}.___SText_12j7t_gg_.__decoration_12j7t_gg_{-webkit-text-decoration:var(--decoration_12j7t);text-decoration:var(--decoration_12j7t)}.___SText_12j7t_gg_.__color_12j7t_gg_{color:var(--color_12j7t)}.___SText_12j7t_gg_.__fontSize_12j7t_gg_{font-size:var(--fontSize_12j7t)}.___SText_12j7t_gg_.__lineHeight_12j7t_gg_{line-height:var(--lineHeight_12j7t)}.___SText_12j7t_gg_.__fontWeight_12j7t_gg_{font-weight:var(--fontWeight_12j7t)}.___SText_12j7t_gg_.__textAlign_12j7t_gg_{text-align:var(--textAlign_12j7t)}.___SText_12j7t_gg_._use_primary_12j7t_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_12j7t_gg_._use_secondary_12j7t_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_12j7t_gg_.__disabled_12j7t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "12j7t_gg_") /*__reshadow_css_end__*/, {
|
|
9
|
+
"__SText": "___SText_12j7t_gg_",
|
|
10
|
+
"_size_100": "_size_100_12j7t_gg_",
|
|
11
|
+
"_size_200": "_size_200_12j7t_gg_",
|
|
12
|
+
"_size_300": "_size_300_12j7t_gg_",
|
|
13
|
+
"_size_400": "_size_400_12j7t_gg_",
|
|
14
|
+
"_size_500": "_size_500_12j7t_gg_",
|
|
15
|
+
"_size_600": "_size_600_12j7t_gg_",
|
|
16
|
+
"_size_700": "_size_700_12j7t_gg_",
|
|
17
|
+
"_size_800": "_size_800_12j7t_gg_",
|
|
18
|
+
"_noWrap": "__noWrap_12j7t_gg_",
|
|
19
|
+
"_medium": "__medium_12j7t_gg_",
|
|
20
|
+
"_semibold": "__semibold_12j7t_gg_",
|
|
21
|
+
"_bold": "__bold_12j7t_gg_",
|
|
22
|
+
"_italic": "__italic_12j7t_gg_",
|
|
23
|
+
"_monospace": "__monospace_12j7t_gg_",
|
|
24
|
+
"_uppercase": "__uppercase_12j7t_gg_",
|
|
25
|
+
"_lowercase": "__lowercase_12j7t_gg_",
|
|
26
|
+
"_capitalize": "__capitalize_12j7t_gg_",
|
|
27
|
+
"_decoration": "__decoration_12j7t_gg_",
|
|
28
|
+
"--decoration": "--decoration_12j7t",
|
|
29
|
+
"_color": "__color_12j7t_gg_",
|
|
30
|
+
"--color": "--color_12j7t",
|
|
31
|
+
"_fontSize": "__fontSize_12j7t_gg_",
|
|
32
|
+
"--fontSize": "--fontSize_12j7t",
|
|
33
|
+
"_lineHeight": "__lineHeight_12j7t_gg_",
|
|
34
|
+
"--lineHeight": "--lineHeight_12j7t",
|
|
35
|
+
"_fontWeight": "__fontWeight_12j7t_gg_",
|
|
36
|
+
"--fontWeight": "--fontWeight_12j7t",
|
|
37
|
+
"_textAlign": "__textAlign_12j7t_gg_",
|
|
38
|
+
"--textAlign": "--textAlign_12j7t",
|
|
39
|
+
"_use_primary": "_use_primary_12j7t_gg_",
|
|
40
|
+
"_use_secondary": "_use_secondary_12j7t_gg_",
|
|
41
|
+
"_disabled": "__disabled_12j7t_gg_"
|
|
42
42
|
});
|
|
43
43
|
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
44
44
|
function getTextDecoration(underline, lineThrough) {
|
package/lib/esm/Blockquote.mjs
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { sstyled as
|
|
3
|
-
import { createBaseComponent as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { Box as
|
|
7
|
-
var
|
|
1
|
+
import g from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import { sstyled as p } from "@semcore/utils/lib/core/index";
|
|
3
|
+
import { createBaseComponent as u, sstyled as m, assignProps as f } from "@semcore/core";
|
|
4
|
+
import o from "react";
|
|
5
|
+
import h from "@semcore/utils/lib/isNode";
|
|
6
|
+
import { Box as v } from "@semcore/flex-box";
|
|
7
|
+
var S = (
|
|
8
8
|
/*__reshadow_css_start__*/
|
|
9
|
-
(
|
|
9
|
+
(p.insert(
|
|
10
10
|
/*__inner_css_start__*/
|
|
11
|
-
'.
|
|
12
|
-
"
|
|
11
|
+
'.___SBlockquote_17iop_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_17iop_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_17iop_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%)}',
|
|
12
|
+
"17iop_gg_"
|
|
13
13
|
), {
|
|
14
|
-
__SBlockquote: "
|
|
15
|
-
__SDoubleQuotation: "
|
|
16
|
-
__SAuthor: "
|
|
14
|
+
__SBlockquote: "___SBlockquote_17iop_gg_",
|
|
15
|
+
__SDoubleQuotation: "___SDoubleQuotation_17iop_gg_",
|
|
16
|
+
__SAuthor: "___SAuthor_17iop_gg_"
|
|
17
17
|
})
|
|
18
18
|
);
|
|
19
|
-
function
|
|
20
|
-
var l = arguments[0], t, n =
|
|
21
|
-
return t =
|
|
19
|
+
function r(e, i) {
|
|
20
|
+
var l = arguments[0], t, n = v, c = "span", _ = "cite", s = e.children, a = e.author;
|
|
21
|
+
return t = m(S), /* @__PURE__ */ o.createElement(n, t.cn("SBlockquote", g({}, f({
|
|
22
22
|
tag: "blockquote",
|
|
23
23
|
ref: i
|
|
24
|
-
}, l))), /* @__PURE__ */
|
|
24
|
+
}, l))), /* @__PURE__ */ o.createElement(c, t.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ o.createElement("span", t.cn("span", {}), s, h(a) && /* @__PURE__ */ o.createElement(_, t.cn("SAuthor", {}), a)));
|
|
25
25
|
}
|
|
26
|
-
|
|
27
|
-
const
|
|
26
|
+
r.displayName = "Blockquote";
|
|
27
|
+
const q = u(r);
|
|
28
28
|
export {
|
|
29
|
-
|
|
29
|
+
q as default
|
|
30
30
|
};
|
package/lib/esm/Hint.mjs
CHANGED
|
@@ -6,7 +6,7 @@ import b from "@babel/runtime/helpers/esm/createSuper";
|
|
|
6
6
|
import g from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
7
|
import { sstyled as H } from "@semcore/utils/lib/core/index";
|
|
8
8
|
import A, { sstyled as c, assignProps as l, Component as T } from "@semcore/core";
|
|
9
|
-
import
|
|
9
|
+
import n from "react";
|
|
10
10
|
import { Box as v } from "@semcore/flex-box";
|
|
11
11
|
import C from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
12
12
|
import E from "@semcore/utils/lib/addonTextChildren";
|
|
@@ -15,15 +15,15 @@ var R = (
|
|
|
15
15
|
/*__reshadow_css_start__*/
|
|
16
16
|
(H.insert(
|
|
17
17
|
/*__inner_css_start__*/
|
|
18
|
-
".
|
|
19
|
-
"
|
|
18
|
+
".___SHint_1k258_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_1k258_gg_.__active_1k258_gg_,.___SHint_1k258_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1k258_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1k258_gg_.__keyboardFocused_1k258_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1k258_gg_.__disabled_1k258_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1k258_gg_{vertical-align:middle;display:inline-flex}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1k258_gg_ .___SAddon_1k258_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1k258_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1k258_gg_{transition:none}}",
|
|
19
|
+
"1k258_gg_"
|
|
20
20
|
), {
|
|
21
|
-
__SHint: "
|
|
22
|
-
_keyboardFocused: "
|
|
23
|
-
_disabled: "
|
|
24
|
-
__SAddon: "
|
|
25
|
-
__SText: "
|
|
26
|
-
_active: "
|
|
21
|
+
__SHint: "___SHint_1k258_gg_",
|
|
22
|
+
_keyboardFocused: "__keyboardFocused_1k258_gg_",
|
|
23
|
+
_disabled: "__disabled_1k258_gg_",
|
|
24
|
+
__SAddon: "___SAddon_1k258_gg_",
|
|
25
|
+
__SText: "___SText_1k258_gg_",
|
|
26
|
+
_active: "__active_1k258_gg_"
|
|
27
27
|
})
|
|
28
28
|
), d = /* @__PURE__ */ function(e) {
|
|
29
29
|
S(t, e);
|
|
@@ -34,12 +34,12 @@ var R = (
|
|
|
34
34
|
return y(t, [{
|
|
35
35
|
key: "render",
|
|
36
36
|
value: function() {
|
|
37
|
-
var r = this.asProps, m, k = P,
|
|
38
|
-
return m = c(u), /* @__PURE__ */
|
|
37
|
+
var r = this.asProps, m, k = P, a = this.asProps, u = a.styles, h = a.Children, p = a.addonLeft, f = a.addonRight;
|
|
38
|
+
return m = c(u), /* @__PURE__ */ n.createElement(k, m.cn("SHint", s({}, l({
|
|
39
39
|
tag: "abbr"
|
|
40
|
-
}, r))), p ? /* @__PURE__ */
|
|
40
|
+
}, r))), p ? /* @__PURE__ */ n.createElement(i.Addon, {
|
|
41
41
|
tag: p
|
|
42
|
-
}) : null, E(h,
|
|
42
|
+
}) : null, E(h, i.Text, i.Addon), f ? /* @__PURE__ */ n.createElement(i.Addon, {
|
|
43
43
|
tag: f
|
|
44
44
|
}) : null);
|
|
45
45
|
}
|
|
@@ -49,21 +49,21 @@ g(d, "displayName", "Hint");
|
|
|
49
49
|
g(d, "style", R);
|
|
50
50
|
g(d, "enhance", [C()]);
|
|
51
51
|
function F(e) {
|
|
52
|
-
var _ = arguments[0], t,
|
|
53
|
-
return t = c(r), /* @__PURE__ */
|
|
52
|
+
var _ = arguments[0], t, o = v, r = e.styles;
|
|
53
|
+
return t = c(r), /* @__PURE__ */ n.createElement(o, t.cn("SAddon", s({}, l({
|
|
54
54
|
tag: "span"
|
|
55
55
|
}, _))));
|
|
56
56
|
}
|
|
57
57
|
function w(e) {
|
|
58
|
-
var _ = arguments[0], t,
|
|
59
|
-
return t = c(r), /* @__PURE__ */
|
|
58
|
+
var _ = arguments[0], t, o = v, r = e.styles;
|
|
59
|
+
return t = c(r), /* @__PURE__ */ n.createElement(o, t.cn("SText", s({}, l({
|
|
60
60
|
tag: "span"
|
|
61
61
|
}, _))));
|
|
62
62
|
}
|
|
63
|
-
var
|
|
63
|
+
var i = A(d, {
|
|
64
64
|
Text: w,
|
|
65
65
|
Addon: F
|
|
66
66
|
});
|
|
67
67
|
export {
|
|
68
|
-
|
|
68
|
+
i as default
|
|
69
69
|
};
|
package/lib/esm/List.mjs
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import p from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import v from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import u from "@babel/runtime/helpers/esm/createClass";
|
|
4
4
|
import S from "@babel/runtime/helpers/esm/inherits";
|
|
5
5
|
import y from "@babel/runtime/helpers/esm/createSuper";
|
|
6
6
|
import s from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import { sstyled as
|
|
8
|
-
import
|
|
7
|
+
import { sstyled as w } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import h, { sstyled as g, assignProps as c, Component as C } from "@semcore/core";
|
|
9
9
|
import a from "react";
|
|
10
|
-
import { Flex as
|
|
11
|
-
import
|
|
12
|
-
import { isAdvanceMode as
|
|
13
|
-
import
|
|
14
|
-
var
|
|
10
|
+
import { Flex as A } from "@semcore/flex-box";
|
|
11
|
+
import $ from "@semcore/utils/lib/isNode";
|
|
12
|
+
import { isAdvanceMode as b } from "@semcore/utils/lib/findComponent";
|
|
13
|
+
import k from "./Text.mjs";
|
|
14
|
+
var I = (
|
|
15
15
|
/*__reshadow_css_start__*/
|
|
16
|
-
(
|
|
16
|
+
(w.insert(
|
|
17
17
|
/*__inner_css_start__*/
|
|
18
|
-
".
|
|
19
|
-
"
|
|
18
|
+
".___SList_38xxt_gg_{padding:0;margin:0;list-style-type:none}.___SContent_38xxt_gg_{overflow:inherit;text-overflow:inherit}.___SItem_38xxt_gg_+.___SItem_38xxt_gg_,.___SList_38xxt_gg_ .___SList_38xxt_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_38xxt_gg_{display:flex}.___SMarker_38xxt_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
|
|
19
|
+
"38xxt_gg_"
|
|
20
20
|
), {
|
|
21
|
-
__SList: "
|
|
22
|
-
__SContent: "
|
|
23
|
-
__SItem: "
|
|
24
|
-
__SMarker: "
|
|
21
|
+
__SList: "___SList_38xxt_gg_",
|
|
22
|
+
__SContent: "___SContent_38xxt_gg_",
|
|
23
|
+
__SItem: "___SItem_38xxt_gg_",
|
|
24
|
+
__SMarker: "___SMarker_38xxt_gg_"
|
|
25
25
|
})
|
|
26
26
|
), m = /* @__PURE__ */ function(n) {
|
|
27
27
|
S(t, n);
|
|
28
28
|
var i = y(t);
|
|
29
29
|
function t() {
|
|
30
|
-
return
|
|
30
|
+
return v(this, t), i.apply(this, arguments);
|
|
31
31
|
}
|
|
32
32
|
return u(t, [{
|
|
33
33
|
key: "getItemProps",
|
|
@@ -40,50 +40,50 @@ var z = (
|
|
|
40
40
|
}, {
|
|
41
41
|
key: "render",
|
|
42
42
|
value: function() {
|
|
43
|
-
var r = this.asProps, e, l =
|
|
44
|
-
return e =
|
|
43
|
+
var r = this.asProps, e, l = k, _ = this.asProps.styles;
|
|
44
|
+
return e = g(_), /* @__PURE__ */ a.createElement(l, e.cn("SList", p({}, c({
|
|
45
45
|
tag: "ul",
|
|
46
46
|
role: "list"
|
|
47
47
|
}, r))));
|
|
48
48
|
}
|
|
49
49
|
}]), t;
|
|
50
|
-
}(
|
|
50
|
+
}(C);
|
|
51
51
|
s(m, "displayName", "List");
|
|
52
|
-
s(m, "style",
|
|
52
|
+
s(m, "style", I);
|
|
53
53
|
s(m, "defaultProps", {
|
|
54
54
|
marker: "•"
|
|
55
55
|
});
|
|
56
|
-
var
|
|
56
|
+
var d = /* @__PURE__ */ function(n) {
|
|
57
57
|
S(t, n);
|
|
58
58
|
var i = y(t);
|
|
59
59
|
function t() {
|
|
60
|
-
return
|
|
60
|
+
return v(this, t), i.apply(this, arguments);
|
|
61
61
|
}
|
|
62
62
|
return u(t, [{
|
|
63
63
|
key: "render",
|
|
64
64
|
value: function() {
|
|
65
|
-
var r = this.asProps, e, l =
|
|
66
|
-
return e =
|
|
65
|
+
var r = this.asProps, e, l = k, _ = this.asProps, P = _.styles, M = _.children, x = _.marker, f = _.Children, E = "span", N = "div", R = b(f, [F.Item.Content.displayName]);
|
|
66
|
+
return e = g(P), /* @__PURE__ */ a.createElement(l, e.cn("SItem", p({}, c({
|
|
67
67
|
tag: "li",
|
|
68
68
|
role: "listitem"
|
|
69
|
-
}, r))),
|
|
69
|
+
}, r))), $(x) && /* @__PURE__ */ a.createElement(E, e.cn("SMarker", {
|
|
70
70
|
"aria-hidden": "true"
|
|
71
|
-
}),
|
|
71
|
+
}), x), R ? /* @__PURE__ */ a.createElement(f, e.cn("Children", {})) : /* @__PURE__ */ a.createElement(N, e.cn("SContent", {}), M));
|
|
72
72
|
}
|
|
73
73
|
}]), t;
|
|
74
|
-
}(
|
|
75
|
-
s(
|
|
76
|
-
s(
|
|
74
|
+
}(C);
|
|
75
|
+
s(d, "style", I);
|
|
76
|
+
s(d, "displayName", "Item");
|
|
77
77
|
function L(n) {
|
|
78
|
-
var i = arguments[0], t, o = n.styles, r = n.children, e =
|
|
79
|
-
return t =
|
|
78
|
+
var i = arguments[0], t, o = n.styles, r = n.children, e = A;
|
|
79
|
+
return t = g(o), /* @__PURE__ */ a.createElement(e, t.cn("SContent", p({}, c({}, i))), r);
|
|
80
80
|
}
|
|
81
81
|
L.displayName = "Content";
|
|
82
|
-
var
|
|
82
|
+
var j = h(d, {
|
|
83
83
|
Content: L
|
|
84
|
-
}),
|
|
85
|
-
Item:
|
|
84
|
+
}), F = h(m, {
|
|
85
|
+
Item: j
|
|
86
86
|
});
|
|
87
87
|
export {
|
|
88
|
-
|
|
88
|
+
F as default
|
|
89
89
|
};
|
package/lib/esm/Text.mjs
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { sstyled as
|
|
3
|
-
import { createBaseComponent as
|
|
4
|
-
import
|
|
5
|
-
import { Box as
|
|
6
|
-
import { useColorResolver as
|
|
7
|
-
var
|
|
1
|
+
import s from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import { sstyled as j } from "@semcore/utils/lib/core/index";
|
|
3
|
+
import { createBaseComponent as x, sstyled as f, assignProps as h } from "@semcore/core";
|
|
4
|
+
import d from "react";
|
|
5
|
+
import { Box as p } from "@semcore/flex-box";
|
|
6
|
+
import { useColorResolver as z } from "@semcore/utils/lib/use/useColorResolver";
|
|
7
|
+
var m = (
|
|
8
8
|
/*__reshadow_css_start__*/
|
|
9
|
-
(
|
|
9
|
+
(j.insert(
|
|
10
10
|
/*__inner_css_start__*/
|
|
11
|
-
'.
|
|
12
|
-
"
|
|
11
|
+
'.___SText_12j7t_gg_{padding:0;margin:0}.___SText_12j7t_gg_._size_100_12j7t_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_12j7t_gg_._size_200_12j7t_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_12j7t_gg_._size_300_12j7t_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_12j7t_gg_._size_400_12j7t_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_12j7t_gg_._size_500_12j7t_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_12j7t_gg_._size_600_12j7t_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_12j7t_gg_._size_700_12j7t_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_12j7t_gg_._size_800_12j7t_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_12j7t_gg_.__noWrap_12j7t_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_12j7t_gg_.__medium_12j7t_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_12j7t_gg_.__semibold_12j7t_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_12j7t_gg_.__bold_12j7t_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_12j7t_gg_.__italic_12j7t_gg_{font-style:italic}.___SText_12j7t_gg_.__monospace_12j7t_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_12j7t_gg_.__uppercase_12j7t_gg_{text-transform:uppercase}.___SText_12j7t_gg_.__lowercase_12j7t_gg_{text-transform:lowercase}.___SText_12j7t_gg_.__capitalize_12j7t_gg_{text-transform:capitalize}.___SText_12j7t_gg_.__decoration_12j7t_gg_{-webkit-text-decoration:var(--decoration_12j7t);text-decoration:var(--decoration_12j7t)}.___SText_12j7t_gg_.__color_12j7t_gg_{color:var(--color_12j7t)}.___SText_12j7t_gg_.__fontSize_12j7t_gg_{font-size:var(--fontSize_12j7t)}.___SText_12j7t_gg_.__lineHeight_12j7t_gg_{line-height:var(--lineHeight_12j7t)}.___SText_12j7t_gg_.__fontWeight_12j7t_gg_{font-weight:var(--fontWeight_12j7t)}.___SText_12j7t_gg_.__textAlign_12j7t_gg_{text-align:var(--textAlign_12j7t)}.___SText_12j7t_gg_._use_primary_12j7t_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_12j7t_gg_._use_secondary_12j7t_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_12j7t_gg_.__disabled_12j7t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
|
|
12
|
+
"12j7t_gg_"
|
|
13
13
|
), {
|
|
14
|
-
__SText: "
|
|
15
|
-
_size_100: "
|
|
16
|
-
_size_200: "
|
|
17
|
-
_size_300: "
|
|
18
|
-
_size_400: "
|
|
19
|
-
_size_500: "
|
|
20
|
-
_size_600: "
|
|
21
|
-
_size_700: "
|
|
22
|
-
_size_800: "
|
|
23
|
-
_noWrap: "
|
|
24
|
-
_medium: "
|
|
25
|
-
_semibold: "
|
|
26
|
-
_bold: "
|
|
27
|
-
_italic: "
|
|
28
|
-
_monospace: "
|
|
29
|
-
_uppercase: "
|
|
30
|
-
_lowercase: "
|
|
31
|
-
_capitalize: "
|
|
32
|
-
_decoration: "
|
|
33
|
-
"--decoration": "--
|
|
34
|
-
_color: "
|
|
35
|
-
"--color": "--
|
|
36
|
-
_fontSize: "
|
|
37
|
-
"--fontSize": "--
|
|
38
|
-
_lineHeight: "
|
|
39
|
-
"--lineHeight": "--
|
|
40
|
-
_fontWeight: "
|
|
41
|
-
"--fontWeight": "--
|
|
42
|
-
_textAlign: "
|
|
43
|
-
"--textAlign": "--
|
|
44
|
-
_use_primary: "
|
|
45
|
-
_use_secondary: "
|
|
46
|
-
_disabled: "
|
|
14
|
+
__SText: "___SText_12j7t_gg_",
|
|
15
|
+
_size_100: "_size_100_12j7t_gg_",
|
|
16
|
+
_size_200: "_size_200_12j7t_gg_",
|
|
17
|
+
_size_300: "_size_300_12j7t_gg_",
|
|
18
|
+
_size_400: "_size_400_12j7t_gg_",
|
|
19
|
+
_size_500: "_size_500_12j7t_gg_",
|
|
20
|
+
_size_600: "_size_600_12j7t_gg_",
|
|
21
|
+
_size_700: "_size_700_12j7t_gg_",
|
|
22
|
+
_size_800: "_size_800_12j7t_gg_",
|
|
23
|
+
_noWrap: "__noWrap_12j7t_gg_",
|
|
24
|
+
_medium: "__medium_12j7t_gg_",
|
|
25
|
+
_semibold: "__semibold_12j7t_gg_",
|
|
26
|
+
_bold: "__bold_12j7t_gg_",
|
|
27
|
+
_italic: "__italic_12j7t_gg_",
|
|
28
|
+
_monospace: "__monospace_12j7t_gg_",
|
|
29
|
+
_uppercase: "__uppercase_12j7t_gg_",
|
|
30
|
+
_lowercase: "__lowercase_12j7t_gg_",
|
|
31
|
+
_capitalize: "__capitalize_12j7t_gg_",
|
|
32
|
+
_decoration: "__decoration_12j7t_gg_",
|
|
33
|
+
"--decoration": "--decoration_12j7t",
|
|
34
|
+
_color: "__color_12j7t_gg_",
|
|
35
|
+
"--color": "--color_12j7t",
|
|
36
|
+
_fontSize: "__fontSize_12j7t_gg_",
|
|
37
|
+
"--fontSize": "--fontSize_12j7t",
|
|
38
|
+
_lineHeight: "__lineHeight_12j7t_gg_",
|
|
39
|
+
"--lineHeight": "--lineHeight_12j7t",
|
|
40
|
+
_fontWeight: "__fontWeight_12j7t_gg_",
|
|
41
|
+
"--fontWeight": "--fontWeight_12j7t",
|
|
42
|
+
_textAlign: "__textAlign_12j7t_gg_",
|
|
43
|
+
"--textAlign": "--textAlign_12j7t",
|
|
44
|
+
_use_primary: "_use_primary_12j7t_gg_",
|
|
45
|
+
_use_secondary: "_use_secondary_12j7t_gg_",
|
|
46
|
+
_disabled: "__disabled_12j7t_gg_"
|
|
47
47
|
})
|
|
48
48
|
);
|
|
49
|
-
function
|
|
49
|
+
function v(_, t) {
|
|
50
50
|
if (_)
|
|
51
51
|
return "underline";
|
|
52
|
-
if (
|
|
52
|
+
if (t)
|
|
53
53
|
return "line-through";
|
|
54
54
|
}
|
|
55
|
-
function g(_,
|
|
56
|
-
var
|
|
57
|
-
return
|
|
55
|
+
function g(_, t) {
|
|
56
|
+
var i = arguments[0], e, a = p, r = _.color, o = _.underline, n = _.lineThrough, l = v(o, n), c = z();
|
|
57
|
+
return e = f(m), /* @__PURE__ */ d.createElement(a, e.cn("SText", s({}, h({
|
|
58
58
|
tag: "span",
|
|
59
59
|
"data-ui-name": "Text",
|
|
60
|
-
ref:
|
|
61
|
-
"use:decoration":
|
|
62
|
-
"use:color":
|
|
63
|
-
},
|
|
60
|
+
ref: t,
|
|
61
|
+
"use:decoration": l,
|
|
62
|
+
"use:color": c(r)
|
|
63
|
+
}, i))));
|
|
64
64
|
}
|
|
65
65
|
g.displayName = "Text";
|
|
66
|
-
const W =
|
|
66
|
+
const W = x(g);
|
|
67
67
|
export {
|
|
68
68
|
W as default
|
|
69
69
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/typography",
|
|
3
3
|
"description": "Semrush Typography Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.53.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",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@semcore/utils": "4.48.2",
|
|
18
18
|
"@semcore/flex-box": "5.41.2",
|
|
19
|
-
"@semcore/icon": "4.
|
|
19
|
+
"@semcore/icon": "4.61.0-prerelease.0",
|
|
20
20
|
"csstype": "3.0.8"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|