smbls 0.15.23 → 0.15.24

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/atoms/Animation.js +4 -4
  3. package/src/atoms/Block.js +3 -1
  4. package/src/atoms/Interaction.js +2 -1
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.23",
6
+ "version": "0.15.24",
7
7
  "repository": "https://github.com/symbo-ls/smbls",
8
8
  "main": "src/index.js",
9
9
  "files": [
package/src/atoms/Animation.js CHANGED
@@ -29,16 +29,16 @@ export const Animation = {
29
29
  },
30
30
 
31
31
  animationDuration: ({ props }) => props.animationDuration && ({
32
- animationDuration: getTimingByKey(props.animationDuration || 'A').timing
32
+ animationDuration: getTimingByKey(props.animationDuration).timing
33
33
  }),
34
34
  animationDelay: ({ props }) => props.animationDelay && ({
35
- animationDelay: getTimingByKey(props.animationDelay).timing || '0s'
35
+ animationDelay: getTimingByKey(props.animationDelay).timing
36
36
  }),
37
37
  animationTimingFunction: ({ props }) => props.animationTimingFunction && ({
38
- animationTimingFunction: getTimingFunction(props.animationTimingFunction || 'ease')
38
+ animationTimingFunction: getTimingFunction(props.animationTimingFunction)
39
39
  }),
40
40
  animationFillMode: ({ props }) => props.animationFillMode && ({
41
- animationFillMode: props.animationFillMode || 'both'
41
+ animationFillMode: props.animationFillMode
42
42
  }),
43
43
  animationPlayState: ({ props }) => props.animationPlayState && ({
44
44
  animationPlayState: props.animationPlayState
package/src/atoms/Block.js CHANGED
@@ -135,7 +135,9 @@ export const Block = {
135
135
  ...getSpacingByKey(minHeight, 'minHeight'),
136
136
  ...getSpacingByKey(maxHeight || minHeight, 'maxHeight')
137
137
  }
138
- }
138
+ },
139
+
140
+ columns: ({ props }) => props.columns && ({ columns: props.columns })
139
141
  }
140
142
  }
141
143
 
package/src/atoms/Interaction.js CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  export const Interaction = {
4
4
  class: {
5
+ userSelect: ({ props }) => props.userSelect && ({ userSelect: props.userSelect }),
5
6
  pointerEvents: ({ props }) => props.pointerEvents && ({ pointerEvents: props.pointerEvents }),
6
7
  cursor: ({ props }) => props.cursor && ({ cursor: props.cursor })
7
8
  }
@@ -43,7 +44,7 @@ export const Clickable = {
43
44
  export const Focusable = {
44
45
  props: {
45
46
  border: 'none',
46
- outline: 'none',
47
+ outline: 'solid, 0, blue .3',
47
48
  ':focus-visible': {
48
49
  opacity: 1,
49
50
  outline: 'solid, X, blue .3'