@aleph-alpha/config-css 0.18.134 → 0.20.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 (14) hide show
  1. package/.lintstagedrc.js +2 -4
  2. package/CHANGELOG.md +87 -7
  3. package/dist/index.js +84 -81
  4. package/package.json +3 -3
  5. package/sd-output/box-shadows.json +7 -0
  6. package/sd-output/dark-mode.json +150 -0
  7. package/sd-output/global.json +4 -0
  8. package/sd-output/light-mode.json +150 -0
  9. package/sd-output/spacings.json +59 -0
  10. package/sd-output/typography.json +15 -0
  11. package/src/index.ts +2 -2
  12. package/transformed-tokens/dark-mode.json +697 -0
  13. package/transformed-tokens/global.json +560 -0
  14. package/transformed-tokens/light-mode.json +697 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@aleph-alpha/config-css",
3
3
  "license": "Apache-2.0",
4
- "version": "0.18.134",
4
+ "version": "0.20.0",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",
7
7
  "prettier": "@aleph-alpha/prettier-config-frontend",
@@ -24,8 +24,8 @@
24
24
  "devDependencies": {
25
25
  "style-dictionary": "^4.0.1",
26
26
  "vite-plugin-dts": "^4.0.0",
27
- "@aleph-alpha/eslint-config-frontend": "0.3.184",
28
- "@aleph-alpha/prettier-config-frontend": "0.3.118"
27
+ "@aleph-alpha/eslint-config-frontend": "0.4.0",
28
+ "@aleph-alpha/prettier-config-frontend": "0.4.0"
29
29
  },
