@semcore/typography 5.52.0-prerelease.9 → 5.52.1-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 +8 -2
- 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 +30 -0
- package/lib/esm/Hint.mjs +69 -0
- package/lib/esm/List.mjs +89 -0
- package/lib/esm/Text.mjs +69 -0
- package/lib/esm/index.mjs +10 -0
- package/package.json +11 -6
- package/vite.config.ts +24 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.52.
|
|
5
|
+
## [5.52.1] - 2025-03-17
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/icon` [4.60.0 ~> 4.60.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
|
|
10
|
+
|
|
11
|
+
## [5.52.0] - 2025-03-14
|
|
12
|
+
|
|
13
|
+
### Added
|
|
14
|
+
|
|
15
|
+
- Build for ESM.
|
|
10
16
|
|
|
11
17
|
## [5.51.1] - 2025-02-05
|
|
12
18
|
|
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_zvrh4_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_zvrh4_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_zvrh4_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__*/, "zvrh4_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBlockquote": "___SBlockquote_zvrh4_gg_",
|
|
17
|
+
"__SDoubleQuotation": "___SDoubleQuotation_zvrh4_gg_",
|
|
18
|
+
"__SAuthor": "___SAuthor_zvrh4_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_kgqok_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_kgqok_gg_.__active_kgqok_gg_,.___SHint_kgqok_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_kgqok_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_kgqok_gg_.__keyboardFocused_kgqok_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_kgqok_gg_.__disabled_kgqok_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_kgqok_gg_{vertical-align:middle;display:inline-flex}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_kgqok_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_kgqok_gg_{transition:none}}" /*__inner_css_end__*/, "kgqok_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SHint": "___SHint_kgqok_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_kgqok_gg_",
|
|
26
|
+
"_disabled": "__disabled_kgqok_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_kgqok_gg_",
|
|
28
|
+
"__SText": "___SText_kgqok_gg_",
|
|
29
|
+
"_active": "__active_kgqok_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_1uede_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1uede_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1uede_gg_+.___SItem_1uede_gg_,.___SList_1uede_gg_ .___SList_1uede_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1uede_gg_{display:flex}.___SMarker_1uede_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "1uede_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SList": "___SList_1uede_gg_",
|
|
25
|
+
"__SContent": "___SContent_1uede_gg_",
|
|
26
|
+
"__SItem": "___SItem_1uede_gg_",
|
|
27
|
+
"__SMarker": "___SMarker_1uede_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_1q0gd_gg_{padding:0;margin:0}.___SText_1q0gd_gg_._size_100_1q0gd_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1q0gd_gg_._size_200_1q0gd_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1q0gd_gg_._size_300_1q0gd_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1q0gd_gg_._size_400_1q0gd_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1q0gd_gg_._size_500_1q0gd_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1q0gd_gg_._size_600_1q0gd_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1q0gd_gg_._size_700_1q0gd_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1q0gd_gg_._size_800_1q0gd_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1q0gd_gg_.__noWrap_1q0gd_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1q0gd_gg_.__medium_1q0gd_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1q0gd_gg_.__semibold_1q0gd_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1q0gd_gg_.__bold_1q0gd_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1q0gd_gg_.__italic_1q0gd_gg_{font-style:italic}.___SText_1q0gd_gg_.__monospace_1q0gd_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1q0gd_gg_.__uppercase_1q0gd_gg_{text-transform:uppercase}.___SText_1q0gd_gg_.__lowercase_1q0gd_gg_{text-transform:lowercase}.___SText_1q0gd_gg_.__capitalize_1q0gd_gg_{text-transform:capitalize}.___SText_1q0gd_gg_.__decoration_1q0gd_gg_{-webkit-text-decoration:var(--decoration_1q0gd);text-decoration:var(--decoration_1q0gd)}.___SText_1q0gd_gg_.__color_1q0gd_gg_{color:var(--color_1q0gd)}.___SText_1q0gd_gg_.__fontSize_1q0gd_gg_{font-size:var(--fontSize_1q0gd)}.___SText_1q0gd_gg_.__lineHeight_1q0gd_gg_{line-height:var(--lineHeight_1q0gd)}.___SText_1q0gd_gg_.__fontWeight_1q0gd_gg_{font-weight:var(--fontWeight_1q0gd)}.___SText_1q0gd_gg_.__textAlign_1q0gd_gg_{text-align:var(--textAlign_1q0gd)}.___SText_1q0gd_gg_._use_primary_1q0gd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1q0gd_gg_._use_secondary_1q0gd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1q0gd_gg_.__disabled_1q0gd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1q0gd_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SText": "___SText_1q0gd_gg_",
|
|
17
|
+
"_size_100": "_size_100_1q0gd_gg_",
|
|
18
|
+
"_size_200": "_size_200_1q0gd_gg_",
|
|
19
|
+
"_size_300": "_size_300_1q0gd_gg_",
|
|
20
|
+
"_size_400": "_size_400_1q0gd_gg_",
|
|
21
|
+
"_size_500": "_size_500_1q0gd_gg_",
|
|
22
|
+
"_size_600": "_size_600_1q0gd_gg_",
|
|
23
|
+
"_size_700": "_size_700_1q0gd_gg_",
|
|
24
|
+
"_size_800": "_size_800_1q0gd_gg_",
|
|
25
|
+
"_noWrap": "__noWrap_1q0gd_gg_",
|
|
26
|
+
"_medium": "__medium_1q0gd_gg_",
|
|
27
|
+
"_semibold": "__semibold_1q0gd_gg_",
|
|
28
|
+
"_bold": "__bold_1q0gd_gg_",
|
|
29
|
+
"_italic": "__italic_1q0gd_gg_",
|
|
30
|
+
"_monospace": "__monospace_1q0gd_gg_",
|
|
31
|
+
"_uppercase": "__uppercase_1q0gd_gg_",
|
|
32
|
+
"_lowercase": "__lowercase_1q0gd_gg_",
|
|
33
|
+
"_capitalize": "__capitalize_1q0gd_gg_",
|
|
34
|
+
"_decoration": "__decoration_1q0gd_gg_",
|
|
35
|
+
"--decoration": "--decoration_1q0gd",
|
|
36
|
+
"_color": "__color_1q0gd_gg_",
|
|
37
|
+
"--color": "--color_1q0gd",
|
|
38
|
+
"_fontSize": "__fontSize_1q0gd_gg_",
|
|
39
|
+
"--fontSize": "--fontSize_1q0gd",
|
|
40
|
+
"_lineHeight": "__lineHeight_1q0gd_gg_",
|
|
41
|
+
"--lineHeight": "--lineHeight_1q0gd",
|
|
42
|
+
"_fontWeight": "__fontWeight_1q0gd_gg_",
|
|
43
|
+
"--fontWeight": "--fontWeight_1q0gd",
|
|
44
|
+
"_textAlign": "__textAlign_1q0gd_gg_",
|
|
45
|
+
"--textAlign": "--textAlign_1q0gd",
|
|
46
|
+
"_use_primary": "_use_primary_1q0gd_gg_",
|
|
47
|
+
"_use_secondary": "_use_secondary_1q0gd_gg_",
|
|
48
|
+
"_disabled": "__disabled_1q0gd_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_zvrh4_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_zvrh4_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_zvrh4_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__*/, "zvrh4_gg_") /*__reshadow_css_end__*/, {
|
|
10
|
+
"__SBlockquote": "___SBlockquote_zvrh4_gg_",
|
|
11
|
+
"__SDoubleQuotation": "___SDoubleQuotation_zvrh4_gg_",
|
|
12
|
+
"__SAuthor": "___SAuthor_zvrh4_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_kgqok_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_kgqok_gg_.__active_kgqok_gg_,.___SHint_kgqok_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_kgqok_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_kgqok_gg_.__keyboardFocused_kgqok_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_kgqok_gg_.__disabled_kgqok_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_kgqok_gg_{vertical-align:middle;display:inline-flex}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_kgqok_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_kgqok_gg_{transition:none}}" /*__inner_css_end__*/, "kgqok_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SHint": "___SHint_kgqok_gg_",
|
|
20
|
+
"_keyboardFocused": "__keyboardFocused_kgqok_gg_",
|
|
21
|
+
"_disabled": "__disabled_kgqok_gg_",
|
|
22
|
+
"__SAddon": "___SAddon_kgqok_gg_",
|
|
23
|
+
"__SText": "___SText_kgqok_gg_",
|
|
24
|
+
"_active": "__active_kgqok_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_1uede_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1uede_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1uede_gg_+.___SItem_1uede_gg_,.___SList_1uede_gg_ .___SList_1uede_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1uede_gg_{display:flex}.___SMarker_1uede_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "1uede_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SList": "___SList_1uede_gg_",
|
|
20
|
+
"__SContent": "___SContent_1uede_gg_",
|
|
21
|
+
"__SItem": "___SItem_1uede_gg_",
|
|
22
|
+
"__SMarker": "___SMarker_1uede_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_1q0gd_gg_{padding:0;margin:0}.___SText_1q0gd_gg_._size_100_1q0gd_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1q0gd_gg_._size_200_1q0gd_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1q0gd_gg_._size_300_1q0gd_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1q0gd_gg_._size_400_1q0gd_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1q0gd_gg_._size_500_1q0gd_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1q0gd_gg_._size_600_1q0gd_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1q0gd_gg_._size_700_1q0gd_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1q0gd_gg_._size_800_1q0gd_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1q0gd_gg_.__noWrap_1q0gd_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1q0gd_gg_.__medium_1q0gd_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1q0gd_gg_.__semibold_1q0gd_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1q0gd_gg_.__bold_1q0gd_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1q0gd_gg_.__italic_1q0gd_gg_{font-style:italic}.___SText_1q0gd_gg_.__monospace_1q0gd_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1q0gd_gg_.__uppercase_1q0gd_gg_{text-transform:uppercase}.___SText_1q0gd_gg_.__lowercase_1q0gd_gg_{text-transform:lowercase}.___SText_1q0gd_gg_.__capitalize_1q0gd_gg_{text-transform:capitalize}.___SText_1q0gd_gg_.__decoration_1q0gd_gg_{-webkit-text-decoration:var(--decoration_1q0gd);text-decoration:var(--decoration_1q0gd)}.___SText_1q0gd_gg_.__color_1q0gd_gg_{color:var(--color_1q0gd)}.___SText_1q0gd_gg_.__fontSize_1q0gd_gg_{font-size:var(--fontSize_1q0gd)}.___SText_1q0gd_gg_.__lineHeight_1q0gd_gg_{line-height:var(--lineHeight_1q0gd)}.___SText_1q0gd_gg_.__fontWeight_1q0gd_gg_{font-weight:var(--fontWeight_1q0gd)}.___SText_1q0gd_gg_.__textAlign_1q0gd_gg_{text-align:var(--textAlign_1q0gd)}.___SText_1q0gd_gg_._use_primary_1q0gd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1q0gd_gg_._use_secondary_1q0gd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1q0gd_gg_.__disabled_1q0gd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1q0gd_gg_") /*__reshadow_css_end__*/, {
|
|
9
|
+
"__SText": "___SText_1q0gd_gg_",
|
|
10
|
+
"_size_100": "_size_100_1q0gd_gg_",
|
|
11
|
+
"_size_200": "_size_200_1q0gd_gg_",
|
|
12
|
+
"_size_300": "_size_300_1q0gd_gg_",
|
|
13
|
+
"_size_400": "_size_400_1q0gd_gg_",
|
|
14
|
+
"_size_500": "_size_500_1q0gd_gg_",
|
|
15
|
+
"_size_600": "_size_600_1q0gd_gg_",
|
|
16
|
+
"_size_700": "_size_700_1q0gd_gg_",
|
|
17
|
+
"_size_800": "_size_800_1q0gd_gg_",
|
|
18
|
+
"_noWrap": "__noWrap_1q0gd_gg_",
|
|
19
|
+
"_medium": "__medium_1q0gd_gg_",
|
|
20
|
+
"_semibold": "__semibold_1q0gd_gg_",
|
|
21
|
+
"_bold": "__bold_1q0gd_gg_",
|
|
22
|
+
"_italic": "__italic_1q0gd_gg_",
|
|
23
|
+
"_monospace": "__monospace_1q0gd_gg_",
|
|
24
|
+
"_uppercase": "__uppercase_1q0gd_gg_",
|
|
25
|
+
"_lowercase": "__lowercase_1q0gd_gg_",
|
|
26
|
+
"_capitalize": "__capitalize_1q0gd_gg_",
|
|
27
|
+
"_decoration": "__decoration_1q0gd_gg_",
|
|
28
|
+
"--decoration": "--decoration_1q0gd",
|
|
29
|
+
"_color": "__color_1q0gd_gg_",
|
|
30
|
+
"--color": "--color_1q0gd",
|
|
31
|
+
"_fontSize": "__fontSize_1q0gd_gg_",
|
|
32
|
+
"--fontSize": "--fontSize_1q0gd",
|
|
33
|
+
"_lineHeight": "__lineHeight_1q0gd_gg_",
|
|
34
|
+
"--lineHeight": "--lineHeight_1q0gd",
|
|
35
|
+
"_fontWeight": "__fontWeight_1q0gd_gg_",
|
|
36
|
+
"--fontWeight": "--fontWeight_1q0gd",
|
|
37
|
+
"_textAlign": "__textAlign_1q0gd_gg_",
|
|
38
|
+
"--textAlign": "--textAlign_1q0gd",
|
|
39
|
+
"_use_primary": "_use_primary_1q0gd_gg_",
|
|
40
|
+
"_use_secondary": "_use_secondary_1q0gd_gg_",
|
|
41
|
+
"_disabled": "__disabled_1q0gd_gg_"
|
|
42
42
|
});
|
|
43
43
|
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
44
44
|
function getTextDecoration(underline, lineThrough) {
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import g from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import { sstyled as u } from "@semcore/utils/lib/core/index";
|
|
3
|
+
import { createBaseComponent as m, sstyled as p, assignProps as h } from "@semcore/core";
|
|
4
|
+
import e from "react";
|
|
5
|
+
import v from "@semcore/utils/lib/isNode";
|
|
6
|
+
import { Box as f } from "@semcore/flex-box";
|
|
7
|
+
var S = (
|
|
8
|
+
/*__reshadow_css_start__*/
|
|
9
|
+
(u.insert(
|
|
10
|
+
/*__inner_css_start__*/
|
|
11
|
+
'.___SBlockquote_zvrh4_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_zvrh4_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_zvrh4_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
|
+
"zvrh4_gg_"
|
|
13
|
+
), {
|
|
14
|
+
__SBlockquote: "___SBlockquote_zvrh4_gg_",
|
|
15
|
+
__SDoubleQuotation: "___SDoubleQuotation_zvrh4_gg_",
|
|
16
|
+
__SAuthor: "___SAuthor_zvrh4_gg_"
|
|
17
|
+
})
|
|
18
|
+
);
|
|
19
|
+
function a(o, i) {
|
|
20
|
+
var l = arguments[0], t, n = f, c = "span", _ = "cite", s = o.children, r = o.author;
|
|
21
|
+
return t = p(S), /* @__PURE__ */ e.createElement(n, t.cn("SBlockquote", g({}, h({
|
|
22
|
+
tag: "blockquote",
|
|
23
|
+
ref: i
|
|
24
|
+
}, l))), /* @__PURE__ */ e.createElement(c, t.cn("SDoubleQuotation", {}), "“"), /* @__PURE__ */ e.createElement("span", t.cn("span", {}), s, v(r) && /* @__PURE__ */ e.createElement(_, t.cn("SAuthor", {}), r)));
|
|
25
|
+
}
|
|
26
|
+
a.displayName = "Blockquote";
|
|
27
|
+
const B = m(a);
|
|
28
|
+
export {
|
|
29
|
+
B as default
|
|
30
|
+
};
|
package/lib/esm/Hint.mjs
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import d from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import x from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import y from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import S from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import q from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import s from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { sstyled as b } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import H, { sstyled as c, assignProps as l, Component as A } from "@semcore/core";
|
|
9
|
+
import r from "react";
|
|
10
|
+
import { Box as f } from "@semcore/flex-box";
|
|
11
|
+
import T from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
12
|
+
import C from "@semcore/utils/lib/addonTextChildren";
|
|
13
|
+
import E from "./Text.mjs";
|
|
14
|
+
var P = (
|
|
15
|
+
/*__reshadow_css_start__*/
|
|
16
|
+
(b.insert(
|
|
17
|
+
/*__inner_css_start__*/
|
|
18
|
+
".___SHint_kgqok_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_kgqok_gg_.__active_kgqok_gg_,.___SHint_kgqok_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_kgqok_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_kgqok_gg_.__keyboardFocused_kgqok_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_kgqok_gg_.__disabled_kgqok_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_kgqok_gg_{vertical-align:middle;display:inline-flex}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_kgqok_gg_ .___SAddon_kgqok_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_kgqok_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_kgqok_gg_{transition:none}}",
|
|
19
|
+
"kgqok_gg_"
|
|
20
|
+
), {
|
|
21
|
+
__SHint: "___SHint_kgqok_gg_",
|
|
22
|
+
_keyboardFocused: "__keyboardFocused_kgqok_gg_",
|
|
23
|
+
_disabled: "__disabled_kgqok_gg_",
|
|
24
|
+
__SAddon: "___SAddon_kgqok_gg_",
|
|
25
|
+
__SText: "___SText_kgqok_gg_",
|
|
26
|
+
_active: "__active_kgqok_gg_"
|
|
27
|
+
})
|
|
28
|
+
), g = /* @__PURE__ */ function(e) {
|
|
29
|
+
S(t, e);
|
|
30
|
+
var _ = q(t);
|
|
31
|
+
function t() {
|
|
32
|
+
return x(this, t), _.apply(this, arguments);
|
|
33
|
+
}
|
|
34
|
+
return y(t, [{
|
|
35
|
+
key: "render",
|
|
36
|
+
value: function() {
|
|
37
|
+
var o = this.asProps, k, v = E, a = this.asProps, u = a.styles, h = a.Children, m = a.addonLeft, p = a.addonRight;
|
|
38
|
+
return k = c(u), /* @__PURE__ */ r.createElement(v, k.cn("SHint", d({}, l({
|
|
39
|
+
tag: "abbr"
|
|
40
|
+
}, o))), m ? /* @__PURE__ */ r.createElement(i.Addon, {
|
|
41
|
+
tag: m
|
|
42
|
+
}) : null, C(h, i.Text, i.Addon), p ? /* @__PURE__ */ r.createElement(i.Addon, {
|
|
43
|
+
tag: p
|
|
44
|
+
}) : null);
|
|
45
|
+
}
|
|
46
|
+
}]), t;
|
|
47
|
+
}(A);
|
|
48
|
+
s(g, "displayName", "Hint");
|
|
49
|
+
s(g, "style", P);
|
|
50
|
+
s(g, "enhance", [T()]);
|
|
51
|
+
function R(e) {
|
|
52
|
+
var _ = arguments[0], t, n = f, o = e.styles;
|
|
53
|
+
return t = c(o), /* @__PURE__ */ r.createElement(n, t.cn("SAddon", d({}, l({
|
|
54
|
+
tag: "span"
|
|
55
|
+
}, _))));
|
|
56
|
+
}
|
|
57
|
+
function F(e) {
|
|
58
|
+
var _ = arguments[0], t, n = f, o = e.styles;
|
|
59
|
+
return t = c(o), /* @__PURE__ */ r.createElement(n, t.cn("SText", d({}, l({
|
|
60
|
+
tag: "span"
|
|
61
|
+
}, _))));
|
|
62
|
+
}
|
|
63
|
+
var i = H(g, {
|
|
64
|
+
Text: F,
|
|
65
|
+
Addon: R
|
|
66
|
+
});
|
|
67
|
+
export {
|
|
68
|
+
i as default
|
|
69
|
+
};
|
package/lib/esm/List.mjs
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import d from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import v from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import S from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import y from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import h from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import s from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { sstyled as w } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import C, { sstyled as p, assignProps as g, Component as k } from "@semcore/core";
|
|
9
|
+
import a from "react";
|
|
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 I from "./Text.mjs";
|
|
14
|
+
var L = (
|
|
15
|
+
/*__reshadow_css_start__*/
|
|
16
|
+
(w.insert(
|
|
17
|
+
/*__inner_css_start__*/
|
|
18
|
+
".___SList_1uede_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1uede_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1uede_gg_+.___SItem_1uede_gg_,.___SList_1uede_gg_ .___SList_1uede_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1uede_gg_{display:flex}.___SMarker_1uede_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}",
|
|
19
|
+
"1uede_gg_"
|
|
20
|
+
), {
|
|
21
|
+
__SList: "___SList_1uede_gg_",
|
|
22
|
+
__SContent: "___SContent_1uede_gg_",
|
|
23
|
+
__SItem: "___SItem_1uede_gg_",
|
|
24
|
+
__SMarker: "___SMarker_1uede_gg_"
|
|
25
|
+
})
|
|
26
|
+
), m = /* @__PURE__ */ function(n) {
|
|
27
|
+
y(e, n);
|
|
28
|
+
var i = h(e);
|
|
29
|
+
function e() {
|
|
30
|
+
return v(this, e), i.apply(this, arguments);
|
|
31
|
+
}
|
|
32
|
+
return S(e, [{
|
|
33
|
+
key: "getItemProps",
|
|
34
|
+
value: function() {
|
|
35
|
+
var r = this.asProps.marker;
|
|
36
|
+
return {
|
|
37
|
+
marker: r
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
}, {
|
|
41
|
+
key: "render",
|
|
42
|
+
value: function() {
|
|
43
|
+
var r = this.asProps, t, l = I, _ = this.asProps.styles;
|
|
44
|
+
return t = p(_), /* @__PURE__ */ a.createElement(l, t.cn("SList", d({}, g({
|
|
45
|
+
tag: "ul",
|
|
46
|
+
role: "list"
|
|
47
|
+
}, r))));
|
|
48
|
+
}
|
|
49
|
+
}]), e;
|
|
50
|
+
}(k);
|
|
51
|
+
s(m, "displayName", "List");
|
|
52
|
+
s(m, "style", L);
|
|
53
|
+
s(m, "defaultProps", {
|
|
54
|
+
marker: "•"
|
|
55
|
+
});
|
|
56
|
+
var c = /* @__PURE__ */ function(n) {
|
|
57
|
+
y(e, n);
|
|
58
|
+
var i = h(e);
|
|
59
|
+
function e() {
|
|
60
|
+
return v(this, e), i.apply(this, arguments);
|
|
61
|
+
}
|
|
62
|
+
return S(e, [{
|
|
63
|
+
key: "render",
|
|
64
|
+
value: function() {
|
|
65
|
+
var r = this.asProps, t, l = I, _ = this.asProps, x = _.styles, M = _.children, u = _.marker, f = _.Children, E = "span", N = "div", R = b(f, [F.Item.Content.displayName]);
|
|
66
|
+
return t = p(x), /* @__PURE__ */ a.createElement(l, t.cn("SItem", d({}, g({
|
|
67
|
+
tag: "li",
|
|
68
|
+
role: "listitem"
|
|
69
|
+
}, r))), $(u) && /* @__PURE__ */ a.createElement(E, t.cn("SMarker", {
|
|
70
|
+
"aria-hidden": "true"
|
|
71
|
+
}), u), R ? /* @__PURE__ */ a.createElement(f, t.cn("Children", {})) : /* @__PURE__ */ a.createElement(N, t.cn("SContent", {}), M));
|
|
72
|
+
}
|
|
73
|
+
}]), e;
|
|
74
|
+
}(k);
|
|
75
|
+
s(c, "style", L);
|
|
76
|
+
s(c, "displayName", "Item");
|
|
77
|
+
function P(n) {
|
|
78
|
+
var i = arguments[0], e, o = n.styles, r = n.children, t = A;
|
|
79
|
+
return e = p(o), /* @__PURE__ */ a.createElement(t, e.cn("SContent", d({}, g({}, i))), r);
|
|
80
|
+
}
|
|
81
|
+
P.displayName = "Content";
|
|
82
|
+
var j = C(c, {
|
|
83
|
+
Content: P
|
|
84
|
+
}), F = C(m, {
|
|
85
|
+
Item: j
|
|
86
|
+
});
|
|
87
|
+
export {
|
|
88
|
+
F as default
|
|
89
|
+
};
|
package/lib/esm/Text.mjs
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import c from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import { sstyled as s } from "@semcore/utils/lib/core/index";
|
|
3
|
+
import { createBaseComponent as q, sstyled as x, assignProps as f } from "@semcore/core";
|
|
4
|
+
import h 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
|
+
/*__reshadow_css_start__*/
|
|
9
|
+
(s.insert(
|
|
10
|
+
/*__inner_css_start__*/
|
|
11
|
+
'.___SText_1q0gd_gg_{padding:0;margin:0}.___SText_1q0gd_gg_._size_100_1q0gd_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1q0gd_gg_._size_200_1q0gd_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1q0gd_gg_._size_300_1q0gd_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1q0gd_gg_._size_400_1q0gd_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1q0gd_gg_._size_500_1q0gd_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1q0gd_gg_._size_600_1q0gd_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1q0gd_gg_._size_700_1q0gd_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1q0gd_gg_._size_800_1q0gd_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1q0gd_gg_.__noWrap_1q0gd_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1q0gd_gg_.__medium_1q0gd_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1q0gd_gg_.__semibold_1q0gd_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1q0gd_gg_.__bold_1q0gd_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1q0gd_gg_.__italic_1q0gd_gg_{font-style:italic}.___SText_1q0gd_gg_.__monospace_1q0gd_gg_{font-family:Consolas,"Roboto Mono",Menlo,Courier,monospace}.___SText_1q0gd_gg_.__uppercase_1q0gd_gg_{text-transform:uppercase}.___SText_1q0gd_gg_.__lowercase_1q0gd_gg_{text-transform:lowercase}.___SText_1q0gd_gg_.__capitalize_1q0gd_gg_{text-transform:capitalize}.___SText_1q0gd_gg_.__decoration_1q0gd_gg_{-webkit-text-decoration:var(--decoration_1q0gd);text-decoration:var(--decoration_1q0gd)}.___SText_1q0gd_gg_.__color_1q0gd_gg_{color:var(--color_1q0gd)}.___SText_1q0gd_gg_.__fontSize_1q0gd_gg_{font-size:var(--fontSize_1q0gd)}.___SText_1q0gd_gg_.__lineHeight_1q0gd_gg_{line-height:var(--lineHeight_1q0gd)}.___SText_1q0gd_gg_.__fontWeight_1q0gd_gg_{font-weight:var(--fontWeight_1q0gd)}.___SText_1q0gd_gg_.__textAlign_1q0gd_gg_{text-align:var(--textAlign_1q0gd)}.___SText_1q0gd_gg_._use_primary_1q0gd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1q0gd_gg_._use_secondary_1q0gd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1q0gd_gg_.__disabled_1q0gd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
|
|
12
|
+
"1q0gd_gg_"
|
|
13
|
+
), {
|
|
14
|
+
__SText: "___SText_1q0gd_gg_",
|
|
15
|
+
_size_100: "_size_100_1q0gd_gg_",
|
|
16
|
+
_size_200: "_size_200_1q0gd_gg_",
|
|
17
|
+
_size_300: "_size_300_1q0gd_gg_",
|
|
18
|
+
_size_400: "_size_400_1q0gd_gg_",
|
|
19
|
+
_size_500: "_size_500_1q0gd_gg_",
|
|
20
|
+
_size_600: "_size_600_1q0gd_gg_",
|
|
21
|
+
_size_700: "_size_700_1q0gd_gg_",
|
|
22
|
+
_size_800: "_size_800_1q0gd_gg_",
|
|
23
|
+
_noWrap: "__noWrap_1q0gd_gg_",
|
|
24
|
+
_medium: "__medium_1q0gd_gg_",
|
|
25
|
+
_semibold: "__semibold_1q0gd_gg_",
|
|
26
|
+
_bold: "__bold_1q0gd_gg_",
|
|
27
|
+
_italic: "__italic_1q0gd_gg_",
|
|
28
|
+
_monospace: "__monospace_1q0gd_gg_",
|
|
29
|
+
_uppercase: "__uppercase_1q0gd_gg_",
|
|
30
|
+
_lowercase: "__lowercase_1q0gd_gg_",
|
|
31
|
+
_capitalize: "__capitalize_1q0gd_gg_",
|
|
32
|
+
_decoration: "__decoration_1q0gd_gg_",
|
|
33
|
+
"--decoration": "--decoration_1q0gd",
|
|
34
|
+
_color: "__color_1q0gd_gg_",
|
|
35
|
+
"--color": "--color_1q0gd",
|
|
36
|
+
_fontSize: "__fontSize_1q0gd_gg_",
|
|
37
|
+
"--fontSize": "--fontSize_1q0gd",
|
|
38
|
+
_lineHeight: "__lineHeight_1q0gd_gg_",
|
|
39
|
+
"--lineHeight": "--lineHeight_1q0gd",
|
|
40
|
+
_fontWeight: "__fontWeight_1q0gd_gg_",
|
|
41
|
+
"--fontWeight": "--fontWeight_1q0gd",
|
|
42
|
+
_textAlign: "__textAlign_1q0gd_gg_",
|
|
43
|
+
"--textAlign": "--textAlign_1q0gd",
|
|
44
|
+
_use_primary: "_use_primary_1q0gd_gg_",
|
|
45
|
+
_use_secondary: "_use_secondary_1q0gd_gg_",
|
|
46
|
+
_disabled: "__disabled_1q0gd_gg_"
|
|
47
|
+
})
|
|
48
|
+
);
|
|
49
|
+
function v(_, g) {
|
|
50
|
+
if (_)
|
|
51
|
+
return "underline";
|
|
52
|
+
if (g)
|
|
53
|
+
return "line-through";
|
|
54
|
+
}
|
|
55
|
+
function t(_, g) {
|
|
56
|
+
var i = arguments[0], e, a = p, r = _.color, o = _.underline, d = _.lineThrough, n = v(o, d), l = z();
|
|
57
|
+
return e = x(m), /* @__PURE__ */ h.createElement(a, e.cn("SText", c({}, f({
|
|
58
|
+
tag: "span",
|
|
59
|
+
"data-ui-name": "Text",
|
|
60
|
+
ref: g,
|
|
61
|
+
"use:decoration": n,
|
|
62
|
+
"use:color": l(r)
|
|
63
|
+
}, i))));
|
|
64
|
+
}
|
|
65
|
+
t.displayName = "Text";
|
|
66
|
+
const W = q(t);
|
|
67
|
+
export {
|
|
68
|
+
W as default
|
|
69
|
+
};
|
package/package.json
CHANGED
|
@@ -1,21 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/typography",
|
|
3
3
|
"description": "Semrush Typography Component",
|
|
4
|
-
"version": "5.52.
|
|
4
|
+
"version": "5.52.1-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
|
+
"exports": {
|
|
12
|
+
"require": "./lib/cjs/index.js",
|
|
13
|
+
"import": "./lib/esm/index.mjs",
|
|
14
|
+
"types": "./lib/types/index.d.ts"
|
|
15
|
+
},
|
|
11
16
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/flex-box": "5.41.
|
|
14
|
-
"@semcore/icon": "4.
|
|
17
|
+
"@semcore/utils": "4.48.1-prerelease.0",
|
|
18
|
+
"@semcore/flex-box": "5.41.1-prerelease.0",
|
|
19
|
+
"@semcore/icon": "4.60.1-prerelease.0",
|
|
15
20
|
"csstype": "3.0.8"
|
|
16
21
|
},
|
|
17
22
|
"peerDependencies": {
|
|
18
|
-
"@semcore/core": "^2.39.
|
|
23
|
+
"@semcore/core": "^2.39.1-prerelease.0",
|
|
19
24
|
"react": "16.8 - 18",
|
|
20
25
|
"react-dom": "16.8 - 18"
|
|
21
26
|
},
|
|
@@ -29,6 +34,6 @@
|
|
|
29
34
|
"@semcore/testing-utils": "1.0.0"
|
|
30
35
|
},
|
|
31
36
|
"scripts": {
|
|
32
|
-
"build": "pnpm semcore-builder --source=js"
|
|
37
|
+
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|
|
33
38
|
}
|
|
34
39
|
}
|
package/vite.config.ts
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { defineConfig, mergeConfig } from 'vite';
|
|
2
|
+
|
|
3
|
+
import viteConfig from '../../commonVite.config';
|
|
4
|
+
|
|
5
|
+
export default mergeConfig(
|
|
6
|
+
viteConfig,
|
|
7
|
+
defineConfig({
|
|
8
|
+
build: {
|
|
9
|
+
lib: {
|
|
10
|
+
entry: './src/index.js',
|
|
11
|
+
},
|
|
12
|
+
rollupOptions: {
|
|
13
|
+
external: [
|
|
14
|
+
'react',
|
|
15
|
+
'react-dom',
|
|
16
|
+
'react/jsx-runtime',
|
|
17
|
+
/@babel\/runtime\/*/,
|
|
18
|
+
/@semcore\/*/,
|
|
19
|
+
'csstype',
|
|
20
|
+
],
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
}),
|
|
24
|
+
);
|