@semcore/typography 5.9.0 → 5.10.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 +7 -1
- 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 -31
- package/lib/cjs/Text.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/text.shadow.css +12 -0
- 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 -31
- package/lib/es6/Text.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/text.shadow.css +12 -0
- package/lib/types/index.d.ts +4 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.
|
|
5
|
+
## [5.10.0-prerelease.0] - 2023-09-15
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- `use` and `disabled` props to `Text` component.
|
|
10
|
+
|
|
11
|
+
## [5.9.0] - 2023-09-06
|
|
6
12
|
|
|
7
13
|
### Added
|
|
8
14
|
|
package/lib/cjs/Blockquote.js
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__*/".
|
|
15
|
-
"__SBlockquote": "
|
|
16
|
-
"__SDoubleQuotation": "
|
|
17
|
-
"__SAuthor": "
|
|
14
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBlockquote_vc02t_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_vc02t_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_vc02t_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__*/, "vc02t_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SBlockquote": "___SBlockquote_vc02t_gg_",
|
|
16
|
+
"__SDoubleQuotation": "___SDoubleQuotation_vc02t_gg_",
|
|
17
|
+
"__SAuthor": "___SAuthor_vc02t_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__*/".
|
|
23
|
-
"__SHint": "
|
|
24
|
-
"_active": "
|
|
25
|
-
"_keyboardFocused": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SAddon": "
|
|
28
|
-
"__SText": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHint_i0ldg_gg_{display:inline-block;transition:all .15s ease-in-out;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_i0ldg_gg_.__active_i0ldg_gg_,.___SHint_i0ldg_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_i0ldg_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_i0ldg_gg_.__keyboardFocused_i0ldg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_i0ldg_gg_.__disabled_i0ldg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_i0ldg_gg_{vertical-align:middle;display:inline-flex}.___SHint_i0ldg_gg_ .___SAddon_i0ldg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_i0ldg_gg_ .___SAddon_i0ldg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_i0ldg_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_i0ldg_gg_{transition:none}}" /*__inner_css_end__*/, "i0ldg_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SHint": "___SHint_i0ldg_gg_",
|
|
24
|
+
"_active": "__active_i0ldg_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_i0ldg_gg_",
|
|
26
|
+
"_disabled": "__disabled_i0ldg_gg_",
|
|
27
|
+
"__SAddon": "___SAddon_i0ldg_gg_",
|
|
28
|
+
"__SText": "___SText_i0ldg_gg_"
|
|
29
29
|
});
|
|
30
30
|
var RootHint = /*#__PURE__*/function (_Component) {
|
|
31
31
|
(0, _inherits2["default"])(RootHint, _Component);
|
package/lib/cjs/List.js
CHANGED
|
@@ -17,11 +17,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
17
17
|
var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
|
|
18
18
|
var _Text = _interopRequireDefault(require("./Text"));
|
|
19
19
|
/*__reshadow-styles__:"./style/list.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SList": "
|
|
22
|
-
"__SContent": "
|
|
23
|
-
"__SItem": "
|
|
24
|
-
"__SMarker": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SList_1aa71_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1aa71_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1aa71_gg_+.___SItem_1aa71_gg_,.___SList_1aa71_gg_ .___SList_1aa71_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1aa71_gg_{display:flex}.___SMarker_1aa71_gg_{margin-right:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1aa71_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SList": "___SList_1aa71_gg_",
|
|
22
|
+
"__SContent": "___SContent_1aa71_gg_",
|
|
23
|
+
"__SItem": "___SItem_1aa71_gg_",
|
|
24
|
+
"__SMarker": "___SMarker_1aa71_gg_"
|
|
25
25
|
});
|
|
26
26
|
var List = /*#__PURE__*/function (_Component) {
|
|
27
27
|
(0, _inherits2["default"])(List, _Component);
|
package/lib/cjs/Text.js
CHANGED
|
@@ -11,37 +11,40 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
var _flexBox = require("@semcore/flex-box");
|
|
12
12
|
var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
|
|
13
13
|
/*__reshadow-styles__:"./style/text.shadow.css"*/
|
|
14
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
15
|
-
"__SText": "
|
|
16
|
-
"_size_100": "
|
|
17
|
-
"_size_200": "
|
|
18
|
-
"_size_300": "
|
|
19
|
-
"_size_400": "
|
|
20
|
-
"_size_500": "
|
|
21
|
-
"_size_600": "
|
|
22
|
-
"_size_700": "
|
|
23
|
-
"_size_800": "
|
|
24
|
-
"_noWrap": "
|
|
25
|
-
"_medium": "
|
|
26
|
-
"_semibold": "
|
|
27
|
-
"_bold": "
|
|
28
|
-
"_italic": "
|
|
29
|
-
"_monospace": "
|
|
30
|
-
"_uppercase": "
|
|
31
|
-
"_lowercase": "
|
|
32
|
-
"_capitalize": "
|
|
33
|
-
"_decoration": "
|
|
34
|
-
"--decoration": "--
|
|
35
|
-
"_color": "
|
|
36
|
-
"--color": "--
|
|
37
|
-
"_fontSize": "
|
|
38
|
-
"--fontSize": "--
|
|
39
|
-
"_lineHeight": "
|
|
40
|
-
"--lineHeight": "--
|
|
41
|
-
"_fontWeight": "
|
|
42
|
-
"--fontWeight": "--
|
|
43
|
-
"_textAlign": "
|
|
44
|
-
"--textAlign": "--
|
|
14
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SText_1bf71_gg_{padding:0;margin:0}.___SText_1bf71_gg_._size_100_1bf71_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1bf71_gg_._size_200_1bf71_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1bf71_gg_._size_300_1bf71_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1bf71_gg_._size_400_1bf71_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1bf71_gg_._size_500_1bf71_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1bf71_gg_._size_600_1bf71_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1bf71_gg_._size_700_1bf71_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1bf71_gg_._size_800_1bf71_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1bf71_gg_.__noWrap_1bf71_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1bf71_gg_.__medium_1bf71_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1bf71_gg_.__semibold_1bf71_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1bf71_gg_.__bold_1bf71_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1bf71_gg_.__italic_1bf71_gg_{font-style:italic}.___SText_1bf71_gg_.__monospace_1bf71_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1bf71_gg_.__uppercase_1bf71_gg_{text-transform:uppercase}.___SText_1bf71_gg_.__lowercase_1bf71_gg_{text-transform:lowercase}.___SText_1bf71_gg_.__capitalize_1bf71_gg_{text-transform:capitalize}.___SText_1bf71_gg_.__decoration_1bf71_gg_{-webkit-text-decoration:var(--decoration_1bf71);text-decoration:var(--decoration_1bf71)}.___SText_1bf71_gg_.__color_1bf71_gg_{color:var(--color_1bf71)}.___SText_1bf71_gg_.__fontSize_1bf71_gg_{font-size:var(--fontSize_1bf71)}.___SText_1bf71_gg_.__lineHeight_1bf71_gg_{line-height:var(--lineHeight_1bf71)}.___SText_1bf71_gg_.__fontWeight_1bf71_gg_{font-weight:var(--fontWeight_1bf71)}.___SText_1bf71_gg_.__textAlign_1bf71_gg_{text-align:var(--textAlign_1bf71)}.___SText_1bf71_gg_._use_primary_1bf71_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1bf71_gg_._use_secondary_1bf71_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1bf71_gg_.__disabled_1bf71_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1bf71_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SText": "___SText_1bf71_gg_",
|
|
16
|
+
"_size_100": "_size_100_1bf71_gg_",
|
|
17
|
+
"_size_200": "_size_200_1bf71_gg_",
|
|
18
|
+
"_size_300": "_size_300_1bf71_gg_",
|
|
19
|
+
"_size_400": "_size_400_1bf71_gg_",
|
|
20
|
+
"_size_500": "_size_500_1bf71_gg_",
|
|
21
|
+
"_size_600": "_size_600_1bf71_gg_",
|
|
22
|
+
"_size_700": "_size_700_1bf71_gg_",
|
|
23
|
+
"_size_800": "_size_800_1bf71_gg_",
|
|
24
|
+
"_noWrap": "__noWrap_1bf71_gg_",
|
|
25
|
+
"_medium": "__medium_1bf71_gg_",
|
|
26
|
+
"_semibold": "__semibold_1bf71_gg_",
|
|
27
|
+
"_bold": "__bold_1bf71_gg_",
|
|
28
|
+
"_italic": "__italic_1bf71_gg_",
|
|
29
|
+
"_monospace": "__monospace_1bf71_gg_",
|
|
30
|
+
"_uppercase": "__uppercase_1bf71_gg_",
|
|
31
|
+
"_lowercase": "__lowercase_1bf71_gg_",
|
|
32
|
+
"_capitalize": "__capitalize_1bf71_gg_",
|
|
33
|
+
"_decoration": "__decoration_1bf71_gg_",
|
|
34
|
+
"--decoration": "--decoration_1bf71",
|
|
35
|
+
"_color": "__color_1bf71_gg_",
|
|
36
|
+
"--color": "--color_1bf71",
|
|
37
|
+
"_fontSize": "__fontSize_1bf71_gg_",
|
|
38
|
+
"--fontSize": "--fontSize_1bf71",
|
|
39
|
+
"_lineHeight": "__lineHeight_1bf71_gg_",
|
|
40
|
+
"--lineHeight": "--lineHeight_1bf71",
|
|
41
|
+
"_fontWeight": "__fontWeight_1bf71_gg_",
|
|
42
|
+
"--fontWeight": "--fontWeight_1bf71",
|
|
43
|
+
"_textAlign": "__textAlign_1bf71_gg_",
|
|
44
|
+
"--textAlign": "--textAlign_1bf71",
|
|
45
|
+
"_use_primary": "_use_primary_1bf71_gg_",
|
|
46
|
+
"_use_secondary": "_use_secondary_1bf71_gg_",
|
|
47
|
+
"_disabled": "__disabled_1bf71_gg_"
|
|
45
48
|
});
|
|
46
49
|
function getTextDecoration(underline, lineThrough) {
|
|
47
50
|
if (underline) {
|
package/lib/cjs/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_color","styles","sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","Box","color","textDecoration","createElement","cn","_objectSpread2","assignProps","resolveColor","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport styles from './style/text.shadow.css';\n\nfunction getTextDecoration(underline, lineThrough) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n}\n\nfunction Text(props, ref) {\n const SText = Root;\n const { color, underline, lineThrough } = props;\n const textDecoration = getTextDecoration(underline, lineThrough);\n\n return sstyled(styles)(\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={ref}\n use:decoration={textDecoration}\n use:color={resolveColor(color)}\n />,\n );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAoD;AAAA,IAAAK,MAAA,+BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIpD,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAMCC,YAAG;EALf,IAAQC,KAAK,GAA6BP,KAAK,CAAvCO,KAAK;IAAEV,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMU,cAAc,GAAGZ,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAEhE,OAAAM,KAAA,GAAO,IAAAV,aAAO,EAACD,MAAM,CAAC,eACpBJ,MAAA,YAAAoB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,cAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQO,cAAc;IAAA,aACnB,IAAAK,iBAAY,EAACN,KAAK;EAAC,GAAAL,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACe,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEX,IAAAC,yBAAmB,EAACjB,IAAI,CAAC;AAAAkB,OAAA,cAAAF,QAAA"}
|
|
1
|
+
{"version":3,"file":"Text.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_color","styles","sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","Box","color","textDecoration","createElement","cn","_objectSpread2","assignProps","resolveColor","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport styles from './style/text.shadow.css';\n\nfunction getTextDecoration(underline, lineThrough) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n}\n\nfunction Text(props, ref) {\n const SText = Root;\n const { color, underline, lineThrough } = props;\n const textDecoration = getTextDecoration(underline, lineThrough);\n\n return sstyled(styles)(\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={ref}\n use:decoration={textDecoration}\n use:color={resolveColor(color)}\n />,\n );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAoD;AAAA,IAAAK,MAAA,+BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIpD,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAMCC,YAAG;EALf,IAAQC,KAAK,GAA6BP,KAAK,CAAvCO,KAAK;IAAEV,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMU,cAAc,GAAGZ,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAEhE,OAAAM,KAAA,GAAO,IAAAV,aAAO,EAACD,MAAM,CAAC,eACpBJ,MAAA,YAAAoB,aAAA,CAACJ,KAAK,EAAAD,KAAA,CAAAM,EAAA,cAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdX,GAAG;IAAA,kBACQO,cAAc;IAAA,aACnB,IAAAK,iBAAY,EAACN,KAAK;EAAC,GAAAL,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACe,WAAW,GAAG,MAAM;AAAC,IAAAC,QAAA,GAEX,IAAAC,yBAAmB,EAACjB,IAAI,CAAC;AAAAkB,OAAA,cAAAF,QAAA"}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n noWrap?: boolean;\n /** CSS property `font-weight: 700;` */\n bold?: boolean;\n /** CSS property `font-weight: 600;` */\n semibold?: boolean;\n /** CSS property `font-weight: 500;` */\n medium?: boolean;\n /** Italicized text */\n italic?: boolean;\n /** Underlined text */\n underline?: boolean;\n /** CSS property `font-family: monospace;` */\n monospace?: boolean;\n /** Strikethrough text */\n lineThrough?: boolean;\n /** Uppercase text */\n uppercase?: boolean;\n /** Lowercase text */\n lowercase?: boolean;\n /** Capitalized text */\n capitalize?: boolean;\n /** Text color **/\n color?: string;\n /** Custom `font-size` */\n fontSize?: Property.FontSize<any>;\n /** Custom `line-height` */\n lineHeight?: Property.LineHeight<any>;\n /** Custom `font-weight` */\n fontWeight?: Property.FontWeight;\n /** Text alignment */\n textAlign?: Property.TextAlign;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IHintProps extends HintProps, UnknownProperties {}\nexport type HintProps = TextProps &\n KeyboardFocusProps & {\n /** The value responsible for the activity of the element\n * @default false\n */\n disabled?: boolean;\n /** Enable `active` state */\n active?: boolean;\n /** Left addon hint */\n addonLeft?: React.ElementType;\n /** Right addon hint */\n addonRight?: React.ElementType;\n };\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n /** Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Hint: Intergalactic.Component<'abbr', HintProps> & {\n Addon: typeof Box;\n Text: typeof Box;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: Intergalactic.Component<'li', ListItemProps>;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Hint, Blockquote };\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n noWrap?: boolean;\n /** CSS property `font-weight: 700;` */\n bold?: boolean;\n /** CSS property `font-weight: 600;` */\n semibold?: boolean;\n /** CSS property `font-weight: 500;` */\n medium?: boolean;\n /** Italicized text */\n italic?: boolean;\n /** Underlined text */\n underline?: boolean;\n /** CSS property `font-family: monospace;` */\n monospace?: boolean;\n /** Strikethrough text */\n lineThrough?: boolean;\n /** Uppercase text */\n uppercase?: boolean;\n /** Lowercase text */\n lowercase?: boolean;\n /** Capitalized text */\n capitalize?: boolean;\n /** Text color **/\n color?: string;\n /** Custom `font-size` */\n fontSize?: Property.FontSize<any>;\n /** Custom `line-height` */\n lineHeight?: Property.LineHeight<any>;\n /** Custom `font-weight` */\n fontWeight?: Property.FontWeight;\n /** Text alignment */\n textAlign?: Property.TextAlign;\n /** Enforces text color */\n use?: 'primary' | 'secondary';\n /** Makes text semi-transparent to indicate disabled state */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IHintProps extends HintProps, UnknownProperties {}\nexport type HintProps = TextProps &\n KeyboardFocusProps & {\n /** The value responsible for the activity of the element\n * @default false\n */\n disabled?: boolean;\n /** Enable `active` state */\n active?: boolean;\n /** Left addon hint */\n addonLeft?: React.ElementType;\n /** Right addon hint */\n addonRight?: React.ElementType;\n };\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n /** Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Hint: Intergalactic.Component<'abbr', HintProps> & {\n Addon: typeof Box;\n Text: typeof Box;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: Intergalactic.Component<'li', ListItemProps>;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Hint, Blockquote };\n"],"mappings":""}
|
|
@@ -103,4 +103,16 @@ SText[fontWeight] {
|
|
|
103
103
|
|
|
104
104
|
SText[textAlign] {
|
|
105
105
|
text-align: var(--textAlign);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
SText[use='primary'] {
|
|
109
|
+
color: var(--intergalactic-text-primary, #191b23);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
SText[use='secondary'] {
|
|
113
|
+
color: var(--intergalactic-text-secondary, #6c6e79);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
SText[disabled] {
|
|
117
|
+
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
106
118
|
}
|
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_vc02t_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_vc02t_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_vc02t_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__*/, "vc02t_gg_") /*__reshadow_css_end__*/, {
|
|
10
|
+
"__SBlockquote": "___SBlockquote_vc02t_gg_",
|
|
11
|
+
"__SDoubleQuotation": "___SDoubleQuotation_vc02t_gg_",
|
|
12
|
+
"__SAuthor": "___SAuthor_vc02t_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
|
-
"_active": "
|
|
21
|
-
"_keyboardFocused": "
|
|
22
|
-
"_disabled": "
|
|
23
|
-
"__SAddon": "
|
|
24
|
-
"__SText": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_i0ldg_gg_{display:inline-block;transition:all .15s ease-in-out;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_i0ldg_gg_.__active_i0ldg_gg_,.___SHint_i0ldg_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_i0ldg_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_i0ldg_gg_.__keyboardFocused_i0ldg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_i0ldg_gg_.__disabled_i0ldg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_i0ldg_gg_{vertical-align:middle;display:inline-flex}.___SHint_i0ldg_gg_ .___SAddon_i0ldg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_i0ldg_gg_ .___SAddon_i0ldg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_i0ldg_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_i0ldg_gg_{transition:none}}" /*__inner_css_end__*/, "i0ldg_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SHint": "___SHint_i0ldg_gg_",
|
|
20
|
+
"_active": "__active_i0ldg_gg_",
|
|
21
|
+
"_keyboardFocused": "__keyboardFocused_i0ldg_gg_",
|
|
22
|
+
"_disabled": "__disabled_i0ldg_gg_",
|
|
23
|
+
"__SAddon": "___SAddon_i0ldg_gg_",
|
|
24
|
+
"__SText": "___SText_i0ldg_gg_"
|
|
25
25
|
});
|
|
26
26
|
var RootHint = /*#__PURE__*/function (_Component) {
|
|
27
27
|
_inherits(RootHint, _Component);
|
package/lib/es6/List.js
CHANGED
|
@@ -12,11 +12,11 @@ import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
|
12
12
|
import isNode from '@semcore/utils/lib/isNode';
|
|
13
13
|
import Text from './Text';
|
|
14
14
|
/*__reshadow-styles__:"./style/list.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SList": "
|
|
17
|
-
"__SContent": "
|
|
18
|
-
"__SItem": "
|
|
19
|
-
"__SMarker": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_1aa71_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1aa71_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1aa71_gg_+.___SItem_1aa71_gg_,.___SList_1aa71_gg_ .___SList_1aa71_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1aa71_gg_{display:flex}.___SMarker_1aa71_gg_{margin-right:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1aa71_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SList": "___SList_1aa71_gg_",
|
|
17
|
+
"__SContent": "___SContent_1aa71_gg_",
|
|
18
|
+
"__SItem": "___SItem_1aa71_gg_",
|
|
19
|
+
"__SMarker": "___SMarker_1aa71_gg_"
|
|
20
20
|
});
|
|
21
21
|
var List = /*#__PURE__*/function (_Component) {
|
|
22
22
|
_inherits(List, _Component);
|
package/lib/es6/Text.js
CHANGED
|
@@ -6,37 +6,40 @@ import { createBaseComponent, Root, sstyled } from '@semcore/core';
|
|
|
6
6
|
import { Box } from '@semcore/flex-box';
|
|
7
7
|
import resolveColor from '@semcore/utils/lib/color';
|
|
8
8
|
/*__reshadow-styles__:"./style/text.shadow.css"*/
|
|
9
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
10
|
-
"__SText": "
|
|
11
|
-
"_size_100": "
|
|
12
|
-
"_size_200": "
|
|
13
|
-
"_size_300": "
|
|
14
|
-
"_size_400": "
|
|
15
|
-
"_size_500": "
|
|
16
|
-
"_size_600": "
|
|
17
|
-
"_size_700": "
|
|
18
|
-
"_size_800": "
|
|
19
|
-
"_noWrap": "
|
|
20
|
-
"_medium": "
|
|
21
|
-
"_semibold": "
|
|
22
|
-
"_bold": "
|
|
23
|
-
"_italic": "
|
|
24
|
-
"_monospace": "
|
|
25
|
-
"_uppercase": "
|
|
26
|
-
"_lowercase": "
|
|
27
|
-
"_capitalize": "
|
|
28
|
-
"_decoration": "
|
|
29
|
-
"--decoration": "--
|
|
30
|
-
"_color": "
|
|
31
|
-
"--color": "--
|
|
32
|
-
"_fontSize": "
|
|
33
|
-
"--fontSize": "--
|
|
34
|
-
"_lineHeight": "
|
|
35
|
-
"--lineHeight": "--
|
|
36
|
-
"_fontWeight": "
|
|
37
|
-
"--fontWeight": "--
|
|
38
|
-
"_textAlign": "
|
|
39
|
-
"--textAlign": "--
|
|
9
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_1bf71_gg_{padding:0;margin:0}.___SText_1bf71_gg_._size_100_1bf71_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1bf71_gg_._size_200_1bf71_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1bf71_gg_._size_300_1bf71_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1bf71_gg_._size_400_1bf71_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1bf71_gg_._size_500_1bf71_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1bf71_gg_._size_600_1bf71_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1bf71_gg_._size_700_1bf71_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1bf71_gg_._size_800_1bf71_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1bf71_gg_.__noWrap_1bf71_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1bf71_gg_.__medium_1bf71_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1bf71_gg_.__semibold_1bf71_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1bf71_gg_.__bold_1bf71_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1bf71_gg_.__italic_1bf71_gg_{font-style:italic}.___SText_1bf71_gg_.__monospace_1bf71_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1bf71_gg_.__uppercase_1bf71_gg_{text-transform:uppercase}.___SText_1bf71_gg_.__lowercase_1bf71_gg_{text-transform:lowercase}.___SText_1bf71_gg_.__capitalize_1bf71_gg_{text-transform:capitalize}.___SText_1bf71_gg_.__decoration_1bf71_gg_{-webkit-text-decoration:var(--decoration_1bf71);text-decoration:var(--decoration_1bf71)}.___SText_1bf71_gg_.__color_1bf71_gg_{color:var(--color_1bf71)}.___SText_1bf71_gg_.__fontSize_1bf71_gg_{font-size:var(--fontSize_1bf71)}.___SText_1bf71_gg_.__lineHeight_1bf71_gg_{line-height:var(--lineHeight_1bf71)}.___SText_1bf71_gg_.__fontWeight_1bf71_gg_{font-weight:var(--fontWeight_1bf71)}.___SText_1bf71_gg_.__textAlign_1bf71_gg_{text-align:var(--textAlign_1bf71)}.___SText_1bf71_gg_._use_primary_1bf71_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1bf71_gg_._use_secondary_1bf71_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1bf71_gg_.__disabled_1bf71_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1bf71_gg_") /*__reshadow_css_end__*/, {
|
|
10
|
+
"__SText": "___SText_1bf71_gg_",
|
|
11
|
+
"_size_100": "_size_100_1bf71_gg_",
|
|
12
|
+
"_size_200": "_size_200_1bf71_gg_",
|
|
13
|
+
"_size_300": "_size_300_1bf71_gg_",
|
|
14
|
+
"_size_400": "_size_400_1bf71_gg_",
|
|
15
|
+
"_size_500": "_size_500_1bf71_gg_",
|
|
16
|
+
"_size_600": "_size_600_1bf71_gg_",
|
|
17
|
+
"_size_700": "_size_700_1bf71_gg_",
|
|
18
|
+
"_size_800": "_size_800_1bf71_gg_",
|
|
19
|
+
"_noWrap": "__noWrap_1bf71_gg_",
|
|
20
|
+
"_medium": "__medium_1bf71_gg_",
|
|
21
|
+
"_semibold": "__semibold_1bf71_gg_",
|
|
22
|
+
"_bold": "__bold_1bf71_gg_",
|
|
23
|
+
"_italic": "__italic_1bf71_gg_",
|
|
24
|
+
"_monospace": "__monospace_1bf71_gg_",
|
|
25
|
+
"_uppercase": "__uppercase_1bf71_gg_",
|
|
26
|
+
"_lowercase": "__lowercase_1bf71_gg_",
|
|
27
|
+
"_capitalize": "__capitalize_1bf71_gg_",
|
|
28
|
+
"_decoration": "__decoration_1bf71_gg_",
|
|
29
|
+
"--decoration": "--decoration_1bf71",
|
|
30
|
+
"_color": "__color_1bf71_gg_",
|
|
31
|
+
"--color": "--color_1bf71",
|
|
32
|
+
"_fontSize": "__fontSize_1bf71_gg_",
|
|
33
|
+
"--fontSize": "--fontSize_1bf71",
|
|
34
|
+
"_lineHeight": "__lineHeight_1bf71_gg_",
|
|
35
|
+
"--lineHeight": "--lineHeight_1bf71",
|
|
36
|
+
"_fontWeight": "__fontWeight_1bf71_gg_",
|
|
37
|
+
"--fontWeight": "--fontWeight_1bf71",
|
|
38
|
+
"_textAlign": "__textAlign_1bf71_gg_",
|
|
39
|
+
"--textAlign": "--textAlign_1bf71",
|
|
40
|
+
"_use_primary": "_use_primary_1bf71_gg_",
|
|
41
|
+
"_use_secondary": "_use_secondary_1bf71_gg_",
|
|
42
|
+
"_disabled": "__disabled_1bf71_gg_"
|
|
40
43
|
});
|
|
41
44
|
function getTextDecoration(underline, lineThrough) {
|
|
42
45
|
if (underline) {
|
package/lib/es6/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["React","createBaseComponent","Root","sstyled","Box","resolveColor","styles","_sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport styles from './style/text.shadow.css';\n\nfunction getTextDecoration(underline, lineThrough) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n}\n\nfunction Text(props, ref) {\n const SText = Root;\n const { color, underline, lineThrough } = props;\n const textDecoration = getTextDecoration(underline, lineThrough);\n\n return sstyled(styles)(\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={ref}\n use:decoration={textDecoration}\n use:color={resolveColor(color)}\n />,\n );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,YAAY,MAAM,0BAA0B;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIpD,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAMCd,GAAG;EALf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAEhE,OAAAM,KAAA,GAAOd,OAAO,CAACG,MAAM,CAAC,eACpBN,KAAA,CAAAqB,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdV,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBf,YAAY,CAACc,KAAK;EAAC,GAAAJ,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACa,WAAW,GAAG,MAAM;AAEzB,eAAexB,mBAAmB,CAACW,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"Text.js","names":["React","createBaseComponent","Root","sstyled","Box","resolveColor","styles","_sstyled","insert","getTextDecoration","underline","lineThrough","Text","props","ref","_ref","arguments[0]","_ref2","SText","color","textDecoration","createElement","cn","_objectSpread","_assignProps","displayName"],"sources":["../../src/Text.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport styles from './style/text.shadow.css';\n\nfunction getTextDecoration(underline, lineThrough) {\n if (underline) {\n return 'underline';\n }\n\n if (lineThrough) {\n return 'line-through';\n }\n}\n\nfunction Text(props, ref) {\n const SText = Root;\n const { color, underline, lineThrough } = props;\n const textDecoration = getTextDecoration(underline, lineThrough);\n\n return sstyled(styles)(\n <SText\n render={Box}\n tag='span'\n data-ui-name='Text'\n ref={ref}\n use:decoration={textDecoration}\n use:color={resolveColor(color)}\n />,\n );\n}\n\nText.displayName = 'Text';\n\nexport default createBaseComponent(Text);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAClE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,YAAY,MAAM,0BAA0B;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIpD,SAASC,iBAAiBA,CAACC,SAAS,EAAEC,WAAW,EAAE;EACjD,IAAID,SAAS,EAAE;IACb,OAAO,WAAW;EACpB;EAEA,IAAIC,WAAW,EAAE;IACf,OAAO,cAAc;EACvB;AACF;AAEA,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxB,IAAMC,KAAK,GAMCd,GAAG;EALf,IAAQe,KAAK,GAA6BN,KAAK,CAAvCM,KAAK;IAAET,SAAS,GAAkBG,KAAK,CAAhCH,SAAS;IAAEC,WAAW,GAAKE,KAAK,CAArBF,WAAW;EACrC,IAAMS,cAAc,GAAGX,iBAAiB,CAACC,SAAS,EAAEC,WAAW,CAAC;EAEhE,OAAAM,KAAA,GAAOd,OAAO,CAACG,MAAM,CAAC,eACpBN,KAAA,CAAAqB,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAEA,MAAM;IAAA,gBACG,MAAM;IAAA,OACdV,GAAG;IAAA,kBACQM,cAAc;IAAA,aACnBf,YAAY,CAACc,KAAK;EAAC,GAAAJ,IAAA,IAC9B;AAEN;AAEAH,IAAI,CAACa,WAAW,GAAG,MAAM;AAEzB,eAAexB,mBAAmB,CAACW,IAAI,CAAC"}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n noWrap?: boolean;\n /** CSS property `font-weight: 700;` */\n bold?: boolean;\n /** CSS property `font-weight: 600;` */\n semibold?: boolean;\n /** CSS property `font-weight: 500;` */\n medium?: boolean;\n /** Italicized text */\n italic?: boolean;\n /** Underlined text */\n underline?: boolean;\n /** CSS property `font-family: monospace;` */\n monospace?: boolean;\n /** Strikethrough text */\n lineThrough?: boolean;\n /** Uppercase text */\n uppercase?: boolean;\n /** Lowercase text */\n lowercase?: boolean;\n /** Capitalized text */\n capitalize?: boolean;\n /** Text color **/\n color?: string;\n /** Custom `font-size` */\n fontSize?: Property.FontSize<any>;\n /** Custom `line-height` */\n lineHeight?: Property.LineHeight<any>;\n /** Custom `font-weight` */\n fontWeight?: Property.FontWeight;\n /** Text alignment */\n textAlign?: Property.TextAlign;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IHintProps extends HintProps, UnknownProperties {}\nexport type HintProps = TextProps &\n KeyboardFocusProps & {\n /** The value responsible for the activity of the element\n * @default false\n */\n disabled?: boolean;\n /** Enable `active` state */\n active?: boolean;\n /** Left addon hint */\n addonLeft?: React.ElementType;\n /** Right addon hint */\n addonRight?: React.ElementType;\n };\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n /** Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Hint: Intergalactic.Component<'abbr', HintProps> & {\n Addon: typeof Box;\n Text: typeof Box;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: Intergalactic.Component<'li', ListItemProps>;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Hint, Blockquote };\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n /** Font size and line-heights */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n noWrap?: boolean;\n /** CSS property `font-weight: 700;` */\n bold?: boolean;\n /** CSS property `font-weight: 600;` */\n semibold?: boolean;\n /** CSS property `font-weight: 500;` */\n medium?: boolean;\n /** Italicized text */\n italic?: boolean;\n /** Underlined text */\n underline?: boolean;\n /** CSS property `font-family: monospace;` */\n monospace?: boolean;\n /** Strikethrough text */\n lineThrough?: boolean;\n /** Uppercase text */\n uppercase?: boolean;\n /** Lowercase text */\n lowercase?: boolean;\n /** Capitalized text */\n capitalize?: boolean;\n /** Text color **/\n color?: string;\n /** Custom `font-size` */\n fontSize?: Property.FontSize<any>;\n /** Custom `line-height` */\n lineHeight?: Property.LineHeight<any>;\n /** Custom `font-weight` */\n fontWeight?: Property.FontWeight;\n /** Text alignment */\n textAlign?: Property.TextAlign;\n /** Enforces text color */\n use?: 'primary' | 'secondary';\n /** Makes text semi-transparent to indicate disabled state */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n /** Marker of the entire list\n * @default • */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n /** Individual marker of a list item */\n marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IHintProps extends HintProps, UnknownProperties {}\nexport type HintProps = TextProps &\n KeyboardFocusProps & {\n /** The value responsible for the activity of the element\n * @default false\n */\n disabled?: boolean;\n /** Enable `active` state */\n active?: boolean;\n /** Left addon hint */\n addonLeft?: React.ElementType;\n /** Right addon hint */\n addonRight?: React.ElementType;\n };\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n /** Source of the quote */\n author?: React.ReactNode;\n};\n\ndeclare const Hint: Intergalactic.Component<'abbr', HintProps> & {\n Addon: typeof Box;\n Text: typeof Box;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n Item: Intergalactic.Component<'li', ListItemProps>;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Hint, Blockquote };\n"],"mappings":""}
|
|
@@ -103,4 +103,16 @@ SText[fontWeight] {
|
|
|
103
103
|
|
|
104
104
|
SText[textAlign] {
|
|
105
105
|
text-align: var(--textAlign);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
SText[use='primary'] {
|
|
109
|
+
color: var(--intergalactic-text-primary, #191b23);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
SText[use='secondary'] {
|
|
113
|
+
color: var(--intergalactic-text-secondary, #6c6e79);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
SText[disabled] {
|
|
117
|
+
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
106
118
|
}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -42,6 +42,10 @@ export type TextProps = BoxProps & {
|
|
|
42
42
|
fontWeight?: Property.FontWeight;
|
|
43
43
|
/** Text alignment */
|
|
44
44
|
textAlign?: Property.TextAlign;
|
|
45
|
+
/** Enforces text color */
|
|
46
|
+
use?: 'primary' | 'secondary';
|
|
47
|
+
/** Makes text semi-transparent to indicate disabled state */
|
|
48
|
+
disabled?: boolean;
|
|
45
49
|
};
|
|
46
50
|
|
|
47
51
|
/** @deprecated */
|
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.10.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"csstype": "3.0.8"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
|
-
"@semcore/core": "^2.7.0
|
|
18
|
+
"@semcore/core": "^2.7.0",
|
|
19
19
|
"react": "16.8 - 18",
|
|
20
20
|
"react-dom": "16.8 - 18"
|
|
21
21
|
},
|