@spectrabrain/eds 0.0.1

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 (19) hide show
  1. package/AI.md +48 -0
  2. package/NOTICE +16 -0
  3. package/README.md +94 -0
  4. package/dist/components.css +915 -0
  5. package/dist/fonts/Pretendard-OFL-1.1.txt +94 -0
  6. package/dist/fonts/PretendardVariable.woff2 +0 -0
  7. package/dist/fonts.css +15 -0
  8. package/dist/index.d.mts +89 -0
  9. package/dist/index.d.ts +89 -0
  10. package/dist/index.js +7739 -0
  11. package/dist/index.mjs +7734 -0
  12. package/dist/styles.css +4 -0
  13. package/dist/tokens.css +146 -0
  14. package/dist/tokens.d.mts +16 -0
  15. package/dist/tokens.d.ts +16 -0
  16. package/dist/tokens.js +1228 -0
  17. package/dist/tokens.json +1500 -0
  18. package/dist/tokens.mjs +1224 -0
  19. package/package.json +109 -0
package/dist/styles.css ADDED
@@ -0,0 +1,4 @@
1
+ /* This file is generated by scripts/build-tokens.ts. Do not edit directly. */
2
+ @import "./fonts.css";
3
+ @import "./tokens.css";
4
+ @import "./components.css";
package/dist/tokens.css ADDED
@@ -0,0 +1,146 @@
1
+ /* This file is generated by scripts/build-tokens.ts. Do not edit directly. */
2
+ :root {
3
+ --eds-color-bg-brand-primary: #FE4101;
4
+ --eds-color-bg-brand-primary-hover: #DB3700;
5
+ --eds-color-bg-critical-primary: #EF4444;
6
+ --eds-color-bg-critical-primary-hover: #DC2626;
7
+ --eds-color-bg-critical-weak: #FEF2F2;
8
+ --eds-color-bg-critical-weak-hover: #FEE2E2;
9
+ --eds-color-bg-disabled: #E5E7EB;
10
+ --eds-color-bg-informative-primary: #3B82F6;
11
+ --eds-color-bg-informative-primary-hover: #2563EB;
12
+ --eds-color-bg-informative-weak: #EFF6FF;
13
+ --eds-color-bg-informative-weak-hover: #DBEAFE;
14
+ --eds-color-bg-layer-basement: #F3F4F6;
15
+ --eds-color-bg-layer-default: #FFFFFF;
16
+ --eds-color-bg-layer-default-hover: #F9FAFB;
17
+ --eds-color-bg-layer-floating: #FFFFFF;
18
+ --eds-color-bg-layer-floating-hover: #F9FAFB;
19
+ --eds-color-bg-neutral-inverted: #374151;
20
+ --eds-color-bg-neutral-inverted-hover: #374151;
21
+ --eds-color-bg-neutral-primary: #FFFFFF;
22
+ --eds-color-bg-neutral-primary-hover: #F3F4F6;
23
+ --eds-color-bg-neutral-weak: #E5E7EB;
24
+ --eds-color-bg-neutral-weak-hover: #D1D5DB;
25
+ --eds-color-bg-positive-primary: #22C55E;
26
+ --eds-color-bg-positive-primary-hover: #16A34A;
27
+ --eds-color-bg-positive-weak: #F0FDF4;
28
+ --eds-color-bg-positive-weak-hover: #DCFCE7;
29
+ --eds-color-bg-transparent: #00000000;
30
+ --eds-color-bg-transparent-hover: #00000007;
31
+ --eds-color-bg-warning-primary: #FDE047;
32
+ --eds-color-bg-warning-primary-hover: #FACC15;
33
+ --eds-color-bg-warning-weak: #FEFCE8;
34
+ --eds-color-bg-warning-weak-hover: #FEF9C3;
35
+ --eds-color-fg-brand: #FE4101;
36
+ --eds-color-fg-brand-contrast: #AE2B00;
37
+ --eds-color-fg-critical: #EF4444;
38
+ --eds-color-fg-critical-contrast: #B91C1C;
39
+ --eds-color-fg-disabled: #D1D5DB;
40
+ --eds-color-fg-focus: #374151;
41
+ --eds-color-fg-informative: #3B82F6;
42
+ --eds-color-fg-informative-contrast: #1D4ED8;
43
+ --eds-color-fg-neutral: #374151;
44
+ --eds-color-fg-neutral-inverted: #FFFFFF;
45
+ --eds-color-fg-neutral-secondary: #4B5563;
46
+ --eds-color-fg-neutral-tertiary: #9CA3AF;
47
+ --eds-color-fg-placeholder: #9CA3AF;
48
+ --eds-color-fg-positive: #22C55E;
49
+ --eds-color-fg-positive-contrast: #15803D;
50
+ --eds-color-fg-warning: #CA8A04;
51
+ --eds-color-fg-warning-contrast: #713F12;
52
+ --eds-color-stroke-brand-primary: #DB3700;
53
+ --eds-color-stroke-critical-primary: #EF4444;
54
+ --eds-color-stroke-critical-weak: #FECACA;
55
+ --eds-color-stroke-focusRing: #374151;
56
+ --eds-color-stroke-informative-primary: #3B82F6;
57
+ --eds-color-stroke-informative-weak: #BFDBFE;
58
+ --eds-color-stroke-neutral-contrast: #374151;
59
+ --eds-color-stroke-neutral-primary: #4B5563;
60
+ --eds-color-stroke-neutral-secondary: #E5E7EB;
61
+ --eds-color-stroke-neutral-weak: #F3F4F6;
62
+ --eds-color-stroke-positive-primary: #22C55E;
63
+ --eds-color-stroke-positive-weak: #BBF7D0;
64
+ --eds-color-stroke-warning-primary: #EAB308;
65
+ --eds-color-stroke-warning-weak: #FDE047;
66
+ --eds-typography-body1-fontFamily: Pretendard, system-ui, sans-serif;
67
+ --eds-typography-body1-fontSize: 1.125rem;
68
+ --eds-typography-body1-fontWeight: 500;
69
+ --eds-typography-body1-letterSpacing: 0px;
70
+ --eds-typography-body1-lineHeight: 1.75rem;
71
+ --eds-typography-body2-fontFamily: Pretendard, system-ui, sans-serif;
72
+ --eds-typography-body2-fontSize: 1rem;
73
+ --eds-typography-body2-fontWeight: 500;
74
+ --eds-typography-body2-letterSpacing: 0px;
75
+ --eds-typography-body2-lineHeight: 1.5rem;
76
+ --eds-typography-body3-fontFamily: Pretendard, system-ui, sans-serif;
77
+ --eds-typography-body3-fontSize: 0.875rem;
78
+ --eds-typography-body3-fontWeight: 500;
79
+ --eds-typography-body3-letterSpacing: 0px;
80
+ --eds-typography-body3-lineHeight: 1.25rem;
81
+ --eds-typography-body4-fontFamily: Pretendard, system-ui, sans-serif;
82
+ --eds-typography-body4-fontSize: 0.8125rem;
83
+ --eds-typography-body4-fontWeight: 500;
84
+ --eds-typography-body4-letterSpacing: 0px;
85
+ --eds-typography-body4-lineHeight: 1.25rem;
86
+ --eds-typography-caption1-fontFamily: Pretendard, system-ui, sans-serif;
87
+ --eds-typography-caption1-fontSize: 0.75rem;
88
+ --eds-typography-caption1-fontWeight: 550;
89
+ --eds-typography-caption1-letterSpacing: 0px;
90
+ --eds-typography-caption1-lineHeight: 1.125rem;
91
+ --eds-typography-caption2-fontFamily: Pretendard, system-ui, sans-serif;
92
+ --eds-typography-caption2-fontSize: 0.75rem;
93
+ --eds-typography-caption2-fontWeight: 500;
94
+ --eds-typography-caption2-letterSpacing: 0px;
95
+ --eds-typography-caption2-lineHeight: 1.125rem;
96
+ --eds-typography-caption3-fontFamily: Pretendard, system-ui, sans-serif;
97
+ --eds-typography-caption3-fontSize: 0.6875rem;
98
+ --eds-typography-caption3-fontWeight: 550;
99
+ --eds-typography-caption3-letterSpacing: 0px;
100
+ --eds-typography-caption3-lineHeight: 1rem;
101
+ --eds-typography-display1-fontFamily: Pretendard, system-ui, sans-serif;
102
+ --eds-typography-display1-fontSize: 2.5rem;
103
+ --eds-typography-display1-fontWeight: 700;
104
+ --eds-typography-display1-letterSpacing: -0.6px;
105
+ --eds-typography-display1-lineHeight: 3.125rem;
106
+ --eds-typography-display2-fontFamily: Pretendard, system-ui, sans-serif;
107
+ --eds-typography-display2-fontSize: 2.25rem;
108
+ --eds-typography-display2-fontWeight: 700;
109
+ --eds-typography-display2-letterSpacing: -0.6px;
110
+ --eds-typography-display2-lineHeight: 2.75rem;
111
+ --eds-typography-heading1-fontFamily: Pretendard, system-ui, sans-serif;
112
+ --eds-typography-heading1-fontSize: 1.625rem;
113
+ --eds-typography-heading1-fontWeight: 700;
114
+ --eds-typography-heading1-letterSpacing: -0.4px;
115
+ --eds-typography-heading1-lineHeight: 2.5rem;
116
+ --eds-typography-heading2-fontFamily: Pretendard, system-ui, sans-serif;
117
+ --eds-typography-heading2-fontSize: 1.5rem;
118
+ --eds-typography-heading2-fontWeight: 700;
119
+ --eds-typography-heading2-letterSpacing: -0.4px;
120
+ --eds-typography-heading2-lineHeight: 2.25rem;
121
+ --eds-typography-heading3-fontFamily: Pretendard, system-ui, sans-serif;
122
+ --eds-typography-heading3-fontSize: 1.375rem;
123
+ --eds-typography-heading3-fontWeight: 700;
124
+ --eds-typography-heading3-letterSpacing: -0.4px;
125
+ --eds-typography-heading3-lineHeight: 2rem;
126
+ --eds-typography-title1-fontFamily: Pretendard, system-ui, sans-serif;
127
+ --eds-typography-title1-fontSize: 1.125rem;
128
+ --eds-typography-title1-fontWeight: 550;
129
+ --eds-typography-title1-letterSpacing: 0px;
130
+ --eds-typography-title1-lineHeight: 1.75rem;
131
+ --eds-typography-title2-fontFamily: Pretendard, system-ui, sans-serif;
132
+ --eds-typography-title2-fontSize: 1rem;
133
+ --eds-typography-title2-fontWeight: 550;
134
+ --eds-typography-title2-letterSpacing: 0px;
135
+ --eds-typography-title2-lineHeight: 1.5rem;
136
+ --eds-typography-title3-fontFamily: Pretendard, system-ui, sans-serif;
137
+ --eds-typography-title3-fontSize: 0.875rem;
138
+ --eds-typography-title3-fontWeight: 550;
139
+ --eds-typography-title3-letterSpacing: 0px;
140
+ --eds-typography-title3-lineHeight: 1.25rem;
141
+ --eds-typography-title4-fontFamily: Pretendard, system-ui, sans-serif;
142
+ --eds-typography-title4-fontSize: 0.8125rem;
143
+ --eds-typography-title4-fontWeight: 550;
144
+ --eds-typography-title4-letterSpacing: 0px;
145
+ --eds-typography-title4-lineHeight: 1.25rem;
146
+ }
package/dist/tokens.d.mts ADDED
@@ -0,0 +1,16 @@
1
+ type SemanticTokenName = "color-bg-brand-primary" | "color-bg-brand-primary-hover" | "color-bg-critical-primary" | "color-bg-critical-primary-hover" | "color-bg-critical-weak" | "color-bg-critical-weak-hover" | "color-bg-disabled" | "color-bg-informative-primary" | "color-bg-informative-primary-hover" | "color-bg-informative-weak" | "color-bg-informative-weak-hover" | "color-bg-layer-basement" | "color-bg-layer-default" | "color-bg-layer-default-hover" | "color-bg-layer-floating" | "color-bg-layer-floating-hover" | "color-bg-neutral-inverted" | "color-bg-neutral-inverted-hover" | "color-bg-neutral-primary" | "color-bg-neutral-primary-hover" | "color-bg-neutral-weak" | "color-bg-neutral-weak-hover" | "color-bg-positive-primary" | "color-bg-positive-primary-hover" | "color-bg-positive-weak" | "color-bg-positive-weak-hover" | "color-bg-transparent" | "color-bg-transparent-hover" | "color-bg-warning-primary" | "color-bg-warning-primary-hover" | "color-bg-warning-weak" | "color-bg-warning-weak-hover" | "color-fg-brand" | "color-fg-brand-contrast" | "color-fg-critical" | "color-fg-critical-contrast" | "color-fg-disabled" | "color-fg-focus" | "color-fg-informative" | "color-fg-informative-contrast" | "color-fg-neutral" | "color-fg-neutral-inverted" | "color-fg-neutral-secondary" | "color-fg-neutral-tertiary" | "color-fg-placeholder" | "color-fg-positive" | "color-fg-positive-contrast" | "color-fg-warning" | "color-fg-warning-contrast" | "color-stroke-brand-primary" | "color-stroke-critical-primary" | "color-stroke-critical-weak" | "color-stroke-focusRing" | "color-stroke-informative-primary" | "color-stroke-informative-weak" | "color-stroke-neutral-contrast" | "color-stroke-neutral-primary" | "color-stroke-neutral-secondary" | "color-stroke-neutral-weak" | "color-stroke-positive-primary" | "color-stroke-positive-weak" | "color-stroke-warning-primary" | "color-stroke-warning-weak" | "typography-body1-fontFamily" | "typography-body1-fontSize" | "typography-body1-fontWeight" | "typography-body1-letterSpacing" | "typography-body1-lineHeight" | "typography-body2-fontFamily" | "typography-body2-fontSize" | "typography-body2-fontWeight" | "typography-body2-letterSpacing" | "typography-body2-lineHeight" | "typography-body3-fontFamily" | "typography-body3-fontSize" | "typography-body3-fontWeight" | "typography-body3-letterSpacing" | "typography-body3-lineHeight" | "typography-body4-fontFamily" | "typography-body4-fontSize" | "typography-body4-fontWeight" | "typography-body4-letterSpacing" | "typography-body4-lineHeight" | "typography-caption1-fontFamily" | "typography-caption1-fontSize" | "typography-caption1-fontWeight" | "typography-caption1-letterSpacing" | "typography-caption1-lineHeight" | "typography-caption2-fontFamily" | "typography-caption2-fontSize" | "typography-caption2-fontWeight" | "typography-caption2-letterSpacing" | "typography-caption2-lineHeight" | "typography-caption3-fontFamily" | "typography-caption3-fontSize" | "typography-caption3-fontWeight" | "typography-caption3-letterSpacing" | "typography-caption3-lineHeight" | "typography-display1-fontFamily" | "typography-display1-fontSize" | "typography-display1-fontWeight" | "typography-display1-letterSpacing" | "typography-display1-lineHeight" | "typography-display2-fontFamily" | "typography-display2-fontSize" | "typography-display2-fontWeight" | "typography-display2-letterSpacing" | "typography-display2-lineHeight" | "typography-heading1-fontFamily" | "typography-heading1-fontSize" | "typography-heading1-fontWeight" | "typography-heading1-letterSpacing" | "typography-heading1-lineHeight" | "typography-heading2-fontFamily" | "typography-heading2-fontSize" | "typography-heading2-fontWeight" | "typography-heading2-letterSpacing" | "typography-heading2-lineHeight" | "typography-heading3-fontFamily" | "typography-heading3-fontSize" | "typography-heading3-fontWeight" | "typography-heading3-letterSpacing" | "typography-heading3-lineHeight" | "typography-title1-fontFamily" | "typography-title1-fontSize" | "typography-title1-fontWeight" | "typography-title1-letterSpacing" | "typography-title1-lineHeight" | "typography-title2-fontFamily" | "typography-title2-fontSize" | "typography-title2-fontWeight" | "typography-title2-letterSpacing" | "typography-title2-lineHeight" | "typography-title3-fontFamily" | "typography-title3-fontSize" | "typography-title3-fontWeight" | "typography-title3-letterSpacing" | "typography-title3-lineHeight" | "typography-title4-fontFamily" | "typography-title4-fontSize" | "typography-title4-fontWeight" | "typography-title4-letterSpacing" | "typography-title4-lineHeight";
2
+ type SemanticTokenType = "color" | "dimension" | "fontFamily" | "fontWeight";
3
+ type SemanticTokenCssVariable = "--eds-color-bg-brand-primary" | "--eds-color-bg-brand-primary-hover" | "--eds-color-bg-critical-primary" | "--eds-color-bg-critical-primary-hover" | "--eds-color-bg-critical-weak" | "--eds-color-bg-critical-weak-hover" | "--eds-color-bg-disabled" | "--eds-color-bg-informative-primary" | "--eds-color-bg-informative-primary-hover" | "--eds-color-bg-informative-weak" | "--eds-color-bg-informative-weak-hover" | "--eds-color-bg-layer-basement" | "--eds-color-bg-layer-default" | "--eds-color-bg-layer-default-hover" | "--eds-color-bg-layer-floating" | "--eds-color-bg-layer-floating-hover" | "--eds-color-bg-neutral-inverted" | "--eds-color-bg-neutral-inverted-hover" | "--eds-color-bg-neutral-primary" | "--eds-color-bg-neutral-primary-hover" | "--eds-color-bg-neutral-weak" | "--eds-color-bg-neutral-weak-hover" | "--eds-color-bg-positive-primary" | "--eds-color-bg-positive-primary-hover" | "--eds-color-bg-positive-weak" | "--eds-color-bg-positive-weak-hover" | "--eds-color-bg-transparent" | "--eds-color-bg-transparent-hover" | "--eds-color-bg-warning-primary" | "--eds-color-bg-warning-primary-hover" | "--eds-color-bg-warning-weak" | "--eds-color-bg-warning-weak-hover" | "--eds-color-fg-brand" | "--eds-color-fg-brand-contrast" | "--eds-color-fg-critical" | "--eds-color-fg-critical-contrast" | "--eds-color-fg-disabled" | "--eds-color-fg-focus" | "--eds-color-fg-informative" | "--eds-color-fg-informative-contrast" | "--eds-color-fg-neutral" | "--eds-color-fg-neutral-inverted" | "--eds-color-fg-neutral-secondary" | "--eds-color-fg-neutral-tertiary" | "--eds-color-fg-placeholder" | "--eds-color-fg-positive" | "--eds-color-fg-positive-contrast" | "--eds-color-fg-warning" | "--eds-color-fg-warning-contrast" | "--eds-color-stroke-brand-primary" | "--eds-color-stroke-critical-primary" | "--eds-color-stroke-critical-weak" | "--eds-color-stroke-focusRing" | "--eds-color-stroke-informative-primary" | "--eds-color-stroke-informative-weak" | "--eds-color-stroke-neutral-contrast" | "--eds-color-stroke-neutral-primary" | "--eds-color-stroke-neutral-secondary" | "--eds-color-stroke-neutral-weak" | "--eds-color-stroke-positive-primary" | "--eds-color-stroke-positive-weak" | "--eds-color-stroke-warning-primary" | "--eds-color-stroke-warning-weak" | "--eds-typography-body1-fontFamily" | "--eds-typography-body1-fontSize" | "--eds-typography-body1-fontWeight" | "--eds-typography-body1-letterSpacing" | "--eds-typography-body1-lineHeight" | "--eds-typography-body2-fontFamily" | "--eds-typography-body2-fontSize" | "--eds-typography-body2-fontWeight" | "--eds-typography-body2-letterSpacing" | "--eds-typography-body2-lineHeight" | "--eds-typography-body3-fontFamily" | "--eds-typography-body3-fontSize" | "--eds-typography-body3-fontWeight" | "--eds-typography-body3-letterSpacing" | "--eds-typography-body3-lineHeight" | "--eds-typography-body4-fontFamily" | "--eds-typography-body4-fontSize" | "--eds-typography-body4-fontWeight" | "--eds-typography-body4-letterSpacing" | "--eds-typography-body4-lineHeight" | "--eds-typography-caption1-fontFamily" | "--eds-typography-caption1-fontSize" | "--eds-typography-caption1-fontWeight" | "--eds-typography-caption1-letterSpacing" | "--eds-typography-caption1-lineHeight" | "--eds-typography-caption2-fontFamily" | "--eds-typography-caption2-fontSize" | "--eds-typography-caption2-fontWeight" | "--eds-typography-caption2-letterSpacing" | "--eds-typography-caption2-lineHeight" | "--eds-typography-caption3-fontFamily" | "--eds-typography-caption3-fontSize" | "--eds-typography-caption3-fontWeight" | "--eds-typography-caption3-letterSpacing" | "--eds-typography-caption3-lineHeight" | "--eds-typography-display1-fontFamily" | "--eds-typography-display1-fontSize" | "--eds-typography-display1-fontWeight" | "--eds-typography-display1-letterSpacing" | "--eds-typography-display1-lineHeight" | "--eds-typography-display2-fontFamily" | "--eds-typography-display2-fontSize" | "--eds-typography-display2-fontWeight" | "--eds-typography-display2-letterSpacing" | "--eds-typography-display2-lineHeight" | "--eds-typography-heading1-fontFamily" | "--eds-typography-heading1-fontSize" | "--eds-typography-heading1-fontWeight" | "--eds-typography-heading1-letterSpacing" | "--eds-typography-heading1-lineHeight" | "--eds-typography-heading2-fontFamily" | "--eds-typography-heading2-fontSize" | "--eds-typography-heading2-fontWeight" | "--eds-typography-heading2-letterSpacing" | "--eds-typography-heading2-lineHeight" | "--eds-typography-heading3-fontFamily" | "--eds-typography-heading3-fontSize" | "--eds-typography-heading3-fontWeight" | "--eds-typography-heading3-letterSpacing" | "--eds-typography-heading3-lineHeight" | "--eds-typography-title1-fontFamily" | "--eds-typography-title1-fontSize" | "--eds-typography-title1-fontWeight" | "--eds-typography-title1-letterSpacing" | "--eds-typography-title1-lineHeight" | "--eds-typography-title2-fontFamily" | "--eds-typography-title2-fontSize" | "--eds-typography-title2-fontWeight" | "--eds-typography-title2-letterSpacing" | "--eds-typography-title2-lineHeight" | "--eds-typography-title3-fontFamily" | "--eds-typography-title3-fontSize" | "--eds-typography-title3-fontWeight" | "--eds-typography-title3-letterSpacing" | "--eds-typography-title3-lineHeight" | "--eds-typography-title4-fontFamily" | "--eds-typography-title4-fontSize" | "--eds-typography-title4-fontWeight" | "--eds-typography-title4-letterSpacing" | "--eds-typography-title4-lineHeight";
4
+ type SemanticTokenCssReference = "var(--eds-color-bg-brand-primary)" | "var(--eds-color-bg-brand-primary-hover)" | "var(--eds-color-bg-critical-primary)" | "var(--eds-color-bg-critical-primary-hover)" | "var(--eds-color-bg-critical-weak)" | "var(--eds-color-bg-critical-weak-hover)" | "var(--eds-color-bg-disabled)" | "var(--eds-color-bg-informative-primary)" | "var(--eds-color-bg-informative-primary-hover)" | "var(--eds-color-bg-informative-weak)" | "var(--eds-color-bg-informative-weak-hover)" | "var(--eds-color-bg-layer-basement)" | "var(--eds-color-bg-layer-default)" | "var(--eds-color-bg-layer-default-hover)" | "var(--eds-color-bg-layer-floating)" | "var(--eds-color-bg-layer-floating-hover)" | "var(--eds-color-bg-neutral-inverted)" | "var(--eds-color-bg-neutral-inverted-hover)" | "var(--eds-color-bg-neutral-primary)" | "var(--eds-color-bg-neutral-primary-hover)" | "var(--eds-color-bg-neutral-weak)" | "var(--eds-color-bg-neutral-weak-hover)" | "var(--eds-color-bg-positive-primary)" | "var(--eds-color-bg-positive-primary-hover)" | "var(--eds-color-bg-positive-weak)" | "var(--eds-color-bg-positive-weak-hover)" | "var(--eds-color-bg-transparent)" | "var(--eds-color-bg-transparent-hover)" | "var(--eds-color-bg-warning-primary)" | "var(--eds-color-bg-warning-primary-hover)" | "var(--eds-color-bg-warning-weak)" | "var(--eds-color-bg-warning-weak-hover)" | "var(--eds-color-fg-brand)" | "var(--eds-color-fg-brand-contrast)" | "var(--eds-color-fg-critical)" | "var(--eds-color-fg-critical-contrast)" | "var(--eds-color-fg-disabled)" | "var(--eds-color-fg-focus)" | "var(--eds-color-fg-informative)" | "var(--eds-color-fg-informative-contrast)" | "var(--eds-color-fg-neutral)" | "var(--eds-color-fg-neutral-inverted)" | "var(--eds-color-fg-neutral-secondary)" | "var(--eds-color-fg-neutral-tertiary)" | "var(--eds-color-fg-placeholder)" | "var(--eds-color-fg-positive)" | "var(--eds-color-fg-positive-contrast)" | "var(--eds-color-fg-warning)" | "var(--eds-color-fg-warning-contrast)" | "var(--eds-color-stroke-brand-primary)" | "var(--eds-color-stroke-critical-primary)" | "var(--eds-color-stroke-critical-weak)" | "var(--eds-color-stroke-focusRing)" | "var(--eds-color-stroke-informative-primary)" | "var(--eds-color-stroke-informative-weak)" | "var(--eds-color-stroke-neutral-contrast)" | "var(--eds-color-stroke-neutral-primary)" | "var(--eds-color-stroke-neutral-secondary)" | "var(--eds-color-stroke-neutral-weak)" | "var(--eds-color-stroke-positive-primary)" | "var(--eds-color-stroke-positive-weak)" | "var(--eds-color-stroke-warning-primary)" | "var(--eds-color-stroke-warning-weak)" | "var(--eds-typography-body1-fontFamily)" | "var(--eds-typography-body1-fontSize)" | "var(--eds-typography-body1-fontWeight)" | "var(--eds-typography-body1-letterSpacing)" | "var(--eds-typography-body1-lineHeight)" | "var(--eds-typography-body2-fontFamily)" | "var(--eds-typography-body2-fontSize)" | "var(--eds-typography-body2-fontWeight)" | "var(--eds-typography-body2-letterSpacing)" | "var(--eds-typography-body2-lineHeight)" | "var(--eds-typography-body3-fontFamily)" | "var(--eds-typography-body3-fontSize)" | "var(--eds-typography-body3-fontWeight)" | "var(--eds-typography-body3-letterSpacing)" | "var(--eds-typography-body3-lineHeight)" | "var(--eds-typography-body4-fontFamily)" | "var(--eds-typography-body4-fontSize)" | "var(--eds-typography-body4-fontWeight)" | "var(--eds-typography-body4-letterSpacing)" | "var(--eds-typography-body4-lineHeight)" | "var(--eds-typography-caption1-fontFamily)" | "var(--eds-typography-caption1-fontSize)" | "var(--eds-typography-caption1-fontWeight)" | "var(--eds-typography-caption1-letterSpacing)" | "var(--eds-typography-caption1-lineHeight)" | "var(--eds-typography-caption2-fontFamily)" | "var(--eds-typography-caption2-fontSize)" | "var(--eds-typography-caption2-fontWeight)" | "var(--eds-typography-caption2-letterSpacing)" | "var(--eds-typography-caption2-lineHeight)" | "var(--eds-typography-caption3-fontFamily)" | "var(--eds-typography-caption3-fontSize)" | "var(--eds-typography-caption3-fontWeight)" | "var(--eds-typography-caption3-letterSpacing)" | "var(--eds-typography-caption3-lineHeight)" | "var(--eds-typography-display1-fontFamily)" | "var(--eds-typography-display1-fontSize)" | "var(--eds-typography-display1-fontWeight)" | "var(--eds-typography-display1-letterSpacing)" | "var(--eds-typography-display1-lineHeight)" | "var(--eds-typography-display2-fontFamily)" | "var(--eds-typography-display2-fontSize)" | "var(--eds-typography-display2-fontWeight)" | "var(--eds-typography-display2-letterSpacing)" | "var(--eds-typography-display2-lineHeight)" | "var(--eds-typography-heading1-fontFamily)" | "var(--eds-typography-heading1-fontSize)" | "var(--eds-typography-heading1-fontWeight)" | "var(--eds-typography-heading1-letterSpacing)" | "var(--eds-typography-heading1-lineHeight)" | "var(--eds-typography-heading2-fontFamily)" | "var(--eds-typography-heading2-fontSize)" | "var(--eds-typography-heading2-fontWeight)" | "var(--eds-typography-heading2-letterSpacing)" | "var(--eds-typography-heading2-lineHeight)" | "var(--eds-typography-heading3-fontFamily)" | "var(--eds-typography-heading3-fontSize)" | "var(--eds-typography-heading3-fontWeight)" | "var(--eds-typography-heading3-letterSpacing)" | "var(--eds-typography-heading3-lineHeight)" | "var(--eds-typography-title1-fontFamily)" | "var(--eds-typography-title1-fontSize)" | "var(--eds-typography-title1-fontWeight)" | "var(--eds-typography-title1-letterSpacing)" | "var(--eds-typography-title1-lineHeight)" | "var(--eds-typography-title2-fontFamily)" | "var(--eds-typography-title2-fontSize)" | "var(--eds-typography-title2-fontWeight)" | "var(--eds-typography-title2-letterSpacing)" | "var(--eds-typography-title2-lineHeight)" | "var(--eds-typography-title3-fontFamily)" | "var(--eds-typography-title3-fontSize)" | "var(--eds-typography-title3-fontWeight)" | "var(--eds-typography-title3-letterSpacing)" | "var(--eds-typography-title3-lineHeight)" | "var(--eds-typography-title4-fontFamily)" | "var(--eds-typography-title4-fontSize)" | "var(--eds-typography-title4-fontWeight)" | "var(--eds-typography-title4-letterSpacing)" | "var(--eds-typography-title4-lineHeight)";
5
+ interface SemanticToken {
6
+ readonly name: SemanticTokenName;
7
+ readonly type: SemanticTokenType;
8
+ readonly value: unknown;
9
+ readonly cssVariable: string;
10
+ }
11
+ type SemanticTokenMap = Readonly<Record<SemanticTokenName, SemanticToken>>;
12
+ declare const tokens: SemanticTokenMap;
13
+ declare const tokenNames: readonly SemanticTokenName[];
14
+ declare function cssVar(name: SemanticTokenName): SemanticTokenCssReference;
15
+
16
+ export { type SemanticToken, type SemanticTokenCssReference, type SemanticTokenCssVariable, type SemanticTokenMap, type SemanticTokenName, type SemanticTokenType, cssVar, tokenNames, tokens };
package/dist/tokens.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ type SemanticTokenName = "color-bg-brand-primary" | "color-bg-brand-primary-hover" | "color-bg-critical-primary" | "color-bg-critical-primary-hover" | "color-bg-critical-weak" | "color-bg-critical-weak-hover" | "color-bg-disabled" | "color-bg-informative-primary" | "color-bg-informative-primary-hover" | "color-bg-informative-weak" | "color-bg-informative-weak-hover" | "color-bg-layer-basement" | "color-bg-layer-default" | "color-bg-layer-default-hover" | "color-bg-layer-floating" | "color-bg-layer-floating-hover" | "color-bg-neutral-inverted" | "color-bg-neutral-inverted-hover" | "color-bg-neutral-primary" | "color-bg-neutral-primary-hover" | "color-bg-neutral-weak" | "color-bg-neutral-weak-hover" | "color-bg-positive-primary" | "color-bg-positive-primary-hover" | "color-bg-positive-weak" | "color-bg-positive-weak-hover" | "color-bg-transparent" | "color-bg-transparent-hover" | "color-bg-warning-primary" | "color-bg-warning-primary-hover" | "color-bg-warning-weak" | "color-bg-warning-weak-hover" | "color-fg-brand" | "color-fg-brand-contrast" | "color-fg-critical" | "color-fg-critical-contrast" | "color-fg-disabled" | "color-fg-focus" | "color-fg-informative" | "color-fg-informative-contrast" | "color-fg-neutral" | "color-fg-neutral-inverted" | "color-fg-neutral-secondary" | "color-fg-neutral-tertiary" | "color-fg-placeholder" | "color-fg-positive" | "color-fg-positive-contrast" | "color-fg-warning" | "color-fg-warning-contrast" | "color-stroke-brand-primary" | "color-stroke-critical-primary" | "color-stroke-critical-weak" | "color-stroke-focusRing" | "color-stroke-informative-primary" | "color-stroke-informative-weak" | "color-stroke-neutral-contrast" | "color-stroke-neutral-primary" | "color-stroke-neutral-secondary" | "color-stroke-neutral-weak" | "color-stroke-positive-primary" | "color-stroke-positive-weak" | "color-stroke-warning-primary" | "color-stroke-warning-weak" | "typography-body1-fontFamily" | "typography-body1-fontSize" | "typography-body1-fontWeight" | "typography-body1-letterSpacing" | "typography-body1-lineHeight" | "typography-body2-fontFamily" | "typography-body2-fontSize" | "typography-body2-fontWeight" | "typography-body2-letterSpacing" | "typography-body2-lineHeight" | "typography-body3-fontFamily" | "typography-body3-fontSize" | "typography-body3-fontWeight" | "typography-body3-letterSpacing" | "typography-body3-lineHeight" | "typography-body4-fontFamily" | "typography-body4-fontSize" | "typography-body4-fontWeight" | "typography-body4-letterSpacing" | "typography-body4-lineHeight" | "typography-caption1-fontFamily" | "typography-caption1-fontSize" | "typography-caption1-fontWeight" | "typography-caption1-letterSpacing" | "typography-caption1-lineHeight" | "typography-caption2-fontFamily" | "typography-caption2-fontSize" | "typography-caption2-fontWeight" | "typography-caption2-letterSpacing" | "typography-caption2-lineHeight" | "typography-caption3-fontFamily" | "typography-caption3-fontSize" | "typography-caption3-fontWeight" | "typography-caption3-letterSpacing" | "typography-caption3-lineHeight" | "typography-display1-fontFamily" | "typography-display1-fontSize" | "typography-display1-fontWeight" | "typography-display1-letterSpacing" | "typography-display1-lineHeight" | "typography-display2-fontFamily" | "typography-display2-fontSize" | "typography-display2-fontWeight" | "typography-display2-letterSpacing" | "typography-display2-lineHeight" | "typography-heading1-fontFamily" | "typography-heading1-fontSize" | "typography-heading1-fontWeight" | "typography-heading1-letterSpacing" | "typography-heading1-lineHeight" | "typography-heading2-fontFamily" | "typography-heading2-fontSize" | "typography-heading2-fontWeight" | "typography-heading2-letterSpacing" | "typography-heading2-lineHeight" | "typography-heading3-fontFamily" | "typography-heading3-fontSize" | "typography-heading3-fontWeight" | "typography-heading3-letterSpacing" | "typography-heading3-lineHeight" | "typography-title1-fontFamily" | "typography-title1-fontSize" | "typography-title1-fontWeight" | "typography-title1-letterSpacing" | "typography-title1-lineHeight" | "typography-title2-fontFamily" | "typography-title2-fontSize" | "typography-title2-fontWeight" | "typography-title2-letterSpacing" | "typography-title2-lineHeight" | "typography-title3-fontFamily" | "typography-title3-fontSize" | "typography-title3-fontWeight" | "typography-title3-letterSpacing" | "typography-title3-lineHeight" | "typography-title4-fontFamily" | "typography-title4-fontSize" | "typography-title4-fontWeight" | "typography-title4-letterSpacing" | "typography-title4-lineHeight";
2
+ type SemanticTokenType = "color" | "dimension" | "fontFamily" | "fontWeight";
3
+ type SemanticTokenCssVariable = "--eds-color-bg-brand-primary" | "--eds-color-bg-brand-primary-hover" | "--eds-color-bg-critical-primary" | "--eds-color-bg-critical-primary-hover" | "--eds-color-bg-critical-weak" | "--eds-color-bg-critical-weak-hover" | "--eds-color-bg-disabled" | "--eds-color-bg-informative-primary" | "--eds-color-bg-informative-primary-hover" | "--eds-color-bg-informative-weak" | "--eds-color-bg-informative-weak-hover" | "--eds-color-bg-layer-basement" | "--eds-color-bg-layer-default" | "--eds-color-bg-layer-default-hover" | "--eds-color-bg-layer-floating" | "--eds-color-bg-layer-floating-hover" | "--eds-color-bg-neutral-inverted" | "--eds-color-bg-neutral-inverted-hover" | "--eds-color-bg-neutral-primary" | "--eds-color-bg-neutral-primary-hover" | "--eds-color-bg-neutral-weak" | "--eds-color-bg-neutral-weak-hover" | "--eds-color-bg-positive-primary" | "--eds-color-bg-positive-primary-hover" | "--eds-color-bg-positive-weak" | "--eds-color-bg-positive-weak-hover" | "--eds-color-bg-transparent" | "--eds-color-bg-transparent-hover" | "--eds-color-bg-warning-primary" | "--eds-color-bg-warning-primary-hover" | "--eds-color-bg-warning-weak" | "--eds-color-bg-warning-weak-hover" | "--eds-color-fg-brand" | "--eds-color-fg-brand-contrast" | "--eds-color-fg-critical" | "--eds-color-fg-critical-contrast" | "--eds-color-fg-disabled" | "--eds-color-fg-focus" | "--eds-color-fg-informative" | "--eds-color-fg-informative-contrast" | "--eds-color-fg-neutral" | "--eds-color-fg-neutral-inverted" | "--eds-color-fg-neutral-secondary" | "--eds-color-fg-neutral-tertiary" | "--eds-color-fg-placeholder" | "--eds-color-fg-positive" | "--eds-color-fg-positive-contrast" | "--eds-color-fg-warning" | "--eds-color-fg-warning-contrast" | "--eds-color-stroke-brand-primary" | "--eds-color-stroke-critical-primary" | "--eds-color-stroke-critical-weak" | "--eds-color-stroke-focusRing" | "--eds-color-stroke-informative-primary" | "--eds-color-stroke-informative-weak" | "--eds-color-stroke-neutral-contrast" | "--eds-color-stroke-neutral-primary" | "--eds-color-stroke-neutral-secondary" | "--eds-color-stroke-neutral-weak" | "--eds-color-stroke-positive-primary" | "--eds-color-stroke-positive-weak" | "--eds-color-stroke-warning-primary" | "--eds-color-stroke-warning-weak" | "--eds-typography-body1-fontFamily" | "--eds-typography-body1-fontSize" | "--eds-typography-body1-fontWeight" | "--eds-typography-body1-letterSpacing" | "--eds-typography-body1-lineHeight" | "--eds-typography-body2-fontFamily" | "--eds-typography-body2-fontSize" | "--eds-typography-body2-fontWeight" | "--eds-typography-body2-letterSpacing" | "--eds-typography-body2-lineHeight" | "--eds-typography-body3-fontFamily" | "--eds-typography-body3-fontSize" | "--eds-typography-body3-fontWeight" | "--eds-typography-body3-letterSpacing" | "--eds-typography-body3-lineHeight" | "--eds-typography-body4-fontFamily" | "--eds-typography-body4-fontSize" | "--eds-typography-body4-fontWeight" | "--eds-typography-body4-letterSpacing" | "--eds-typography-body4-lineHeight" | "--eds-typography-caption1-fontFamily" | "--eds-typography-caption1-fontSize" | "--eds-typography-caption1-fontWeight" | "--eds-typography-caption1-letterSpacing" | "--eds-typography-caption1-lineHeight" | "--eds-typography-caption2-fontFamily" | "--eds-typography-caption2-fontSize" | "--eds-typography-caption2-fontWeight" | "--eds-typography-caption2-letterSpacing" | "--eds-typography-caption2-lineHeight" | "--eds-typography-caption3-fontFamily" | "--eds-typography-caption3-fontSize" | "--eds-typography-caption3-fontWeight" | "--eds-typography-caption3-letterSpacing" | "--eds-typography-caption3-lineHeight" | "--eds-typography-display1-fontFamily" | "--eds-typography-display1-fontSize" | "--eds-typography-display1-fontWeight" | "--eds-typography-display1-letterSpacing" | "--eds-typography-display1-lineHeight" | "--eds-typography-display2-fontFamily" | "--eds-typography-display2-fontSize" | "--eds-typography-display2-fontWeight" | "--eds-typography-display2-letterSpacing" | "--eds-typography-display2-lineHeight" | "--eds-typography-heading1-fontFamily" | "--eds-typography-heading1-fontSize" | "--eds-typography-heading1-fontWeight" | "--eds-typography-heading1-letterSpacing" | "--eds-typography-heading1-lineHeight" | "--eds-typography-heading2-fontFamily" | "--eds-typography-heading2-fontSize" | "--eds-typography-heading2-fontWeight" | "--eds-typography-heading2-letterSpacing" | "--eds-typography-heading2-lineHeight" | "--eds-typography-heading3-fontFamily" | "--eds-typography-heading3-fontSize" | "--eds-typography-heading3-fontWeight" | "--eds-typography-heading3-letterSpacing" | "--eds-typography-heading3-lineHeight" | "--eds-typography-title1-fontFamily" | "--eds-typography-title1-fontSize" | "--eds-typography-title1-fontWeight" | "--eds-typography-title1-letterSpacing" | "--eds-typography-title1-lineHeight" | "--eds-typography-title2-fontFamily" | "--eds-typography-title2-fontSize" | "--eds-typography-title2-fontWeight" | "--eds-typography-title2-letterSpacing" | "--eds-typography-title2-lineHeight" | "--eds-typography-title3-fontFamily" | "--eds-typography-title3-fontSize" | "--eds-typography-title3-fontWeight" | "--eds-typography-title3-letterSpacing" | "--eds-typography-title3-lineHeight" | "--eds-typography-title4-fontFamily" | "--eds-typography-title4-fontSize" | "--eds-typography-title4-fontWeight" | "--eds-typography-title4-letterSpacing" | "--eds-typography-title4-lineHeight";
4
+ type SemanticTokenCssReference = "var(--eds-color-bg-brand-primary)" | "var(--eds-color-bg-brand-primary-hover)" | "var(--eds-color-bg-critical-primary)" | "var(--eds-color-bg-critical-primary-hover)" | "var(--eds-color-bg-critical-weak)" | "var(--eds-color-bg-critical-weak-hover)" | "var(--eds-color-bg-disabled)" | "var(--eds-color-bg-informative-primary)" | "var(--eds-color-bg-informative-primary-hover)" | "var(--eds-color-bg-informative-weak)" | "var(--eds-color-bg-informative-weak-hover)" | "var(--eds-color-bg-layer-basement)" | "var(--eds-color-bg-layer-default)" | "var(--eds-color-bg-layer-default-hover)" | "var(--eds-color-bg-layer-floating)" | "var(--eds-color-bg-layer-floating-hover)" | "var(--eds-color-bg-neutral-inverted)" | "var(--eds-color-bg-neutral-inverted-hover)" | "var(--eds-color-bg-neutral-primary)" | "var(--eds-color-bg-neutral-primary-hover)" | "var(--eds-color-bg-neutral-weak)" | "var(--eds-color-bg-neutral-weak-hover)" | "var(--eds-color-bg-positive-primary)" | "var(--eds-color-bg-positive-primary-hover)" | "var(--eds-color-bg-positive-weak)" | "var(--eds-color-bg-positive-weak-hover)" | "var(--eds-color-bg-transparent)" | "var(--eds-color-bg-transparent-hover)" | "var(--eds-color-bg-warning-primary)" | "var(--eds-color-bg-warning-primary-hover)" | "var(--eds-color-bg-warning-weak)" | "var(--eds-color-bg-warning-weak-hover)" | "var(--eds-color-fg-brand)" | "var(--eds-color-fg-brand-contrast)" | "var(--eds-color-fg-critical)" | "var(--eds-color-fg-critical-contrast)" | "var(--eds-color-fg-disabled)" | "var(--eds-color-fg-focus)" | "var(--eds-color-fg-informative)" | "var(--eds-color-fg-informative-contrast)" | "var(--eds-color-fg-neutral)" | "var(--eds-color-fg-neutral-inverted)" | "var(--eds-color-fg-neutral-secondary)" | "var(--eds-color-fg-neutral-tertiary)" | "var(--eds-color-fg-placeholder)" | "var(--eds-color-fg-positive)" | "var(--eds-color-fg-positive-contrast)" | "var(--eds-color-fg-warning)" | "var(--eds-color-fg-warning-contrast)" | "var(--eds-color-stroke-brand-primary)" | "var(--eds-color-stroke-critical-primary)" | "var(--eds-color-stroke-critical-weak)" | "var(--eds-color-stroke-focusRing)" | "var(--eds-color-stroke-informative-primary)" | "var(--eds-color-stroke-informative-weak)" | "var(--eds-color-stroke-neutral-contrast)" | "var(--eds-color-stroke-neutral-primary)" | "var(--eds-color-stroke-neutral-secondary)" | "var(--eds-color-stroke-neutral-weak)" | "var(--eds-color-stroke-positive-primary)" | "var(--eds-color-stroke-positive-weak)" | "var(--eds-color-stroke-warning-primary)" | "var(--eds-color-stroke-warning-weak)" | "var(--eds-typography-body1-fontFamily)" | "var(--eds-typography-body1-fontSize)" | "var(--eds-typography-body1-fontWeight)" | "var(--eds-typography-body1-letterSpacing)" | "var(--eds-typography-body1-lineHeight)" | "var(--eds-typography-body2-fontFamily)" | "var(--eds-typography-body2-fontSize)" | "var(--eds-typography-body2-fontWeight)" | "var(--eds-typography-body2-letterSpacing)" | "var(--eds-typography-body2-lineHeight)" | "var(--eds-typography-body3-fontFamily)" | "var(--eds-typography-body3-fontSize)" | "var(--eds-typography-body3-fontWeight)" | "var(--eds-typography-body3-letterSpacing)" | "var(--eds-typography-body3-lineHeight)" | "var(--eds-typography-body4-fontFamily)" | "var(--eds-typography-body4-fontSize)" | "var(--eds-typography-body4-fontWeight)" | "var(--eds-typography-body4-letterSpacing)" | "var(--eds-typography-body4-lineHeight)" | "var(--eds-typography-caption1-fontFamily)" | "var(--eds-typography-caption1-fontSize)" | "var(--eds-typography-caption1-fontWeight)" | "var(--eds-typography-caption1-letterSpacing)" | "var(--eds-typography-caption1-lineHeight)" | "var(--eds-typography-caption2-fontFamily)" | "var(--eds-typography-caption2-fontSize)" | "var(--eds-typography-caption2-fontWeight)" | "var(--eds-typography-caption2-letterSpacing)" | "var(--eds-typography-caption2-lineHeight)" | "var(--eds-typography-caption3-fontFamily)" | "var(--eds-typography-caption3-fontSize)" | "var(--eds-typography-caption3-fontWeight)" | "var(--eds-typography-caption3-letterSpacing)" | "var(--eds-typography-caption3-lineHeight)" | "var(--eds-typography-display1-fontFamily)" | "var(--eds-typography-display1-fontSize)" | "var(--eds-typography-display1-fontWeight)" | "var(--eds-typography-display1-letterSpacing)" | "var(--eds-typography-display1-lineHeight)" | "var(--eds-typography-display2-fontFamily)" | "var(--eds-typography-display2-fontSize)" | "var(--eds-typography-display2-fontWeight)" | "var(--eds-typography-display2-letterSpacing)" | "var(--eds-typography-display2-lineHeight)" | "var(--eds-typography-heading1-fontFamily)" | "var(--eds-typography-heading1-fontSize)" | "var(--eds-typography-heading1-fontWeight)" | "var(--eds-typography-heading1-letterSpacing)" | "var(--eds-typography-heading1-lineHeight)" | "var(--eds-typography-heading2-fontFamily)" | "var(--eds-typography-heading2-fontSize)" | "var(--eds-typography-heading2-fontWeight)" | "var(--eds-typography-heading2-letterSpacing)" | "var(--eds-typography-heading2-lineHeight)" | "var(--eds-typography-heading3-fontFamily)" | "var(--eds-typography-heading3-fontSize)" | "var(--eds-typography-heading3-fontWeight)" | "var(--eds-typography-heading3-letterSpacing)" | "var(--eds-typography-heading3-lineHeight)" | "var(--eds-typography-title1-fontFamily)" | "var(--eds-typography-title1-fontSize)" | "var(--eds-typography-title1-fontWeight)" | "var(--eds-typography-title1-letterSpacing)" | "var(--eds-typography-title1-lineHeight)" | "var(--eds-typography-title2-fontFamily)" | "var(--eds-typography-title2-fontSize)" | "var(--eds-typography-title2-fontWeight)" | "var(--eds-typography-title2-letterSpacing)" | "var(--eds-typography-title2-lineHeight)" | "var(--eds-typography-title3-fontFamily)" | "var(--eds-typography-title3-fontSize)" | "var(--eds-typography-title3-fontWeight)" | "var(--eds-typography-title3-letterSpacing)" | "var(--eds-typography-title3-lineHeight)" | "var(--eds-typography-title4-fontFamily)" | "var(--eds-typography-title4-fontSize)" | "var(--eds-typography-title4-fontWeight)" | "var(--eds-typography-title4-letterSpacing)" | "var(--eds-typography-title4-lineHeight)";
5
+ interface SemanticToken {
6
+ readonly name: SemanticTokenName;
7
+ readonly type: SemanticTokenType;
8
+ readonly value: unknown;
9
+ readonly cssVariable: string;
10
+ }
11
+ type SemanticTokenMap = Readonly<Record<SemanticTokenName, SemanticToken>>;
12
+ declare const tokens: SemanticTokenMap;
13
+ declare const tokenNames: readonly SemanticTokenName[];
14
+ declare function cssVar(name: SemanticTokenName): SemanticTokenCssReference;
15
+
16
+ export { type SemanticToken, type SemanticTokenCssReference, type SemanticTokenCssVariable, type SemanticTokenMap, type SemanticTokenName, type SemanticTokenType, cssVar, tokenNames, tokens };