flinker-dom 1.1.9 → 1.1.11

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/dist/esm/core.js CHANGED
@@ -115,6 +115,7 @@ const RuleBuilder = () => {
115
115
  operator.borderRight = (value) => { setValue('border-right', Array.isArray(value) ? value.join(' ') : value); };
116
116
  operator.borderTop = (value) => { setValue('border-top', Array.isArray(value) ? value.join(' ') : value); };
117
117
  operator.borderBottom = (value) => { setValue('border-bottom', Array.isArray(value) ? value.join(' ') : value); };
118
+ operator.content = (value) => { setValue('content', value); };
118
119
  operator.cornerRadius = (value) => { setValue('border-radius', value); };
119
120
  operator.opacity = (value) => { setValue('opacity', value); };
120
121
  operator.shadow = (value) => { setValue('box-shadow', value); };
@@ -140,6 +141,7 @@ const RuleBuilder = () => {
140
141
  setValue('-webkit-user-select', value ? 'text' : 'none', false);
141
142
  };
142
143
  operator.target = (value) => { setValue('target', value); };
144
+ operator.bgImage = (value) => { setValue('background-image', value); };
143
145
  operator.bgImageSrc = (value) => { setValue('background-image', 'url(' + value + ')'); };
144
146
  operator.bgImageRepeat = (value) => { setValue('background-repeat', value); };
145
147
  operator.bgImageSize = (value) => { setValue('background-size', value); };
@@ -17,6 +17,7 @@ const abbreviations = {
17
17
  'box-shadow': 'BS',
18
18
  'caret-color': 'CC',
19
19
  'color': 'C',
20
+ 'content': 'CO',
20
21
  'cursor': 'CU',
21
22
  'display': 'D',
22
23
  'flex-direction': 'F',
@@ -14,6 +14,7 @@ export interface UIComponentProps {
14
14
  bgImageRepeat?: 'no-repeat' | 'repeat' | 'repeat-x' | 'repeat-y' | 'unset' | 'space' | 'inherit';
15
15
  bgImageSize?: 'cover' | 'contain' | 'auto' | 'inherit';
16
16
  bgImageSrc?: string;
17
+ bgImage?: string;
17
18
  blur?: string;
18
19
  borderColor?: string;
19
20
  border?: string | [string, BorderStyle, string];
@@ -27,6 +28,7 @@ export interface UIComponentProps {
27
28
  children?: any;
28
29
  className?: string;
29
30
  cornerRadius?: string;
31
+ content?: string;
30
32
  cursor?: 'auto' | 'pointer' | 'wait' | 'crosshair' | 'not-allowed' | 'zoom-in' | 'grab' | 'inherit';
31
33
  disableHorizontalScroll?: boolean;
32
34
  disableScroll?: boolean;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "flinker-dom",
3
3
  "description": "Free TypeScript library for writing frontend apps",
4
- "version": "1.1.9",
4
+ "version": "1.1.11",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/Dittner/FlinkerDOM.git"