smbls 0.15.21 → 0.15.22
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/package.json +2 -1
- package/src/atoms/Block.js +2 -0
- package/src/atoms/Text.js +13 -3
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "UI Library built on Scratch and DOMQL",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "symbo.ls",
|
|
6
|
-
"version": "0.15.
|
|
6
|
+
"version": "0.15.22",
|
|
7
7
|
"repository": "https://github.com/symbo-ls/smbls",
|
|
8
8
|
"main": "src/index.js",
|
|
9
9
|
"files": [
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@domql/utils": "latest",
|
|
25
|
+
"@symbo.ls/cli": "latest",
|
|
25
26
|
"@symbo.ls/init": "latest",
|
|
26
27
|
"@symbo.ls/scratch": "latest",
|
|
27
28
|
"@symbo.ls/utils": "latest"
|
package/src/atoms/Block.js
CHANGED
package/src/atoms/Text.js
CHANGED
|
@@ -3,10 +3,7 @@
|
|
|
3
3
|
import { getFontSizeByKey, getFontFamily } from '@symbo.ls/scratch'
|
|
4
4
|
|
|
5
5
|
export const Text = {
|
|
6
|
-
props: {},
|
|
7
|
-
|
|
8
6
|
text: ({ props }) => props.text,
|
|
9
|
-
|
|
10
7
|
class: {
|
|
11
8
|
fontSize: ({ props }) => props.fontSize ? getFontSizeByKey(props.fontSize) : null,
|
|
12
9
|
fontFamily: ({ props }) => props.fontFamily && ({ fontFamily: getFontFamily(props.fontFamily) || props.fontFamily }),
|
|
@@ -19,3 +16,16 @@ export const Text = {
|
|
|
19
16
|
fontWeight: ({ props }) => props.fontWeight && ({ fontWeight: props.fontWeight })
|
|
20
17
|
}
|
|
21
18
|
}
|
|
19
|
+
|
|
20
|
+
export const H1 = { tag: 'h1' }
|
|
21
|
+
export const H2 = { tag: 'h2' }
|
|
22
|
+
export const H3 = { tag: 'h3' }
|
|
23
|
+
export const H4 = { tag: 'h4' }
|
|
24
|
+
export const H5 = { tag: 'h5' }
|
|
25
|
+
export const H6 = { tag: 'h6' }
|
|
26
|
+
export const P = { tag: 'p' }
|
|
27
|
+
export const Caption = { tag: 'caption' }
|
|
28
|
+
export const Strong = {
|
|
29
|
+
tag: 'strong',
|
|
30
|
+
props: { fontWeight: '900' }
|
|
31
|
+
}
|