@yummacss/api 1.3.1 → 1.4.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/LICENSE +1 -1
- package/README.md +5 -6
- package/dist/index.d.ts +25 -32
- package/package.json +3 -2
package/LICENSE
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
Copyright (c) 2024-present Yumma CSS
|
|
1
|
+
Copyright (c) 2024-present Yumma CSS API maintained by Renildo Pereira.
|
|
2
2
|
|
|
3
3
|
Permission is hereby granted, free of charge, to any person obtaining
|
|
4
4
|
a copy of this software and associated documentation files (the
|
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@ Yumma CSS definitions for Javascript apps.
|
|
|
7
7
|
|
|
8
8
|
## Getting started
|
|
9
9
|
|
|
10
|
-
Yumma CSS API provides access to Yumma CSS utilities through
|
|
10
|
+
Yumma CSS API provides access to Yumma CSS utilities through Javascript functions.
|
|
11
11
|
|
|
12
12
|
### Installing
|
|
13
13
|
|
|
@@ -42,9 +42,7 @@ const boxModel = getBoxModelUtils();
|
|
|
42
42
|
const margin = boxModel["margin"];
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
-
## Available
|
|
46
|
-
|
|
47
|
-
Import utility group functions individually:
|
|
45
|
+
## Available functions
|
|
48
46
|
|
|
49
47
|
```ts
|
|
50
48
|
import {
|
|
@@ -67,10 +65,11 @@ import {
|
|
|
67
65
|
} from "@yummacss/api";
|
|
68
66
|
```
|
|
69
67
|
|
|
70
|
-
|
|
68
|
+
## Using Typescript
|
|
71
69
|
|
|
72
70
|
```ts
|
|
73
|
-
import type {
|
|
71
|
+
import type { Utilities, Colors } from "@yummacss/api"; // returns a map of utilities
|
|
72
|
+
import type { Color, Utility } from "@yummacss/api"; // returns a single object
|
|
74
73
|
```
|
|
75
74
|
|
|
76
75
|
## Built with
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
//#region src/interfaces/color
|
|
2
|
-
interface
|
|
1
|
+
//#region src/interfaces/color.d.ts
|
|
2
|
+
interface Color {
|
|
3
3
|
prefix: string;
|
|
4
4
|
properties: string[];
|
|
5
5
|
slug: string;
|
|
@@ -7,19 +7,12 @@ interface ColorUtilityItem {
|
|
|
7
7
|
[key: string]: string;
|
|
8
8
|
};
|
|
9
9
|
}
|
|
10
|
-
interface
|
|
11
|
-
[key: string]:
|
|
10
|
+
interface Colors {
|
|
11
|
+
[key: string]: Color;
|
|
12
12
|
}
|
|
13
13
|
//#endregion
|
|
14
|
-
//#region src/interfaces/
|
|
15
|
-
interface
|
|
16
|
-
slug: string;
|
|
17
|
-
utility: string;
|
|
18
|
-
property: string[];
|
|
19
|
-
}
|
|
20
|
-
//#endregion
|
|
21
|
-
//#region src/interfaces/utility-item.d.ts
|
|
22
|
-
interface UtilityItem {
|
|
14
|
+
//#region src/interfaces/utility.d.ts
|
|
15
|
+
interface Utility {
|
|
23
16
|
prefix: string;
|
|
24
17
|
properties: string[];
|
|
25
18
|
slug: string;
|
|
@@ -27,26 +20,26 @@ interface UtilityItem {
|
|
|
27
20
|
[key: string]: string;
|
|
28
21
|
};
|
|
29
22
|
}
|
|
30
|
-
interface
|
|
31
|
-
[key: string]:
|
|
23
|
+
interface Utilities {
|
|
24
|
+
[key: string]: Utility;
|
|
32
25
|
}
|
|
33
26
|
//#endregion
|
|
34
27
|
//#region src/index.d.ts
|
|
35
|
-
declare const getAllUtils: () =>
|
|
36
|
-
declare const getBackgroundUtils: () =>
|
|
37
|
-
declare const getBorderUtils: () =>
|
|
38
|
-
declare const getBoxModelUtils: () =>
|
|
39
|
-
declare const getColorUtils: () =>
|
|
40
|
-
declare const getEffectUtils: () =>
|
|
41
|
-
declare const getFlexboxUtils: () =>
|
|
42
|
-
declare const getFontUtils: () =>
|
|
43
|
-
declare const getGridUtils: () =>
|
|
44
|
-
declare const getInteractivityUtils: () =>
|
|
45
|
-
declare const getOutlineUtils: () =>
|
|
46
|
-
declare const getPositioningUtils: () =>
|
|
47
|
-
declare const getSvgUtils: () =>
|
|
48
|
-
declare const getTableUtils: () =>
|
|
49
|
-
declare const getTextUtils: () =>
|
|
50
|
-
declare const getTransformUtils: () =>
|
|
28
|
+
declare const getAllUtils: () => Utilities;
|
|
29
|
+
declare const getBackgroundUtils: () => Utilities;
|
|
30
|
+
declare const getBorderUtils: () => Utilities;
|
|
31
|
+
declare const getBoxModelUtils: () => Utilities;
|
|
32
|
+
declare const getColorUtils: () => Utilities;
|
|
33
|
+
declare const getEffectUtils: () => Utilities;
|
|
34
|
+
declare const getFlexboxUtils: () => Utilities;
|
|
35
|
+
declare const getFontUtils: () => Utilities;
|
|
36
|
+
declare const getGridUtils: () => Utilities;
|
|
37
|
+
declare const getInteractivityUtils: () => Utilities;
|
|
38
|
+
declare const getOutlineUtils: () => Utilities;
|
|
39
|
+
declare const getPositioningUtils: () => Utilities;
|
|
40
|
+
declare const getSvgUtils: () => Utilities;
|
|
41
|
+
declare const getTableUtils: () => Utilities;
|
|
42
|
+
declare const getTextUtils: () => Utilities;
|
|
43
|
+
declare const getTransformUtils: () => Utilities;
|
|
51
44
|
//#endregion
|
|
52
|
-
export {
|
|
45
|
+
export { Color, Colors, Utilities, Utility, getAllUtils, getBackgroundUtils, getBorderUtils, getBoxModelUtils, getColorUtils, getEffectUtils, getFlexboxUtils, getFontUtils, getGridUtils, getInteractivityUtils, getOutlineUtils, getPositioningUtils, getSvgUtils, getTableUtils, getTextUtils, getTransformUtils };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yummacss/api",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.0",
|
|
4
4
|
"description": "Yumma CSS definitions for Javascript apps.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"typescript",
|
|
@@ -39,7 +39,8 @@
|
|
|
39
39
|
"typescript": "^5.8.2"
|
|
40
40
|
},
|
|
41
41
|
"publishConfig": {
|
|
42
|
-
"access": "public"
|
|
42
|
+
"access": "public",
|
|
43
|
+
"provenance": true
|
|
43
44
|
},
|
|
44
45
|
"scripts": {
|
|
45
46
|
"build": "tsdown",
|