30
30
  "scripts": {
31
31
  "transform:global": "npx token-transformer ./tokens.json ./transformed-tokens/global.json global,\"Spark Border Radius/Mode 1\",\"Spark Spacings/Mode 1\",\"Spark Text/Mode 1\" \"Spark Colors/Light mode/primitives\" --throwErrorWhenNotResolved",
package/sd-output/box-shadows.json ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "pop-ups-and-modals": "0px 1px 20px 0px #0000001f",
3
+ "dropdowns": "0px 1px 6px 0px #0000001f",
4
+ "banner-and-snackbars": "0px 4px 24px 0px #00000033",
5
+ "left-elevated-card": "5px 5px 6px 0px #0000001f",
6
+ "right-elevated-card": "-5px 5px 6px 0px #0000001f"
7
+ }
package/sd-output/dark-mode.json ADDED
@@ -0,0 +1,150 @@
1
+ {
2
+ "core-content-primary": "rgb(242, 242, 248)",
3
+ "core-content-secondary": "rgb(185, 185, 206)",
4
+ "core-content-tertiary": "rgb(149, 149, 172)",
5
+ "core-content-placeholder": "rgb(149, 149, 172)",
6
+ "core-content-on-bg-inverse": "rgb(30, 30, 35)",
7
+ "core-content-always-white": "rgb(251, 251, 253)",
8
+ "core-content-accent-soft": "rgb(178, 191, 255)",
9
+ "core-content-always-black": "rgb(15, 15, 18)",
10
+ "core-content-link-visited": "rgb(178, 191, 255)",
11
+ "core-content-accent": "rgb(30, 30, 35)",
12
+ "core-bg-primary": "rgb(15, 15, 18)",
13
+ "core-bg-secondary": "rgb(23, 23, 28)",
14
+ "core-bg-tertiary": "rgb(30, 30, 35)",
15
+ "core-bg-tertiary-hover": "rgb(51, 51, 60)",
16
+ "core-bg-accent": "rgb(147, 151, 254)",
17
+ "core-bg-accent-soft": "rgb(43, 28, 163)",
18
+ "core-bg-accent-soft-hover": "rgb(52, 33, 199)",
19
+ "core-bg-on-color-inverse": "rgb(251, 251, 253)",
20
+ "core-bg-loading": "rgb(72, 65, 242)",
21
+ "core-bg-modal-overlay": "rgba(15, 15, 18, 0.75)",
22
+ "core-bg-gradient-0": "rgba(15, 15, 18, 0)",
23
+ "core-bg-accent-hover": "rgb(178, 191, 255)",
24
+ "core-bg-text-mark-soft": "rgb(27, 18, 92)",
25
+ "core-bg-text-mark-soft-hover": "rgb(35, 23, 128)",
26
+ "core-bg-text-mark": "rgb(43, 28, 163)",
27
+ "core-bg-text-mark-hover": "rgb(52, 33, 199)",
28
+ "core-bg-skeleton": "rgb(100, 100, 116)",
29
+ "core-border-default": "rgb(51, 51, 60)",
30
+ "core-border-focus": "rgb(147, 151, 254)",
31
+ "core-border-hover": "rgb(149, 149, 172)",
32
+ "core-border-contrast": "rgb(127, 127, 148)",
33
+ "core-border-contrast-hover": "rgb(235, 235, 244)",
34
+ "core-border-text-mark": "rgb(147, 151, 254)",
35
+ "core-border-text-mark-hover": "rgb(178, 191, 255)",
36
+ "brand-content-default": "rgb(15, 15, 18)",
37
+ "brand-content-brand-soft": "rgb(220, 247, 6)",
38
+ "brand-bg-brand": "rgb(220, 247, 6)",
39
+ "brand-bg-brand-hover": "rgb(188, 217, 2)",
40
+ "brand-bg-brand-soft": "rgb(60, 67, 1)",
41
+ "brand-border-default": "rgb(188, 217, 2)",
42
+ "semantic-content-success": "rgb(251, 251, 253)",
43
+ "semantic-content-success-soft": "rgb(74, 222, 128)",
44
+ "semantic-content-error": "rgb(251, 251, 253)",
45
+ "semantic-content-error-soft": "rgb(254, 140, 140)",
46
+ "semantic-content-warning": "rgb(15, 15, 18)",
47
+ "semantic-content-warning-soft": "rgb(250, 204, 21)",
48
+ "semantic-content-info": "rgb(251, 251, 253)",
49
+ "semantic-content-info-soft": "rgb(178, 191, 255)",
50
+ "semantic-content-error-label": "rgb(254, 140, 140)",
51
+ "semantic-content-success-label": "rgb(74, 222, 128)",
52
+ "semantic-bg-success": "rgb(22, 101, 52)",
53
+ "semantic-bg-success-soft": "rgb(5, 46, 22)",
54
+ "semantic-bg-success-action": "rgb(21, 128, 61)",
55
+ "semantic-bg-success-soft-action": "rgb(10, 77, 37)",
56
+ "semantic-bg-error": "rgb(153, 27, 27)",
57
+ "semantic-bg-error-action": "rgb(185, 28, 28)",
58
+ "semantic-bg-error-soft": "rgb(69, 10, 10)",
59
+ "semantic-bg-error-soft-action": "rgb(111, 19, 19)",
60
+ "semantic-bg-warning": "rgb(234, 179, 8)",
61
+ "semantic-bg-warning-action": "rgb(250, 204, 21)",
62
+ "semantic-bg-warning-soft": "rgb(66, 32, 6)",
63
+ "semantic-bg-warning-soft-action": "rgb(100, 55, 10)",
64
+ "semantic-bg-info": "rgb(60, 38, 235)",
65
+ "semantic-bg-info-action": "rgb(72, 65, 242)",
66
+ "semantic-bg-info-soft": "rgb(27, 18, 92)",
67
+ "semantic-bg-info-soft-action": "rgb(52, 33, 199)",
68
+ "semantic-bg-error-action-hover": "rgb(111, 19, 19)",
69
+ "semantic-bg-success-action-hover": "rgb(10, 77, 37)",
70
+ "semantic-border-success": "rgb(21, 128, 61)",
71
+ "semantic-border-success-soft": "rgb(10, 77, 37)",
72
+ "semantic-border-error": "rgb(185, 28, 28)",
73
+ "semantic-border-error-soft": "rgb(111, 19, 19)",
74
+ "semantic-border-warning": "rgb(250, 204, 21)",
75
+ "semantic-border-warning-soft": "rgb(100, 55, 10)",
76
+ "semantic-border-info": "rgb(72, 65, 242)",
77
+ "semantic-border-info-soft": "rgb(43, 28, 163)",
78
+ "primitives-neutral-25": "rgb(251, 251, 253)",
79
+ "primitives-neutral-50": "rgb(242, 242, 248)",
80
+ "primitives-neutral-100": "rgb(235, 235, 244)",
81
+ "primitives-neutral-150": "rgb(219, 219, 233)",
82
+ "primitives-neutral-200": "rgb(204, 204, 222)",
83
+ "primitives-neutral-300": "rgb(185, 185, 206)",
84
+ "primitives-neutral-400": "rgb(149, 149, 172)",
85
+ "primitives-neutral-450": "rgb(127, 127, 148)",
86
+ "primitives-neutral-500": "rgb(100, 100, 116)",
87
+ "primitives-neutral-600": "rgb(72, 72, 81)",
88
+ "primitives-neutral-700": "rgb(51, 51, 60)",
89
+ "primitives-neutral-800": "rgb(30, 30, 35)",
90
+ "primitives-neutral-900": "rgb(23, 23, 28)",
91
+ "primitives-neutral-950": "rgb(15, 15, 18)",
92
+ "primitives-neutral-950-0": "rgba(15, 15, 18, 0)",
93
+ "primitives-neutral-25-0": "rgba(251, 251, 253, 0)",
94
+ "primitives-neutral-950-75": "rgba(15, 15, 18, 0.75)",
95
+ "primitives-brand-25": "rgb(253, 255, 238)",
96
+ "primitives-brand-50": "rgb(251, 255, 220)",
97
+ "primitives-brand-100": "rgb(248, 255, 191)",
98
+ "primitives-brand-200": "rgb(243, 255, 146)",
99
+ "primitives-brand-250": "rgb(233, 247, 129)",
100
+ "primitives-brand-300": "rgb(230, 246, 104)",
101
+ "primitives-brand-400": "rgb(224, 245, 56)",
102
+ "primitives-brand-500": "rgb(220, 247, 6)",
103
+ "primitives-brand-550": "rgb(204, 232, 4)",
104
+ "primitives-brand-600": "rgb(188, 217, 2)",
105
+ "primitives-brand-700": "rgb(165, 185, 0)",
106
+ "primitives-brand-800": "rgb(121, 136, 0)",
107
+ "primitives-brand-900": "rgb(87, 98, 0)",
108
+ "primitives-brand-950": "rgb(60, 67, 1)",
109
+ "primitives-ultramarine-25": "rgb(244, 245, 255)",
110
+ "primitives-ultramarine-50": "rgb(229, 235, 255)",
111
+ "primitives-ultramarine-100": "rgb(208, 218, 255)",
112
+ "primitives-ultramarine-200": "rgb(178, 191, 255)",
113
+ "primitives-ultramarine-300": "rgb(147, 151, 254)",
114
+ "primitives-ultramarine-400": "rgb(85, 92, 249)",
115
+ "primitives-ultramarine-450": "rgb(72, 65, 242)",
116
+ "primitives-ultramarine-500": "rgb(67, 61, 226)",
117
+ "primitives-ultramarine-600": "rgb(60, 38, 235)",
118
+ "primitives-ultramarine-700": "rgb(52, 33, 199)",
119
+ "primitives-ultramarine-800": "rgb(43, 28, 163)",
120
+ "primitives-ultramarine-900": "rgb(35, 23, 128)",
121
+ "primitives-ultramarine-950": "rgb(27, 18, 92)",
122
+ "primitives-green-100": "rgb(220, 252, 231)",
123
+ "primitives-green-200": "rgb(187, 247, 208)",
124
+ "primitives-green-300": "rgb(112, 243, 160)",
125
+ "primitives-green-400": "rgb(74, 222, 128)",
126
+ "primitives-green-700": "rgb(21, 128, 61)",
127
+ "primitives-green-800": "rgb(22, 101, 52)",
128
+ "primitives-green-900": "rgb(10, 77, 37)",
129
+ "primitives-green-950": "rgb(5, 46, 22)",
130
+ "primitives-red-100": "rgb(254, 226, 226)",
131
+ "primitives-red-200": "rgb(254, 202, 202)",
132
+ "primitives-red-300": "rgb(254, 140, 140)",
133
+ "primitives-red-400": "rgb(248, 113, 113)",
134
+ "primitives-red-600": "rgb(220, 38, 38)",
135
+ "primitives-red-700": "rgb(185, 28, 28)",
136
+ "primitives-red-800": "rgb(153, 27, 27)",
137
+ "primitives-red-900": "rgb(111, 19, 19)",
138
+ "primitives-red-950": "rgb(69, 10, 10)",
139
+ "primitives-yellow-50": "rgb(254, 250, 207)",
140
+ "primitives-yellow-100": "rgb(254, 249, 195)",
141
+ "primitives-yellow-200": "rgb(254, 240, 138)",
142
+ "primitives-yellow-300": "rgb(254, 235, 98)",
143
+ "primitives-yellow-400": "rgb(252, 220, 60)",
144
+ "primitives-yellow-500": "rgb(250, 204, 21)",
145
+ "primitives-yellow-550": "rgb(242, 191, 15)",
146
+ "primitives-yellow-600": "rgb(234, 179, 8)",
147
+ "primitives-yellow-800": "rgb(133, 77, 14)",
148
+ "primitives-yellow-900": "rgb(100, 55, 10)",
149
+ "primitives-yellow-950": "rgb(66, 32, 6)"
150
+ }
package/sd-output/global.json ADDED
@@ -0,0 +1,4 @@
1
+ {
2
+ "linear-gradient-top": "linear-gradient(180deg, #0f0f12 0%, #0f0f1200 100%)",
3
+ "linear-gradient-bottom": "linear-gradient(180deg, #0f0f1200 0%, #0f0f12 100%)"
4
+ }
package/sd-output/light-mode.json ADDED
@@ -0,0 +1,150 @@
1
+ {
2
+ "core-content-primary": "rgb(30, 30, 35)",
3
+ "core-content-secondary": "rgb(72, 72, 81)",
4
+ "core-content-tertiary": "rgb(100, 100, 116)",
5
+ "core-content-placeholder": "rgb(100, 100, 116)",
6
+ "core-content-on-bg-inverse": "rgb(251, 251, 253)",
7
+ "core-content-always-white": "rgb(242, 242, 248)",
8
+ "core-content-accent-soft": "rgb(60, 38, 235)",
9
+ "core-content-always-black": "rgb(15, 15, 18)",
10
+ "core-content-link-visited": "rgb(43, 28, 163)",
11
+ "core-content-accent": "rgb(251, 251, 253)",
12
+ "core-bg-primary": "rgb(251, 251, 253)",
13
+ "core-bg-secondary": "rgb(242, 242, 248)",
14
+ "core-bg-tertiary": "rgb(251, 251, 253)",
15
+ "core-bg-tertiary-hover": "rgb(219, 219, 233)",
16
+ "core-bg-accent": "rgb(85, 92, 249)",
17
+ "core-bg-accent-soft": "rgb(208, 218, 255)",
18
+ "core-bg-accent-soft-hover": "rgb(178, 191, 255)",
19
+ "core-bg-on-color-inverse": "rgb(30, 30, 35)",
20
+ "core-bg-loading": "rgb(72, 65, 242)",
21
+ "core-bg-modal-overlay": "rgba(15, 15, 18, 0.75)",
22
+ "core-bg-gradient-0": "rgba(251, 251, 253, 0)",
23
+ "core-bg-accent-hover": "rgb(67, 61, 226)",
24
+ "core-bg-text-mark-soft": "rgb(229, 235, 255)",
25
+ "core-bg-text-mark-soft-hover": "rgb(208, 218, 255)",
26
+ "core-bg-text-mark": "rgb(178, 191, 255)",
27
+ "core-bg-text-mark-hover": "rgb(147, 151, 254)",
28
+ "core-bg-skeleton": "rgb(149, 149, 172)",
29
+ "core-border-default": "rgb(219, 219, 233)",
30
+ "core-border-focus": "rgb(85, 92, 249)",
31
+ "core-border-hover": "rgb(149, 149, 172)",
32
+ "core-border-contrast": "rgb(127, 127, 148)",
33
+ "core-border-contrast-hover": "rgb(51, 51, 60)",
34
+ "core-border-text-mark": "rgb(85, 92, 249)",
35
+ "core-border-text-mark-hover": "rgb(67, 61, 226)",
36
+ "brand-content-default": "rgb(15, 15, 18)",
37
+ "brand-content-brand-soft": "rgb(87, 98, 0)",
38
+ "brand-bg-brand": "rgb(204, 232, 4)",
39
+ "brand-bg-brand-hover": "rgb(220, 247, 6)",
40
+ "brand-bg-brand-soft": "rgb(233, 247, 129)",
41
+ "brand-border-default": "rgb(188, 217, 2)",
42
+ "semantic-content-success": "rgb(251, 251, 253)",
43
+ "semantic-content-success-soft": "rgb(22, 101, 52)",
44
+ "semantic-content-error": "rgb(251, 251, 253)",
45
+ "semantic-content-error-soft": "rgb(153, 27, 27)",
46
+ "semantic-content-warning": "rgb(15, 15, 18)",
47
+ "semantic-content-warning-soft": "rgb(133, 77, 14)",
48
+ "semantic-content-info": "rgb(251, 251, 253)",
49
+ "semantic-content-info-soft": "rgb(43, 28, 163)",
50
+ "semantic-content-error-label": "rgb(220, 38, 38)",
51
+ "semantic-content-success-label": "rgb(21, 128, 61)",
52
+ "semantic-bg-success": "rgb(21, 128, 61)",
53
+ "semantic-bg-success-soft": "rgb(220, 252, 231)",
54
+ "semantic-bg-success-action": "rgb(22, 101, 52)",
55
+ "semantic-bg-success-soft-action": "rgb(187, 247, 208)",
56
+ "semantic-bg-error": "rgb(220, 38, 38)",
57
+ "semantic-bg-error-action": "rgb(185, 28, 28)",
58
+ "semantic-bg-error-soft": "rgb(254, 226, 226)",
59
+ "semantic-bg-error-soft-action": "rgb(254, 202, 202)",
60
+ "semantic-bg-warning": "rgb(252, 220, 60)",
61
+ "semantic-bg-warning-action": "rgb(242, 191, 15)",
62
+ "semantic-bg-warning-soft": "rgb(254, 250, 207)",
63
+ "semantic-bg-warning-soft-action": "rgb(254, 240, 138)",
64
+ "semantic-bg-info": "rgb(67, 61, 226)",
65
+ "semantic-bg-info-action": "rgb(52, 33, 199)",
66
+ "semantic-bg-info-soft": "rgb(229, 235, 255)",
67
+ "semantic-bg-info-soft-action": "rgb(208, 218, 255)",
68
+ "semantic-bg-error-action-hover": "rgb(153, 27, 27)",
69
+ "semantic-bg-success-action-hover": "rgb(10, 77, 37)",
70
+ "semantic-border-success": "rgb(22, 101, 52)",
71
+ "semantic-border-success-soft": "rgb(187, 247, 208)",
72
+ "semantic-border-error": "rgb(153, 27, 27)",
73
+ "semantic-border-error-soft": "rgb(254, 202, 202)",
74
+ "semantic-border-warning": "rgb(250, 204, 21)",
75
+ "semantic-border-warning-soft": "rgb(254, 240, 138)",
76
+ "semantic-border-info": "rgb(60, 38, 235)",
77
+ "semantic-border-info-soft": "rgb(208, 218, 255)",
78
+ "primitives-neutral-25": "rgb(251, 251, 253)",
79
+ "primitives-neutral-50": "rgb(242, 242, 248)",
80
+ "primitives-neutral-100": "rgb(235, 235, 244)",
81
+ "primitives-neutral-150": "rgb(219, 219, 233)",
82
+ "primitives-neutral-200": "rgb(204, 204, 222)",
83
+ "primitives-neutral-300": "rgb(185, 185, 206)",
84
+ "primitives-neutral-400": "rgb(149, 149, 172)",
85
+ "primitives-neutral-450": "rgb(127, 127, 148)",
86
+ "primitives-neutral-500": "rgb(100, 100, 116)",
87
+ "primitives-neutral-600": "rgb(72, 72, 81)",
88
+ "primitives-neutral-700": "rgb(51, 51, 60)",
89
+ "primitives-neutral-800": "rgb(30, 30, 35)",
90
+ "primitives-neutral-900": "rgb(23, 23, 28)",
91
+ "primitives-neutral-950": "rgb(15, 15, 18)",
92
+ "primitives-neutral-950-0": "rgba(15, 15, 18, 0)",
93
+ "primitives-neutral-25-0": "rgba(251, 251, 253, 0)",
94
+ "primitives-neutral-950-75": "rgba(15, 15, 18, 0.75)",
95
+ "primitives-brand-25": "rgb(253, 255, 238)",
96
+ "primitives-brand-50": "rgb(251, 255, 220)",
97
+ "primitives-brand-100": "rgb(248, 255, 191)",
98
+ "primitives-brand-200": "rgb(243, 255, 146)",
99
+ "primitives-brand-250": "rgb(233, 247, 129)",
100
+ "primitives-brand-300": "rgb(230, 246, 104)",
101
+ "primitives-brand-400": "rgb(224, 245, 56)",
102
+ "primitives-brand-500": "rgb(220, 247, 6)",
103
+ "primitives-brand-550": "rgb(204, 232, 4)",
104
+ "primitives-brand-600": "rgb(188, 217, 2)",
105
+ "primitives-brand-700": "rgb(165, 185, 0)",
106
+ "primitives-brand-800": "rgb(121, 136, 0)",
107
+ "primitives-brand-900": "rgb(87, 98, 0)",
108
+ "primitives-brand-950": "rgb(60, 67, 1)",
109
+ "primitives-ultramarine-25": "rgb(244, 245, 255)",
110
+ "primitives-ultramarine-50": "rgb(229, 235, 255)",
111
+ "primitives-ultramarine-100": "rgb(208, 218, 255)",
112
+ "primitives-ultramarine-200": "rgb(178, 191, 255)",
113
+ "primitives-ultramarine-300": "rgb(147, 151, 254)",
114
+ "primitives-ultramarine-400": "rgb(85, 92, 249)",
115
+ "primitives-ultramarine-450": "rgb(72, 65, 242)",
116
+ "primitives-ultramarine-500": "rgb(67, 61, 226)",
117
+ "primitives-ultramarine-600": "rgb(60, 38, 235)",
118
+ "primitives-ultramarine-700": "rgb(52, 33, 199)",
119
+ "primitives-ultramarine-800": "rgb(43, 28, 163)",
120
+ "primitives-ultramarine-900": "rgb(35, 23, 128)",
121
+ "primitives-ultramarine-950": "rgb(27, 18, 92)",
122
+ "primitives-green-100": "rgb(220, 252, 231)",
123
+ "primitives-green-200": "rgb(187, 247, 208)",
124
+ "primitives-green-300": "rgb(112, 243, 160)",
125
+ "primitives-green-400": "rgb(74, 222, 128)",
126
+ "primitives-green-700": "rgb(21, 128, 61)",
127
+ "primitives-green-800": "rgb(22, 101, 52)",
128
+ "primitives-green-900": "rgb(10, 77, 37)",
129
+ "primitives-green-950": "rgb(5, 46, 22)",
130
+ "primitives-red-100": "rgb(254, 226, 226)",
131
+ "primitives-red-200": "rgb(254, 202, 202)",
132
+ "primitives-red-300": "rgb(254, 140, 140)",
133
+ "primitives-red-400": "rgb(248, 113, 113)",
134
+ "primitives-red-600": "rgb(220, 38, 38)",
135
+ "primitives-red-700": "rgb(185, 28, 28)",
136
+ "primitives-red-800": "rgb(153, 27, 27)",
137
+ "primitives-red-900": "rgb(111, 19, 19)",
138
+ "primitives-red-950": "rgb(69, 10, 10)",
139
+ "primitives-yellow-50": "rgb(254, 250, 207)",
140
+ "primitives-yellow-100": "rgb(254, 249, 195)",
141
+ "primitives-yellow-200": "rgb(254, 240, 138)",
142
+ "primitives-yellow-300": "rgb(254, 235, 98)",
143
+ "primitives-yellow-400": "rgb(252, 220, 60)",
144
+ "primitives-yellow-500": "rgb(250, 204, 21)",
145
+ "primitives-yellow-550": "rgb(242, 191, 15)",
146
+ "primitives-yellow-600": "rgb(234, 179, 8)",
147
+ "primitives-yellow-800": "rgb(133, 77, 14)",
148
+ "primitives-yellow-900": "rgb(100, 55, 10)",
149
+ "primitives-yellow-950": "rgb(66, 32, 6)"
150
+ }
package/sd-output/spacings.json ADDED
@@ -0,0 +1,59 @@
1
+ {
2
+ "LINEHEIGHT-XL": "1.75rem",
3
+ "LINEHEIGHT-2-XL": "2.25rem",
4
+ "LINEHEIGHT-M": "1.5rem",
5
+ "LINEHEIGHT-L": "1.625rem",
6
+ "LINEHEIGHT-S": "1.25rem",
7
+ "LINEHEIGHT-XS": "1rem",
8
+ "LINEHEIGHT-2-XS": "0.875rem",
9
+ "FONTSIZE-2-XL": "1.875rem",
10
+ "FONTSIZE-XL": "1.5rem",
11
+ "FONTSIZE-L": "1.25rem",
12
+ "FONTSIZE-S": "1rem",
13
+ "FONTSIZE-XS": "0.875rem",
14
+ "FONTSIZE-M": "1.125rem",
15
+ "FONTSIZE-2-XS": "0.75rem",
16
+ "NONE": "0rem",
17
+ "DEFAULT": "0.25rem",
18
+ "MODAL": "0.5rem",
19
+ "CHIPS": "2.75rem",
20
+ "3XS": "0.25rem",
21
+ "XS": "0.5rem",
22
+ "M": "0.75rem",
23
+ "L": "1rem",
24
+ "XL": "1.25rem",
25
+ "XXL": "1.5rem",
26
+ "3XL": "2rem",
27
+ "4XL": "3rem",
28
+ "5XL": "4rem",
29
+ "4XS": "0.125rem",
30
+ "XXS": "0.25rem",
31
+ "S": "0.5rem",
32
+ "LETTERSPACING-0": "0em",
33
+ "LETTERSPACING-1": "0em",
34
+ "LETTERSPACING-2": "0em",
35
+ "LETTERSPACING-3": "0em",
36
+ "LETTERSPACING-4": "0em",
37
+ "LETTERSPACING-5": "0em",
38
+ "LETTERSPACING-6": "0em",
39
+ "LETTERSPACING-7": "0em",
40
+ "LETTERSPACING-8": "0em",
41
+ "LETTERSPACING-9": "0em",
42
+ "LETTERSPACING-10": "0em",
43
+ "LETTERSPACING-11": "0em",
44
+ "LETTERSPACING-12": "0em",
45
+ "PARAGRAPHSPACING-0": "0",
46
+ "PARAGRAPHSPACING-1": "0",
47
+ "PARAGRAPHSPACING-2": "0",
48
+ "PARAGRAPHSPACING-3": "0",
49
+ "PARAGRAPHSPACING-4": "0",
50
+ "PARAGRAPHSPACING-5": "0",
51
+ "PARAGRAPHSPACING-6": "0",
52
+ "PARAGRAPHSPACING-7": "0",
53
+ "PARAGRAPHSPACING-8": "0",
54
+ "PARAGRAPHSPACING-9": "0",
55
+ "PARAGRAPHSPACING-10": "0",
56
+ "PARAGRAPHSPACING-11": "0",
57
+ "PARAGRAPHSPACING-12": "0",
58
+ "PARAGRAPHINDENT-0": "0px"
59
+ }
package/sd-output/typography.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "heading-30": {"font-family":"var(--custom-font-family, Raleway)","font-weight":700,"line-height":"2.25rem","font-size":"1.875rem","letter-spacing":"0em","text-decoration":"none"},
3
+ "heading-20": {"font-family":"var(--custom-font-family, Raleway)","font-weight":700,"line-height":"1.625rem","font-size":"1.25rem","letter-spacing":"0em","text-decoration":"none"},
4
+ "heading-18": {"font-family":"var(--custom-font-family, Raleway)","font-weight":700,"line-height":"1.5rem","font-size":"1.125rem","letter-spacing":"0em","text-decoration":"none"},
5
+ "heading-16": {"font-family":"var(--custom-font-family, Raleway)","font-weight":700,"line-height":"1.5rem","font-size":"1rem","letter-spacing":"0em","text-decoration":"none"},
6
+ "heading-14": {"font-family":"var(--custom-font-family, Raleway)","font-weight":600,"line-height":"1rem","font-size":"0.875rem","letter-spacing":"0em","text-decoration":"none"},
7
+ "body-16-bold": {"font-family":"var(--custom-font-family, Raleway)","font-weight":700,"line-height":"1.5rem","font-size":"1rem","letter-spacing":"0em","text-decoration":"none"},
8
+ "body-16": {"font-family":"var(--custom-font-family, Raleway)","font-weight":500,"line-height":"1.5rem","font-size":"1rem","letter-spacing":"0em","text-decoration":"none"},
9
+ "body-16-compact": {"font-family":"var(--custom-font-family, Raleway)","font-weight":500,"line-height":"1.25rem","font-size":"1rem","letter-spacing":"0em","text-decoration":"none"},
10
+ "label-14-bold": {"font-family":"var(--custom-font-family, Raleway)","font-weight":700,"line-height":"1rem","font-size":"0.875rem","letter-spacing":"0em","text-decoration":"none"},
11
+ "label-14": {"font-family":"var(--custom-font-family, Raleway)","font-weight":500,"line-height":"1rem","font-size":"0.875rem","letter-spacing":"0em","text-decoration":"none"},
12
+ "label-12-bold": {"font-family":"var(--custom-font-family, Raleway)","font-weight":700,"line-height":"0.875rem","font-size":"0.75rem","letter-spacing":"0em","text-decoration":"none"},
13
+ "label-12": {"font-family":"var(--custom-font-family, Raleway)","font-weight":500,"line-height":"0.875rem","font-size":"0.75rem","letter-spacing":"0em","text-decoration":"none"},
14
+ "label-12-semibold": {"font-family":"var(--custom-font-family, Raleway)","font-weight":600,"line-height":"AUTO","font-size":"12px","letter-spacing":"0em","text-decoration":"none"}
15
+ }
package/src/index.ts CHANGED
@@ -127,13 +127,13 @@ const createPresets = (): Preset<Theme>[] => {
127
127
  // clone the darkModeSet to avoid mutating the original object. the original object is currently being used in the getCSS function.
128
128
  dark: { colors: structuredClone(darkModeSet) },
129
129
  },
130
- }) as unknown as Preset<Theme>
130
+ }) as unknown as Preset<Theme>,
131
131
  );
132
132
 
133
133
  presets.push(
134
134
  presetLegacyCompat({
135
135
  legacyColorSpace: true,
136
- }) as unknown as Preset<Theme>
136
+ }) as unknown as Preset<Theme>,
137
137
  );
138
138
 
139
139
  return presets;