sparkle-design-cli 1.1.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.
Files changed (10) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +135 -0
  3. package/bin/sparkle-design.js +97 -0
  4. package/lib/generate-css.js +367 -0
  5. package/package.json +39 -0
  6. package/templates/sparkle-variables/colors.json +89 -0
  7. package/templates/sparkle-variables/fontdata.csv +12 -0
  8. package/templates/sparkle-variables/gray.json +86 -0
  9. package/templates/sparkle-variables/radius.csv +9 -0
  10. package/templates/sparkle-variables/sparkle-design.template.css +709 -0
package/templates/sparkle-variables/colors.json ADDED
@@ -0,0 +1,89 @@
1
+ {
2
+ "blue": {
3
+ "50": "#e5f6ff",
4
+ "100": "#ceedff",
5
+ "200": "#97d3ff",
6
+ "300": "#61b3ff",
7
+ "400": "#218bff",
8
+ "500": "#0969da",
9
+ "600": "#0550ae",
10
+ "700": "#033d8b",
11
+ "800": "#0a3069",
12
+ "900": "#002155"
13
+ },
14
+ "red": {
15
+ "50": "#fff6f5",
16
+ "100": "#ffe5e4",
17
+ "200": "#ffbbb9",
18
+ "300": "#ff8182",
19
+ "400": "#fa4549",
20
+ "500": "#cf222e",
21
+ "600": "#a40e26",
22
+ "700": "#82071e",
23
+ "800": "#660018",
24
+ "900": "#4c0014"
25
+ },
26
+ "orange": {
27
+ "50": "#fff1e5",
28
+ "100": "#ffd8b5",
29
+ "200": "#ffb77c",
30
+ "300": "#fb8f44",
31
+ "400": "#e16f24",
32
+ "500": "#bc4c00",
33
+ "600": "#953800",
34
+ "700": "#762c00",
35
+ "800": "#5c2200",
36
+ "900": "#471700"
37
+ },
38
+ "yellow": {
39
+ "50": "#fffbe2",
40
+ "100": "#fdedba",
41
+ "200": "#fad573",
42
+ "300": "#f0b800",
43
+ "400": "#cc8f00",
44
+ "500": "#9a6700",
45
+ "600": "#7d4e00",
46
+ "700": "#633c01",
47
+ "800": "#4d2d00",
48
+ "900": "#3b2300"
49
+ },
50
+ "purple": {
51
+ "50": "#fbefff",
52
+ "100": "#ecd8ff",
53
+ "200": "#d8b9ff",
54
+ "300": "#c297ff",
55
+ "400": "#a475f9",
56
+ "500": "#8250df",
57
+ "600": "#6639ba",
58
+ "700": "#512a97",
59
+ "800": "#3e1f79",
60
+ "900": "#2e1461"
61
+ },
62
+ "green": {
63
+ "50": "#edfdf0",
64
+ "100": "#c5f7d0",
65
+ "200": "#6fdd8b",
66
+ "300": "#4ac26b",
67
+ "400": "#2da44e",
68
+ "500": "#1a7f37",
69
+ "600": "#116329",
70
+ "700": "#044f1e",
71
+ "800": "#003d16",
72
+ "900": "#002d11"
73
+ },
74
+ "pink": {
75
+ "50": "#ffeff7",
76
+ "100": "#ffd3eb",
77
+ "200": "#ffadda",
78
+ "300": "#ff80c8",
79
+ "400": "#e85aad",
80
+ "500": "#bf3989",
81
+ "600": "#99286e",
82
+ "700": "#772057",
83
+ "800": "#611347",
84
+ "900": "#4d0336"
85
+ },
86
+ "black": "#000000",
87
+ "white": "#ffffff",
88
+ "web-focus": "#096cdc"
89
+ }
package/templates/sparkle-variables/fontdata.csv ADDED
@@ -0,0 +1,12 @@
1
+ name,regularLabel,boldLabel,proportion,variable
2
+ BIZ UDPGothic,Regular,Bold,pro,font-bizudp
3
+ BIZ UDGothic,Regular,Bold,mono,font-bizud
4
+ Noto Sans JP,Regular,Bold,both,font-noto
5
+ IBM Plex Sans JP,Regular,Bold,both,font-ibm
6
+ Inter,Regular,Bold,both,font-inter
7
+ Roboto,Regular,Bold,pro,font-roboto
8
+ Roboto Mono,Regular,Bold,mono,font-robotoMono
9
+ Lato,Regular,Bold,both,font-lato
10
+ Open Sans,Regular,Bold,both,font-open
11
+ Montserrat,Regular,Bold,both,font-montserrat
12
+ Hiragino Sans,W4,W7,both,font-hiragino
package/templates/sparkle-variables/gray.json ADDED
@@ -0,0 +1,86 @@
1
+ {
2
+ "blue": {
3
+ "0": "#f6f8fa",
4
+ "1": "#eaeef2",
5
+ "2": "#d0d7de",
6
+ "3": "#afb8c1",
7
+ "4": "#8c959f",
8
+ "5": "#6e7781",
9
+ "6": "#57606a",
10
+ "7": "#424a53",
11
+ "8": "#32383f",
12
+ "9": "#24292f"
13
+ },
14
+ "green": {
15
+ "0": "#f6f7f6",
16
+ "1": "#e2e5e2",
17
+ "2": "#c5cac6",
18
+ "3": "#a0a8a2",
19
+ "4": "#7c857e",
20
+ "5": "#626a64",
21
+ "6": "#49504b",
22
+ "7": "#404542",
23
+ "8": "#2f3230",
24
+ "9": "#181b19"
25
+ },
26
+ "yellow": {
27
+ "0": "#f6f5f5",
28
+ "1": "#e8e6e5",
29
+ "2": "#d3d1ce",
30
+ "3": "#b4b1ac",
31
+ "4": "#8e8a82",
32
+ "5": "#736f67",
33
+ "6": "#625f58",
34
+ "7": "#504e49",
35
+ "8": "#3f3e3a",
36
+ "9": "#282724"
37
+ },
38
+ "orange": {
39
+ "0": "#efefef",
40
+ "1": "#cfcdcc",
41
+ "2": "#b7b4b3",
42
+ "3": "#969290",
43
+ "4": "#827d7b",
44
+ "5": "#635d5a",
45
+ "6": "#5a5552",
46
+ "7": "#464240",
47
+ "8": "#363332",
48
+ "9": "#2a2726"
49
+ },
50
+ "red": {
51
+ "0": "#f4f2f3",
52
+ "1": "#e2dfdf",
53
+ "2": "#c7c1c1",
54
+ "3": "#a79d9d",
55
+ "4": "#8e8182",
56
+ "5": "#7e7273",
57
+ "6": "#6c6263",
58
+ "7": "#585052",
59
+ "8": "#443f41",
60
+ "9": "#262223"
61
+ },
62
+ "purple": {
63
+ "0": "#f2f1f2",
64
+ "1": "#d5d4d8",
65
+ "2": "#c1bfc5",
66
+ "3": "#a5a2ab",
67
+ "4": "#94909a",
68
+ "5": "#797481",
69
+ "6": "#6e6a75",
70
+ "7": "#56525c",
71
+ "8": "#434047",
72
+ "9": "#333136"
73
+ },
74
+ "pink": {
75
+ "0": "#f1f0f1",
76
+ "1": "#d5d1d4",
77
+ "2": "#c0bbbf",
78
+ "3": "#a49da1",
79
+ "4": "#92898f",
80
+ "5": "#776c73",
81
+ "6": "#6c6269",
82
+ "7": "#544d52",
83
+ "8": "#413b3f",
84
+ "9": "#322d30"
85
+ }
86
+ }
package/templates/sparkle-variables/radius.csv ADDED
@@ -0,0 +1,9 @@
1
+ name,divide,minimum,notice,action,halfModal,modal,round
2
+ none,none,none,none,none,none,none,full
3
+ xs,none,none,none,xs,sm,md,full
4
+ sm,none,none,xs,sm,md,lg,full
5
+ md,none,xs,sm,md,lg,xl,full
6
+ lg,none,sm,md,lg,xl,2xl,full
7
+ xl,none,md,lg,xl,2xl,3xl,full
8
+ 2xl,none,lg,xl,2xl,3xl,3xl,full
9
+ 3xl,none,xl,2xl,3xl,3xl,3xl,full